@charset "utf-8";

#Head{height:102px;}
#Head .logo{padding-top:18px;}
#Head p.link{border-top:1px solid #CCCCCC; line-height:1.6em; text-align:center; font-size:0.8em;}
#Head p.link a{color:#8296BA;}
#Head .dial{padding-top:12px;}

p.banar{margin:20px auto; text-align:center;}

.T40{margin-top:40px;}
.T60{margin-top:60px;}

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

.contents p.ttl{font-size:1.4em; color:#0066CC; margin-bottom:16px; font-weight:bold; border-left:4px solid #0066CC; padding-left:2px;}


/*総合サイトへ*/
p.links{margin:60px auto; width:100%; text-align:center; font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3"; transform: rotate(.03deg); font-weight:700; font-size:1.2em;}
p.links a{background-color:#003366; color:#FFFFFF; padding:8px 20px; border-radius:60px; -webkit-border-radius:60px; -moz-border-radius:60px; width:80%; display:block; margin:0 auto;}
p.links a:hover{background-color:#336699; color:#FFFFCC; text-decoration:none;}


/*contents01*/
#Main .contents01L{float:left; width:70%;}
#Main .contents01R{float:right;}

/*contents02*/
#Main .contents02L{float:left; width:70%;}
#Main .contents02R{float:right;}
#Main .contents02L div.feature{border:1px solid #FF9999; border-radius:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding:4px; text-align:center;}
#Main .contents02L div.feature ul{margin:0 auto; padding:0; list-style:none;}
#Main .contents02L div.feature li{display:inline-block; background-color:#CCDBF9; padding:8px 0; margin:0 0 20px 0; text-align:center; width:48%; border-radius:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
#Main .contents02L div.feature li.none{background:none;}

/*contents03*/
#Main .contents03L{float:left; width:70%;}
#Main .contents03R{float:right;}
#Main div.adapt{border:1px solid #FF6600; padding:12px 22px; border-radius:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
#Main div.adapt p{color:#FF6600; font-size:1.2em; margin-bottom:12px;}
#Main div.adapt ul{margin:0 auto; float:left; width:49%; list-style:none;}

/*contents04*/
#Main .contents04L{float:left; width:70%;}
#Main .contents04R{float:right;}

/*中間注意書き*/
p#notes{text-align:center; border-top:4px dotted #FF6600; color:#CC6600; font-size:1.6em; font-weight:bold;}

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

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

/*AGAの治療例 イラスト*/
div.topkind{float:left; margin:20px 0; width:46%; clear:right;}
div.topkindR{float:right;}
div.topkind table{border:1px solid #99CCFF; border-collapse:collapse; border-right:none; width:100%; line-height:1.5em;}
div.topkind table th, div.topkind table td{padding:4px; border-right:1px solid #99CCFF; text-align:center;}
div.topkind table th{background-color:#99CCFF;}
div.topkind p{margin-bottom:40px;}

div.doctor{margin:8px 0 40px;}
div.doctorL{float:left; padding-right:12px;}
div.doctorR{float:left; width:60%; padding-top:0px;}

/*費用*/
ul.freetxt{text-align:center; list-style:none;}

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{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;}
p.tax{font-size:0.8em; text-align:right; padding:8px;}

table.priceList{border-collapse:collapse; border-bottom:1px solid #666666; width:60%; margin:0  auto;}
table.priceList th, table.priceList td{border-top: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; font-size:0.9em;}

table.priceList tr.tax td{background:none; border:none; padding:0; font-size:0.9em; text-align:right;}

/*飲み薬************/
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;}

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

/**ヘアフィラー******/
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:#3333FF;}
#osusume{margin:0 0 0 24px; line-height:1.6em;}

div.stepL{float:left; width:75%;}
div.stepR{float:right;}
dl.step{margin:0; line-height:1.6em;}
dl.step dt{color:#003366; margin:8px 0; padding:0; font-weight:bold;}
dl.step dd{background:url(../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; border-bottom:1px solid #CFE4F8;}
dl.point dt{text-align:right; width:26%; float:left; clear:left; padding:8px 1%; color:#006699; font-weight:bold; border-top:1px solid #CFE4F8;}
dl.point dd{padding:8px; margin-left:28%; border-top:1px solid #CFE4F8; border-left:1px solid #CFE4F8;}

/**植毛*******/
div.jimouL{float:left; width:70%;}
div.jimouR{float:right;}

div.design{background-color:#E1F2E8; padding:8px; float:left; width:46%; margin-bottom:16px; height:480px;}
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;}

ul.features{list-style-type:square; margin:0 0 0 24px; line-height:1.6em;}
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%;}


/*ボックス青*/
#Main .BoxBlue{border:none; border-top-left-radius: 6px;
	border-top-right-radius: 6px;	
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;	
	border:none;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;	  
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px; 	 
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;	  
    -moz-border-radius-bottomright: 6px; background-color:#E1E9FB; padding:8px 8px 8px 14px; margin:30px 0; line-height:1.6em;}

/*順番*/
#Main ul.flow{margin:6px 0 20px 0; list-style:none; line-height:1.6em;}
#Main ul.flow li{background-color:#DEEAF8; padding:4px; clear:both; overflow:hidden; zoom:1;}
#Main ul.flow li.arrow{height:18px; background:url(../../images/arrow_down.png) no-repeat bottom left; background-color:#FFFFFF; padding:0; margin:6px 0;}


/**育毛*/
div.rogaineL{float:left; width:69%;}
div.rogaineR{float:right; width:30%;}


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){
/*ヘアフィラー****/
div.stepL{width:70%;}

/**植毛*******/
div.design{height:510px;}
}
@media screen and (max-width:1000px){
p.banar img{width:99%;}
}

@media screen and (max-width:970px){
p.banar img{width:98%;}

#Main .contents02L div.feature li span{display:block;}
}

@media screen and (max-width:950px){

/*石井医師より*/
#Main .contents01R{width:28%;}
#Main .contents01R img{width:100%;}
#Main .contents02R{width:28%;}
#Main .contents02R img{width:100%;}
#Main .contents03R{width:28%;}
#Main .contents03R img{width:100%;}
#Main .contents04R{width:28%;}
#Main .contents04R img{width:100%;}

div.stepR{width:29%;}
div.stepR img{width:100%;}

/*育毛******/
div.ikumouL{float:left;}
div.ikumouR{float:right; width:70%;}

}

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

/**ヘアフィラー*/
p.price span{display:inline-block; padding:0; line-height:1.3em;}

/**植毛*******/
div.design{height:570px;}
}

@media screen and (max-width:790px){

/*石井医師より*/
#Main .contents01L{width:60%;}
#Main .contents01R{width:38%;}


/*育毛******/
div.ikumouL{float:left;}
div.ikumouR{float:right; width:65%;}
div.rogaineR img{width:100%;}

dl.parts{font-size:0.9em;}
dl.parts dt{width:38%;}
}

@media screen and (max-width:740px){
/*石井医師より*/
#Main .contents01L{float:none; width:auto;}
#Main .contents01R{float:none; text-align:center; margin:12px auto;}
#Main .contents02L{float:none; width:auto;}
#Main .contents02R{float:none; text-align:center; margin:12px auto;}
#Main .contents03L{float:none; width:auto;}
#Main .contents03R{float:none; text-align:center; margin:12px auto;}
#Main .contents04L{float:none; width:auto;}
#Main .contents04R{float:none; text-align:center; margin:12px auto;}
#Main div.adapt{padding:4px;}

/**とは***/
div.dataL{float:left; width:57%;}
div.dataR{float:right;}

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


@media screen and (max-width:680px){
/*石井医師より*/
#Main .contents01R{width:auto;}
#Main .contents01R img{width:auto;}
#Main .contents02R{width:auto;}
#Main .contents02R img{width:auto;}
#Main .contents03R{width:auto;}
#Main .contents03R img{width:auto;}
#Main .contents04R{width:auto;}
#Main .contents04R img{width:auto;}
#Main div.adapt ul{float:none; width:auto;}

/**ヘアフィラー*/
dl.point span{display:block;}
table.priceList{width:100%; margin:0 auto;}
table.priceList th{white-space:nowrap;}

/*AGAの治療例 イラスト*/
div.topkind{float:none; margin:20px 0; width:auto;}
div.topkindR{float:none;}

/**植毛*******/
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;}


/*育毛******/
div.ikumouL{float:none; text-align:center;}
div.ikumouR{float:none; width:auto;}
}

@media screen and (max-width:660px){

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

dl.shampoo{float:left; width:33%; text-align:center; font-size:0.9em;}
dl.shampoo dt img{width:33%;}

}

@media screen and (max-width: 580px){
#Head .logo{padding-top:8px;}

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;}

table.priceList span{font-size:0.75em;}

div.doctorL{ float:none; width:auto;}
div.doctorL img{width:auto;}
div.doctorR{ float:none; width:auto;}

/*飲み薬************/
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 .last span{display:block;}


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

/*育毛**/
dl.parts{font-size:1em;}
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;}
}

@media screen and (max-width:560px){
#Head{height:auto; background-color:#FFFFFF;}
#Head .logo{width:42%;}
#Head .dial{width:48%;}
#Head img{width:100%;}

/*石井医師より*/
#Main .contents02L div.feature li{display:block; width:80%; margin:12px auto;}
#Main .contents02L div.feature li span{display:inline;}
#Main .contents02L div.feature li.none{display:none;}
}

@media screen and (max-width:540px){
/*中間注意書き*/
p#notes{font-size:1.2em;}
}


@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;}

/*ヘアフィラー*/
dl.point dt, dl.point dd{float:none; margin:0; width:auto; text-align:left; padding:8px 0 0 0;}
dl.point dd{border:none; padding:0 0 8px 0;}
dl.point dt span, dl.point dd span{display:inline;}


/**薬********/
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;}
}


@media screen and (max-width: 430px){
/*中間注意書き*/
p#notes{font-size:1em;}

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