@charset "utf-8";

/*===汎用===*/
ul.listCircleBk li{
	background:url(/images/circle_bk.gif) no-repeat 0px 3px;
	padding-left:15px;
}

.normal{
	font-weight:normal;
}

/*===container===*/

#contentContainer{
	width:690px;
	background: #FFF;
	float:left;
}

#content{
	padding:15px 58px 30px;
}

#sidenaviContainer{
	width:230px;
/*	background:url(/images/bg_top_shadow.gif) right top no-repeat;*/
	float:right;
	padding: 0;
}

#sidenaviContainer p.btn01 {
	padding: 0 0 4px;
}
#sidenaviContainer p.btn02 {
	padding: 0 0 6px;
}
#sidenaviContainer p.btn03 {
	padding: 0 0 7px;
}



#sidenaviContainer dl.sideClinicLink {
	border-bottom: 1px solid #EC6472;
	margin-bottom: 10px;
}
#sidenaviContainer dl.sideClinicLink dd {
	background: #F8F8F8;
	border-bottom: 1px dotted #999;
}
#sidenaviContainer dl.sideClinicLink dd.last {
	border: none;
}
#sidenaviContainer dl.sideClinicLink dd a {
	display:block;
	font-size: 82%;
	padding:10px 0 10px 10px;
}
#sidenaviContainer dl.sideClinicLink dd a span {
	padding-left: 15px;
}
#sidenaviContainer dl.sideClinicLink dd.ginza a span {
	background: url(/common/images/sidearw_clinic_ginza.jpg) 0 0.2em no-repeat;
}
#sidenaviContainer dl.sideClinicLink dd.nagoya a span {
	background: url(/common/images/sidearw_clinic_nagoya.jpg) 0 0.2em no-repeat;
}
#sidenaviContainer dl.sideClinicLink dd.osaka a span {
	background: url(/common/images/sidearw_clinic_osaka.jpg) 0 0.2em no-repeat;
}
#sidenaviContainer dl.sideClinicLink dd.fukuoka a span {
	background: url(/common/images/sidearw_clinic_fukuoka.jpg) 0 0.2em no-repeat;
}


#sidenaviContainer dl.nonTitLink {
	border-top: 1px solid #EC6472;
	border-bottom: 1px solid #EC6472;
	margin-bottom: 15px;
}
#sidenaviContainer dl.nonTitLink dd {
	background: #F8F8F8;
	border-bottom: 1px dotted #999;
}
#sidenaviContainer dl.nonTitLink dd.last {
	border: none;
}
#sidenaviContainer dl.nonTitLink dd a {
	display:block;
	font-size: 82%;
	padding:10px 10px;
}
#sidenaviContainer dl.nonTitLink dd a span {
	background: url(/common/images/sidearw_pink.jpg) 0 0.2em no-repeat;
	padding-left: 15px;
}

#footerContainer{
	padding-top:20px;
	clear: both;
}
/*===============*/

/*===header===*/
h1#pjs{
	color:#8d774e;
	position:absolute;
	top:10px;
	left:0px;
	width:700px;
	text-align:right;
}

#linkSitemap{
	color:#8d774e;
	position:absolute;
	top:10px;
	left:810px;
}

#linkSitemap a{
	text-indent:17px;
	display:block;
	text-decoration:none;
}

ul#headerNavi{
	background:url(/images/bg_headernavi.gif) repeat-x;
	padding-left:49px;
	padding-right:51px;
}

ul#headerNavi li{
	float:left;
}

/*===topic path===*/
#PSK-topicPath{
	padding:5px 0px 15px 0px;
	color:#666;
}

#PSK-topicPath ul{
	list-style-type:none;
}

#PSK-topicPath li{
	background:url(/images/icon_topicpath.gif) no-repeat 0px 0px;
	padding-left:13px;
	float:left;
}

#PSK-topicPath li#top{
	background:none;
	padding-left:0px;
	float:left;
}

#PSK-topicPath a{
	text-decoration:none;
	color:#666;
}

#PSK-topicPath a:hover{
	text-decoration:underline;
	color:#666;
}

#PSK-topicPath b,#PSK-topicPath strong{
	font-weight:normal;
}


/*===side navi===*/
#sidenaviClinic{
	width:230px;
	background:url(/images/sidenavi_clinic_bg.gif) no-repeat bottom;
}

#sidenaviClinic ul{
	padding:2px 8px 5px 8px;
}


#sidenaviClinic ul li{
	margin-bottom:3px;
}

#sidenaviClinic ul li a{
	background:url(/images/sidenavi_clinic_li.gif) no-repeat;
	display:block;
	color:#8d774e;
	text-decoration:none;
	height:28px;
	width:191px;
	padding:12px 0px 0px 23px;
}

#sidenaviClinic ul li a:hover{
	text-decoration:none;
	background:url(/images/sidenavi_clinic_li.gif) no-repeat 0px -40px;
}

.btnBox{
	position:relative;
}

p.supplementBn{
	position:absolute;
	top:53px;
	left:10px;
	width:130px;
}


p.supplementBn a{
	text-decoration:none;
	color:#999;
}

/*===pks===*/
#pks{
	padding:10px 50px 0px 50px;
	clear:both;
	text-align:right;
}

#pks i,#pks em{
	font-style:normal;
	color:#666;
}

/*===footer===*/
ul#footerLink{
	text-align:center;
	margin-left:15px;
	margin-right:15px;
}

ul#footerLink li{
	color:#8d774e;
	display:inline;
}

ul#footerLink li a{
	color:#8d774e;
	text-decoration:none;
}

ul#footerLink li a:hover{
	text-decoration:underline;
}

/*===formBtn===*/
#containerFormBtn{
	position:relative;
	background:url(/images/bg_form_btn.gif) no-repeat;
	width:563px;
	height:75px;
	clear:both;
	margin-left:auto;
	margin-right:auto;
}

img#btnCouns{
	position:absolute;
	top:13px;
	left:46px;
}

img#btnResv{
	position:absolute;
	top:13px;
	left:305px;
}

/*===banner===*/
.bannerCounsContainer img{
	margin-left:auto;
	margin-right:auto;
}

/*===ClinicLink===*/
ul#storyClinicLink li{
	width:135px;
	margin-left:5px;
	float:left;
	text-align: center;
}

ul#storyClinicLink li a{
	color:#333;
}
ul#storyClinicLink li a.name{
	margin-top: 3px;
	display: block;
	border:1px solid #c1af97;
	background:#e2dad0;
	padding:5px 0px;
}

#largeLinkContainer{
	position: relative;
	height:207px;
}

/*===LargeLink===*/
#largeLinkContainer #bgCouns{
	position:absolute;
	top:0px;
	left:30px;
}

#largeLinkContainer #btnCouns{
	position:absolute;
	top:145px;
	left:50px;
}

#largeLinkContainer #bgAppoint{
	position:absolute;
	top:0px;
	left:302px;
}

#largeLinkContainer #btnAppoint{
	position:absolute;
	top:145px;
	left:322px;
}

/*=== sns ===*/
.snsBtn {
	padding:5px 0 3px;
}
.snsBtn ul li {
	float: right;
	margin-left:5px;
}
.snsBtn ul li.snsFb {
	width:75px;
}
.snsBtn ul li.snsTw  {
	width:75px;
}
/*.snsBtnBox {
	margin:-35px 0 2px;
}*/
.snsBtnBox {
	margin:-35px 0 2px auto;
	width:240px;
}
.snsBtnBox2 {
	margin:-18px 0 15px auto;
	width:240px;
}
.snsBtnBox3 .snsBtn {
	padding:0 0 3px;
}

/*=== clinicIntro ===*/
#clinicIntro {
	background: url(/common/images/bg_clinicintroduce.png) no-repeat;
    width: 561px;
    height: 120px;
	margin: 0 auto;
    padding: 152px 0 0 14px;
}
#clinicIntro.notitle { 
	background: none;
	width: 561px;
	height: 108px;
	padding: 0 0 0 14px;
 }
#clinicIntro.notitle ul li,
#clinicIntro ul li {
	float: left;
	padding-right: 9px;
}

/*=== kaizen ===*/
#kaizen {
	background: url(/common/images/img_treatment.jpg) no-repeat;
	width: 433px;
	height: 122px;
	margin: 0 auto 30px auto;
	padding: 20px 0 0 142px;
}
#kaizen #kaizenTitle{
	color: #FF6666;
}

/*=== case_caution ===*/
.case_caution {
	margin: 0 5px;
	padding: 10px 20px;
	border: 1px solid #ddd;
}
.case_caution:not(:last-child) {
	margin-bottom: 40px;
}
.case_caution p {
	font-size: 14px;
	line-height: 1.2;
	color: #8a8a8a;
}



/* counsel1 */

div.counsel1 {
	padding:0 2px 10px;
	margin:0 auto 38px;
	background: url(/common/images/bg_btnbox_f.jpg) no-repeat center bottom;
}
div.counsel1 div.inner {
	padding:0 14px 14px;
	border-left:1px solid #D6D6D6;
	border-right:1px solid #D6D6D6;
}
div.counsel1 p {
	font-size:12px;
	line-height:1.6;
	padding:10px 5px 0;
}
.counsel1 ul.btnBox li {
	padding:20px 10px 0;
	width:250px;
	float:left;
}

/* counsel2 */

div.counsel2 {
	width: 576px;
	padding:0 0 15px;
	margin:0 auto 38px;
	background: url(/common/images/bg_btnbox_f2.jpg) no-repeat center bottom;
}
div.counsel2 div.inner {
	width: 542px;
	padding:0 14px 2px;
	border-left:3px solid #D6CABC;
	border-right:3px solid #D6CABC;
}
div.counsel2 p {
	height: 66px;
	font-size: 12px;
	line-height: 1.6;
	padding: 10px 0 0 145px;
	background: url(/common/images/bg_counsel2.jpg) no-repeat center top;
}
div.counsel2 ul.btnBox li {
	padding:20px 10px 0;
	width:250px;
	float:left;
}

.easyselfcheck{
    background-color: #FCF6D6;
    padding: 20px 10px;
}
.easyselfcheck .left{
    float: left;
    padding-left: 15px;
}
.easyselfcheck .right{
    margin-left: 130px;
    width: 424px;
    padding-top: 3px;
}
.easyselfcheck .text{
    width: 300px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 18px;
}
.easyselfcheck .btn{
	background: url(/common/images/easyselfcheck_btn_off.png) no-repeat center top;
    display: block;
    width: 300px;
    height: 75px;
    margin-left: auto;
    margin-right: auto;
}
.easyselfcheck .btn:hover{
	background: url(/common/images/easyselfcheck_btn_on.png) no-repeat center top;
}
.easyselfcheck .btn .dn{
	display: none;
}

.hairmedical_woman_cure{
	text-align: center;
}
.hairmedical_woman_cure .text{
	margin-bottom: 10px;
}
.hairmedical_woman_cure .btn{
	display: inline-block;
	width: 575px;
	height: 85px;
	background: url(/common/images/hairmedical_woman_cure_btn_off.png) no-repeat center top;
}
.hairmedical_woman_cure .btn:hover{
	background: url(/common/images/hairmedical_woman_cure_btn_on.png) no-repeat center top;
}
.hairmedical_woman_cure .btn .dn{
	display: none;
}