@charset "shift_jis";

/***********************************************
 file name:shop.css
 auth level:
 last updated:07/07/20
************************************************/

/* shop 共有
--------------------------------------------*/
/* main_image */
.main_img{margin-right:10px; padding-bottom:2px; border-bottom:2px solid #aea38f; text-align:left;}
.main_img img{ width:521px; height:160px;}


/* title_d */
.ttl_d{
border-left:4px solid #707907;
border-bottom:1px solid #707907;
text-align:left;
}
.ttl_d h6{
margin-left:5px;
height:16px;
text-indent:-9999px;
overflow:hidden;
}

.ttl_d h6.st01{background:url(../shop/img/ind_ttl01.gif) no-repeat;} /* スタッフスケジュール */
.ttl_d h6.st02{background:url(../shop/img/ttl_d01.gif) no-repeat;} /* トヌ・コア Hair Creation について */
.ttl_d h6.st03{background:url(../shop/img/ttl_d02.gif) no-repeat;} /* トヌ・コア Rua について */
.ttl_d h6.st04{background:url(../shop/img/ttl_d03.gif) no-repeat;} /* トヌ・コアは下北沢駅の近くです */
.ttl_d h6.st05{background:url(../shop/img/ttl_d04.gif) no-repeat;} /* トヌ・コアのサービス */
.ttl_d h6.st06{background:url(../shop/img/ind_ttl01.gif) no-repeat;} /* Map */
.ttl_d h6.st07{background:url(../shop/img/ind_ttl02.gif) no-repeat;} /* サービス */
.ttl_d h6.st08{background:url(../shop/img/ind_ttl03.gif) no-repeat;} /* Photo Gallery */


/* title_e */
.ttl_e{height:31px; margin-top:7px;}
.ttl_e p{width:482px; height:31px; text-indent:-9999px; overflow:hidden;}

.ttl_e p.st01{background:url(../shop/img/ttl_e01.gif) no-repeat;}
.ttl_e p.st02{background:url(../shop/img/ttl_e02.gif) no-repeat;}
.ttl_e p.st03{width:194px; background:url(../shop/img/ttl_e03.gif) no-repeat;}
.ttl_e p.st04{background:url(../shop/img/ttl_e04.gif) no-repeat;}
/* module_bg */
.boxM{background:url(../shop/img/ttl_ebg01.gif) repeat-y; padding:15px 24px 0 20px;}
.boxB{background:url(../shop/img/ttl_ebg02.gif) 0 100% no-repeat; padding-bottom:12px;}



/* index
--------------------------------------------*/
.index{
width:521px;
}

/* shop navi */
.index .sp_navi{
margin-top:8px;
padding:0 0 20px 15px;
background:url(../shop/img/ind_sp_bg01.jpg) 0 100% repeat-x;
}

.index .sp_navi li{
float:left;
width:238px;
background:url(../shop/img/ind_nv_bg01.gif) 0 100% no-repeat;
}

.index .sp_navi dt.ttl{height:32px;}
.index .sp_navi .ttl img{width:238px; height:32px;}
.index .sp_navi dd.photo{padding:0;}
.index .sp_navi .photo img{width:238px; height:118px;}
.index .sp_navi dd{padding:2px 15px 8px;}

/* subu contents */
.index .sb_cnt{
background:url(../shop/img/ind_sp_bg02.gif) repeat-y;
padding:0 20px 30px 19px;
}

.index .sb_cnt dl{margin:10px 10px 0;}
.index .sb_cnt dt{float:left; clear:left; width:134px; height:64px;}
.index .sb_cnt dt img{width:134px; height:64px;}
.index .sb_cnt dd{margin:10px 0 0 144px;}



/* hair creation, rua, map, service
--------------------------------------------*/
.md{
width:521px;
margin-right:11px;
background:url(../shop/img/ind_sp_bg02.gif) 0 100% repeat-y;
}

.md .ct01{padding:20px 18px 30px 18px;}


/* hair_creation, rua */
.md .data{float:left; width:278px; padding-bottom:15px;}
.md .data dt{float:left; width:6em; text-align:right;}
.md .data dd{margin:0 1em 0 6.4em;}
.md .data p{padding-left:1em; text-indent:-1em; line-height:1.4em;}
.md .map dt{height:27px;}
.md .map dt img{width:162px; height:27px;}
.md .map dd.st01{height:105px;}
.md .map dd img{ margin:0 0 0 37px; text-align:center;}
.md .map dd.to_map{text-align:center; margin-top:3px;}
/* map 間隔 */
.map_hyouji{margin-top:7px;}


/* service */
.md .srv{padding:15px 21px 0 20px;}

.md .srv .st01{padding:15px 0 15px 0; background:url(../common/dot_ln03.gif) repeat-x;}
.md .srv .st01.ctT{background:none; padding-top:0px;}

.srv .st01 dt{border-left:3px solid #707907; padding-left:5px; font-weight:bold; color:#707907;}
.srv .st01 dd{margin-top:5px;}

.srv .st01 .menu{width:440px; margin-top:5px; background:url(../shop/service/img/bg02.jpg) repeat-y;}
.srv .st01 .menu .ctB{padding-bottom:10px; background:url(../shop/service/img/bg03.jpg) 0 100% no-repeat;}
.srv .st01 .menu dl{padding:17px 20px 0; background:url(../shop/service/img/bg01.jpg) no-repeat;}
.srv .st01 .menu dt{border:none; color:#ce9f11;}
.srv .st01 .menu dd{padding-bottom:8px; line-height:1.5;}


/* photo list */
.pt_list{
width:521px;
background:url(../shop/photo/img/li_bg01.gif);
}
.pt_list .ctB{
padding:14px 0 1px;
}

.pt_list .list{margin:0 15px; background:url(../shop/photo/img/li_bg03.gif) repeat-y;}
.pt_list .list .ctB{padding:0 0 54px; background:url(../shop/photo/img/li_bg02.gif) 0 100% no-repeat;}

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

.pt_list .list ul{margin:0 28px; padding-top:1px; background:url(../shop/photo/img/li_bdr01.gif) repeat-x;}
.pt_list .list li{
float:left;
width:80px;
height:77px;
margin:9px 0 7px 6px;
background:url(../shop/photo/img/li_bg04.jpg) no-repeat;
}
.pt_list .list li img{
	width:66px;
	height:67px;
	margin:6px 7px 7px;
}

#map_canvas {
	width:483px;
	height:303px;
	padding:0;
	margin:10px auto;
	border: 1px solid #c6b495;}