@charset "shift-jis";

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// TOP
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

/*-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// Main Image
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----*/

#main_img{
	width:916px;
	margin:5px auto 0;
	min-height:270px;
	height:auto !important;
	height:270px;
	border:solid 1px #e0dddb;
	background:url(../images/main_img.jpg) left top no-repeat #e4deb0;	
}

#main_img_wrap{
	padding-bottom:10px;
	margin:0px 11px 10px;
	width:916px;
	background:url(../images/main_bottom.gif) left bottom repeat-x;	
}

#main_img ul,#main_img p{float:left;}

#main_img ul{width:285px;}
#main_img li{
	height:154px;
	text-indent:-9999px;
}
#main_img #cam_btn{height:101px;}

#main_img li a{
	width:240px;
	height:101px;
	display:block;
	margin-left:14px;
}

#main_img li a:hover{background:url(../images/cambtn_on.gif) left top no-repeat #e4deb0;}

#main_img p{
	width:380px;
	margin-top:135px;
	padding-bottom:30px;	
}


/*-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// Medical Information
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----*/

#medical_info_wrap{
	width:908px;
	margin:0 auto 10px;
	background:url(../images/minfo_bg.gif) left top repeat-y;
	
}

#medical_info_outer{background:url(../images/minfo_top.gif) left top no-repeat;}
#medical_info{
	min-height:466px;
	height:auto !important;
	height:466px;
	padding-bottom:20px;
	background:url(../images/minfo_bottom.gif) left bottom no-repeat;
}

#medical_info h2{
	height:26px;
	text-indent:-9999px;
	background:url(../images/top_h01.gif) left top no-repeat;
}

#medical_info ul{
	padding:0 0 12px 13px;
}

#medical_info li{
	width:287px;
	height:82px;
	height:1%;
	float:left;
	margin-right:10px;
	padding:8px 0;
	background:url(../images/info_line.gif) left bottom repeat-x;
}


#medical_info li img{margin:15px 0 0 15px;}
* html #medical_info li img{margin:15px 0 0 7px;}

#medical_info p{
	width:76px;
	height:76px;
	float:left;
	background:url(../images/img_bg.gif) 0 0 no-repeat;
}

#medical_info p img{margin:8px !important;}


/*-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// top_bottom
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----*/

#top_bottom{
	width:895px;
	margin:0 auto 10px;
	font-size:80%;
}

/*-----+-----+-----+-----+-----+
+-----+// topbox01
+-----+-----+-----+-----+-----+*/

#topbox01_wrap{
	width:630px;
	float:left;
	background:url(../images/topbox_bg01.gif) left top repeat-y;
}

#topbox01{

	background:url(../images/topbox_bottom01.gif) left bottom no-repeat;
}

#topbox01 h2{
	width:630px;
	height:60px;
	margin-bottom:10px;
	text-indent:-9999px;
	background:url(../images/top_h02.gif) left top no-repeat;
}

#topbox01 p{float:left;}

/*-----+-----+-----+-----+-----+
+-----+// topbox02
+-----+-----+-----+-----+-----+*/

#topbox02_wrap{
	width:250px;
	float:left;
	margin-left:15px;
	background:url(../images/topbox_bg02.gif) left top repeat-y;
}

#topbox02{

	background:url(../images/topbox_bottom02.gif) left bottom no-repeat;
}

#topbox02 h2{
	width:250px;
	height:30px;
	text-indent:-9999px;
	background:url(../images/top_h03.gif) left top no-repeat;
}

#topbox02 li{
	float:left;
	padding-left:10px;
}

#topbox02 .qr_text01 strong{
	width:150px;
	font-size:140%;
	display:block;
	margin:10px 0 5px;
}

#topbox02 .qr_text02{
	width:200px;
	padding:2px 0 5px 20px;
}

#topbox02 .qr_text02 strong{color:#D42E75;}

/*-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// Top Bnr Area
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----*/

#top_bnrarea{
	width:895px;
	margin:0 auto ;
}

#top_bnrarea li{
	float:left;
	color:#D42E75;
	margin-right:10px;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// 下層ページ用
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// H2
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

#title{
	width:920px;
	margin:4px auto 0;
	background:url(../images/main_bottom.gif) left bottom repeat-x;
	padding-bottom:10px;
	margin-bottom:10px;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// H3
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
h3.text{
	font-size:120%;
	font-weight:bold;
	color:#D42E75;
	border-bottom:solid 1px #fbedf3;
}


/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// Side bar
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

#m_detail h3{
	width:250px;
	height:34px;
	text-indent:-9999px;
}

/*-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// Medical
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----*/

#m_detail {height:1%;}

#m_detail h3{
	background:url(../images/menu_medical.gif) left top no-repeat;
}

#m_detail.sub h3{
	text-indent:0;
	color:#f86081;
	font-size:130%;
	font-weight:bold;
	padding:7px 0 0 10px;
	background:url(../cmn_images/detail_bg.gif) left top no-repeat;
}

#m_detail li a{
	width:240px;
	display:block;
	text-decoration:none;
	padding:10px 0 5px 10px;
	background:url(../images/medical_bg.gif) 0 0 no-repeat;
}

#m_detail li a:hover{
	color:#D42E75;
	background:url(../images/medical_bg.gif) -250px 0 no-repeat;
}

#m_detail.sub li a{
	min-height:20px;
	height:auto !important;
	height:20px;
	font-size:100%;
	padding:10px 0 5px 10px;
}

#m_detail.sub li.stay a{color:#D42E75;}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// Detail
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

#detail_info{
	width:590px;
	margin:0 auto;
	background:none;
}

#detail_info li{
	width:285px;
	height:1%;
	float:left;
	margin:0 20px 15px 0;
}

#detail_info p{
	height:auto;
	min-height:60px;
	height:auto !important;
	height:60px;
	padding:8px 8px 8px 0;
	background:url(../images/img_bg.gif) 0 0 no-repeat;
}

#detail_info p img{float:left;margin-left:8px;}

#detail_info p.subtxt{
	background:none;
	min-height:40px;
	height:auto !important;
	height:40px;
}

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// ヒアルロン酸　■detail/shiwa/index.php
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

.shiwa_box{
	height:1%;	
	margin:0 auto 15px;
	padding:10px 40px;
	border:solid 1px #ff9999;
	width:460px;
}

.shiwa_box dl{
	height:1%;
	margin-bottom:10px;
}
.shiwa_box dt{
	width:70px;
	height:19px;
	float:left;
	margin-right:10px;
	text-indent:-9999px;
	background:url(../images/shiwa_icon01.gif) left top no-repeat;
}

.shiwa_box dd{
	float:left;
	padding:2px 0 0 15px;
	margin-right:10px;
	background:url(../images/shiwa_icon02.gif) left 4px no-repeat;
}

.shiwa_box h3.text{
	width:380px;
	overflow:hidden;
}

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// サーマクール　■detail/shiwa/thermacool.php
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

dl.icon dt{
	color:#D42E75;
	padding-left:22px;
	background:url(/cmn_images/li.gif) left 1px no-repeat;
}

dl.icon dd{padding-left:20px;margin-bottom:5px;}

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// プラセンタ　■detail/skincare/placenta.php
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

dl#placenta.icon dt{
	color:#D42E75;
	font-weight:normal;
	background:url(../images/allow.gif) 2px center no-repeat;
}

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// 金の糸　■detail/gold/index.php
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

.underline{
	padding-bottom:20px;
	border-bottom:dashed 1px #cccccc;
}

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// 手術費用と時間の目安　■price/index.php
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

table.price{
	font-size:13px;
	width:100%;
	line-height:130%;
	margin-bottom:20px;	
	border-right:solid 1px #cccccc;
	border-bottom:solid 1px #cccccc;	
}

table.price th,table.price td{
	padding:5px;
	border-top:solid 1px #cccccc;
	border-left:solid 1px #cccccc;
}

table.price th{background:#fbedf3;font-weight:bold;}

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// クリニック所在地　■clinic/index.php
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

.freedial{
	padding:5px;
	font-weight:bold;
	font-size:140%;
	color:#af4949;
	margin-bottom:20px;
	text-align:center;
	border:dashed 1px #af4949;
}

.staff{
	padding:2px;
	border:solid 1px #cbcbcb;
}
#clinic_info {
	height:1%;
	margin-bottom:5px;
}
#clinic_info li{
	width:280px;
	float:left;
}
#clinic_info li span{
	font-size:140%;
	color:#990000;
}


#map {padding:1px;border:solid 1px #ccc;}


/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// ドクター経歴　■doctor/index.php
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

#docter {margin-bottom:20px;}

#docter h4{
	font-size:110%;
	color:#af4949;
	font-weight:bold;
	line-height:1.4em;
	padding:5px 0 2px 5px;
	border:solid 1px #dddddd;
	border-top:none;
	margin-bottom:10px;
	background:url(/cmn_images/h3_bg.gif) left top repeat-x;
}

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// サイトマップ　■info/sitemap.php
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

#sitemap{height:1%;}

#sitemap dl{
	width:600px;
	padding-bottom:10px;
	margin-bottom:20px;
	background:url(../images/line.gif) left bottom repeat-x;
}

#sitemap dt {
	font-weight:bold;
	padding:15px 5px;
	background:#ebebeb;
	background:url(../images/line.gif) left top repeat-x;
}

#sitemap dt.fast{
	padding-top:0;
	background:none;
}

#sitemap dd{
	padding-left:25px;
	margin-bottom:5px;
	background:url(../images/allow.gif) 5px 3px no-repeat;
}

#sitemap dl a{color:#333333;}
#sitemap dl a:hover{color:#D42E75;}

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// メールフォーム
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

table.mailform{
	font-size:13px;
	width:600px;
	line-height:130%;
	margin-bottom:20px;
	border-collapse:collapse;border-spacing:0;
}

table.mailform th,table.mailform td{
	padding:10px 5px;
	text-align:left;
	background:url(../images/line.gif) left bottom repeat-x;
}

table.mailform .tb{width:160px;font-weight:bold;}
table.mailform .tb span{font-weight:bold;font-size:80%;color:#990000;}
table.mailform .bg{background:#e5e5e5;}
table.mailform .attention{font-size:80%;color:#990000;}
table.mailform .s{font-size:80%;}

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// Campaign
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

#clinic_campain p{margin-bottom:15px;}
#clinic_campain img{width:580px;}





/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// Form
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

.mailformBox { margin: 40px 0 50px;}
.mailFormTab { text-align: center;}
.mailFormTab ul.tab {list-style:none; margin: 0; padding: 0;}
.mailFormTab ul.tab li { line-height:1; display:inline-block; vertical-align:middle; margin: 0 10px;}
*:first-child+html .mailformBox ul.tab li { /* IE hack */ display: inline; zoom: 1; }
.mailFormTab ul.tab li a {font-size: 14px; display: block;background-color: #999;padding: 10px 0 5px; color:#FFF;text-shadow: 0px -1px #aaa; opacity: 0.7; margin-top: 5px; width: 300px;transition: all .1s linear; }
.mailFormTab ul.tab li a:hover { text-decoration: none; }

.mailFormTab ul.tab li a.selected {opacity: 1; margin-top: 0px; padding-bottom: 10px;}
.mailFormTab ul.tab li a.colorPink { background-color: #E45A95;}
.mailFormTab ul.tab li a.colorBlue { background-color: #5C99DC;}
.mailFormTabContents .panelInn { border-top:solid 1px #ccc; border-bottom:solid 1px #ccc;border-left:solid 1px #ccc;border-right:solid 1px #ccc;transition: all .1s linear;}
.mailFormTabContents .panelInn.colorPink { border-top:solid 10px E45A95;border-bottom:solid 1px E45A95;border-left:solid 1px E45A95;border-right:solid 1px E45A95;}
.mailFormTabContents .panelInn.colorBlue { border-top:solid 10px #5C99DC;border-bottom:solid 1px #5C99DC;border-left:solid 1px #5C99DC;border-right:solid 1px #5C99DC;}
.mailFormTabContents .panelInn .formLead { border-bottom: solid 1px #ccc; text-align: center; line-height: 1.2;padding: 1px 0 10px;}
.mailFormTabContents .panelInn .formLead h3 { font-weight: normal; font-size: 20px; margin-bottom: 0.5em;}
.mailFormTabContents .panelInn .formLead ul { margin-right: auto; margin-left: auto; width: 450px;font-size: 12px;}
.mailFormTabContents .panelInn .formLead ul li { text-align: left; margin: 0.5em 0;}
.mailFormTabContents .panelInn .formLead ul li .colorBlack { color: #222;}

.mailFormTabContents .panelInn.colorPink .formLead {border-bottom:solid 1px E45A95;}
.mailFormTabContents .panelInn.colorBlue .formLead {border-bottom:solid 1px #5C99DC;}

.mailFormTabContents .panelInn.colorPink .formLead h3,
.mailFormTabContents .panelInn.colorPink .formLead ul li {color: #E45A95;}
.mailFormTabContents .panelInn.colorBlue .formLead h3  {color: #5A99DC;}
.mailFormTabContents .panelInn.colorBlue .formLead ul li{color: #E45A95;}

form { margin: 0; padding: 0;}
form p { text-align: center; padding: 12px 0; }
.formRequired {color: #E45A95;}
.formEx {font-size: 10px;}
span.iconRequired { white-space: nowrap; }

.formSheet {line-height: 1.5;}
.formSheet > tbody > tr > th {font-size: 14px; font-weight: normal; text-align: left; padding: 12px 2px 12px 12px; width: 220px; border-bottom: solid 2px #FFF; border-right: solid 2px #FFF; vertical-align: top;}
.formSheet > tbody > tr > td {font-size: 13px; vertical-align: top; padding: 12px 12px; border-bottom: solid 2px #FFF;}

.formSheet input[type="text"],
.formSheet select,
.formSheet textarea { border: solid 1px #D6D6D6; font-size: 12px; padding: 5px 6px; vertical-align: middle;
 position: relative; top: -3px;}
.formSheet input[type="checkbox"] { vertical-align: middle;}
.formSheet label { width: 184px; }
.formSheet label.ctHead { width: 100%; font-size: 14px; padding-top: 15px; border-bottom: 2px dotted #ccc;}
.formSheet label.ctHead:nth-child(1) { padding-top: 0; }
.formSheet .fPink { color: #E45A95; }
.formSheet .mgnTS .fPink { font-size: 14px; }
form#mailformpro label.mfp_checked,
form#mailformpro label.mfp_not_checked { margin-right: 0 !important; padding: 3px 0 !important; border: none !important; }
form#mailformpro label { white-space: pre-wrap !important; }
.mgnTS { margin-top:20px !important;}

.formSheet td { background-color: #eee;}
.formSheet .bgColor td { background-color: #fff;}
.mailFormTabContents .panelInn.colorPink .formSheet > tbody > tr > th { background-color: #F9DDE9;}
.mailFormTabContents .panelInn.colorPink .formSheet > tbody > tr.bgColor > th { background-color: #FDF4F8;}
.mailFormTabContents .panelInn.colorBlue .formSheet > tbody > tr > th { background-color: #DFF3FD;}
.mailFormTabContents .panelInn.colorBlue .formSheet > tbody > tr.bgColor > th { background-color: #EFF9FE;}
.mailFormTabContents .panelInn.colorPink .formSheet.colorBlue > tbody > tr > th { background-color: #EFF9FE;}
.mailFormTabContents .panelInn.colorPink .formSheet.colorBlue > tbody > tr.bgColor > th { background-color: #DFF3FD;}
ul.checkboxList { list-style: none;padding: 0; margin: 0;}
ul.checkboxList li { float: left; white-space: nowrap; margin: 3px 12px 3px 0;}
ul.checkboxList li.other { float: none; clear: left;}

form#mailformpro { padding: 0 !important; }
tr.tab { width: 100%; line-height: 1;}
tr.tab th {font-size: 18px !important; }
tr.tab td {font-size: 18px !important; }
tr.tab br { line-height: 1.5;}
tr.tab .formEx {font-size: 15px;}
tr.tab .formRequired {color: #fff;}
tr.tab td div { /*color: #ff0;*/ }
.panelInn .formLead h3 { margin-top:20px !important; }

.subtbl th { font-size: 16px; font-weight: normal;border-bottom: none; padding:20px 0 10px; }

.iconRequired {padding: 2px 4px;background: #ec1c73;color: #fff;font-size: 12px;border-radius: 4px;}

.formRepeat{background: #fff4f4; border: 1px #ec6da4 solid;text-align: left;padding:0;margin-top: 14px;}
.formRepeat h3{background: #ec6da4;text-align: center;padding:4px 10px; color:#ffffff; font-weight: normal;box-sizing: border-box; margin-top: 0px;}
.formRepeat p{margin: 12px; line-height: 1.6;}
.formRepeat img{ display: block;float: left;margin-right: 10px;}

.formYoung{background: #ffffff; border: 1px #468bd7 solid;text-align: left;padding:0 ;margin-top: 14px;}
.formYoung h3{background: #468bd7;text-align: center;padding:4px 10px; color:#ffffff; font-weight: normal;box-sizing: border-box; margin-top: 0px;}
.formYoung p{margin: 12px; line-height: 1.6;}
.formYoung img{display: block; margin: 10px auto;}


/*フォームカレンダー*/
.subtbl p { padding: 0; color: #fff;}
.subtbl th { padding: 6px 0 !important; text-align: left;}
.subtbl td { vertical-align: top;}
.subtbl tbody > tr > td {padding: 2px 0;}
.subtbl .formRequired { vertical-align: top;}
.cal_wrapper { padding-bottom: 20px; margin-right: 20px;}
.cal_wrapper table.cal { line-height: 1; font-size: 12px; }
.cal_wrapper table.cal td { padding: 5px 7px; text-align: center; border-top: solid 1px #ccc;background-color:#FFF;}
.cal_wrapper table.cal .Sat {color: #5A99DC;}
.cal_wrapper table.cal .backward {color: #ccc;}
.cal_wrapper table.cal .Sun {color: #E45A95;}
.cal_wrapper table.cal .Holyday {color: #E45A95; font-weight: bold;}
.cal_wrapper table.cal .Today {background-color: #FFFF73; font-weight: bold;}
.cal_wrapper table.cal th { background-color: #7DADE3; color:#FFF; text-align: center; font-weight: normal; padding: 7px;}
.cal_wrapper table.cal th p { margin: 0;}
.fColorPink { color: #E45A95;}
.formSubmitBtn { background-color: #E45A95; border: solid 1px E45A95; color:#FFF; font-size: 18px; padding: 9px 50px; margin: 10px 5px; cursor: pointer;text-shadow: 0px -1px #aaa;}
.formSubmitBtn:hover{opacity: 0.7;}

.btnXLPnkDeep { color:#FFF; background-color: #E45A95; font-size: 18px; padding: 12px 60px 11px; border-radius:3px; text-shadow: 0px -1px #EB87B1; }

h2.titleFormCounseling { border-color:#FDF4F8; background-image: url("../img/contact/bg_maintilte_form_counseling.jpg"); padding-right: 156px; }
h2.titleFormMonitor { border-color:#FDF4F8; background-image: url("../img/contact/bg_maintilte_form_monitor.jpg"); padding-right: 156px; }



