@charset "utf-8";
#Main p{line-height:1.6em;}

#Main p.read{margin-top:20px;}

.orange{color:#FF6600;}

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

/*タブ*/
#Main ul.tab{margin:12px 0; padding:0; list-style:none; width:100%; line-height:1.6em;}
#Main ul.tab li{float:left; width:32%;}
#Main ul.tab li a {display: block; width:100%; background-color:#EEEEEE; border:1px solid #9EBEE4;	border-bottom:none;	color:#666666; text-align: center; padding:8px 0;}
#Main ul.tab li a:hover{background-color:#CCCCCC; color:#333333; text-decoration:none;}
#Main ul.tab li.active a{background-color:#5C91CB; color:#FFFFFF; border-left:1px solid #5C91CB; font-weight:700;}

#Main div.ttl{border-top:6px solid #5C91CB; clear:both;}

/**/
#Main div.BoxBlue{margin:6px 0;}

/*先生*/
#Main div.photo{float:left; width:130px;}
#Main div.text{float:left; margin-top:12px;}

/*ポイント*/
#Main dl.point{line-height:1.6em; margin-top:12px;}
#Main dl.point dt{color:#CC0000; font-weight:700;}
#Main dl.point dd{margin-bottom:12px;}

/*比較表*/
#Main table{border:1px solid #CCCCCC; border-top:none; border-left:none;}
#Main table th, #Main table td{padding:6px 4px; border-top:1px solid #CCCCCC; border-left:1px solid #CCCCCC;}
#Main table th{background-color:#E0E7FE;}
#Main table td{}
#Main table td.none{background-color:#CCCCCC;}

/*症例写真*/
#Main ul.ph{list-style:none;}
#Main ul.ph li{float:left; padding-right:24px; margin:6px 0;}


/**************/
/*料金案内*/
/**************/
/*注意書き*/
#Main p.note{color:#006699; font-weight:700;}

/*料金*/
#Main .ds_pr .ph{float:left; width:160px; margin-bottom:50px;}
#Main .ds_pr .txt{float:left; width:72%; margin-bottom:50px;}
#Main .ds_pr .txt strong{font-size:1.2em; line-height:2em; border-bottom:1px dotted #99CCCC;}

/*料金　タイトル*/
#Second .dssm_price h3{margin-top:50px; clear:both;}


/*ゼニカル詳細*/
#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: 720px){
/*料金*/
#Main .ds_pr .txt{width:60%;}
}

@media screen and (max-width: 650px){
#Main ul.tab{font-size:0.9em;}
#Main ul.tab li a{ padding:6px 0;}
#Main ul.tab li span{display:block;}
}

@media screen and (max-width: 480px){
#Main div.text{float:nonet; margin-top:0;}

/*料金*/
#Main .ds_pr .ph{float:none; width:160px; margin-bottom:0;}
#Main .ds_pr .txt{float:none; width:auto;}
}