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



/* base */
body { 
	margin:0;
	padding:0;
	font-family: verdana,"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
    line-height:1;
    text-align: center;
}
h1, h2, h3, h4, h5, h6, p , li {
	margin: 0;
	text-align: left;
	font-weight: normal;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {display:block;}

ul {list-style:none;
	padding:0;
	margin: 0;
}
li {padding:0; margin: 0;}
a {
	display: block;
    -webkit-tap-highlight-color:transparent;
}
img{vertical-align: top;}


/*----------------
header
----------------*/
header{padding: 4px 0;}

/*---------------
contents
---------------*/
#container article section.txtarea { font-size:12px;}
#container article section.txtarea p { margin:10px;}


/*--品川美容外科で理想の目もとに--*/
.block2nd{
	margin-bottom: 18px;
}
	.block2nd p{
		text-align: right;
		font-size: 9px;
	}
/*--dropdown_MENU--*/
#container article.pulldown01 h2 { 
	position:relative;
	padding:10px 10px 7px 10px;
	border-top:#ff2382
	solid 1px;
	border-bottom:#ff2382 solid 1px;
	/*text-shadow:#FFF 1px 1px 0;*/
	color:#000;
	font-size: 16px;
	text-decoration:none;
	font-weight:normal;
	background: url(../img/type_btnbg.png) top right no-repeat,linear-gradient(to bottom,#b6e2fd 0%,#87c2fb 100%);
	background: url(../img/type_btnbg.png) top right no-repeat,-webkit-gradient(linear, left top, left bottom, from(#f0589a), to(#ffa5cc));
	filter: progid:DXImageTransform.Microsoft.gradient(Enabled=1,GradientType=0,StartColorStr='#f0589a',EndColorStr='#ffa5cc');
	background-color: #f674ac;
}
#container article.pulldown01 h2 span{line-height:33px; } 
#container article.pulldown01 h2 span img{margin-right:6px; } 
#container article.pulldown01 h2:after { content:url(../img/type_openarrow.png); position:absolute; right:5px; top:30%;}
#container article.pulldown01 h2.open:after { content:url(../img/type_closearrow.png); position:absolute; right:5px; top:30%;}
#container article.pulldown01 section.txtarea { display:none;}
#container article.pulldown01 section.txtarea.visible { display:block;}

	/*--タイプ別詳細--*/
	.typelead {
		background:#f8f4e5 url(../img/type_bg.gif) bottom center no-repeat;
		-moz-background-size:100% 50px;
		background-size:100% 50px;
		padding: 12px 10px 50px;
		margin-bottom: 25px;
	}
	.typelead p {text-align: center; font-size: 19px;}
	/*--タイプ別おすすめプラン--*/
	section.plan{
		background:url(../img/plan_bgtop.gif) top repeat-x;	
		padding-top: 24px;	
	}
		section.plan h1{
			text-align: center;
			font-size: 22px;
			margin-bottom: 20px;
		}
			section.plan h1 .exp{font-size: 19px}
			section.plan h1 .sub{font-size: 17px;}
			section.plan h1 .subPlan02{font-size: 13px;}

		/*--price--*/
		.priceBox{font-size: 12px; margin-bottom: 24px; padding: 0 10px; line-height: 2em;}
			.priceBox .eye{font-size: 16px; padding-right: 10px;}
			.priceBox .tred{color:#f00;}
			.priceBox .priceNumber{font-size: 40px;}
			.priceBox .priceNumberSub{font-size: 30px;}
			.priceBox .yen{font-size: 20px;}
		/*--planlead--*/
		.planlead{font-size: 25px; margin-bottom: 24px;}
			.planlead p{text-align: center; color: #ff3789; line-height: 1.4em;}
			#container article .planlead .attention {
				font-size: 12px;
				color: #000;
				text-align: left;
				margin: 25px 10px;
			}
		.plan3ImgBox {padding: 0 10px 15px;}
		/*--planPoint--*/
		ul.planPoint{
			width: 290px;
			margin: 0 auto 20px auto;
			padding:22px 10px 10px 10px;
			background:url(../img/bg_note.gif);
			-webkit-box-shadow: 0 0 3px 0 #aaa; /* Safari, Chrome用 */
			-moz-box-shadow: 0 0 3px 0 #aaa; /* Firefox用 */
			box-shadow: 0 0 3px 0 #aaa; /* CSS3 */
		}
			ul.planPoint li{
				font-size: 16px;
				background:url(../img/check_ico.gif) left top no-repeat;
				line-height: 1.2em;
				padding-left: 28px;
				padding-bottom: 10px;
			}
		/*--planInfo--*/
		.planInfo{
				width: 100%;
				background:url(../img/plan_bgbtm.gif) bottom repeat-x;
				padding-bottom: 12px;	
		}
		.planInfoInner {width:310px; margin: 0 auto;}
			.planInfoInner div{
				float: left;
				font-size: 13px;
				line-height: 1.2;
				margin: 0px;
				text-align: left;
				padding-top: 10px;
				width: 195px;
			}
				.planInfoInner div.no-padding{padding-top: 0;}

			.planInfoInner .planTime{
				width: auto;
				color: #ff2382;
				text-align:center;
				background:#fff;
				border:#ef74a9 3px solid;
				padding: 6px 20px;
				margin-right:10px;
			}
			.planInfoInner p.planTime span{font-size: 18px;}

			.planInfoInner.vertical div {
				float: none;
				width: auto;
			}
			.planInfoInner.vertical .planTime{
				margin: 0 auto;
				width: 50%;
			}
			.planInfoInner .text {	text-align: center;}

		.planAttention {
			font-size: 10px;
			text-align: left;
			margin: 15px 10px;
		}
			.planAttention dd {
				line-height: 1.4;
				padding-left: 0;
				margin: 3px 0 0;
			}
			.planAttention dd li {
				display: inline;
			}
			.planAttention dd li:before {
				content: "●";
				color: #848484;
			}
		/*--planContact--*/
		.plancontact{
			background:#faf8ee;
			padding:14px 0;
		}



/*--dropdown_CLINIC--*/
#container article.pulldown02 h2 { position:relative; padding:14px 10px; border-bottom:#cecece solid 1px; text-shadow:#FFF 2px 2px 0; color:#000; text-decoration:none; /*font-size:12px;*/ font-weight:normal;
background: -moz-linear-gradient(top,  #fff 0%, #dadada 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#dadada)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fff 0%,#dadada 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fff 0%,#dadada 100%); /* Opera 11.10+ */
background: linear-gradient(to bottom,  #fff 0%,#dadada 100%); /* W3C */
font-size: 12px;}
#container article.pulldown02 h2.mid1st { border-top:#cecece solid 1px;}
#container article.pulldown02 h2:after { content:url(../img/clinic_openarrow.png); position:absolute; right:5px; top:40%;}
#container article.pulldown02 h2.open:after { content:url(../img/clinic_closearrow.png); position:absolute; right:5px; top:40%;}
#container article.pulldown02 section.txtarea { display:none;}
#container article.pulldown02 section.txtarea {}
/*--CLINIC table--*/
table.typelp02 {
	width: 100%;
	border: 0;
	border-collapse: separate;
	border-spacing: 0;
	border-top: #ccc solid 1px;
	border-left: #ccc solid 1px;
	font-size: 14px;
}
table.typelp02 tr th {
	border: 0;
	text-shadow: #FFF 1px 1px 0;
	color: #000;
	border-bottom: #ccc solid 1px;
	border-right: #ccc solid 1px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}


table.typelp02 tr td.biyou {
	background-color: #f7e7cb;
	background-image: url(../img/logomark_b.png);
	background-repeat: no-repeat;
	background-position: 5px center;
	width: 110px;
}
table.typelp02 tr td.skin {
	background-color: #EDEDED;
	background-image: url(../img/logomark_s.png);
	background-repeat: no-repeat;
	background-position: 3px center;
	width: 110px;
}
table.typelp02 tr th.w50p { width:50%;}
table.typelp02 tr th.w55p { width:55%;}
table.typelp02 tr th.w60p { width:60%;}
table.typelp02 tr th.w70p { width:70%;}
table.typelp02 tr th a { color: #E63E73;}
table.typelp02 tr td { border:0; padding:5px; border-bottom:#ccc solid 1px; border-right:#ccc solid 1px;}
table.typelp02 tr td a { color: #E63E73;}
table.typelp02 tr td.map { /*width:100px;*/ text-align:center;}
table.typelp02 tr td {
	text-align: right;
	margin-right: 5px;
}

/*--クリニックの注意文--*/
.clinicInfo{
	font-size: 12px;
	color: #666;
	padding: 1em 0.5em 1.5em 0.5em;
}



/*---------------
5つの理由
---------------*/
.reason5{
	margin: 2.5em 0 2em 0;
	background: #fdfdf3;
	border-bottom: #e4c548 2px solid;
}
	.reason5 ul{}
		.reason5 ul li{
			padding: 1em;
			border-bottom: #d6d1be solid 1px;
			font-size: 16px;
		}
		.reason5 ul li:last-child{border-bottom: none;}
		.reason5 ul li img{
			float: left;
			margin-right: 0.3em;
			width: 16px;
		}
		.reason5 ul li span.fL{
			float: left;
			display: block;
		}
			.reason5 ul li p{
				text-align: right;
				font-size: 9px;
				padding-top: 8px;

			}
		.reason5 .notice{color:#f23888;}
		p.notice{padding:0.5em 0; text-align: right;}

/*---------------
クリニック一覧
---------------*/
h2.clinic{
	background: #e9e9e9;
	color: #f23888;
	border-top: #dadada 1px solid;
	border-bottom: #dadada 1px solid;
	padding: 0.5em;
	font-size: 14px;
	margin-bottom:18px;
}



/*---------------
お問い合わせパーツ
---------------*/
.contactBox{
	background: #faf8ee;
	border: 5px solid #c5b49e;
	padding: 8px;
	margin-bottom: 0.5em;
}
	.contactBox img{margin-bottom: 4px;}

	/*--only1stBox--*/
	.contactBox div {width: 284px; margin: 0 auto;}
		.contactBox div img {margin-bottom: 0;}
		.contactBox .fL{max-width: 117px;}
		.contactBox .fR{max-width: 162px;}
	/*--onlyLastBox--*/
	.telLarge{
		margin-top:0.25em;
		margin-bottom: 0px!important;
	}

/*---------------
footer
---------------*/
footer{
	background: #ffe6f1;
	padding: 0.5em 0 46px 0;
}
footer section{
	border-bottom: #c5b49e solid 1px;
	padding: 0 5px 0.5em 5px;
	margin-bottom: 0.5em;
}
	footer a{
		color: #ef0f6f;
		text-decoration: none;
		font-size: 12px;
		padding: 0.5em 1em;
		display: block;
		background: #fff;
		border: 1px solid #e6e6e6;
		-moz-border-radius: 0.5em;
		-webkit-border-radius: 0.5em;
		-o-border-radius: 0.5em;
		-ms-border-radius: 0.5em;
	}
		footer .fR a img{padding-left: 4px;}

	footer p{font-size: 10px;}

.dr{
	margin-right: auto;
	margin-left: auto;
	width: 300px;
}
.dr .profile{
	padding: 5px;
	height: auto;
	width: 190px;
	float: left;
}
.dr .pic{
	height: auto;
	width: 100px;
	float: left;
	text-align: center;
}

.fs12 { font-size:12px !important;}
.blue { color:#024fb7;}


/*---------------
common class
---------------*/
.clearfix:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
.clearfix { display:inline-block; }
/* for macIE \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }

.clear{clear:both;}


.w100Img{
	max-width: 100%;
	height: auto;
}
.fs10{font-size: 10px;}
.fs12{font-size: 12px;}
.fs17{font-size: 17px;}

.lh13 {line-height: 1.3}

.taL { text-align:left; }
.taC { text-align:center; }
.taR { text-align:right; }
.fL { float:left; }
.fR { float:right; }



.mB0{margin-bottom: 0px!important;}
.mB05{ margin-bottom: 5px;}
.mB10{margin-bottom: 10px;}
.mB15{margin-bottom: 15px;}
.mB20{margin-bottom: 20px;}



.mt05 { margin-top: 5px;}
.mT10{margin-top: 10px;}


/*fixed_btn
------------------------------------*/


#fixed_btn {
	width:100%;
	position: fixed;
	bottom: 0px;
	display: none;
	z-index: 12;
	
}

#fixed_btn ul{
	text-align: center;
	width: 100%;
	height: 60px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(../img/footer_bg.jpg);
	background-repeat: repeat-x;
	background-size: 3px 60px;
	border-top: 1px solid #fff;
	/* box-shadow */
box-shadow:0px 0px 7px 2px #a8a8a8;
-moz-box-shadow:0px 0px 7px 2px #a8a8a8;
-webkit-box-shadow:0px 0px 7px 2px #a8a8a8;
}

#fixed_btn ul li{
	display: block;
	font-size: 0;
	text-align: center;
}

#fixed_btn ul li:first-child{
		float: left;
	width: 35.9375%;
	box-sizing: border-box;
	text-align: center;
	margin: 4px 0 0 1.5625%;
}

#fixed_btn ul li:first-child img{
	width: 115px;
	height: 50px;
}

#fixed_btn ul li:last-child{
	float: right;
	width: 60.625%;
	box-sizing: border-box;
	text-align: center;
	background-image: url(../img/footer_cv_bg_r.jpg) , url(../img/footer_cv_bg_l.jpg) , url(../img/footer_cv_bg.png);
	background-position: right , left , left;
	background-repeat: no-repeat , no-repeat , repeat-x;
	background-size: 11px 55px , 11px 55px , 5px 55px;
	margin: 4px 0.625% 0 0;
}

#fixed_btn ul li:last-child img{
	width: 170px;
	height: 55px;
}