@charset "UTF-8";



/*universal cluster
---------------------------------------------------------------------------------------------------------*/
body,div,p,dl,dt,dd,ul,ol,li,table,caption,th,td,img,a,select{
	margin:0;
	padding:0;
	font-family:"lucida grande",verdana,Arial,"メイリオ",Meiryo,sans-serif;
	font-size:14px;
	color:#663300;
	line-height:100%;
}
h1,h2,h3,h4,h5,h6{margin:0; padding:0;}
table {padding:0; margin:0; border-collapse:collapse;}
td, th, tr {padding:0; margin:0;}
img{border:0px;}

/*anchor
---------------------------------------------------------------------------------------------------------*/
a:link		{color:#3d94e2;text-decoration:underline;}
a:visited	{color:#3d94e2;text-decoration:underline;}
a:hover	{color:#ff9900;text-decoration:underline;}
a:active	{color:#3d94e2;text-decoration:underline;}
/*-- CSS3 エフェクト --*/
a {
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	o-transition:all 300ms ease;
	transition:all 300ms ease;
	}
/*=========================================
	Float / Clearfix hack
=========================================*/
.fl	{float:left;}
.fr	{float:right;}

.img-fl	{float:left; margin-right:20px;}
.img-fr	{float:right; margin-left:20px;}

/* For modern browsers */
.clearfix:before,
.clearfix:after {content:""; display:table;}
.clearfix:after {clear:both;}
/* For IE 6/7 (trigger hasLayout) */
.clearfix {zoom:1;}
/*=========================================
	ul / ol / li
=========================================*/
ul.display-inline {
	word-spacing: -1em;
	display: table;
	display: block\9;
	}
	ul.display-inline li {
		word-spacing: normal;
		display: inline-block;
		vertical-align: top;
		/display: inline;
		/zoom: 1;
		line-height:0;
		}
/*=========================================
	HR
=========================================*/
hr {display:none;}


/*=========================================
	color, weight
=========================================*/
.attention {
	color:#BE0000;
	}
em {color:#BE0000; font-weight:bold; font-style:normal;}


/*=========================================
	align
=========================================*/
.align-left {text-align:left;}
.align-center {text-align:center;}
.align-right {text-align:right;}


/*=========================================
Button
=========================================*/
.btn a:hover {
	opacity:0.5;
	}





* html body {     
	background: url(null) fixed;     
    }

/*body
---------------------------------------------------------------------------------------------------------*/
body{
	text-align:left;
	zoom:1;
	background:#ffffff url("../images/body-bg.png") repeat left top;
	font-size:13px;
	}


/* ==================================================
#header
================================================== */
#header{
	width:100%;
	background-color:#ffffff;
	position: fixed;
    top:0;
    left:0;
    /* box-shadow */
	box-shadow:rgba(153, 153, 153, 0.65) 0px 0px 4px 1px;
	-webkit-box-shadow:rgba(153, 153, 153, 0.65) 0px 0px 4px 1px;
	-moz-box-shadow:rgba(153, 153, 153, 0.65) 0px 0px 4px 1px;
	}
* html #header    {     
    position: absolute;     
    top: expression(eval(document.documentElement.scrollTop+0));  
	} 

	#header .inner-box{
		width:960px;
		height:80px;
		margin:0 auto;
		}
 
/*logo*/
#header h1.logo{
	float:left;
	padding-top:14px;
	}
/*station-info*/
#header .station-info{
	float:right;
	padding-top:14px;
	}
#header .tel-info{
	float:right;
	padding-top:7px;
	padding-right:10px;
	}



/* ==================================================
#mainvisual-area
================================================== */
#mainvisual-area{
	width:100%;
	margin:80px 0 0 0;
	background: url(../images/mainvisual-bg.png) repeat-x left top;
	}

	#mainvisual-area .inner-box{
		width:960px;
		height:400px;
		margin:0 auto;
		background: url(../images/mainvisual-img.png) no-repeat left top;
		}
	#mainvisual-area .btn{
		text-align:right;
		padding-top:300px;
		}

/* ==================================================
#block00
================================================== */
#block00 {
	width:960px;
	margin:30px auto 15px auto;
	/*background:#FDF3DF url(../images/container-bg.png) repeat left top;
	border:1px solid #EEE5C8;*/
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	}
#block00 .inner-box {
	width:958px;
	margin:0 auto;
	text-align:center;
	}
#block00 p {
	margin-bottom:25px;
	}


/* ==================================================
#block01b（arrow）
================================================== */
#block00b {
	width:234px;
	margin:0 auto 30px auto;
	}

/* ==================================================
#block01
================================================== */
#block01 {
	width:960px;
	margin:30px auto 15px auto;
	background:#FDF3DF url(../images/container-bg.png) repeat left top;
	border:1px solid #EEE5C8;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	}
#block01 .inner-box {
	width:958px;
	margin:0 auto;
	text-align:center;
	}
#block01 p {
	margin-bottom:25px;
	}


/* ==================================================
#block01b（arrow）
================================================== */
#block01b {
	width:234px;
	margin:0 auto 30px auto;
	}


/* ==================================================
#block02
================================================== */
#block02 {
	width:960px;
	margin:0 auto 40px auto;
	background:#FDF3DF url(../images/container-bg.png) repeat left top;
	border:1px solid #EEE5C8;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	}
#block02 .inner-box {
	width:958px;
	margin:0 auto;
	text-align:center;
	}
#block02 #tbl01 {
	margin:0 auto 15px;
	width:890px;
	height:455px;
	background:url(../images/block02-cont01.png);
	padding-top:170px;
	padding-left:30px;
}

#block02 #tbl01 table{
	width:890px;
}
#block02 #tbl01 table th{
	text-align: center;
	font-size: 16px;
	width: 150px;
}
#block02 #tbl01 table td{
	text-align:center;
	font-size:14px;
	padding:10px 10px;
	vertical-align:middle;
	line-height:18px;
}
#block02 #tbl01 table .green{
	color:#698c00;
	width:383px;
}
#block02 #tbl01 table .blown{
	color:#8a5f2e;
	width:356px;
}
#block02 #tbl01 table span{
	color:#ff7373;
}

/* ==================================================
#block03
================================================== */
#block03 {
	width:960px;
	margin:0 auto 40px auto;
	background:#FDF3DF url(../images/container-bg.png) repeat left top;
	border:1px solid #EEE5C8;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	}
#block03 .inner-box {
	width:958px;
	margin:0 auto;
	}
#block03 .inner-box p{
	line-height:20px;
	font-size:14px;
}
#block03 .inner-box .blc01{
	background:url(../images/block03-merit01-text.png);
	width:923px;
	height:253px;
	padding:20px 0 0 35px;
}
#block03 .inner-box .blc02{
	background:url(../images/block03-merit02-text.png);
	width:618px;
	height:259px;
	text-align:left;
	padding:20px 30px 0 310px;
}
#block03 .inner-box .blc03{
	background:url(../images/block03-merit03-text.png);
	width:923px;
	height:261px;
	padding:20px 0 0 35px;
}
#block03 .inner-box .blc04{
	background:url(../images/block03-merit04-text.png);
	width:618px;
	height:246px;
	text-align:left;
	padding:20px 30px 0 310px;
}
#block03 .inner-box .blc05{
	background:url(../images/block03-merit05-text.png);
	width:923px;
	height:271px;
	padding:20px 0 0 35px;
}
#block03 .inner-box .blc06{
	background:url(../images/block03-merit06-text.png);
	width:618px;
	height:248px;
	text-align:left;
	padding:20px 30px 0 310px;
}
/*h2要素*/
	#block03 h2 {
	width:940px;
	margin:10px auto 0 auto;
	}


/* ==================================================
#block04
================================================== */
#block04 {
	width:960px;
	margin:40px auto 40px auto;
	background:#FDF3DF url(../images/container-bg.png) repeat left top;
	border:1px solid #EEE5C8;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	}
#block04 .inner-box {
	width:958px;
	margin:5px auto 0 auto;
	text-align:center;
	}
#block04 .btn {
	margin:10px 0 20px 0;
	}

/* ==================================================
#block05（広尾プライム式脱毛体験者さまからうれしいお声をたくさんいただいています）
================================================== */
#block05{
	width:960px;
	margin:0 auto 50px auto;
	padding-bottom:20px;
	background:#FDF3DF url(../images/container-bg.png) repeat left top;
	border:1px solid #EEE5C8;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	text-align:center;
	}
	/*h2要素*/
	#block05 h2 {
	width:950px;
	margin:4px auto 10px auto;
	}
#block05 .inner-box {
	width:900px;
	margin:0 auto;
	background-color:#ffffff;
	border:1px solid #ffffff;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	/* box-shadow */
	box-shadow:rgba(153, 153, 153, 0.4) 0px 0px 2px 1px;
	-webkit-box-shadow:rgba(153, 153, 153, 0.4) 0px 0px 2px 1px;
	-moz-box-shadow:rgba(153, 153, 153, 0.4) 0px 0px 2px 1px;
	}

#block05 .inner-box p{
	padding-top:12px;
	line-height:24px;
	font-size:16px;
	width:868px;
	margin:0 auto;
}
#block05 .inner-box p span{
	color:#ff7272;
}
#block05 .inner-box .voice01{
	text-align:left;
	background:url(../images/block05-voice01-comment.png);
	height:287px;
	padding-left:30px;
}
#block05 .inner-box .voice02{
	text-align:right;
	background:url(../images/block05-voice02-comment.png);
	height:239px;
	padding-right:30px;
	padding-top:20px;
}
#block05 .inner-box .voice03{
	text-align:left;
	background:url(../images/block05-voice03-comment.png);
	height:286px;
	padding-left:30px;
}


/* ==================================================
#block06（広尾プライム皮膚科のご案内）
================================================== */
#block06 {
	width:960px;
	margin:0 auto 30px auto;
	}

/*row01（クリニックの写真一覧）*/
#block06 .row01 {
	width:930px;
	margin:0 auto 30px auto;
	font-weight:bold;
	}
	#block06 .row01 .inner-row01 div {
		float:left;
		width:280px;
		height:32px;
		margin:0 15px 20px 15px;
		}
	#block06 .row01 .clinic01 {
		background:url(../images/block06-clinic-photo-01.png) no-repeat;
		}
	#block06 .row01 .clinic02 {
		background:url(../images/block06-clinic-photo-02.png) no-repeat;
		}
	#block06 .row01 .clinic03 {
		background:url(../images/block06-clinic-photo-03.png) no-repeat;
		}
	#block06 .row01 .clinic04 {
		background:url(../images/block06-clinic-photo-04.png) no-repeat;
		}	
	#block06 .row01 .clinic05 {
		background:url(../images/block06-clinic-photo-05.png) no-repeat;
		}			
	#block06 .row01 .clinic06 {
		background:url(../images/block06-clinic-photo-06.png) no-repeat;
		}
	#block06 .row01 .clinic07 {
		background:url(../images/block06-clinic-photo-07.png) no-repeat;
		}
	#block06 .row01 .clinic08 {
		background:url(../images/block06-clinic-photo-08.png) no-repeat;
		}
	#block06 .row01 .inner-row02-parent {
		width:620px;
		margin:0 auto;
		}
	#block06 .row01 .inner-row02-child div {
		float:left;
		width:280px;
		height:32px;
		margin:0 15px 20px 15px;
		}	
	#block06 .row01 .inner-row02-child div span{
		font-size:12px;
		color:#ffbaa3;
		}	
	#block06 .row01 .inner-row01 div,#block06 .row01 .inner-row02-child div{
		padding-top:200px;
		text-align:center;
		font-size:15px;
		line-height:14px;
	}

/*row02（アクセスマップ・クリニック院長のご紹介）*/
#block06 .row02 {
	margin-bottom:30px;
	}
	#block06 .row02 .left-col {
		width:620px;
		float:left;
		}
	#block06 .row02 .right-col {
		width:340px;
		float:right;
		}
	#block06 .row02 .left-col .inner-box,
	#block06 .row02 .right-col .inner-box {
		margin:0 30px;
		}

/*row03（診療時間）*/
#block06 .row03 {
	width:900px;
	margin:0 auto;
	}


/*h3要素*/
#block06 h3 {
	margin-bottom:20px;
	padding-bottom:15px;
	border-bottom:1px dotted #cccccc;
	}
/*p要素*/
#block06 p {
	margin-bottom:15px;
	line-height:150%;
	}

/*ドロップシャドウのかかったイメージ要素*/
#block06 img.shadow {
	padding:1px;
	background-color:#ffffff;
	/* box-shadow */
	box-shadow:rgba(153, 153, 153, 0.65) 0px 0px 3px 1px;
	-webkit-box-shadow:rgba(153, 153, 153, 0.65) 0px 0px 3px 1px;
	-moz-box-shadow:rgba(153, 153, 153, 0.65) 0px 0px 3px 1px;
	}

/*---------- table ----------*/
table.tbl{
	width:100%;
	margin:20px auto 40px auto;
	}
table.tbl th {
	padding:10px 10px;
	border:1px solid #cccccc;
	text-align:center;
	background-color:#EBEBEB;
}
table.tbl th.sat {background-color:#BFDFFF;}
table.tbl th.sun {background-color:#FFDFBF;}
table.tbl th.hol {background-color:#FFCFBF;}

table.tbl td {
	padding:10px 10px;
	border:1px solid #DDDDDD;
	background:#ffffff;
	text-align:center;
	line-height:180%;
	}






/* ==================================================
#contact-banner
================================================== */
/*contact-banner*/
#contact-banner {
	width:100%;
	background:#b8deb4 url("../images/contact-banner-bg.png") repeat-x left top;
	}
#contact-banner .inner-box {
	width:960px;
	height:310px;
	margin:0 auto;
	background: url("../images/contact-banner-inner-box-bg.png") no-repeat left top;
	}
#contact-banner .btn {
	padding-top:210px;
	text-align:right;
	}
	#contact-banner .btn a:hover {
		opacity:0.5;
		}


/* ==================================================
#footer
================================================== */
#footer{
	width:100%;
	margin:0 auto;
	background:#573E34 url("../images/footer-bg.png") repeat left top;
	}

#footer .inner-box{
	width:960px;
	margin:0 auto;
	padding:40px 0 40px 0;
	text-align:center;
	}

	#footer .footer-logo{
		padding-bottom:25px;
		}
	#footer .copyright{
		font-size:11px;
		color:#ffffff;
		}



/* ==================================================
#pagetop
================================================== */
#pagetop {
    position:fixed;
    bottom:10px;
    right:20px;
    -moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	background-color:#D0E461;
}
	#pagetop a {
		display:block;
		color:#ffffff;
		text-decoration:none;
		padding:20px;
		}
