@charset "utf-8";
/* CSS Document */
#Main .red{color:#CC0000;}

#Main .banar{text-align:center; margin:20px 0 0 0; line-height:0;}
#Main .banar img{width:100%;}
#Main .banartxt{text-align:center; color:#3366CC; font-size:1.2em; font-weight:700; margin:0 0 40px 0;}

#Main p{line-height:1.6em;}
#Main dl.pr{}
#Main .pr dt{ width:80px; border-left:12px solid #336699; padding-left:2px; color:#336699; float:left;}
#Main .pr dd{margin-left:12px; margin-bottom:12px;}

#Main ul.flow{margin-left:24px;}

#Main dl.data{ }
#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:20px;}

@media screen and (max-width: 650px){
#Main .banar img{width:100%;}
#Main .banartxt span{display:block;}

#Main ul.ph li{text-align:center; float:none;}

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

#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 dl.pr dt{float:none; width:auto;}
#Main dl.pr dd{float:none; border-left:none; margin-left:0;}

#Main .tel span{display:block;}

#Main ul.flow li p.ph{float:none;}
#Main ul.flow li p.txt{float:none;}


#Main .ex .ph{float:none; width:auto; margin-top:12px;}
#Main .wh img{width:100%;}
#Main .ex .txt{ float:none; width:100%;}

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

}