@charset "utf-8";


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

* html .iepngfix {
	behavior: expression(IEPNGFIX.fix(this));
}

html{
	width:100%;
	height:100%;
}

body{
	color:#363433;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	text-align:center;
	font-size:0.76em;
	background:#ffffff;
}

#wrap{
	height:100%;
}

body>#wrap{
	height:auto;
	min-height:100%;
}

html>/**/body{
	font-size: 12px;
}

h1, h2, h3, h4, h5, p, ul, ol, li, img, dl, dt, dd, table, th, td{
	margin:0;
	padding:0;
}

h2{
	clear:both;
	line-height:150%;
}

li{
	list-style:none;
	line-height:100%;
}

img{
	vertical-align: bottom;
	border-style:none;
}

a{
	color:#666666;
}

a:visited{
	color:#666666;
}

a:hover{
	color:#666666;
}

/*
a:hover img{
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}
*/

form{
	margin:0;
	padding:0;
	display:inline;
}

input, textarea, text{
	margin:0;
	padding:0;
	display:inline;
	text-align:left;
}

input{
	margin:0;
	padding:0;
}

table,th,td{
	font-size:100%;
}

div#container{
	text-align:center;
	margin:0 auto;
	padding-bottom:22px;
}

div#contents{
	text-align:center;
	width:650px;
	margin:0 auto;
	line-height:120%;
}

/* ■ヘッダー
*************************************************/

div#header{
	text-align:center;
	overflow:hidden;
	background:#F9F8F5;
	margin:0 auto;
	padding:10px 0 5px 0;
	border-bottom:solid 3px #E3DCCD;
	_height:60px;
}

#header:after{
	content:"";
	display:block;
	clear:both;
	height:1px;
	overflow:hidden;
}

/*\*/
* html #header{
	height:1em;
	overflow:visible;
}
/**/

div#header #headerContents{
	width:650px;
	margin:0 auto;
}

div#header #headerContents table{
	width:650px;
}

div#header #headerContents td{
	text-align:left;
	padding:3px;
	font-family: sans-serif;
}

div#header #headerContents td.right{
	text-align:right;
}

div#header h1{
	width:120px;
	font-size:1pt;
}

/* ■店舗名　予約・TELL
*************************************************/

#shopInfo{
	margin:15px 0 5px 0;
	text-align:left;
	overflow:hidden;
}

#shopInfo:after{
	content:"";
	display:block;
	clear:both;
	height:1px;
	overflow:hidden;
}

/*\*/
* html #shopInfo{
	height:1em;
	overflow:visible;
}
/**/

#shopInfo h2{
	float:left;
	width:300px;
	_width:260px;
	padding:0;
	font-size:10pt;
	_letter-spacing: 0.2em;
}

#shopInfo h2 span{
	padding:0;
	font-size:7pt;
}

#shopInfo #reserve{
	float:right;
	width:350px;
	_width:380px;
	text-align:right;
	font-size:8.25pt;
	margin:0;
}

#shopInfo table{
	width:100%;
}
	

#shopInfo th{
	font-size:10pt;
	text-align:left;
	width:330px;
}

#shopInfo th span{
	padding:0;
	font-size:7pt;
}

#shopInfo td.tell{
	text-align:right;
	font-size:10pt;
	font-weight:bold;
}

#shopInfo td{
	text-align:right;
	font-size:7pt;
}

/* ■メインコンテンツ
*************************************************/

#main{
	text-align:left;
	border:solid 1px #EAE4D8;
	padding:0px;
}

#whatsNew{
	text-align:left;
	line-height:200%;
	margin:10px 0 0 0;
	padding:0 0 5px 0;
	border-bottom:solid 1px #999999;
	overflow:hidden;
}

#whatsNew:after{
	content:"";
	display:block;
	clear:both;
	height:1px;
	overflow:hidden;
}

/*\*/
* html #whatsNew{
	height:1em;
	overflow:visible;
}
/**/

#whatsNew h4{
	float:left;
	padding:0;
}

#whatsNew dl{
	float:right;
	width:720px;
}

#whatsNew dt{
	float:left;
	width:90px;
	color:#000000;
	font-size:9pt;
}

#whatsNew dd{
	float:left;
	width:600px;
	font-size:9pt;
}

#contents_inner{
	clear:both;
	padding:0 0 10px 0;
}

/* ■SHOPDATA
*************************************************/

#shopData{
	padding:10px 30px;
	text-align:center;
	overflow:hidden;
	border-left:solid 15px #F4F3F1;
	border-right:solid 15px #F4F3F1;
	
}

#shopData:after{
	content:"";
	display:block;
	clear:both;
	height:1px;
	overflow:hidden;
}

/*\*/
* html #shopData{
	height:1em;
	overflow:visible;
}
/**/

#shopData h3{
	margin:0;
	padding:0;
	color:#595757;
	border:0;
	text-align:left;
	font-size:15pt;
}

#shopData h3 span{
	padding:0 0 0 10px;
	font-size:9pt;
}


#shopData p{
	margin:10px 0 0 0;
	color:#C40D23;
	font-weight:bold;
}

#shopData table{
	width:100%;
	margin:0 0 10px 0;
	border:1px solid #C9BC9C;
	border-collapse:collapse;
}
#shopData table th{
	padding:3px;
	width:120px;
	font-size:10px;
	border:1px solid #C9BC9C;
	background:#F4F3F1;
	text-align:center;
}

#shopData table td{
	padding:5px;
	border:1px solid #C9BC9C;
	text-align:left;
}

#shopData table td.brown{
	background:#F4F3F1;
}
#shopData table td.widthMini{
	width:400px;
}


#shopData table td a{
	color:#E95513;
}

#shopData table td dt{
	float:left;
}

#shopData table td dd{
	text-align:right;
	float:right;
	margin:0;
	padding:0;
	font-weight:normal;
}

#shopData table .qrAria{
	width:120px;
	background:#F4F3F1;
	text-align:center;
	color:#E4007F;
	font-size:10px;
}

#shopData table .qrAria img{
	margin:10px;
}

#shopData #mapAria{
	text-align:center;
	margin: 0;
}
#shopData #mapAria table{
	width:100%;
}

#shopData #mapAria table td{
	border:none;
	vertical-align:bottom;
	text-align:center;
}

#shopData #mapAria #gmapShopMap {
	margin:0px auto;
}


/* ■CONTENTS FOOTER
*************************************************/

#contentsFooter{
 position: relative;
	padding:10px 30px;
	min-height:20px;
	text-align:center;
	overflow:hidden;
	background:#F4F3F1;
}

#contentsFooter:after{
	content:"";
	display:block;
	clear:both;
	height:1px;
	overflow:hidden;
}

/*\*/
* html #contentsFooter{
	height:1em;
	overflow:visible;
}
/**/

#contentsFooter #pageUp{
	position: absolute;
	right: 15px;
	font-size:10px;
}

#contentsFooter #center{
	overflow:hidden;
 position: relative;
}

#contentsFooter ul{
	margin:10px 0 0 0;
	position: relative;
	left: 50%;
	float: left;
}

#contentsFooter ul li{
	position: relative;
	left: -50%;
	display:inline;
	float:left;
}

#contentsFooter ul li a {
	display:block;
	margin:0;
	padding:0;
	width: 137px;
	height:18px;
}

#contentsFooter ,alignRight{
	font-size:10px;
}

#footerNavi{
	margin:0;
	padding:0 0 5px 0;
	float:right;
}

#footerNavi span{
	display:none;
}

#footerNavi ul{
	margin:10px 0 0 0;
	padding:0;
}

#footerNavi ul li{
	display:inline;
	float:left;
}

#footerNavi ul li a {
	display:block;
	margin:0;
	padding:0;
	width: 137px;
	height:18px;
}

#footerNavi span{
	display:none;
}

li#footerMenuHair span,
li#footerMenuNail span,
li#footerMenuEste span,
li#footerMenuEye span{
	display:none;
}

li#footerMenuHair a {
	background:url(../../../common/img/design/pc/img/shopdetail/menu/footerMenuHair.gif) no-repeat;
}

li#footerMenuHair a:hover,
li#footerMenuHairOpen a {
	background:url(../../../common/img/design/pc/img/shopdetail/menu/footerMenuHair.gif) 0px -18px no-repeat;
}


li#footerMenuNail a {
	background:url(../../../common/img/design/pc/img/shopdetail/menu/footerMenuNail.gif) no-repeat;
}

li#footerMenuNail a:hover,
li#footerMenuNailOpen a {
	background:url(../../../common/img/design/pc/img/shopdetail/menu/footerMenuNail.gif) 0px -18px no-repeat;
}


li#footerMenuEste a {
	background:url(../../../common/img/design/pc/img/shopdetail/menu/footerMenuEste.gif) no-repeat;
}

li#footerMenuEste a:hover,
li#footerMenuEsteOpen a {
	background:url(../../../common/img/design/pc/img/shopdetail/menu/footerMenuEste.gif) 0px -18px no-repeat;
}


li#footerMenuEye a {
	background:url(../../../common/img/design/pc/img/shopdetail/menu/footerMenuEye.gif) no-repeat;
}

li#footerMenuEye a:hover,
li#footerMenuEyeOpen a {
	background:url(../../../common/img/design/pc/img/shopdetail/menu/footerMenuEye.gif) 0px -18px no-repeat;
}



/* ■お知らせ
*************************************************/


#topics{
	margin:0;
	padding:0 0 10px 0;
	text-align:left;
	overflow:hidden;
}

#topics h3{
	padding:12px 0 12px 40px;
	font-size:11.25pt;
	margin:0 0 10px 0;
	background:url(../../../common/img/design/pc/img/shopdetail/bgTitle.jpg) no-repeat left top;
}

#topics .more{
	text-align:right;
	padding:10px 10px 0 0;
}

#topics .more a{
	color:#C79F62;
}

#topics dl{
	margin:10px;
	padding:10px;
	border-bottom:solid 1px #E3DDCD;
	width:710px;
	_width:730px;
	overflow:hidden;
}

#topics dl:after{
	content:"";
	display:block;
	clear:both;
	height:1px;
	overflow:hidden;
}

/*\*/
* html #topics dl{
	height:1em;
	overflow:visible;
}
/**/


#topics dt{
	clear:both;
	width:100px;
	float:left;
	padding:0;
	color:#000000;
}

#topics dt p{
	background:#ffffff;
	display:inline;
	padding:0 10px 0 0;
	font-size:9pt;
}

#topics dd{
	color:#E95513;
	float:left;
	width:600px;
	margin:0 0 10px 0;
}

#topics dl.long dd{
	float:none;
	width:100%;
}

#topics dd .more{
	text-align:right;
	padding:20px 0 0 0;
}

#topics dd .more a{
	color:#C79F62;
}

/* トピックス詳細 */

#topics table{
	width:650px;
	margin:10px 0 0 40px;
}

#topics table td{
	padding:0 5px;
}

#topics table td{
	vertical-align:top;
}

#topics table th{
	font-weight:bold;
	text-align:left;
	color:#E50012;
	padding:0 5px;
}

#topics table p{
	margin:15px 0;
}

/* ■ショップ・クーポン
*************************************************/

#coupon{
	margin:0;
	padding:10px;
	text-align:left;
	font-size:8pt;
	overflow:hidden;
}

#coupon h3{
	margin:0;
	padding:0;
	overflow:hidden;
}

#coupon h3:after{
	content:"";
	display:block;
	clear:both;
	height:1px;
	overflow:hidden;
}

/*\*/
* html #coupon h3{
	height:1em;
	overflow:visible;
}
/**/

#coupon h3 img{
	float:left;
}
#coupon h3 span{
	font-size:10pt;
	padding:3px 0 0 0 ;
	float:right;
	width:600px;
	color:#C40D23;
}

#coupon .couponList{
	clear:both;
	border:#EAE4D8 1px solid;
	padding:10px;
	width:610px;
	_width:630px;
	margin:0 0 10px 0;
}

#coupon .couponBox{
	background:url(../../../common/img/design/pc/img/shopdetail/lineGray.gif) repeat-x bottom left;
	padding:2px 0;
}

#coupon .imgBox{
	float:left;
	width:40px;
}

#coupon .textBox{
	float:right;
	width:560px;
}

#coupon .textBox.long{
	width:100%;
}

#coupon .textBox h4{
	color:#E60012;
	font-size:10pt;
	display:inline;
	float:left;
}
#coupon .textBox h4.ippanCoupon{
	width:350px;
	float:left;
}

#coupon .textBox .title{
	overflow:hidden;
	padding:0 0 2px 0;
	margin:0 0 2px 0;
	border-bottom:solid 1px #cccccc;
}

#coupon .textBox .title:after{
	content:"";
	display:block;
	clear:both;
	height:1px;
	overflow:hidden;
}

/*\*/
* html #coupon .textBox .title{
	height:1em;
	overflow:visible;
}
/**/

#coupon .textBox .title p{
	width:350px;
	float:left;
}

#coupon .textBox h4 span.price{
	font-size:8pt;
	font-weight:normal;
	color:#000000;
}

#coupon .textBox .title span.right{
	float:right;
	width:180px;
	font-size:8pt;
	text-align:right;
}

#coupon .textBox .title span.right img{
	margin:2px 5px 0 0;
	float:left;
}

#coupon .couponDetail{
	font-size:7.5pt;
}


#coupon  #loginBox{
	width:415px;
	height:145px;
	margin:0 auto;
	text-align:center;
}

#coupon  #loginBox #btnBox{
	width:250px;
	position:relative;
	top:40px;
	left:100px;
	/left:25px;
}

/* ■フッター
*************************************************/

#footer{
	padding:5px;
	background:#40210F;
	font-size:7.5pt;
	color:#ffffff;
	margin:0 auto;
}



/* ■NOPAGE
*************************************************/

.noPage{
	padding:200px 0;
	font-size:22.5pt;
}

/********************************************* フォント */

.font9pt{
	font-size:9pt;
}



/********************************************* パンくず */

#pan ul li{
 float:left;
 font-size:7.5pt;
}

#pan{
	padding:10px 0;
 float:left;
 width:330px;
}

#pageUpIn{
	padding:10px 0;
	float:right;
}

/********************************************* float */

.floatLeft	{
	float:left;
}
.floatRight	{
	float:right;
}

/********************************************* align */

.alignCenter	{
	text-align:center;
}
.alignLeft	{
	text-align:left;
}
.alignRight	{
	text-align:right;
}

/********************************************* margin */

.marginTop{
	margin-top:10px;
}

.marginBottom{
	margin-bottom:20px;
}

.marginRight{
	margin-right:5px;
}

.marginLeft{
	margin-left:5px;
}

/********************************************* padding */

.paddingTop{
	padding-top:5px;
}

.paddingBottom{
	padding-bottom:5px;
}

.paddingRight{
	padding-right:5px;
}

.paddingLeft{
	padding-left:5px;
}

/********************************************* span */

span.noDisp{
	display:none;
}

span.textRed{
	color:#E60012;
	font-size:11pt;
}

/********************************************* clearfix */

.clear{
	clear:both;
}

.clearfix {
	display: inline-block;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	max-height: 0;
	visibility: hidden;
}


* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}