@charset "utf-8";

.T40{margin-top:40px;}

#Main ul{margin:0 0 0 24px; line-height:1.6em;}
#Main ul.FNavi{margin-left:0;}

h1#hair_w{background:none; border:none; margin:0; padding:0; line-height:0;}
h1#hair_w img{width:100%;}

div#titlemenu{margin:0; padding:0; line-height:0; background-color:#868185;}
div#titlemenu ul{margin:0; padding:0 0 0 4px; line-height:0; list-style:none; border-bottom:2px solid #996600;}
div#titlemenu li{ display:inline; margin:0; padding:0; width:19%; text-align:center; bottom:0;}
div#titlemenu li img{width:19%; border:0;}

#Main h2{margin:0; padding:18px 0; background-color:#996600; text-align:center; color:#FFFFFF; border:none; border-bottom:6px double #999999;}
#Main .read{background-color:#EEEEEE; padding:14px 8px; border-bottom:4px double #FFFFFF; margin:0;}
#Main .read_blue{background-color:#E0F0FE;}
#Main .read_green{background-color:#E1F2E8;}

#Main div.menulink{border:2px solid #999999; width:47%; padding:6px; float:left; height:330px; margin-bottom:30px;}
#Main div.menulinkR{float:right;}
#Main div.menulink h4{font-size:1.4em; border:none; text-align:center; border-bottom:1px solid #CCCCCC; line-height:1.3em; padding:0;}
#Main div.menulink h4 span{display:block; font-size:0.65em; color:#CC9900; font-weight:normal;}
#Main div.small h4{font-size:1.2em;}
#Main div.small h4 span{font-size:0.7em;}
#Main div.menulink ul{list-style:none; margin:8px 0 12px; padding:0;}
#Main div.menulink ul li{border:1px solid #000033; color:#000066; display:inline-block; padding:2px; margin:4px 0; font-size:0.9em; background-color:#EEEEEE;}
#Main div.menulink p{margin:0; padding:0;}
#Main div.menulink p img{margin-right:4px; border:1px solid #CCCCCC;}
#Main div.menulink p span{display:block;}
#Main div.menulink p.link{text-align:center; margin:16px 0; clear:both;}
#Main div.menulink p.link a{background-color:#996600; color:#FFFFFF; padding:8px 14px; text-decoration:none; border-top-left-radius: 22px;
	border-top-right-radius: 22px;	
	border-bottom-left-radius: 22px;
	border-bottom-right-radius: 22px;	
	border:none;
    -webkit-border-top-left-radius: 22px;
    -webkit-border-top-right-radius: 22px;	  
    -webkit-border-bottom-left-radius: 22px;
    -webkit-border-bottom-right-radius: 22px; 	 
    -moz-border-radius-topleft: 22px;
    -moz-border-radius-topright: 22px;	  
    -moz-border-radius-bottomright: 22px;}
#Main div.menulink p.link a:hover{background-color:#CC9900;}

#Main h2 img{width:100%;}
#Main h2#title{background-color:#FFFFFF; border:none; padding:0; margin:0; line-height:0;}
#Main h3{padding:12px 4px;}
#Main h3 span{ background-color:#006699; color:#FFFFFF; padding:2px 4px; margin-right:4px;}

div.dataL{float:left; width:60%;}
div.dataR{float:right;}

div.topkind{float:left; margin:20px 0; width:46%;}
div.topkindR{float:right;}
div.topkind table{border:1px solid #CCCCCC; border-collapse:collapse; border-right:none; width:100%; line-height:1.5em;}
div.topkind table th, div.topkind table td{padding:8px 4px; border-right:1px solid #CCCCCC; text-align:center;}

/*費用*/
p.price{border-bottom:1px dashed #CC9900; padding:4px; margin-bottom:12px; text-align:right; font-weight:bold; font-size:1.2em;}
p.price strong{color:#CC0000; margin-left:12px;}
p.price span.notes{border:1px solid #CCCCCC; background-color:#EEEEEE; font-size:0.7em; font-weight:normal; padding:4px; margin-left:8px;}
p.price span.s{background:none; border:none; margin:0; padding:0; font-size:0.7em; font-weight:normal;}
p.tax{font-size:0.8em; text-align:right; padding:8px;}

table.priceList{border-collapse:collapse; margin:0 0 0 auto;}
table.priceList th, table.priceList td{border-bottom:1px solid #003366; padding:12px 4px;}
table.priceList th{background-color:#E0F0FE;}
table.priceList td{text-align:right;}
table.priceList span{display:block; color:#006699;}

/*飲み薬************/
div.propeciaL{float:left; width:30%;}
div.propeciaL img{width:100%;}
div.propeciaR{float:right; width:69%;}
div.fenasL{float:left; width:69%;}
div.fenasR{float:right; width:30%;}
div.fenasR img{width:100%;}

div.boxNote{border:2px solid #99CCFF; padding:8px;}
div.boxNote h4{border-left:none; padding:0 0 4px 0; border-bottom-color:#66CCFF; color:#006699;}



/**ヘアフィラー******/

p.hairfiller_flow{text-align:center;}
p.hairfiller_flow img{width:80%;}

#osusume{border:2px solid #CCCCFF; padding:10px; margin:40px 0;}
#osusume h4{border-left:none; padding:0 0 4px 0; border-bottom-color:#CC6600;}

div.stepL{float:left; width:54%; margin-top:40px;}
div.stepR{float:right; margin-top:40px;}
dl.step{margin:0; line-height:1.6em;}
dl.step dt{color:#006699; margin:8px 0; padding:0; font-weight:bold;}
dl.step dd{background:url(../images/hair-woman/step_arrow.jpg) no-repeat left center; padding-left:12px;}

.movie{background-color:#006699; color:#FFFFFF; padding:12px; text-align:center;}

.painless{background-color:#FFF8D2; padding:4px 12px; margin:40px 0; border:1px solid #FFCC33;}
.painless h4{border-left:none; padding:0 0 4px 0; border-bottom-color:#CC6600;}

dl.point{line-height:1.6em; margin:40px 0;}
dl.point dt{text-align:right; width:16%; float:left; clear:left; padding:8px 4px; color:#006699; font-weight:bold; border-top:1px solid #CFE4F8;}
dl.point dd{float:left; padding:8px 4px; width:79%; border-top:1px solid #CFE4F8; border-left:1px solid #CFE4F8;}
hr.pointline{border-top:1px solid #CFE4F8; border-bottom:1px solid #FFFFFF; clear:both; border-left:1px solid #FFFFFF;}

/**植毛*******/
div.doctor{margin:8px 0 40px;}
div.doctorL{float:left; padding-right:12px;}
div.doctorR{float:left; width:60%; padding-top:20px;}
div.jimouL{float:left; width:70%;}
div.jimouR{float:right;}

div.design{display:table; text-align:center;}
div.design div{background-color:#E1F2E8; padding:8px; display:table-cell; width:48%; vertical-align:top; margin-bottom:16px; border:6px solid #FFFFFF; text-align:left;}
/* IE 6 */
* html div.design div{
		display:inline;
		zoom:1;
}

/* IE 7 */
*+ html div.design div{
		display:inline;
		zoom:1;
}

div.design h4{border:none; color:#006666; line-height:1.6em;}
div.design p.photo{text-align:center; margin-top:12px;}
/*div.designR{float:right;}*/
div.design:after{content:""; display:block; clear:both;}

ul.features{list-style-type:square;}
ul.features li{border-bottom:1px dotted #6699FF; padding:8px 0;}

div.syokumouP{margin-bottom:40px; border-bottom:1px dashed #CC9900;}
div.syokumouPL{float:left; width:59%;}
div.syokumouPL p strong{font-size:1.2em;}
div.syokumouPR{float:right; width:40%;}
div.syokumouPR p{text-align:right; padding-right:4px;}
table.pricesyokumou{border-collapse:collapse; width:98%; margin:0 0 0 auto;}
table.pricesyokumou th, table.pricesyokumou td{ padding:12px 4px; text-align:right;}
table.pricesyokumou tr{border-bottom:1px dashed #CC9900;}
table.pricesyokumou tr.last{border:none;}
table.pricesyokumou td{color:#CC0000; font-weight:bold;}


/**薬********/
div.pantogarL{float:left; width:69%;}
div.pantogarR{float:right; width:30%;}
div.pantogarR img{width:100%;}

div.rogaineL{float:left; width:69%;}
div.rogaineR{float:right; width:30%;}
div.rogaineR img{width:100%;}

h4 span{font-size:0.9em; font-weight:normal; color:#006699; margin-left:4px;}

/**育毛*/
dl.shampoo{float:left; width:30%; text-align:center;}

h4.partsTtl{margin-top:40px; line-height:1.6em;}
h4.partsTtl span{display:block;}
div.blue{border:1px solid #99CCFF; padding:7px; margin-bottom:20px;}
div.orange{border:1px solid #FF9966; padding:7px; margin-bottom:20px;}
div.greens{border:1px solid #99CC00; padding:7px; margin-bottom:20px;}
div.blue h5{color:#336699; margin-bottom:12px; margin-top:8px; font-size:1.2em; padding-left:6px;}
div.orange h5{color:#CC6600; margin-bottom:12px; margin-top:8px; font-size:1.2em; padding-left:6px;}
div.greens h5{color:#336600; margin-bottom:12px; margin-top:8px; font-size:1.2em; padding-left:6px;}
dl.parts dt{float:left; clear:left; width:33%; background-color:#006699; color:#FFFFFF; text-align:center;}
dl.parts dt, dl.parts dd{padding:8px; margin-bottom:12px;}
dl.parts dd{float:left;}
div.orange dl.parts dt{background-color:#FF6633;}
div.greens dl.parts dt{background-color:#669900;}


@media screen and (max-width:1060px){
#Main div.menulink{height:360px;}

p.price span.notes{display:inline-block; padding:0; line-height:1.3em;}

p.price strong{display:block;}

}
@media screen and (max-width:996px){
#Main div.menulink{height:380px;}
}

@media screen and (max-width:950px){
#Main div.menulink{height:330px;}
h4.partsTtl span{display:inline;}

p.price strong{display:inline-block;}

}


@media screen and (max-width:880px){
#Main div.menulink{height:330px;}
#Main div.small h4{font-size:1.1em;}

h4.partsTtl span{display:block;}

p.price span{display:inline-block; padding:0; line-height:1.3em;}
}

@media screen and (max-width:740px){
#Main div.menulink h4 span.s{font-size:0.6em;}

div.topkind{float:none; margin:20px 0; width:auto;}
div.topkindR{float:none;}

/**植毛*******/
div.design div{background-color:#E1F2E8; padding:8px; display:block; width:auto; margin-bottom:16px; border:none; height:auto;}

}

@media screen and (max-width:710px){
#Main div.menulink{width:96%; float:none; height:auto;}
#Main div.menulinkR{float:none;}
#Main div.menulink p span{display:none;}
#Main div.menulink p img{margin-right:12px;}
#Main div.small h4 span{font-size:0.75em;}
#Main div.menulink h4 span.s{font-size:0.65em;}
}

@media screen and (max-width:680px){
table.priceList{width:100%; margin:0 auto;}
table.priceList th{white-space:nowrap;}
table.priceList span{font-size:0.75em;}

/**植毛*******/
div.doctorL{ width:30%;}
div.doctorL img{width:100%;}
div.doctorR{width:64%; padding-top:0;}
div.jimouL{width:60%;}

div.syokumouP{margin-bottom:40px; border-bottom:1px dashed #CC9900; padding:0;}
div.syokumouPL{float:none; width:auto;}
div.syokumouPR{float:none; width:auto;}
table.pricesyokumou{border-collapse:collapse; width:98%; margin:0 0 0 auto;}


/*育毛******/
#Main div.Item_text{width:auto; float:none; padding-top:12px;}
#Main div.Item_photo{float:none; padding-top:12px; text-align:center; width:auto;}
}

@media screen and (max-width:660px){
div.dataL{float:left; width:55%;}
div.dataR{float:right;}

div.stepL{float:none; width:auto;}
div.stepR{float:none; text-align:center;}
}

@media screen and (max-width: 580px){
ul.Navi, #Main ul.FNavi{line-height:2.4em; font-size:0.7em; background-size: contain;}
ul.Navi li a, #Main ul.FNavi li a{padding-left:3px; padding-right:10px;}

div.dataR{width:38%;}
div.dataR img{width:100%;}

p.price strong{display:block;}


/*飲み薬************/
div.propeciaL{float:none; width:auto; text-align:center;}
div.propeciaL img{width:auto;}
div.propeciaR{float:none; width:auto;}
div.fenasL{float:none; width:auto;}
div.fenasL h5 span{display:block;}
div.fenasR{float:none; width:auto; text-align:center;}
div.fenasR img{width:auto;}


/**ヘアフィラー******/
p.hairfiller_flow img{width:90%;}

dl.point dt{width:25%;}
dl.point dd{width:65%;}
dl.point .last span{display:block;}

/**植毛*******/
div.doctorL{ float:none; width:auto;}
div.doctorL img{width:auto;}
div.doctorR{ float:none; width:auto;}
div.jimouL{width:auto; float:none;}
div.jimouR{width:auto; float:none; text-align:center;}
p.grow img{width:100%;}

/**育毛*/
dl.shampoo{float:left; width:33%; text-align:center;}
dl.shampoo dt img{width:33%;}
h4.partsTtl span{display:inline;}
dl.parts dt{width:43%; padding:4px 1px;}
dl.parts dd{padding:4px 1px; width:auto;}

}

@media screen and (max-width: 480px){
div#titlemenu li img{width:18%; border:0;}
div#titlemenu ul{border-bottom:6px solid #003366;}

div.dataL{width:auto; float:none;}
div.dataR{width:auto; float:none; text-align:center;}
div.dataR img{width:auto;}

/**薬********/
div.pantogarL{float:none; width:auto;}
div.pantogarR{float:none; width:auto; text-align:center;}
div.pantogarR img{width:80%;}

/**薬********/
div.rogaineL{float:none; width:auto;}
div.rogaineR{float:none; width:auto; text-align:center;}
div.rogaineR img{width:60%;}

p.price_ikumou{font-size:1em; line-height:1.8em;}

p.price span.bl{display:block; background:none; border:none; font-size:1em;}
}

@media screen and (max-width: 430px){
/*育毛**/
dl.parts dt{float:none; clear:both; width:auto; background-color:#006699; color:#FFFFFF; text-align:center;}
dl.parts dt{padding:8px; margin-bottom:0;}
dl.parts dd{float:none; width:auto;}

/**ヘアフィラー******/
p.ex img{width:100%;}

p.price{font-size:0.9em;}
}