BODY 	{ 
	line-height : 1.3em; 
	margin : 0.5% ; 
	padding : 1%;
	background-image : url(../bg_yoko_green.gif); 
	background-repeat : repeat-y;
	} 

UL	{
	margin-left : 7% ; 
	}

P 	{
	margin-top    	: 0.5%;	/*上マージン（枠の外）を表示領域幅の 1% 確保*/
  	margin-right  	: 2%;   /*右マージンを表示領域幅の 7% 確保*/
  	margin-bottom 	: 0.5%;   /*下マージンを表示領域幅の 1% 確保*/
  	margin-left   	: 5%;   /*左マージンを表示領域幅の 5% 確保*/
  	padding-top    	: 1%;   /*上パディングを要素幅の 2% 確保*/
  	padding-right  	: 1%;   /*右パディングを要素幅の 0% 確保*/
  	padding-bottom 	: 1%;   /*下パディングを要素幅の 3% 確保*/
  	padding-left   	: 1%;   /*左パディングを要素幅の 5% 確保*/
	} 


H1 	{ 
	width            : 70%;
	color		: #8cdf96; 
	border-bottom 	: 2px solid  #ffffff;    
	margin-top    	: 1.5%;	/*上マージン（枠の外）を表示領域幅の 1% 確保*/
  	margin-right  	: 1%;   /*右マージンを表示領域幅の 7% 確保*/
  	margin-bottom 	: 1.5%;   /*下マージンを表示領域幅の 1% 確保*/
  	margin-left   	: 1%;   /*左マージンを表示領域幅の 5% 確保*/
	padding		:1.5%; /* パディング：4px */ 
	} 


H2,H3	{
	margin-top    	: 1.5%;	/*上マージン（枠の外）を表示領域幅の 1% 確保*/
  	margin-bottom 	: 1.5%;   /*下マージンを表示領域幅の 1% 確保*/
	}

H2 	{   
	background-color :  #f1ffea ;
	border-left : 1.5em solid #9cffa6;  
	border-bottom : 2px solid #9cffa6; 
	margin-top    	: 1.5%;	/*上マージン（枠の外）を表示領域幅の 1% 確保*/
  	margin-bottom 	: 1.5%;   /*下マージンを表示領域幅の 1% 確保*/
  	margin-left   	: 2%;   /*左マージンを表示領域幅の 5% 確保*/
  	margin-right  	: 1%;   /*右マージンを表示領域幅の 7% 確保*/
  	padding-top    	: 1.2%;   /*上パディングを要素幅の 2% 確保*/
  	padding-right  	: 1%;   /*右パディングを要素幅の 0% 確保*/
  	padding-bottom 	: 1%;   /*下パディングを要素幅の 3% 確保*/
  	padding-left   	: 1%;   /*左パディングを要素幅の 5% 確保*/
	color:#333333; /* 文字色： */ 
	} 

H3 	{ 
	background-color :  #d5ffcf ;
	border-left	: 1em solid #9cffa6;  
	border-bottom : 2px solid #9cffa6; 
	margin-top    	: 1.5%;	/*上マージン（枠の外）を表示領域幅の 1% 確保*/
  	margin-bottom 	: 1.5%;   /*下マージンを表示領域幅の 1% 確保*/
  	margin-left   	: 3%;   /*左マージンを表示領域幅の 5% 確保*/
  	margin-right  	: 1%;   /*右マージンを表示領域幅の 7% 確保*/
  	padding-top    	: 0.7%;   /*上パディングを要素幅の 2% 確保*/
  	padding-right  	: 1%;   /*右パディングを要素幅の 0% 確保*/
  	padding-bottom 	: 0.5%;   /*下パディングを要素幅の 3% 確保*/
  	padding-left   	: 1%;   /*左パディングを要素幅の 5% 確保*/
	color:#555555; /* 文字色： */ 
	} 

H4 	{ 
	border-left : 0.7em solid #9cffa6;  
	border-bottom : 1px solid #9cffa6; 
  	margin-left   	: 4%;   /*左マージンを表示領域幅の 5% 確保*/
  	margin-right  	: 10%;   /*右マージンを表示領域幅の 7% 確保*/
  	padding-top    	: 0.6%;   /*上パディングを要素幅の 2% 確保*/
  	padding-right  	: 1%;   /*右パディングを要素幅の 0% 確保*/
  	padding-bottom 	: 0.4%;   /*下パディングを要素幅の 3% 確保*/
  	padding-left   	: 1%;   /*左パディングを要素幅の 5% 確保*/
	color:#555555; /* 文字色： */ 
	} 

H5 	{  
	border-left 	: 1.5em double #9cffa6;  
  	margin-left   	: 5%;   /*左マージンを表示領域幅の 5% 確保*/
  	margin-right  	: 1%;   /*右マージンを表示領域幅の 7% 確保*/
  	padding-top    	: 0%;   /*上パディングを要素幅の 2% 確保*/
  	padding-right  	: 1%;   /*右パディングを要素幅の 0% 確保*/
  	padding-bottom 	: 0%;   /*下パディングを要素幅の 3% 確保*/
  	padding-left   	: 1%;   /*左パディングを要素幅の 5% 確保*/
	color:#555555; /* 文字色： */ 
	} 




A 	{ 
	text-decoration: none; 
	} 

A:Link { /*未訪問のアンカー*/ 
	text-decoration: none; 
	color: #009; 
	} 

A:Visited{ /*訪問済みのアンカー*/ 
	text-decoration: none; 
	color: #66f; 
	} 

A:Active{ /*選択中のアンカー*/ 
	text-decoration: none; 
	color: #00f; 
	} 

A:Hover{ /*マウスが通過しているアンカー(CSS2)*/ 
	color: #f00; 
	text-decoration: underline; 
	background-color: #fdd; 
} 


PRE	{
	background-color :#9affa1;
	margin-top    	: 1%;	/*上マージンを表示領域幅の 1% 確保*/
  	margin-right  	: 25%;   /*右マージンを表示領域幅の 7% 確保*/
  	margin-bottom 	: 1%;   /*下マージンを表示領域幅の 1% 確保*/
  	margin-left   	: 8%;   /*左マージンを表示領域幅の 5% 確保*/
  	padding-top    	: 1px;   /*上パディングを要素幅の 2% 確保*/
  	padding-right  	: 1%;   /*右パディングを要素幅の 0% 確保*/
  	padding-bottom 	: 1px;   /*下パディングを要素幅の 3% 確保*/
  	padding-left   	: 1%;   /*左パディングを要素幅の 5% 確保*/
	}

div	{
	margin-right		: 1.5%;
	margin-bottom		: 1%;
	}


.footer	{

	margin-top	: 2%	;
  	margin-left   	: 8%	;   
	margin-right	: 1%	;
	text-align	: right;    /*要素をright揃えにする*/
	padding		: 1%;
	}