@charset "utf-8";
/* CSS Document */

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

#Main .Left{float:left; width:80%; margin-bottom:20px;}
#Main .Right{float:right; width:100px;}


#Main .Point{border:1px solid #CCCCCC; background-color:#E1E9FB; padding:6px; clear:both; margin:12px 0; overflow:hidden; zoom:1;}
#Main .PLeft{float:left; width:110px;}
#Main .PRight{float:right; width:78%; line-height:1.6em;}
#Main .PRight dt{font-weight:700; color:#003399;}
#Main .PRight dd{margin-bottom:8px;}

#Main ul.ph{list-style:none; margin-bottom:60px;}
#Main ul.ph li{ display:inline; padding-right:24px; margin:6px 0;}

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

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

/**フェザーリフト**/
#Main .blue{color:#003399;}
#Main ul.mrg{margin-left:18px; line-height:1.6em;}
#Main .BoxBlue{background-color:#E1E9FB; padding:8px; margin-bottom:60px;}

#Main div.Lft{float:left; width:48%; margin-top:20px;}
#Main div.Rht{margin:20px 0; float:right; width:48%;}

#Main div.fath{background-color:#EEEEEE; clear:both; padding:8px; margin-bottom:60px; overflow:hidden; zoom:1;}
#Main div.fath p{float:left;}
#Main div.fath p.txt{width:67%; padding-left:8px;}

#Main dl.merit{ line-height:1.6em;}
#Main dl.merit dt{color:#CC0000; font-weight:700;}
#Main dl.merit dd{margin-bottom:12px;}

@media screen and (max-width: 700px){
#Main div.Lft{float:none; width:100%; margin-top:20px;}
#Main div.Rht{margin:20px 0; float:none; width:100%;}

#Main div.fath{}
#Main div.fath p{float:none;}
#Main div.fath p.txt{width:auto; padding-right:12px;}
}

@media screen and (max-width: 650px){
#Main .Left{float:none; width:100%;}
#Main .Right{float:none; width:auto; text-align:center;}
#Main .PRight{float:right; width:70%;}

}

@media screen and (max-width: 480px){
#Main .PLeft{ display:none;}
#Main .PRight{float:none; width:100%;}
}

@media screen and (max-width: 320px){
#Main ul.ph img{width:100%;}

#Main div.Rht img{width:100%;}
}