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

/*#header #footer ナビゲーションの背景指定
----------------------------------------------------------------------------------------------*/
.children .header-contents ul li a,.children .footer-contents .btn-link a{
color:#6F645A;
}
.header-contents .btn-link .online_order a,
.footer-contents .btn-link .online_order a{
color:#6F645A;
background:url(../images/icon-right-gray.png) no-repeat 1em center;
background-color: #faf5bc;
}
.header-contents .btn-link .order a,
.footer-contents .btn-link .order a{
color:#6F645A;
background:url(../images/icon-right-gray.png) no-repeat 1em center;
background-color: #FAF19D;
}
.header-contents .btn-link .contact a{
color:#6F645A;
background:url(../images/icon-right-gray.png) no-repeat .8em center;
background-color: #F6E655;  
}
.footer-contents .btn-link .contact a{
color:#6F645A;
background:url(../images/icon-right-gray.png) no-repeat 1em center;
background-color: #F6E655;  
}
.header-contents .btn-link .catalog a{
color:#6F645A;
background:url(../images/icon-right-gray.png) no-repeat .8em center;
background-color: #F2DB0B;
}
.footer-contents .btn-link .catalog a{
color:#6F645A;
background:url(../images/icon-right-gray.png) no-repeat 1em center;
background-color: #F2DB0B;
}

.children_top .footer-contents .btn-link .top a{
color:#fff;
background-color: #ED9C07;
}
.children .footer-contents .btn-link .top a{
color:#fff;
background-color: #ED9C07;
}



#footer {
  	clear: both;
}

#footer .top_btn{
	background-color:#F2DB0B;
}




#wrapper {
	background-color:#F7F8F9;
}

#wrapper #navi,#wrapper #mv,#wrapper #contents{
	background-color:#FFFFFF;
}


/*#navi
----------------------------------------------------------------------------------------------*/
#navi {
	border-bottom:solid 1px #D9D9D9;
	overflow: hidden;
}
  
#navi ul{  
  list-style-type: none;  
  margin: 0;  
  padding: 0;  
}  
  
#navi li a{  
  float: left;
  width: 212px;
  height: 30px;
  text-align: center;
  border-right: solid 1px #D9D9D9;
  padding: 19px 0 0 0;
}
#navi li a:hover{
  color:#ED9C07;
}
#navi .last_li a{
  border-right:none;
}
#navi li a.active {
	color:#ED9C07;
	text-decoration:underline;
}
#navi li a.active:hover {
	text-decoration:none;
}


/*#mv
----------------------------------------------------------------------------------------------*/
#top #contents{
height:1350px;
}
#top #mv {
	background: url("../../children/images/mv.png") no-repeat;
	width:1278px;
	height:399px;
	position:relative;
}

#top #mv .list_h {
	position:absolute;
}

#top #mv .list_h .title{
	margin:46px 0 0 55px;
}

#top #mv .list_h .word_title{
	margin:-20px 0 0 76px;
}


.children #mv{
background-color:#FFFFFF;
overflow:hidden;
}
.children #mv .pageNavi{
float:right;
margin:3px 4px 6px 0px;
padding:0 2em 0 0;
text-align:right;
}
.children #mv .pageNavi li{
float:left;
font-size:10px;
text-align:right;
margin-left:3px;
}
.children #mv .pageNavi li a{
display:block;
}
.children #mv .pageNavi li a:hover{
text-decoration:underline;
}




/*.side
----------------------------------------------------------------------------------------------*/
#side #guidance{
	background-color:#F7F8F9;
}

#side #service #guidance{
	background-color:#ECFBF1;
}

#side #guidance li a:hover{
	background:#FCF4B6;
	display:block;
}
#side #external-links-tx li:hover {
	display:block;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
#side #service li:hover {
	display:block;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

#side {
  float: left;
  width: 271px;
}


#side ul#external-links li a{
height:119px;
}

/* #side ul#external-links li a:hover{
  background: #FCF4B6;
} */

#top #lineup li{
  border-bottom: solid 1px #D9D9D9;
}

#side ul#external-links {
  border-bottom: solid 1px #D9D9D9;
}

#top #side ul#external-links {
  border-bottom: none;
}

/*#contents
----------------------------------------------------------------------------------------------*/
#contents{
	float:right;
	width:1006px;
}

#contents ul#introduce li p,#contents #greeting p{
line-height:1.3;
letter-spacing:1px;}
#contents #greeting .dr_name{
margin:0 0 17px 0;
}
#contents #greeting .dr_text{
margin:0 0 7px 0;
}

/*#contents ul#introduce
----------------------------------------------------------------------------------------------*/
#contents ul#introduce li a{
position:relative;
	background:#FAF9E7;
	border-top: solid 1px #D9D9D9;
	border-left: solid 1px #D9D9D9;
	width:503px;
	height:239px;
	border-right:none;
	margin-left: -1px;
	float:left;

}

#contents ul#introduce li a:hover{
	background:#FCF4B6;
	display:block;
}

#contents .img_right {
	float:right;
	margin:21px 24px 0 0;
}

#contents ul#introduce li h3{
	margin:27px 0 0 26px;
}

#contents ul#introduce li p.tx_w{
	width:220px;
	margin:28px 0 0 25px;
}

#contents ul#introduce li p.btn{
  border:1px solid #FABF52;
	color:#ED9C07;
	font-weight:bold;
	border-radius:8px;
	width:226px;
	text-align:center;
	padding:5px 0;
	position:absolute;
	left:20px;
	bottom:25px;

}

#contents ul#introduce li a:hover p.btn,#greeting  a:hover p.btn{
color:#FFFFFF;}

#greeting p.btn{
padding:5px 0;
color:#ED9C07;
border:1px solid #FABF52;
	font-weight:bold;
	border-radius:10px;
	width:226px;
	text-align:center;}

#roundAlopecia .box_radius p.btn{
  border:1px solid #FABF52;
	color:#FABF52;
	font-weight:bold;
	border-radius:5px;
	width:426px;
	text-align:center;
	margin:10px auto 0;
}
#roundAlopecia .box_radius p.btn a{
padding:7px 0;
}
/*#roundAlopecia .box_radius p.btn a:hover{
 color:#FFFFFF;
}*/
#roundAlopecia h4{
margin:20px 0 10px;
}

#contents ul#introduce li:hover p.btn{
 	background-color:#FABF52;
	width:226px;
	margin:10px auto 0;

}
/*#roundAlopecia .box_radius p.btn:hover{
 	background-color:#FABF52;
	width:226px;
	margin:10px auto 0;
}*/

#greeting:hover p.btn{
 	background-color:#FABF52;
	width:226px;
}


/*#contents #greeting
----------------------------------------------------------------------------------------------*/
#contents #greeting a{
	background:#FAF9E7;
	border-top: solid 1px #D9D9D9;
	border-left: solid 1px #D9D9D9;
	width:976px;
	height:269px;
	clear:both;
	padding:0 30px 0 0;
	margin-left: -1px;
}
#contents #greeting a:hover{
	background:#FCF4B6;
	display:block;
}

#contents #greeting h3{
	padding:35px 0 22px 24px;
}

#contents #greeting .img_left {
	float:left;
	margin:-4px 29px 0 24px;
}

#greeting p.btn{
	float:right;
}

/*#contents ul#lineup
----------------------------------------------------------------------------------------------*/
#contents ul#lineup li{
	text-align:center;
	border-top: solid 1px #D9D9D9;
	border-left: solid 1px #D9D9D9;
	width:251px;
	height:349px;
	margin-left: -1px;
	float:left;
}


#contents ul#lineup li:hover{
	background:#FCF4B6;
	display:block;
}


#contents ul#lineup li p.btn{
	text-indent:-9999px;
	background:url(../../children/images/menu_btn2.png) no-repeat;
	display:inline-block;
	height:38px;
	width:134px;
}

#contents ul#lineup li:hover p.btn{
	background:url(../../children/images/menu_btn2.png) no-repeat 0 -38px;
	display:inline-block;
	height:38px;
	width:134px;
}

#contents ul#lineup li.list_w {
  width: 252px;
}

#contents ul#lineup li.list_last {
  width: 250px;
}

#contents ul#lineup li p.lu_m{
  margin:24px 0 15px 0;
  line-height:1.4;
  }
#contents ul#lineup li p.img_m{margin:29px 0 22px -3px;}
#contents ul#lineup li p.img_mL{margin:29px 0 22px 3px;}
#contents ul#lineup li p.btn_m{margin:0 0 0 -2px;}
#contents ul#lineup li p.btn_m1{margin:0 0 0 -4px;}




/* .children　共通設定 */
/* ------------------------------------------------------- */

.children #mv{
   padding:50px 0 0 0;
}

.children h2{
   text-align:center;
}
.children #contents h3{
   margin-bottom:40px;
   font-size: 26px;
  font-weight: normal;
  padding-left: 10px;
  margin: 60px 0 20px;
  border-left: 1px solid #ED9C07;
}
.children #contents{
   width:945px;
   background-color:#FFFFFF;
   border-top:1px solid #D9D9D9;
   padding:42px 29px 130px 32px;
   float:left;
	 line-height:1.8;
}
.children .item_wrap{
   overflow:hidden;
   margin-bottom:38px;
}

.children .left_item{
   width:515px;
   float:left;
   margin:0 28px 0 0;
}

.children .main_text span{
   display:block;
   margin-bottom:1.8em;
}
.children .bold{
   font-weight:bold;
}

.children #contents .headline{
  font-weight: bold;
  font-size: 20px;
  color: #4E463F;
  margin: 30px 0 10px 2px;
  padding: 0;
  background: none;
  border-bottom: none;
}
.children #contents .box {
  width:909px;
  background-color: #F4F3EE;
  border: 1px solid #D9D9D9;
  padding: 10px 17px 10px;
  margin-bottom: 15px;
  overflow: hidden;
}

.children #contents .box h5 , .box2 h5{
  width:60px;
  padding:20px 0;
  margin:0 20px 0 0;
  margin-top:0;
  border-right:1px dotted #D9D9D9;
}

.children #contents .box2 {
  width:909px;
  background-color: #F6F6F6;
  border: 1px solid #D9D9D9;
  padding: 10px 17px 10px;
  margin-bottom: 15px;
	overflow: hidden;
}

.children #contents .box h5,.children #contents .box2 h5 {
	color:#ED9C07;
}
.children #contents .box p,.children #contents .box2 p{margin-top:10px;}
.children #contents .box img,.children #contents .box2 img{margin:0 20px;}
.children #contents .box p,.children #contents .box2 p{line-height:1.8;}
.children #contents .box h5,.children #contents .box img,.children #contents .box p,
.children #contents .box2 h5,.children #contents .box2 img,.children #contents .box2 p{float:left;}




/* children/about
/* ------------------------------------------------------- */

#about .item_wrap{
	height:280px;
	overflow:hidden;
	background:url(../../children/about/images/img010.png) no-repeat;
}

#about .item_wrap h2.title{margin:90px 0 0 450px;}

#about #contents h3 {
  font-size: 26px;
  font-weight: normal;
  padding-left: 10px;
  margin: 60px 0 20px;
  border-left: 1px solid #ED9C07;
	}

/* children/voice
/* ------------------------------------------------------- */
#voice  #contents{
  height:1400px; 
}
#voice .item_wrap{
	height:280px;
	overflow:hidden;
	background:url(../../children/voice/images/img010.png) no-repeat;
}

#voice .item_wrap h2.title{
	margin:80px 0 0 27px;
	text-align:left;
}
#voice p.main_text{
padding:0 0 0 70px;
margin-bottom:1.8em;
border-bottom:1px solid #E8BD79;
background:url(../../children/voice/images/img_bee.png) no-repeat left top;
background-size:4%;
}



/* children/roundAlopecia
/* ------------------------------------------------------- */
#roundAlopecia .item_wrap{
	height:280px;
	overflow:hidden;
	background:url(../../children/roundAlopecia/images/img010.png) no-repeat;
}

#roundAlopecia .item_wrap h2.title{
	margin:83px 0 0 62px;
	text-align:left;
}

#roundAlopecia #contents h3 {
  font-size: 26px;
  font-weight: normal;
  padding-left: 10px;
  margin: 60px 0 20px;
  border-left: 1px solid #ED9C07;
	}
	
#roundAlopecia #contents .box_radius {
  background-color: #F4F3EE;
  border: 1px solid #D9D9D9;
  padding: 20px 17px;
  margin:30px 0 15px 0;
	overflow: hidden;
	border-radius: 10px;
}
#roundAlopecia #contents .box_radius h5{
  margin:0 0 20px 0;
}

#roundAlopecia #dr_messe .img_left{
float:left;
margin-right:20px;
}
#roundAlopecia #dr_messe{
overflow:hidden;
margin-bottom:30px;
}
#roundAlopecia #dr_messe .dl_h4_wrap{
width:350px;
overflow:hidden;
float:left;
}
#roundAlopecia #dr_messe dt{
float:left;
clear:both;
}
#roundAlopecia #dr_messe dd{
padding-left:100px;
line-height:1.6;
}
#roundAlopecia #dr_messe ul{
float:left;
overflow:hidden;
}



.box_radius h5,.box_radius a{
text-align:center;
}

.left_box{
	float:left;
	border: 1px solid #D9D9D9;
	height:100px;
	width:400px;
	margin-left:50px;
	margin-right:45px;
}
.rigth_box{
	float:left;
	border: 1px solid #D9D9D9;
	height:100px;
	width:400px;
}
.p_clear{
	clear:both;
}

/* children/price
/* ------------------------------------------------------- */

#price #contents .mtnone{
margin-top:0;
}
#price #contents .overf{
margin-bottom:85px;
}