@charset "utf-8";

#Main p{line-height:1.6em;}

#Main .read{margin:20px 0;}

#Main .featue .ph{width:90px; float:right;}
#Main .featue .txt{ float:left; width:83%;}
#Main .txt ul{margin-left:18px; margin-bottom:12px; line-height:1.6em;}

#Main .no{clear:both; background-color:#EEEEEE; padding:8px 0 8px 18px; margin:12px 0 60px 0; }

#Main dl.data{ margin-bottom:60px;}
#Main .data dt{font-weight:700; color:#003399; border-left:6px double #339900; padding:0 0 0 6px;}
#Main .data dd{line-height:1.6em; margin-bottom:30px;}
#Main .data dd p{margin-left:14px;}

#Main .flow{margin-bottom:60px;}
#Main .flow .ph{float:left; width:132px;}
#Main .flow .txt{ float:left; width:74%;}

#Main .flow .txt ol{margin-left:24px; margin-bottom:12px; line-height:1.6em;}
#Main .flow .txt li{margin-bottom:8px;}


#Main .BoxPink{ border:none; border-top-left-radius: 6px;
	border-top-right-radius: 6px;	
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;	
	border:none;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;	  
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px; 	 
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;	  
    -moz-border-radius-bottomright: 6px;
		background-color:#F8DFC0; padding:8px; text-align:center; margin-bottom:20px;}
#Main .red{color:#CC0000;}

#Main dl.price{border:1px solid #003366; border-bottom:none; background-color:#E1E9FB; margin-bottom:40px; width:80%;}
#Main dl.price dt{border-bottom:1px solid #003366; padding:4px; float:left; clear:both; width:240px;}
#Main dl.price dd{border-bottom:1px solid #003366; border-left:1px solid #003366; padding:4px; margin-left:240px; background-color:#FFFFFF; text-align:right;}

#Main .Link{border:none; border-top-left-radius: 6px;
	border-top-right-radius: 6px;	
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;	
	border:none;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;	  
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px; 	 
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;	  
    -moz-border-radius-bottomright: 6px;
		background-color:#E1E9FB; padding:8px 12px; margin-bottom:60px;}
		
#Main .Link div.photo{float:left; padding-right:12px;}
#Main .Link div.text{float:left; width:78%;}
		
#Main ul.yag{margin-left:18px; line-height:1.6em;}

@media screen and (max-width: 720px){
#Main .flow .txt{width:72%;}
}

@media screen and (max-width: 650px){
#Main .featue .txt{ width:73%;}

#Main .flow .txt{ float:left; width:65%;}

#Main dl.price{width:100%;}

#Main dl.price dt{ float:none; width:auto;}
#Main dl.price dd{margin-left:0; border-left:none;}

#Main p.br span{display:block;}

#Main .Link div.text{width:68%;}

}

@media screen and (max-width: 480px){
#Main .featue .ph{ float:none; text-align:center; width:auto;}
#Main .featue .txt{ float:none; width:auto;}

#Main .flow .ph{float:none; text-align:center; width:auto;}
#Main .flow .txt{width:auto; float:none;}

#Main .Link div.photo{float:none; text-align:center;}
#Main .Link div.text{float:none; width:auto;}
}