@charset "UTF-8";

/*
**********************************************************************

* chapter.css

* site name   : http://www.wellbest.jp/
* description : Chapter Pages Style
* since       : 2007-08-31
* editor      : Tooru Ehara (QL)
* modified    : 
* editor      : Taiji Hirahara(QL)

*********************************************************************
*/
div#main ul#flow{
width:550px;
margin-bottom:20px;
}
div#main ul#flow li{
float:left;
margin:0;
padding:0;
min-width:175px;
}
div#main div#step01,
div#main div#step02,
div#main div#step03,
div#main div#step_final{
background:url("../chapter/img/bg_step_sideline.gif") 50% 0 repeat-y;
min-height:100px;
}
* html div#main{
margin-bottom:30px;
}
*+html div#main{
margin-bottom:30px;
}
div#main div#step01 li,
div#main div#step02 li,
div#main div#step03 li,	
div#main div#step_final li{
background:url("../img/common/icn_arrow_brown.gif") 0 6px no-repeat;
padding:2px 0 2px 17px;
}
div#main div#step01 p,
div#main div#step01 ul,
div#main div#step03 p,
div#main div#step03 ul,
div#main div#step_final p,
div#main div#step_final ul{
padding-left:210px;
}
div#main div#step02 p,
div#main div#step02 ul,
div#main div#step_final p,
div#main div#step_final ul{
padding-left:14px;
padding-right:200px;
}
div#main div#step01 ul,
div#main div#step02 ul,
div#main div#step03 ul,
div#main div#step_final ul{
background:url("../chapter/img/bg_step_btm.gif") 0 100% no-repeat;
padding-bottom:32px;
}
div#main div#step_final ul{
background:url("../chapter/img/bg_step_final_btm.gif") 0 100% no-repeat;
padding-bottom:50px;
margin-bottom:30px;
}
div#main div#step03 ul{
padding-bottom:50px;
}
* html div#main div#step03 ul{
padding-bottom:40px;
}
* html div#main div#step_final ul{
padding-bottom:40px;
margin-bottom:0;
}
*+html div#main div#step_final ul{
padding-bottom:40px;
margin-bottom:0;
}
div#main div#step01 div.wrapper{
background:url("../chapter/img/img_step01.gif") 14px 5px no-repeat;
}
div#main div#step02 div.wrapper{
background:url("../chapter/img/img_step02.gif") 360px 5px no-repeat;
}
div#main div#step03 div.wrapper{
background:url("../chapter/img/img_step03.gif") 14px 5px no-repeat;
}
div#main div#step_final div.wrapper{
background:url("../chapter/img/img_step_final.gif") 360px 5px no-repeat;
}
div#classes li span{
color:#56972C;
font-weight:bold;
}
div#main p.pafeNext{
text-align:right;
margin-top:-1.2em;
margin-bottom:1em;
}
div#main p.pageIndex{
margin-bottom:0;
}
div#main p.top-txt{
margin-left:10px;
margin-bottom:10px;
}
div#main p.top-txt2{
margin-left:10px;
margin-bottom:20px;
}
div#main p.st-txt{
margin:0 10px 16px;
color:#56972C;
font-weight:bold;
}
div#main p.normal-txt{
margin:0 10px 20px;
}
div#main div#baldness{
clear: both;
}
div#main div#baldness h2 {
background:#E2DBD5;
padding:3px;
border:1px solid #C7B9AD;
border-bottom:none;
}
div#main div#baldness div.wrapper {
background:url("../chapter/img/img_check.jpg") 10px 10px no-repeat;
padding:10px;
border:1px solid #C7B9AD;
min-height:80px;
position:relative;
}
div#main div#baldness div.wrapper p.image-link img{
width:80px;
height:80px;
}
div#main div#baldness div.wrapper p.image-link a{
position:absolute;
top:10px;
left:10px;
padding:0;
display:block;
}
* html div#main div#baldness div.wrapper p.image-link a{
left:0;
}
div#main div#baldness p {
padding-left:96px;
}
div#main div#baldness p.arrow{
background:url("../chapter/img/img_arrow.gif") 96px 5px no-repeat;
padding-left:110px;
margin-bottom:5px;
}
div#main p.center_img{
text-align:center;
}
div#main div#midad-age h3,
div#main div#never-giveup h3,
div#main div#shampoo-secret h3,
div#main div#use h3,
div#main div#good-hair h3,
div#main div#relation h3,
div#main div#moderation h3 {
background:url("../chapter/img/img_dotted_line.gif") 0 100% no-repeat;
padding-bottom:3px;
padding-left:10px;
color:#56972C;
font-weight:bold;
margin-bottom:7px;
}

/*
========================================= 1: 薄気に悩む女性の現状ページ ==========================================
*/
div#midad-age,div#baldness {
margin-bottom:20px;
}
div#main div#midad-age p#patient {
text-align:center;
margin-bottom:20px;
}
div#main div#midad-age h2,
div#main div#never-giveup h2 {
margin-bottom:10px;
}
div#main div#never-giveup p {
text-align:center;
}
div#main div#never-giveup p img {
margin-bottom:15px;
}
div#main div#never-giveup .txt-giveup {
margin-bottom:20px;
text-align:left;
}
div#main div#never-giveup .txt-giveup2 {
margin:-10px 50px 20px;
text-align:left;
}

/*
========================================= 2: 髪について基本の知識ページ ==========================================
*/
div#main div#to5,
div#main div#to10{
padding:0 10px;
}
div#main div#recommend h2 {
background:#C2E0AF;
padding:3px;
}
div#main div#recommend div.wrapper {
background:url("../chapter/img/img_rereje.jpg") 10px 10px no-repeat;
padding:10px;
border:3px solid #C2E0AF;
min-height:104px;
position:relative;
}
* html div#main div#recommend div.wrapper{
height:104px;
}
div#main div#recommend p.arrow {
background:url("../chapter/img/img_arrow.gif") 160px 5px no-repeat;
padding-left:175px;
margin-bottom:5px;
}
div#main div#recommend div.wrapper p.image-link a{
position:absolute;
top:10px;
left:10px;
padding:0;
display:block;
}
div#main div#recommend div.wrapper p.image-link img{
width:154px;
height:105px;
}
div#main div#recommend p {
padding-left:161px;
}
div#main ul.knowledge{
margin-top:10px;
}
div#main ul.knowledge li{
padding-top:42px;
margin-bottom:12px;
}
div#main ul.knowledge li.no01{
background:url("../chapter/img/title_01.gif") 0px 10px no-repeat;
}
div#main ul.knowledge li.no02{
background:url("../chapter/img/title_02.gif") 0px 10px no-repeat;
}
div#main ul.knowledge li.no03{
background:url("../chapter/img/title_03.gif") 0px 10px no-repeat;
}
div#main ul.knowledge li.no04{
background:url("../chapter/img/title_04.gif") 0px 10px no-repeat;
}
div#main ul.knowledge li.no05{
background:url("../chapter/img/title_05.gif") 0px 10px no-repeat;
}
div#main ul.knowledge li.no06{
background:url("../chapter/img/title_06.gif") 0px 10px no-repeat;
}
div#main ul.knowledge li.no07{
background:url("../chapter/img/title_07.gif") 0px 10px no-repeat;
}
div#main ul.knowledge li.no08{
background:url("../chapter/img/title_08.gif") 0px 10px no-repeat;
}
div#main ul.knowledge li.no09{
background:url("../chapter/img/title_09.gif") 0px 10px no-repeat;
}
div#main ul.knowledge li.no10{
background:url("../chapter/img/title_10.gif") 0px 10px no-repeat;
}

/*
========================================= 3: 季節による毛髪量ページ ==========================================
*/

div#main div#standard{
background:#F9F5E3;
border:2px solid #F5B3A2;
padding:5px;
margin:0 10px 20px 10px;
}
div#main div#standard h3{
border-bottom:3px solid #F5B3A2;
padding-bottom:3px;
margin-bottom:5px;
padding-left:0;
}
div#main p#chart-bottom{
margin-bottom:15px;
}
div#main ul#season-check{
margin-bottom:20px;
}
div#main ul#season-check li{
padding-left:40px;
background:url("../chapter/img/img_checked.gif") 20px 0px no-repeat;
}

/*
========================================= 4: 薄毛の不思議ページ ==========================================
*/

ul#comparison {
background:url("../chapter/img/bg_scalp.gif") center top no-repeat;
height:390px;
padding-top:15px;
position:relative;
}
ul#comparison li#scalp-a{
position:absolute;
top:0;
left:70px;
}
ul#comparison li#scalp-b{
position:absolute;
top:0;
left:300px;
}
ul#comparison li#scalp-c{
position:absolute;
top:212px;
left:70px;
}
ul#comparison li#scalp-d{
position:absolute;
top:212px;
left:300px;
}
div#main div#brown {
background:#EBE4DE url("../chapter/img/bg_brown_top.gif") 50% 0 no-repeat;
width:425px;
margin:10px auto;
}
div#main div#brown p {
background:url("../chapter/img/bg_brown_btm.gif") 50% 100% no-repeat;
padding:10px 10px 25px;
}
div#main div#green {
background-color:#E2F3D8;
background:url("../chapter/img/bg_green_btm.gif") bottom no-repeat;
padding-bottom:5px;
margin:10px 60px 20px;
}
div#main div#green div {
background:url("../chapter/img/bg_green_top.gif") no-repeat;
text-align:center;
}
div#main div#green div p {
padding:10px;
}

/*
========================================= 5: シャンプーの基本ページ ==========================================
*/

div#main div#shampoo h2{
margin-top:10px;
margin-bottom:10px;
}
div#main div#shampoo-conditioner h2 {
margin-bottom:10px;
}
div#main ol#shampoo-flow {
margin-bottom:20px;
}
div#main ol#shampoo-flow dd{
margin-right:130px;
padding:15px;
}
div#main ol#shampoo-flow dt {
display:block;
height:5px;
}
div#main ol#shampoo-flow p{
text-align:center;
}
div#main ol#shampoo-flow p img{
margin:5px 0;
}
div#shampoo-conditioner ol#shampoo-flow dl dt img {
vertical-align: top;
}
div#main ol#shampoo-flow li#flow01 dl {
background:url("../chapter/img/bg_shampoo01_btm.gif") 0 100% no-repeat;
min-height:124px;
}
div#main ol#shampoo-flow li#flow02 dl {
background:url("../chapter/img/bg_shampoo02_btm.gif") 0 100% no-repeat;
min-height:105px;
}
div#main ol#shampoo-flow li#flow03 dl {
background:url("../chapter/img/bg_shampoo03_btm.gif") 0 100% no-repeat;
min-height:124px;
}
div#main ol#shampoo-flow li#flow04 dl {
background:url("../chapter/img/bg_shampoo04_btm.gif") 0 100% no-repeat;
min-height:105px;
}
div#main ol#shampoo-flow li#flow05 dl {
background:url("../chapter/img/bg_shampoo05_btm.gif") 0 100% no-repeat;
min-height:105px;
}
div#main ol#shampoo-flow li#flow06 dl {
background:url("../chapter/img/bg_shampoo06_btm.gif") 0 100% no-repeat;
min-height:105px;
}
div#main ol#shampoo-flow li#flow07 dl {
background:url("../chapter/img/bg_shampoo07_btm.gif") 0 100% no-repeat;
min-height:105px;
}
div#main div#shampoo-secret {
margin-bottom:20px;
}
div#main div#shampoo-secret p.comes-off {
background:url("../chapter/img/bg_shampoo_illust.jpg") 10px 5px no-repeat;
padding-left:124px;
padding-right:10px;
min-height:120px
}
div#main ul#secret {
margin-bottom:20px;
}
div#main ul#secret li {
padding-left:40px;
background:url("../chapter/img/img_checked_green.gif") 20px 0px no-repeat;
}

/*
========================================= 6: ドライヤーの基本ページ ==========================================
*/

div#main div#drier h2,
div#main div#brushing h2 {
margin-bottom:10px;
}
div#main div#drier p {
padding-right:150px;
background:url("../chapter/img/img_drier_woman.jpg") 95% 0px no-repeat;
min-height:110px;
}
div#main div#brushing {
margin-bottom:20px;
}

/*
========================================= 7: 食事と運動についてページ ==========================================
*/

div#main div#movement h2 {
margin-bottom:10px;
}
div#main div#moderation h2 {
margin-top:20px;
margin-bottom:10px;
}
div#main div#movement p {
padding-right:150px;
background:url("../chapter/img/img_flower.jpg") 95% 0px no-repeat;
min-height:110px;
}
div#main div#good-hair ul {
display:inline;
}
div#main div#moderation p#walk {
padding-right:250px;
background:url("../chapter/img/img_walk.jpg") 95% 0px no-repeat;
min-height:120px;
}
div#main div#moderation div#strech01 dl.strech-left {
float:left;
width:265px;
background:url("../chapter/img/img_strech01.jpg") 5px 0px no-repeat;
min-height:132px;
}
div#main div#moderation div#strech01 dl.strech-right {
float:right;
width:265px;
background:url("../chapter/img/img_strech02.jpg") 5px 0px no-repeat;
min-height:132px;
}
div#main div#moderation div#strech02 dl.strech-left {
float:left;
width:265px;
background:url("../chapter/img/img_strech03.jpg") 5px 0px no-repeat;
min-height:90px;
}
div#main div#moderation div#strech02 dl.strech-right {
float:right;
width:265px;
background:url("../chapter/img/img_strech04.jpg") 5px 0px no-repeat;
min-height:90px;
}
div#main div#moderation div#strech01 dl.strech-left dd,
div#main div#moderation div#strech01 dl.strech-right dd,

div#main div#moderation div#strech02 dl.strech-left dd,
div#main div#moderation div#strech02 dl.strech-right dd {
padding-left:120px;
}
div#main div#moderation div#strech01 dl.strech-left dt,
div#main div#moderation div#strech01 dl.strech-right dt,
div#main div#moderation div#strech02 dl.strech-left dt,
div#main div#moderation div#strech02 dl.strech-right dt {
padding-left:120px;
font-weight:bold;
color:#81654D;
}
div#main div#moderation p {
margin:10px 0;
}
div#main table.food-table01 h4,
div#main table.food-table03 h4{
text-align:center;
font-weight:bold;
color:#81654D;
}
div#main table.food-table01 {
width:360px;
border:0;
text-align:center;
padding:5px;
margin:10px auto;
}
div#main table.food-table02 {
width:450px;
border:0;
text-align:center;
padding:5px;
margin:5px auto;
}
div#main table.food-table03 {
width:270px;
border:0;
text-align:center;
padding:5px;
margin:10px auto;
}
div#main table.food-table01 td.food,
div#main table.food-table02 td.food,
div#main table.food-table03 td.food {
width:90px;
}

/*
========================================= 8: 育毛剤・整髪料ページ ==========================================
*/

div#main div.hair-tonic h2 {
margin-bottom:10px;
}
div#main div#right-massage {
margin-bottom:20px;
}
div#main div#right-massage h2 {
margin:20px 0 10px 0;
}
div#main div#use{
padding:0 10px;
}
div#main ul.tonic-use{
margin-top:10px;
}
div#main ul.tonic-use li{
padding-left:25px;
margin-bottom:12px;
}
div#main ul.tonic-use li.no01{
background:url("../chapter/img/title_01.gif") 0px 0px no-repeat;
}
div#main ul.tonic-use li.no02{
background:url("../chapter/img/title_02.gif") 0px 0px no-repeat;
}
div#main ul.tonic-use li.no03{
background:url("../chapter/img/title_03.gif") 0px 0px no-repeat;
}
div#main ul.tonic-use li.no04{
background:url("../chapter/img/title_04.gif") 0px 0px no-repeat;
}
div#main ul.tonic-use li.no05{
background:url("../chapter/img/title_05.gif") 0px 0px no-repeat;
}
/*
========================================= 9: 育毛の十か条ページ ==========================================
*/

div#main div#article {
margin:20px 10px;
}
div#main div#article ul li{
margin:15px 0;
}
div#main div#article p.arrow{
background:url("../chapter/img/img_arrow.gif") 6px 5px no-repeat;
padding-left:20px;
margin-top:10px;
margin-bottom:5px;
}
div#main div#specialist {
border:1px solid #C7B9AD;
position:relative;
}
* html div#main div#specialist{
padding-bottom:10px;
}
div#main div#specialist div.specialist-left p.image-link a{
position:absolute;
top:37px;
left:10px;
padding:0;
display:block;
}
div#main div#specialist div.specialist-left p.image-link img{
width:80px;
height:80px;
}
div#main div#specialist div.specialist-right p.image-link a{
position:absolute;
top:37px;
left:282px;
padding:0;
display:block;
}
div#main div#specialist div.specialist-right p.image-link img{
width:80px;
height:80px;
}
div#main div#specialist h2 {
background:#E2DBD5;
padding:3px;
border-bottom:1px solid #C7B9AD;
}
div#main div#specialist div.specialist-left {
float:left;
width:270px;
background:url("../chapter/img/img_doctor.jpg") 10px 10px no-repeat;
min-height:100px;
}
div#main div#specialist div.specialist-right {
float:right;
width:270px;
background:url("../chapter/img/img_diagnosis _person.jpg") 10px 10px no-repeat;
min-height:100px;
}
div#main div#specialist p {
padding-left:96px;
}
div#main div#specialist p.arrow{
background:url("../chapter/img/img_arrow.gif") 96px 5px no-repeat;
padding-left:110px;
margin-top:10px;
margin-bottom:5px;
}