@charset "shift_jis";

/***********************************************
 file name:hair_style.css
 auth level:
 last updated:07/07/20
************************************************/
/* index
--------------------------------------------*/
.index{
width:521px;
}


/* topic */
.topic{
margin-top:8px;
padding:0 15px 20px;
background:url(../hair_style/img/ind_hs_bg01.jpg) 0 100% repeat-x;
}
.topic dt.cmt{float:right; width:301px; background:url(../hair_style/img/ind_tpc_bg02.gif) 100% 100% no-repeat;}
.topic dd.photo{float:left; width:190px; margin-bottom:5px;}
.topic dd.price{float:right; width:301px; background:url(../hair_style/img/ind_tpc_bg04.gif) repeat-y;}


/* topic comment*/
.topic .cmt .ctB{margin-bottom:10px; background:url(../hair_style/img/ind_tpc_bg01.gif) 0 100% repeat-y;}
.topic .cmt h4 img{width:301px; height:41px;}
.topic .cmt p{padding:10px 15px 3px;}


/* topic photo*/
.topic .photo .st01{padding-bottom:41px; background:url(../hair_style/img/ind_tpc_ttl03a.gif) 0 100% no-repeat;}
.topic .photo .st02{padding-bottom:41px; background:url(../hair_style/img/ind_tpc_ttl03b.gif) 0 100% no-repeat;}
.topic .photo .st03{padding-bottom:41px; background:url(../hair_style/img/ind_tpc_ttl03c.gif) 0 100% no-repeat;}
.topic .photo img{width:190px; height:248px;}


/* topic price */
.topic .price .ctT{padding-top:10px; background:url(../hair_style/img/ind_tpc_bg03.gif) no-repeat;}
.topic .price .ctB{padding-bottom:10px; background:url(../hair_style/img/ind_tpc_bg05.gif) 0 100% no-repeat;}

.topic .price dl.st01{padding:0 15px;}
.topic .price dt{color:#809301; font-weight:bold; margin-bottom:3px;}

.topic .price .menu{
margin-bottom:8px;
padding-bottom:8px;
background:url(../common/dot_ln01.gif) 0 100% repeat-x;
}
.topic .price .menu dt{
float:left;
width:165px;
color:#444444;
font-weight:normal;
line-height:normal;
}
.topic .price .menu dd{
float:right;
width:100px;
text-align:right;
color:#996542;
line-height:normal;
}

.topic .price p.comment,
.topic .price p.comment{text-align:right; color:#999999;}




/* hair_style list */
.hs_list{
width:521px;
background:url(../hair_style/img/ind_hs_bg02.gif);
}
.hs_list ctB{
padding:13px 15px 1px;
}

.hs_list h6{
width:491px;
height:36px;
margin-left:13px;
padding-top:10px;
text-indent:-9999px;
overflow:hidden;
background:url(../hair_style/img/ind_li_ttl01.gif) 0 100% no-repeat;
}

.hs_list .list{margin:0 13px; background:url(../hair_style/img/ind_li_bg02.gif) repeat-y;}
.hs_list .list .ctB{padding-bottom:54px; background:url(../hair_style/img/ind_li_bg01.gif) 0 100% no-repeat;}

.hs_list .list p{margin:18px 0 6px 0;}
.hs_list .list .ctT p{margin-top:0px;}
.hs_list .list p img{width:491px; height:36px;}

.hs_list .list ul{margin:4px 34px 0; padding-top:6px; background:url(../hair_style/img/list_bdr03.gif) repeat-x;}
.hs_list .list li{
float:left;
width:79px;
height:93px;
margin:0 0 4px 4px;
background:url(../hair_style/img/ind_li_bg03.jpg) no-repeat;
}
.hs_list .list li img{width:68px; height:83px; margin:5px;}

/* hair_style
--------------------------------------------*/
.hs{
width:521px;
margin-top:2px;
}

/* main */
.hs .main{
background:url(../hair_style/img/main_bg01.gif) repeat-y;
border-bottom:5px solid #d4cd9b;}

.hs .main dt.ttl{float:left; width:195px; height:70px;}
.hs .main dd.photo{
float:right;
width:326px;
height:349px;
padding-top:38px;
background:url(../hair_style/img/main_bg02.gif) no-repeat;
}
.hs .main dd.data{float:left; width:195px;}

/* main title */
.hs .main dt.ttl img{width:195px; height:70px;}

/* main photo */
.hs .main .st01{float:left;width:49px; margin-left:1px; padding-top:111px;}
.hs .main .st01 img{width:49px; height:46px;}
.hs .main .st02{float:left; width:222px; margin-left:2px;}
.hs .main .st02 img{width:222px; height:273px;}
.hs .main .st03{float:right;width:49px; padding-top:111px;}
.hs .main .st03 img{width:49px; height:46px;}


/*スタイリストコメント/参考プライス*/
.hs .main .data dt img{width:195px; height:32px;}
.hs .main .data dd{margin:3px 17px 7px;}

.hs .main .data .menu{padding-bottom:2px; background:url(../common/dot_ln01.gif) 0 100% repeat-x;}
.hs .main .data .total{margin-top:5px;}

.hs .main .data table{width:161px; border:none;}
.hs .main .data td{padding-bottom:3px; vertical-align:top;}

.hs .main .data .price{padding-left:5px; text-align:right;}
.hs .main .total .price{color:#996542;}
.hs .main .data p.comment{margin:0; color:#999999;}


/* list */
.hs .ctT{padding-top:5px; background:url(../hair_style/img/list_bdr01.gif) repeat-x;}
.hs .ctB{padding-bottom:5px; background:url(../hair_style/img/list_bdr02.gif) 0 100% repeat-x;}

.hs .list{
border-top:1px solid #f2ede2;
background:url(../hair_style/img/list_bg01.jpg) repeat-x;
}

.hs .list ul{padding:7px 0 0 17px;}

.hs .list li{
float:left;
width:95px;
height:104px;
margin:0 3px 4px 0;
background:url(../hair_style/img/list_bg02.jpg) no-repeat;
}
.hs .list li img{width:68px; height:83px; margin:11px 14px;}