@charset "utf-8";

h4{border-bottom:1px dotted #003399; border-left:5px solid #003399; padding:8px 4px; margin:8px 0; clear:both;}

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

#Main p.read{margin:12px 0;}

#Main ul.flow li p.ph{width:130px;}
#Main ul.flow li p.txt{overflow:auto; zoom:1;}
#Main ul.flow li p.txt div{}

#Main .LineGray{border:1px solid #999999; padding:8px; margin-top:8px;}

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

#Main .blue{color:#003399;}

#Main ul.mrg{margin-left:18px; margin-bottom:20px; line-height:1.6em;}

#Main div.pr{background-color:#E1E9FB; padding:4px; text-align:center; font-size:1.2em; line-height:1.6em; margin-bottom:60px;}

#Main div.text{float:left; width:70%;}
#Main div.photo{float:right;}

@media screen and (max-width: 1100px){
#Main dl.price span{display:block;}
}

@media screen and (max-width: 800px){
}

@media screen and (max-width: 720px){
#Main br.clr{display:none;}

#Main dl.price dt{width:240px;}
#Main dl.price dd{margin-left:240px;}

}

@media screen and (max-width: 650px){
#Main div.text{float:left; width:66%;}
#Main div.photo{width:32%;}
#Main div.photo img{width:100%;}
}

@media screen and (max-width:580px){
#Main dl.price dt{width:auto; float:none;}
#Main dl.price dd{margin-left:0; float:none; border-left:none;}
#Main dl.price dd span{display:inline;}
}

@media screen and (max-width: 480px){
#Main ul.flow li p.ph{float:none;}
#Main br.clr{display:none;}


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