@charset "UTF-8";



.areaListLinks{
clear: both;
margin-bottom: 10px;
}


.pageTitle{
background: left top url(/img_common/icon_h2.gif) no-repeat;
margin: 10px 0px 10px 0px;
}
.pageTitle h2{
padding: 10px 0px 10px 60px;
color:#330000;
font-size:24px;
font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
}

/* -----------------------個別店舗ページ */
#shopTop{
clear: both;
padding: 15px 0px 15px 0px;
}
#shopTop .entryBody{
margin: 10px 0px 10px 0px;
}
#shopTop .shopInformation{
padding: 10px 0px 0xp 0px;
}
#shopTop .shopInformation h3{
margin: 15px 0px 10px 0px;
}
#shopTop .shopInformation h3.border{
border-left: 5px solid #330000;
padding: 0px 0px 0px 10px;
color:#330000;
font-size:140%;
}

#shopTop img.shopMainImage{
margin:10px 0 0 0;
}


#shopTop .shopInformation table{
border-collapse:collapse;
border: none;
}
#shopTop .shopInformation table.shopReserveTable{
float: left;
width: 300px;
margin: 0px 10px 0px 0px;
border: 1px solid #CCCCCC;
}
#shopTop .shopInformation table.shopReserveTable th,
#shopTop .shopInformation table.shopReserveTable td{
padding: 5px;
}
#shopTop .shopInformation table.shopReserveTable th{
border-bottom: 1px solid #FFB3B3;
color:#FF6600;
}
#shopTop .shopInformation table.shopReserveTable td{
border-bottom: 1px dotted #99CCCC;
}
#shopTop .shopInformation table.shopTableInfo{
width: 630px;
margin:10px 0 0 0;
}
#shopTop .shopInformation table.shopTableInfo th{
width: 70px;
}
#shopTop .shopInformation table.shopTableInfo td,
#shopTop .shopInformation table.shopTableInfo th{
padding: 5px;
border: 1px solid #CCCCCC;
}
#shopTop .shopInformation table.shopTableInfo th{
background:#F2E0F3;
}
#shopTop .shopInformation table.shopTableInfo .qrImageTh{
width: 100px;
text-align:center;
}
#shopTop .shopInformation table.shopTableInfo td.qrImage{
width:160px;
}
#shopTop .shopInformation table.shopTableInfo td.qrImage img{
float:left;
display:block;
}
#shopTop .shopInformation table.shopTableInfo td.qrImage p{
font-size: 10px;
float:left;
width: 80px;
line-height:1.1em;
margin-top: 2px;
margin-left: 5px;
}
#shopTop .shopInformation table.shopTableInfo td.blog a{
	color:#333;
	text-decoration: underline;
}
#shopTop .shopInformation table.shopTableInfo td.blog a:hover{
	color:#FF6600;
	text-decoration: underline;
}
#shopTop .shopTrainer{
float: left;
width: 300px;
}
#shopTop .shopTrainer{
color:#330000;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#shopTop .shopTrainer h3{
padding: 0px 0px 3px 0px;
margin: 0;
font-size: 120%;
}
#shopTop .shopInformation .fillBack{
background:#330000;
color:white;
padding: 3px 5px 3px 5px;
font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
}
#shopTop .specialService{
margin: 0px 0px 15px 0px;
}
#shopTop .shopMap{
margin: 15px 0px 0px 0px;
padding: 10px;
background:#F5F2EB;
}
#shopTop .shopMap img{
float: left;
}
#shopTop .shopMap ul{
float: left;
margin: 0px 0px 0px 10px;
}


#shopStaff{
clear: both;
padding: 15px 0px 15px 0px;
}
#shopStaff .shopStaffBox{
clear: both;
padding: 15px 0px 0px 0px;
}
#shopStaff .shopStaffBox .title{
color:#FF6600;
font-size: 120%;
font-weight:bold;
}
#shopStaff .shopStaffBox .body{
}
#shopStaff img{
border: 1px solid #F5F2EB;
padding: 5px;
margin: 0px 10px 5px 0px;
float:left;
}

#shopCustomer{
clear: both;
padding: 15px 0px 15px 0px;
}
#shopCustomer h3{
color:#FF6600;
font-size: 140%;
margin: 0px 0px 15px 0px;
}
#shopCustomer dl{
padding: 0px 0px 8px 0px;
margin:8px 0px 0px 0px;
background: bottom url(/img_common/line_dot.gif) no-repeat;
}
#shopCustomer dl dt{
color:#996699;
font-weight: bold;
}
#shopCustomerdl dd{
}

/* -----------------------店舗ページタブ */
.shoptabMenu{
width: 630px;
height: 30px;
}
.shoptabMenu li{
float:left;
padding:0px 1px 0px 0px;
}
.shoptabMenu li a{
display:block;
width: 100px;
height: 0px;
padding-top: 30px;
}
.shoptabMenu li.tel{
float:right;
color:#330000;
font-size: 130%;
font-weight: bold;
background: left url(/img_common/shop_info_phone.gif) no-repeat;
padding:0px 0px 0px 20px;
position:relative;
}
#tabMenuBottom li.tel{
top: 3px;
}
#tabMenuTop li.tel{
top: 4px;
}
#tabMenuBottom{
padding-top: 5px;
background: top url(/salon/img_common/shoptab_bar.gif) no-repeat;
}
#tabMenuTop{
padding-bottom: 5px;
background: bottom url(/salon/img_common/shoptab_bar.gif) no-repeat;
}


.tabShopTop a{ background: top url(/salon/img_common/shoptabTop.gif) no-repeat; }
.tabShopStaff a{ background: top url(/salon/img_common/shoptabStaff.gif) no-repeat; }
.tabShopCustomer a{ background: top url(/salon/img_common/shoptabCustomer.gif) no-repeat; }
.tabShopTop a.active{ background: top url(/salon/img_common/shoptabTop_focus.gif) no-repeat; }
.tabShopStaff a.active{ background: top url(/salon/img_common/shoptabStaff_focus.gif) no-repeat; }
.tabShopCustomer a.active{ background: top url(/salon/img_common/shoptabCustomer_focus.gif) no-repeat; }

#tabMenuBottom .tabShopTop a{ background: top url(/salon/img_common/shoptabTopBtm.gif) no-repeat; }
#tabMenuBottom .tabShopStaff a{ background: top url(/salon/img_common/shoptabStaffBtm.gif) no-repeat; }
#tabMenuBottom .tabShopCustomer a{ background: top url(/salon/img_common/shoptabCustomerBtm.gif) no-repeat; }
#tabMenuBottom .tabShopTop a.active{ background: top url(/salon/img_common/shoptabTopBtm_focus.gif) no-repeat; }
#tabMenuBottom .tabShopStaff a.active{ background: top url(/salon/img_common/shoptabStaffBtm_focus.gif) no-repeat; }
#tabMenuBottom .tabShopCustomer a.active{ background: top url(/salon/img_common/shoptabCustomerBtm_focus.gif) no-repeat; }

/* -----------------------店舗リストページ */
#shopList{
}
#shopList .list .shop{
width: 633px;
border-bottom:1px dotted #999999;
padding: 0px 0px 10px 0px;
margin: 0px 0px 10px 0px;
}
#shopList .list .shop h2{
padding: 3px 0px 5px 0px;
}
#shopList .list .shop h2 a{
font-size: 18px;
color:#996699;
}
#shopList .list .shopDetail{
width: 333px;
float:left;
}
#shopList .list .shopDetail .info{
width: 180px;
float:left;
padding-left: 5px;
}
.info li{
line-height:1.4em;
padding: 3px 0px 3px 0px;
}
.info .phone{
font-size: 140%;
font-weight:bold;
color:#330000;
background: left url(/img_common/shop_info_phone.gif) no-repeat;
padding-left: 25px;
}
#shopList .list .shopSchedule{
float:left;
width: 290px;
height: 110px;
background:left url(/img_common/shop_info_open_bg.gif) no-repeat;
}
#shopList .list .shopSchedule table{
width: 260px;
height: 100px;
position:relative;
top:8px;
left: 30px;
}
#shopList .list .shopSchedule table td,
#shopList .list .shopSchedule table th{
text-align:center;
vertical-align:top;
}
#shopList .list .shopSchedule table .leftCel{
text-align:left;
}


.pagingBox{
	width: 100%;
}
.pagingBox ul{
	text-align:center;
}
.pagingBox li{
	font-size:14px;
	display:inline;
	padding: 0px 4px 0px 4px;
}