@charset "utf-8";

/*----------------------------------------
Name: shop.css
Developed by: Yuya Amano
Date Created: 2010-04-25
Last Updated: -
Copyright: Yuya Amano
----------------------------------------*/
.pageInner,
.shopBox,
.shopAdvice dl,
.shopDetailMenu dl,
.shopMenu ul,
#shopHeader,
.couponBox dl,
.memberMailmag,
.phoneAndCoupon{
	_height: 1px;
	min-height: 1px;
}
.pageInner:after,
.shopBox:after,
.shopAdvice dl:after,
.shopDetailMenu dl:after,
.shopMenu ul:after,
#shopHeader:after,
.couponBox dl:after,
.memberMailmag:after,
.phoneAndCoupon:after{
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}


/*
* override
*
----------------------------------------*/

#page{
	float:none;
	width: 950px;
}

/*
* pageInner
*
----------------------------------------*/
.pageInnerShop{
	float: left;
	width: 685px;
}
.rightSide{
	float: right;
	width: 255px;
}

/*
* shopHeader
*
----------------------------------------*/
#shopHeader{
	padding:15px 10px 10px 10px;
	background: top url(../images/shopTopBar.jpg) no-repeat #EAE6CB;
	margin-bottom: 15px;
}
.shopHeaderContent{
	float: left;
	width: 678px;
}
.shopButtons{
	float: right;
	width: 245px;
}
.shopButtons li{
	padding-bottom: 5px;
}
.shopHeaderInfo{
	float: right;
	width: 493px;
}
.shopHeaderImage{
	float: left;
	width: 170px;
}
.shopHeaderImage img{
	border: 1px solid white;
}

.shopHeaderInfo .shopName h1{
	font-size: 25px;
	font-weight: bold;
	background: #FAF9F1;
	padding: 10px;
}
.shopHeaderInfo .shopName h1 span.kana{
	display: block;
	font-size: 12px;
}
.shopHeaderInfo .shopName dl.address{
	border-top: 1px solid #FAF9F1;
	margin-top: 10px;
	padding-top: 10px;
	margin-bottom: 5px;
}
.shopHeaderInfo .shopName dl.memberStatus{
	margin-top: 5px;
	padding-top: 5px;
	margin-bottom: 5px;
}
.shopHeaderInfo .shopName dl dt,
.shopHeaderInfo .shopName dl dd{
	display: inline;
}
.shopHeaderInfo .shopName dl dt{
	color: #FF9919;
	font-weight: bold;
}
.shopHeaderInfo .shopName dl dd.isMember{
	color: #0000FF;
}
.shopHeaderInfo .shopName dl dd.isNotMember{
	color: #FF0000;
}

.shopTopPhone{
	width: 245px;
	height: 34px;
	padding: 34px 0px 0px 0px;
	background: url(../images/shopPhone_bg.gif) no-repeat;
	color: #CC0000;
	font-weight: bold;
	font-size: 22px;
	text-align: center;
}

/*
* shopMenu
*
----------------------------------------*/
.shopMenu{
	margin-bottom: 15px;
}
.shopMenu ul li,
.shopMenu ul li a{
	display: block;
	float: left;
}

.shopMenu ul li a{
	width: 158px;
	height: 0px;
	padding-top: 42px;
	background: url(../images/shopMenu.jpg) no-repeat;
	overflow: hidden;
	line-height: 1.4em;
	background-position: 0px 6px;
}
.shopMenu ul li a.sm-top{ background-position: 0px 6px; }
.shopMenu ul li a.sm-coupon{ background-position: -158px 6px; }
.shopMenu ul li a.sm-menu{ background-position: -316px 6px; width: 159px; }
.shopMenu ul li a.sm-staff{ background-position: -475px 6px; width: 159px; }
.shopMenu ul li a.sm-contact{ background-position: -634px 6px; width: 158px;}
.shopMenu ul li a.sm-access{ background-position: -793px 6px; width: 158px;}

.shopMenu ul li a.sm-top:hover,
.shopMenu ul li a.sm-top.active{
	background-position: 0px -36px;	
}
.shopMenu ul li a.sm-coupon:hover,
.shopMenu ul li a.sm-coupon.active{
	background-position: -158px -36px;	
}
.shopMenu ul li a.sm-menu:hover,
.shopMenu ul li a.sm-menu.active{
	background-position: -316px -36px;	
}
.shopMenu ul li a.sm-staff:hover,
.shopMenu ul li a.sm-staff.active{
	background-position: -475px -36px;	
}
.shopMenu ul li a.sm-contact:hover,
.shopMenu ul li a.sm-contact.active{
	background-position: -634px -36px;	
}
.shopMenu ul li a.sm-access:hover,
.shopMenu ul li a.sm-access.active{
	background-position: -793px -36px;	
}

/*
* shopBox
*
----------------------------------------*/
.sBox .title{
	background: url(../images/title_bar.jpg) no-repeat;
	margin-bottom: 8px;
}
.sBox .title h2,
.sBox .title h3,
.sBox .title h4,
.sBox .title h5{
	font-size:14px;
	font-weight: bold;
	padding:8px 0px 8px 20px;
}



.shopData table{
	width: 100%;
}
.shopData table td,
.shopData table th{
	border:1px solid #CFC58B;
	padding:8px 10px 8px 10px;
}
.shopData table th{
	width:150px;
	background: #F2F0DF;
	color:#766C30;
	font-weight: bold;
}

.shopBox{
	margin-bottom: 15px;
}
.shopBox dt{
	float: left;
	width: 360px;
}
.shopBox dd{
	float: right;
	width: 580px;
}
.shopBox dd h2{
	color: #9EC61F;
	font-size: 18px;
	font-weight: bold;
	padding-bottom:10px;
	line-height: 1.4em;
}
.shopBox dd p{
	line-height: 1.8em;
}


.shopAdvice{
	margin-bottom: 15px;
}
.shopAdvice dl dt{
	float: left;
	width: 200px;
}
.shopAdvice dl dd{
	float: right;
	width: 480px;
	line-height: 1.8em;
}

.shopDetailMenu{
	margin-bottom: 15px;
}
.shopDetailMenu dl dt{
	float: left;
	width: 200px;
}
.shopDetailMenu dl dd{
	float: right;
	width: 480px;
	line-height: 1.8em;
}

.phoneNumber_big{
	width: 300px;
	height: 25px;
	padding: 10px 7px 0px 0px;
	background: url(../images/phoneNumber_big.gif) no-repeat;
	color: #CC0000;
	font-weight: bold;
	font-size: 17px;
	text-align: right;
}

.couponBox{
	background: none;
	border: none;
}
.couponBox table{
	width: 100%;
	border: 1px solid #FFC671;
	background: white;
}
.couponBox.premium table{
	border: 1px solid #CC0000;
	background: #FFE88C;
}
.couponBox table th,
.couponBox table td{
	padding: 5px;
}
.couponBox th{
	width: 58px;
	text-align: center;
	vertical-align: middle;
}
.couponBox td{
	border-left: 1px solid #FFC671;
}
.couponBox.premium td{
	border-left: 1px solid #CC0000;
}

.couponBox .iconCoupon{
	background: url("../../../img/common/icon_coupon.jpg") no-repeat scroll 5px 50% #FFF2DE;
	padding: 10px 0px 8px 50px;
	color:#FF6600;
	font-weight:bold;
}
.couponBox.premium .iconCoupon{
	background: url("../../../img/common/icon_premium_coupon.jpg") no-repeat scroll 5px 50% #FFCC00;
	padding: 10px 0px 8px 50px;
	color:#CC0000;
	font-weight:bold;
}
.phoneAndCoupon{
	width: 575px;
	margin: 10px auto 15px auto;
}
.phoneAndCoupon li,
.phoneAndCoupon li a{
	float: left;
}
.phoneAndCoupon li{
	margin-right: 10px;
}
.memberMailmag li{
	float: right;
}

.couponText{
	border-bottom:1px dotted #CCCCCC;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
.couponInfo span{
	color: #766C30;
	font-weight: bold;
}

.salonCautionMsg{
	background-color:#FFEF85;
	margin-bottom: 5px;
	padding: 5px;
}

.premium_caution{
	background-color:#eeeeee;
	margin: auto;
	padding-top: 20px;
	border-style: solid;
	border-width: 1px;
	border-color: #dddddd;
}

.premium_caution p{
	text-align:center;
	margin-bottom: 20px;
}

.premium_caution p strong{
	font-weight: bold;
	font-size: larger;
}

.premium_caution table{
	margin:auto;
}

.premium_caution table td{
	padding: 5px;
}

.premium_caution table.loginTable{
	width:250px;
	background-color: #ffffff;
	border-color: #cccccc;
	border-style: solid;
	border-width: 1px;
}

.premium_caution table.registTable{
	width:250px;
	background-color: #ffffff;
	border-color: #cccccc;
	border-style: solid;
	border-width: 1px;
}

/*
* staffBox
*
----------------------------------------*/
table.staffBox{
	margin-top:20px;
	margin-bottom:20px;
}

table.staffBox td.staff{
	width:200px;
	padding-top: 10px;
	padding-left: 30px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #cccccc;
}

table.staffBox td.rightStaff{
	width:200px;
	padding-top: 10px;
	padding-left: 30px;
}

table.staffBox td p.staffItem{
	width:160px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #cccccc;
	margin-top: 10px;
	margin-bottom: 10px;
}

table.staffBox td p.lastStaffItem{

}

/*
* questionBox
*
----------------------------------------*/

.questionBox{
	padding-bottom: 10px;
}

.questionBox .title{
	background: url(../images/title_bar.jpg) no-repeat;
	margin-bottom: 8px;
}

.questionBox .question{
	margin: auto;
	padding-bottom: 10px;
}

.question .title h2,
.question .title h3,
.question .title h4,
.question .title h5{
	font-size:14px;
	font-weight: bold;
	padding:8px 0px 8px 20px;
}