@charset "utf-8";

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


#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;}

ul.choice{margin:0 auto; list-style:none; text-align:center;}
ul.choice li{width:49%; display:inline-block; text-align:center;}

div.pointL{float:left; width:66%;}
div.pointR{float:right;}
div.point ul{padding-left:24px;}

p.notes{font-size:0.8em;}

dl.merit{margin-bottom:20px;}
dl.merit dt, dl.merit dd{border-left:2px solid #003399; margin:0;}
dl.merit dt{margin-top:24px; padding-left:4px; font-weight:bold; border-left:12px solid #003399; font-size:1.1em;}
dl.merit dd{padding-left:4px; margin-left:10px;}

ul.flow li{ border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; }
ul.flow li.arrow{padding:0;}
ul.flow p{clear:both; vertical-align:middle; padding:8px 4px;}

/*料金*/
p.pr{ font-size:1.2em;}
table.price{border-collapse:collapse; border-bottom:1px solid #CCCCCC; border-left:1px solid #CCCCCC; margin-left:auto; margin-bottom:8px; width:96%;}
table.price th, table.price td{border-top:1px solid #CCCCCC; border-right:1px solid #CCCCCC; padding:8px;}
table.price th{background-color:#F0F3FF;}
table.price td{text-align:right;}
table.price td.noitem{border-right:none;}

div.area{margin-top:60px;}
div.areaL{float:left; padding-right:12px;}
div.areaR{float:left; width:54%;}
div.areaR ul{padding-left:24px; margin:0;}

/*目*/
div.eye{margin:12px 0 30px 0;}
div.eyeR{float:right;}
div.eyeL{float:left; width:74%;}


@media screen and (max-width:1050px){
div.areaR{width:49%;}

div.eyeL{width:64%;}
}

@media screen and (max-width:980px){
ul.choice li{width:49%; text-align:center;}
ul.choice li img{width:100%;}

}

@media screen and (max-width:950px){
ul.choice li{width:auto;}
div.eyeL{width:74%;}
}

@media screen and (max-width:760px){
ul.choice li{width:46%; text-align:center;}
ul.choice li img{width:100%;}

div.areaL{float:none;}
div.areaR{float:none; width:auto;}

div.eyeL{width:64%;}

table.price span{display:block;}
}

@media screen and (max-width:560px){
div.eyeL{width:auto; float:none;}
div.eyeR{float:none; text-align:center;}
}