@charset "utf-8";
/*
Theme Name: 株式会社LEG
Theme URI: http://leg-inc.com
Author: LEG
*/

/*======================================

Font-size Adjustment
77% = 10px	| 	122% = 16px	|	167% = 22px
85% = 11px	|	129% = 17px	|	174% = 23px
93% = 12px	|	136% = 18px	|	182% = 24px
100% = 13px	|	144% = 19px	|	189% = 25px
107% = 14px	|	152% = 20px	|	197% = 26px
114% = 15px	|	159% = 21px	|

=======================================*/

@import url('reset.css');
/* 1.マージン・インデント
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */
.m1b { margin-bottom: 1px;}
.m2b { margin-bottom: 2px;}
.m3b { margin-bottom: 3px;}
.m4b { margin-bottom: 4px;}
.m5b { margin-bottom: 5px;}
.m6b { margin-bottom: 6px;}
.m7b { margin-bottom: 7px;}
.m8b { margin-bottom: 8px;}
.m9b { margin-bottom: 9px;}
.m10b { margin-bottom: 10px;}
.m13b { margin-bottom: 13px;}
.m15b { margin-bottom: 15px;}
.m20b { margin-bottom: 20px;}
.m25b { margin-bottom: 25px;}
.m30b { margin-bottom: 30px;}
.m35b { margin-bottom: 35px;}
.m40b { margin-bottom: 40px;}
.m45b { margin-bottom: 45px;}
.m50b { margin-bottom: 50px;}
.m5l { margin-left: 5px;}
.m9l { margin-left: 9px;}
.m10l { margin-left: 10px;}
.m15l { margin-left: 15px;}
.m20l { margin-left: 20px;}
.m25l { margin-left: 25px;}
.m30l { margin-left: 30px;}
.m150l { margin-left: 150px;}
.m570l { margin-left: 570px;}
.m2r { margin-right: 2px;}
.m5r { margin-right: 5px;}
.m7r { margin-right: 7px;}
.m10r { margin-right: 10px;}
.m15r { margin-right: 15px;}
.m20r { margin-right: 20px;}
.m25r { margin-right: 25px;}
.m30r { margin-right: 30px;}
.m40r { margin-right: 40px;}
.m50r { margin-right: 50px;}
.p5b { padding-bottom: 5px;}
.p10b { padding-bottom: 10px;}
.p15b { padding-bottom: 15px;}
.p20b { padding-bottom: 20px;}
.p25b { padding-bottom: 25px;}
.p30b { padding-bottom: 30px;}
.p10a { padding: 10px;}
.p5l { padding-left: 5px;}
.p10l { padding-left: 10px;}
.p15l { padding-left: 15px;}
.p20l { padding-left: 20px;}
.p25l { padding-left: 25px;}
.p30l { padding-left: 30px;}
.p200l { padding-left: 200px;}
.box30 { width: 30px;}
.box60 { width: 60px;}
.box85 { width: 85px;}
.box100 { width: 100px;}
.box110 { width: 110px;}
.box120 { width: 120px;}
.box130 { width: 130px;}
.box140 { width: 140px;}
.box160 { width: 160px;}
.box180 { width: 180px;}
.box200 { width: 200px;}
.box250 { width: 250px;}
.box260 { width: 260px;}
.box280 { width: 280px;}
.box285 { width: 285px;}
.box290 { width: 290px;}
.box340 { width: 340px;}
.box300 { width: 300px;}
.box310 { width: 310px;}
.box320 { width: 320px;}
.box355 { width: 355px;}
.box365 { width: 365px;}
.box370 { width: 370px;}
.box380 { width: 380px;}
.box400 { width: 400px;}
.box420 { width: 420px;}
.box440 { width: 440px;}
.box460 { width: 460px;}
.box470 { width: 470px;}
.box500 { width: 500px;}
.box510 { width: 510px;}
.box520 { width: 520px;}
.box530 { width: 530px;}
.box600 { width: 600px;}
.box640 { width: 640px;
}
/* 2.位置クラス
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */
.clear { clear: both;}
.cen { text-align: center;}
.left { text-align: left;}
.right { text-align: right;}
.fLeft { float: left;}
.fRight { float: right;}
/* 3.テキスト
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */
.txt10 { font-size: 77%;}
.txt11 { font-size: 85%;}
.txt14 { font-size: 108%;}
.txt16 { font-size: 123.1%;}
.txtB { font-weight: bold;}
.txtRed { color: #ff0000;}
.txtBlue { color: #5FBFDD;}
.txtPink { color: #F246A4;}
.txtB { font-weight: bold;}
.gold { color: #B19F00;}
.black { color: #333;}

/*
====================================================================
基本設定
	1.枠組み
	2.リンク
	3.clearfixセレクタ指定
	4.ナビゲーション設定
	5.枠組み各詳細設定
	6.各ページ設定
====================================================================
*/

/* 1.枠組み
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */

#container {
	font-size: 93%;
	width: 100%;
}
#top #header {
	width: 100%;
	margin: 0 0 8px 0;
	background: url(../images/bg_header.png) repeat-x left;
}
#sub #header {
	width: 100%;
	margin: 0 0 40px 0;
	background: url(../images/bg_sub_header.jpg) no-repeat center;
	height: 375px;
}
#contents {
	width: 960px;
	margin: 0 auto 16px;
}
#footer {
	width: 100%;
	color: #CCC;
	background: #000 url(../images/bg_footer.png) repeat-x left top;
	clear: both;
	padding: 18px 0 0 0;
	border-bottom: 1px solid #333;
	height: 100px;
}
/* 2.リンク文字設定
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */
a:link, a:visited {
	text-decoration: underline;
	color: #CCCCCC;
}
a:hover {
	text-decoration: underline;
	color: #CCCCCC;
}
a:active {
	text-decoration: underline;
	color: #CCCCCC;
}

#menuWrapper p a:link, a:visited {
	color: #333;
	text-decoration: none;
}
#menuWrapper p a:hover {
	color: #333;
	text-decoration: none;
}
#menuWrapper p a:active {
	color: #333;
	text-decoration: none;
}
#menuWrapper dd a:link, a:visited {
	color: #333;
	text-decoration: none;
}
#menuWrapper dd a:hover {
	color: #333;
	text-decoration: none;
}
#menuWrapper dd a:active {
	color: #333;
	text-decoration: none;
}
/* ロールオーバー画像設定
──────────────────── */
.active {
}
/* 3.clearfixセレクタ指定
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */
.clearfix:after, div#container:after, div#contents:after, div#header:after, div#article:after, div#aside:after, div#header ul#nav1:after, div#article ul#pnav:after, div.section:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
.clearfix, div#container, div#contents, div#header, div#article, div#aside, div#header ul#nav1, div#article ul#pnav, div.section {
	min-height: 1px;
}
* html .clearfix, * html div#container, * html div#contents, * html div#header, * html div#article, * html div#aside, * html div#header ul#nav1, * html div#article ul#pnav * html div.section {
	height: 1px;
}
.clearfix:after {
	content:"";
	display:block;
	clear:both;
}
.clearfix {
	zoom:1;
}
/* 4.ナビゲーション設定
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */

#gNavi {
	width: 900px;
	margin: 0 auto;
}
#gNavi li {
	float: left;
}
#gNavi .gNavi1 {
	margin-right: 56px;
}
#gNavi .gNavi2 {
	margin-right: 49px;
}
#gNavi .gNavi3 {
	margin-right: 324px;
}
#gNavi .gNavi4 {
	margin-right: 34px;
}
#gNavi .gNavi5 {
	margin-right: 33px;
}
/* 5.枠組み各詳細設定
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */
/*------header--------*/
#gTop {
	width: 960px;
	height: 25px;
	background-color: #A66A15;
	margin: 0 auto;
}
#headInner {
	width: 960px;
	margin: 0 auto;
	position:relative;
	padding: 39px 0 0 0;
	z-index: 99;
}
#submainVisual {
	width: 946px;
	margin: auto 0;
	background: #CCC;
	height: 161px;
	padding: 2px;
	clear: both;
	position: absolute;
	left: 5px;
	top: 89px;
}
#sub #header h2 {
	position: absolute;
	left: 10px;
	top: 242px;
}
/*------footer--------*/
#footerTop {
	width: 960px;
	margin: 0 auto;
	text-align: center;
}
#footerInner {
	width: 960px;
	margin: 0 auto;
	height: 100px;
}
#info1Footer {
	width: 370px;
	float:left;
	margin: 0 0 0 15px;
	font-size: 85%;
}
#logoFooter {
	float: left;
	margin: 5px 0 0 5px;
}
#footer dl {
	width: 450px;
}
#footer dl dt {
	text-align: left;
	margin: -12px 0 0 0;
	padding: 13px 0 0 0;
	width: 6em;
	line-height: 1.6em;
}
#footer dl dd {
	margin: -1.5em 0 0 0;
	padding: 0px 13px 0px 5em;
	line-height: 1.6em;
}
#info2Footer {
	width: 350px;
	float: right;
	margin: 5px 0 0 0;
}
#info2Footer .tel {
	margin: 0 0 15px 0;
}
#info2Footer .reserve {
	margin: 0 0 5px 0;
}
#copyRight {
	height: 44px;
	background: #000;
	border-top: 1px solid #333;
}
#copyRight h3 {
	color: #666;
	text-align: center;
	padding: 10px 0 0 0;
}
/*------ページの先頭へ--------*/



/* 6.各ページ設定
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */
/*------共通設定--------*/

html, body {
/*height: 100%;*/
}
#top {
	background: #000000 url(../images/bg_body.jpg) no-repeat center top;
	color: #ccc;
}
#sub {
	background: #EFEFEF;
}
#logo {
	position: absolute;
	z-index: 9999;
	left: 310px;
	top: 0px;
}
#mainVisual {
	width: 956px;
	margin: 0 auto 24px;
	height: 336px;
	background: #CCC;
	padding: 2px;
}
/*------サブページ共通------*/

#topicPath {
	width: 950px;
	padding: 0 5px 0 0;
	position: absolute;
	left: 0px;
	top: 287px;
	text-align: right;
}
#topicPath li {
	display:inline;
	background:url(../images/topicpath.gif) no-repeat 2px 1px;
	line-height:110%;
	list-style-type:none;
	color: #fff;
	padding: 0 0 0 15px;
}
#topicPath li a {
	padding-right:10px;
	color: #fff;
	text-decoration: none;
}
#topicPath li a:hover {
	text-decoration: underline;
	color: #CCCCCC;
}
#topicPath li a:active {
	text-decoration: underline;
	color: #CCCCCC;
}
/*------トップページ--------*/
#topMain {
	width: 960px;
	/* float: right; */
}
#topMain ul {
	width: 100%;
	letter-spacing: -.4em;
	text-align: center;
}
#topMain li {
	/* float: left; */
	display: inline-block;
	letter-spacing: 0;
}
#top .bnrCoupon {
	position: relative;
	width: 370px;
	height: 165px;
}
#top .bnrCoupon a {
	/* [disabled]display: block; */
	/* [disabled]width: 370px; */
	/* [disabled]height: 165px; */
}
#top .bnrCoupon1 {
	position: absolute;
	z-index: 1;
	top: 19px;
	left: 10px;
}
#top .coupon {
	position: absolute;
	z-index: 2;
	top: 15px;
	left: 30px;
}
#top .bnrCoupon3 {
	position: absolute;
	z-index: 3;
	top: 82px;
}
#top .bnrSalon {
	position: relative;
	width: 505px;
	height: 129px;
	top: -5px;
	padding: 5px 0 0 0;
	background-color: #000;
	z-index: 10;
}
#top #side {
	display: none;
	width: 210px;
	float: left;
	margin: 0 0 24px 0;
}
#top #news h2 {
	margin: 0 0 8px 0;
}
#top #news .scroll-pane {
	height: 260px;
	width: 210px;
	overflow: scroll;
}
#top #news .kiji {
	line-height: 1.5em;
	margin: 0 auto 20px;
	background: url(../images/icon1.jpg) no-repeat 0px 6px;
	width: 185px;
	padding: 0 0 0 7px;
}
#top #news .kiji span {
	color: #B19F00;
}
#top #news .kiji a {
	color: #ccc;
	text-decoration: underline;
}
#top #news .kiji a:hover {
	text-decoration: underline;
	color: #999;
}
#top #news .kiji a:active {
	text-decoration: underline;
	color: #999;
}
#loopslider {
	margin: 0 auto;
	width: 956px;
	height: 336px;
	text-align: left;
	position: relative;
	overflow: hidden;
}
#loopslider ul {
	height: 340px;
	float: left;
	display: inline;
	overflow: hidden;
}
#loopslider ul li {
	width: 1047px;
	height: 340px;
	float: left;
	display: inline;
	overflow: hidden;
}
/* =======================================
	ClearFixElements
======================================= */
#loopslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}
#loopslider ul {
	display: inline-block;
	overflow: hidden;
}

.coupon_image01 .day_date,
.coupon_image02 .day_date,
.coupon_image03 .day_date,
.coupon_image04 .day_date,
.coupon_image05 .day_date,
.coupon_image06 .day_date,
.coupon_image07 .day_date,
.coupon_image08 .day_date,
.coupon_image09 .day_date,
.coupon_image10 .day_date {
	font-size: 16px;
}
.coupon_image01 dl,
.coupon_image02 dl,
.coupon_image03 dl,
.coupon_image04 dl,
.coupon_image05 dl,
.coupon_image06 dl,
.coupon_image07 dl,
.coupon_image08 dl,
.coupon_image09 dl,
.coupon_image10 dl{
	width: 430px;
	position: absolute;
	left: 15px;
	top: 174px;
	border-top: 1px solid #666;
}
.coupon_image01 dt,
.coupon_image02 dt,
.coupon_image03 dt,
.coupon_image04 dt,
.coupon_image05 dt,
.coupon_image06 dt,
.coupon_image07 dt,
.coupon_image08 dt,
.coupon_image09 dt,
.coupon_image10 dt {
	text-align: left;
	margin: 0;
	padding: 10px 0 0em 8px;
	width: 10em;
	line-height: 0.9em;
	color: #B19F00;
}
.coupon_image01 dd,
.coupon_image02 dd,
.coupon_image03 dd,
.coupon_image04 dd,
.coupon_image05 dd,
.coupon_image06 dd,
.coupon_image07 dd,
.coupon_image08 dd,
.coupon_image09 dd,
.coupon_image10 dd {
	text-align: left;
	margin: -1.8em 0 0 0;
	padding: 8px 13px 5px 7em;
	line-height: 1.4em;
	border-bottom: 1px solid #333;
}
.coupon_image01 .cyui,
.coupon_image02 .cyui,
.coupon_image03 .cyui,
.coupon_image04 .cyui,
.coupon_image05 .cyui,
.coupon_image06 .cyui,
.coupon_image07 .cyui,
.coupon_image08 .cyui,
.coupon_image09 .cyui,
.coupon_image10 .cyui {
	position: absolute;
	left: 15px;
	top: 252px;
	width: 370px;
	padding: 0 0 5px 60px;
	line-height: 1.4em;
}
.coupon_special {
	display:block;
	width:961px;
	height:246px;
	background:url(../images/n_special4.jpg) no-repeat left top;
	text-decoration:none;
	position: relative;
	margin: 0 0 20px;
	clear: both;
}



.coupon_special#scarp2 {
	display:block;
	width:961px;
	height:246px;
	background:url(../images/n_special4.jpg) no-repeat left top;
	text-decoration:none;
	position: relative;
	margin: 0 0 20px;
	clear: both;
}

.coupon_special#maibu {
	display:block;
	width:961px;
	height:246px;
	background:url(../images/coupon_special6.jpg) no-repeat left top;
	text-decoration:none;
	position: relative;
	margin: 0 0 20px;
	clear: both;
}

.coupon_special#hot {
	display:block;
	width:961px;
	height:246px;
	background:url(../images/coupon_special9.jpg) no-repeat left top;
	text-decoration:none;
	position: relative;
	margin: 0 0 20px;
	clear: both;
}


#scarp_btn {
	position: absolute;
	top: 48px;
	right: 20px;
}
.coupon_special .day_date {
	font-size: 16px;
}
.coupon_special dl {
	width: 360px;
	position: absolute;
	left: 315px;
	top: 160px;
	border-top: 1px solid #666;
}

.coupon_special dl2 {
	width: 360px;
	position: absolute;
	left: 315px;
	top: 130px;
	border-top: 1px solid #666;
}



.coupon_special dt {
	text-align: left;
	margin: 0;
	padding: 10px 0 0em 8px;
	width: 10em;
	line-height: 0.9em;
	color: #B19F00;
}
.coupon_special dd {
	text-align: left;
	margin: -1.8em 0 0 0;
	padding: 8px 13px 5px 7em;
	line-height: 1.4em;
	border-bottom: 1px solid #333;
}
.coupon_special .text1 {
	position: absolute;
	left: 546px;
	top: 93px;
	width: 390px;
	line-height: 1.4em;
	font-weight: bold;
}
.coupon_special .text2 {
	position: absolute;
	left: 546px;
	top: 135px;
	width: 390px;
	line-height: 1.5em;
}
/*------サロンページ--------*/

#salonWrapper {
	width: 960px;
	margin: 0 auto;
}
#salonWrapper .sec1 {
	text-align: center;
	margin: 0 auto 60px;
}
#salonWrapper .sec1 h3 {
	margin: 0 0 45px 0;
}
#salonWrapper .sec1 .conceptWords {
	margin: 0 0 20px 0;
}
#salonWrapper .sec1 ul {
	width: 821px;
	margin: 0 auto 20px;
}
#salonWrapper .sec1 li {
	float: left;
}
#salonWrapper .sec1 .p1 {
	margin: 0 20px 20px 0;
}
#salonWrapper .sec1 .p2 {
	margin: 0 20px 20px 0;
}
#salonWrapper .sec1 .conceptText {
	z-index: 98;
	width: 960px;
	font-size: 114%;
	line-height: 1.9em;
	clear: both;
}
#salonWrapper .sec2 {
	width: 960px;
	height: 600px;
	margin: 0 0 32px 0;
}
#sec2 #info {
	float: left;
	width: 490px;
	margin: 0 0 0 15px;
}
#salonWrapper .sec2 h3 {
	text-align: center;
	margin: 0 auto 36px;
}
#info dl {
	width: 490px;
	border-top: 1px solid #666;
	float: left;
}
#info dt {
	text-align: left;
	margin: 0;
	padding: 20px 0 0em 8px;
	width: 10em;
	line-height: 0.9em;
	color: #B19F00;
}
#info dd {
	text-align: left;
	margin: -1.8em 0 0 0;
	padding: 8px 13px 16px 10em;
	line-height: 1.4em;
	border-bottom: 1px solid #666;
}
#map {
	width: 430px;
	height: 515px;
	float: right;
	background: url(../images/bg_photo.jpg) repeat;
	margin: 0 15px 0 0;
}
#mapInner {
	height: 505px;
	width: 420px;
	margin: 5px;
}
#salonWrapper .sec3 {
	width: 960px;
	margin: 0 0 40px 0;
}
#salonWrapper .sec3Left {
	float: left;
	width: 480px;
}
#salonWrapper .sec3Left h3 {
	text-align: center;
	margin: 0 0 20px 0;
}
#salonWrapper .sec3Left .tel {
	width: 300px;
	margin: 0 auto 5px;
}
#salonWrapper .sec3Left .text {
	text-align: center;
	margin: 0 0 23px 0;
}
#salonWrapper .sec3Left .time {
	width: 300px;
	margin: 0 auto 20px;
}
#salonWrapper .sec3Left .reserve {
	text-align: center;
	margin: 0 auto 20px;
}
#salonWrapper .sec3Left .cyuui {
	font-size: 85%;
	width: 330px;
	margin: 0 0 0 95px;
}
#salonWrapper .sec3Right {
	float: right;
	width: 480px;
}
#salonWrapper .sec3Right h3 {
	text-align: center;
	margin: 0 0 20px 0;
}
#salonWrapper .sec3Right .tel {
	width: 300px;
	margin: 0 auto 5px;
}
#salonWrapper .sec3Right .text {
	text-align: center;
	margin: 0 0 23px 0;
}
#salonWrapper .sec3Right .time {
	width: 300px;
	margin: 0 auto 20px;
}
#salonWrapper .sec3Right .reserve {
	text-align: center;
	margin: 0 auto 20px;
}
#salonWrapper .sec3Right .cyuui {
	font-size: 85%;
	width: 330px;
	margin: 0 0 0 95px;
}
/*------スタッフ一覧ページ--------*/

#stafflistWrapper .sec1 h3 {
	text-align: center;
	margin: 0 auto 52px;
}
#blog {
	display: none;
	width: 550px;
	margin: 0 auto 40px;
}
#blog #news h2 {
	margin: 0 0 8px 0;
}
#blog #news .scroll-pane {
	height: 260px;
	width: 550px;
	overflow: scroll;
}
#blog #news .day {
	line-height: 1.5em;
	background: url(../images/icon2.jpg) no-repeat 0px 6px;
	padding: 0 0 0 8px;
	color: #B19F00;
	float: left;
}
#blog #news .auther {
	line-height: 1.5em;
	margin: 0 auto 5px;
	padding: 0 0 0 8px;
	float: left;
}
#blog #news .title {
	line-height: 1.5em;
	margin: 0 auto 20px;
	/* [disabled]width: 500px;
*/
	padding: 0 0 0 8px;
	clear: both;
}
#stafflistWrapper .staffArea {
	width: 622px;
	/*margin: 0 0 65px 178px;*/
	margin: 0 0 65px 90px;
}
#stafflistWrapper .staff_list_box {
	float: left;
	/* [disabled]height: 286px; */
	/* [disabled]width: 210px; */
	/* [disabled]padding: 20px 20px 0 0; */
	margin-right: 20px;
}
#stafflistWrapper .info {
	width: 510px;
	margin: 0 auto 10px;
}
#blog #news .title a:link, #blog #news .title a:visited {
	text-decoration: underline;
	color: #333;
}
#blog #news .title a:hover {
	text-decoration: underline;
	color: #CCCCCC;
}
#blog #news .title a:active {
	text-decoration: underline;
	color: #CCCCCC;
}
/*------スタッフページ--------*/
#staffWrapper .sec1 {
	width: 960px;
	position: relative;
	margin: 200px auto 0;
	min-height: 660px;
}
#staffWrapper .sec1 h3 {
	text-align: center;
	margin: 0 auto 152px;
}
#staffWrapper .staffPhoto {
	position: absolute;
	left: 281px;
	top: -179px;
	z-index: 98;
}
#profile {
	width: 450px;
	margin: 0 0 0 20px;
	float: left;
}
#profile h4 {
	width: 450px;
	text-align: center;
}
#profile dl {
	width: 450px;
}
#profile dt {
	text-align: left;
	margin: 0;
	padding: 20px 0 0em 8px;
	width: 10em;
	line-height: 0.9em;
	color: #B19F00;
}
#profile dd {
	text-align: left;
	margin: -1.8em 0 0 0;
	padding: 8px 110px 16px 10em;
	line-height: 1.4em;
	border-bottom: 1px solid #666;
}
#profile dd p {
	line-height: 1.6em;
}
#scol {
	width: 315px;
	float: right;
	z-index: 99;
	position: relative;
}
#scol h4 {
	width: 315px;
	text-align: center;
	margin: 0 0 15px 0;
}
#scol ul {
	width: 285px;
	margin: 0 auto;
}
#scol li {
	float: left;
	margin: 0 5px 0 0;
	overflow: hidden;
}

/*------スタイルリストページ--------*/
#stylebooklistWrapper .sec1 {
	width: 960px;
	margin: 0 auto;
}
#styleNavi {
	width: 960px;
	margin: 0 auto 40px;
}
#styleNavi li {
	float: left;
}
#stylebook {
	width: 920px;
	margin: 0 0 55px 30px;
}
#stylebook li {
	float: left;
	height: 230px;
	width: 200px;
	background: url(../images/bg_photo.jpg) repeat;
	margin: 16px 20px 0 0;
	padding: 5px;
}
#stylebook li p {
	height: 230px;
	width: 200px;
	overflow: hidden;
}
#stylebooklistWrapper .pager {
	position:relative;
	overflow:hidden;
	clear: both;
	margin: 0 0 15px 0;
}
#stylebooklistWrapper .pagerInner {
	position:relative;
	left:50%;
	float:left;
}
#stylebooklistWrapper .pagerInner li {
	position: relative;
	left: -44%;
	float: left;
	margin-right: 30px;
}
#stylebooklistWrapper .pagerPrev {
	background: url(../images/pager_prev.jpg) no-repeat left 5px;
	padding: 0 0 0 13px;
}
#stylebooklistWrapper .pagerNext {
	background: url(../images/pager_next.jpg) no-repeat right 5px;
	padding: 0 13px 0 0;
}

/*------スタイルページ--------*/
#styleWrapper h3 {
	width: 960px;
	text-align: center;
	margin: 0 auto 50px;
}
#stylephoto {
	width: 340px;
	float: left;
	margin: 0 0 0 110px;
}
#styleWrapper .column {
	width: 660px;
	margin: 0 auto;
	background: url(../images/bottom.jpg) no-repeat bottom;
	color:#CCCCCC;
	clear: both;
}
#styleWrapper .inner {
	background: url(../images/top.jpg) no-repeat;
	padding: 20px 20px 20px;
}
#styledata {
	margin: 0 auto 50px;
	width: 340px;
	float: right;
}
#styleName {
	font-size: 16px;
	font-weight: bold;
	color: #333;
}
#styledata dl {
	width: 320px;
}

#styledata dt {
	text-align: left;
	margin: 0;
	padding: 14px 0px 14px 10px;
	width: 182px;
	color: #B19F00;
	line-height: 1.5em;
}

#styledata dl .area1 {
	text-align: right;
	margin: -32px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 1.5em;
	width: 14.5em;
}

#styledata dl .area2 {
	text-align: right;
	margin: -30px 0px 5px 0px;
	padding: 0px 25px 16px 0px;
	line-height: 1em;
}
#styledata .data1 td {
	color: #B19F00;
	padding: 4px 5px;

}
#styledata .data1 .bb{
	border-bottom: 1px solid #A0A0A0;
}
#styledata .data1 .black1 {
	color: #333;
	border-bottom: 1px solid #A0A0A0;
}
#styledata .data1 .black2 {
	color: #333;
}#styledata .data2 td {
	color: #B19F00;
	padding: 9px 5px;
}
#styledata .data2 .bb{
	border-bottom: 1px solid #A0A0A0;
}
#styledata .data2 .black1 {
	color: #333;
	border-bottom: 1px solid #A0A0A0;
}
#styledata .data2 .black1 .off {
	display: block;
	float: left;
	margin-right: 4px;
	padding: 0px 2px;
	background-color: #CCC;
	color: #666;
}
#styledata .data2 .black1 .on {
	display: block;
	float: left;
	margin-right: 4px;
	padding: 0px 2px;
	color: #fff;
	background: url(../images/bg_dataicon.jpg);
}
#styleWrapper .stylistname {
	width: 220px;
	float: left;
	margin : 0 10px 0 0;
}
#styleWrapper .stylistname dt {
	margin: 0;
	width: 7em;
	line-height: 0.9em;
	color: #B19F00;
}
#styleWrapper .stylistname dd {
	margin: -1.8em 0 0 0;
	padding: 10px 13px 16px 7em;
	line-height: 1.4em;
}
#styleWrapper .price {
	width: 390px;
	float: left;
}
#styleWrapper .price dt {
	margin: 0;
	width: 6em;
	line-height: 0.9em;
	color: #B19F00;
}
#styleWrapper .price dd {
	text-align: left;
	margin: -1.8em 0 0 0;
	padding: 8px 13px 16px 4em;
	line-height: 1.4em;
}
#styleWrapper  .column .inner p {
	clear: both;
}

/*------スタイルページ--------*/
#menuWrapper .sec1 {
	width: 960px;
	margin: 0 auto 80px;
	clear: both;
}
#menuWrapper h3 {
	width: 960px;
	text-align: center;
	margin: 0 auto 30px;
}
#menuWrapper .sec1 .leftBox {
	width: 450px;
	float: left;
}
#menuWrapper .sec1 .rightBox {
	width: 450px;
	float: right;
}
#menuWrapper .sec1 .menuBox1 {
	width: 450px;
	margin: 0 0 40px 0;
}
#menuWrapper .sec1 .menuBox1 h4 {
	margin: 0 0 15px 0;
}
#menuWrapper .sec1 .menuBox1 dl {
	clear: both;
}
#menuWrapper .sec1 .menuBox1 dt {
	float: left;
	width: 18em;
	clear: both;
	padding: 0 1em;
	font-weight: bold;
}
#menuWrapper .sec1 .menuBox1 dt span {
	font-size: 77%;
	font-weight: normal;
}
#menuWrapper .sec1 .menuBox1 dd {
	text-align: right;
	margin: 0;
	padding: 0 1em 5px 18em;
	border-bottom: 1px dotted #818181;
}
#menuWrapper .sec1 .menuBox1 p {
	padding: 6px 1em;
	line-height: 1.6em;
	border-bottom: 1px solid #818181;
	margin: 0 0 15px 0;
}
#menuWrapper .sec1 .menuBox1 .btnDetail1{
	width: 112px;
	display: block;
	background: url(../images/bg_menu.jpg) repeat;
	padding: 1px 0 0 10px;
}
#menuWrapper .sec1 .menuBox2 h4 {
	margin: 0 0 15px 0;
}
#menuWrapper .sec1 .menuBox2 .t1 {
	clear: both;
}
#menuWrapper .sec1 .menuBox2 .t1 dt {
	float: left;
	width: 18em;
	clear: both;
	padding: 0 1em;
	font-weight: bold;
}
#menuWrapper .sec1 .menuBox2 .t1 dt span {
	font-size: 77%;
	font-weight: normal;
}
#menuWrapper .sec1 .menuBox2 .t1 dd {
	text-align: right;
	margin: 0;
	padding: 0 1em 4px 18em;
	border-bottom: 1px dotted #666;
}
#menuWrapper .sec1 .menuBox2 .text {
	padding: 5px 0;
	line-height: 1.6em;
	border-bottom: 1px dotted #666;
	width: 440px;
	float: right;
	margin: 0px 0px 10px 0px;
}
#menuWrapper .sec1 .menuBox2 .t2 {
	clear: both;
	width: 440px;
	float: right;
	margin: 0 0 10px 0;
}
#menuWrapper .sec1 .menuBox2 .t2 dt {
	/*float: left;
	width: 24em;
	clear: both;*/
	margin: 0;
	width: 24em;
	line-height: 2em;
}
#menuWrapper .sec1 .menuBox2 .t2 dt .hh {
	display: table-cell;
	vertical-align: middle;
}
/*for IE6 */
* html #menuWrapper .sec1 .menuBox2 .t2 dt .hh {
	display: inline;
	zoom: 1;
}

/*for IE7 */
*:first-child+html #menuWrapper .sec1 .menuBox2 .t2 dt .hh {
	display: inline;
	zoom: 1;
}
#menuWrapper .sec1 .menuBox2 .t2 dt span {
	font-size: 77%;
	font-weight: normal;
}
#menuWrapper .sec1 .menuBox2 .t2 dd {
	/*text-align: right;
	margin: 0;
	padding: 2px 1em 12px 27em;*/
	border-bottom: 1px dotted #666;
	margin: -2.6em 0 0 0;
	padding: 10px 0px 11px 26.5em;
	line-height: 1.6em;
}
#menuWrapper .sec1 .menuBox2 .btnDetail2{
	width: 100px;
	display: block;
	background: url(../images/bg_menu.jpg) repeat;
	padding: 1px 0 0 15px;

}
#menuWrapper .sec1 .menuBox3 h4 {
	margin: 0 0 15px 0;
}
#menuWrapper .sec1 .menuBox3 .t4 {
	clear: both;
}
#menuWrapper .sec1 .menuBox3 p {
padding: 6px 1em;
line-height: 1.6em;
border-bottom: 1px solid #818181;
margin: 0 0 15px 0;
}
#menuWrapper .sec1 .menuBox3 .t4 dt {
	float: left;
	width: 18em;
	clear: both;
	padding: 0 1em;
	font-weight: bold;
}
#menuWrapper .sec1 .menuBox3 .t4  dt span {
	font-size: 77%;
	font-weight: normal;
}
#menuWrapper .sec1 .menuBox3 .t4  dd {
	text-align: right;
	margin: 0;
	padding: 0 1em 5px 18em;
	border-bottom: 1px dotted #818181;
}
#menuWrapper .sec1 .menuBox3 .text3 {
	padding: 6px 1em;
	line-height: 1.6em;
	border-bottom: 1px solid #818181;
	margin: 0 0 15px 0;
}
#menuWrapper .sec1 .menuBox3 .t1 {
	clear: both;
}
#menuWrapper .sec1 .menuBox3 .t1 dt {
	float: left;
	width: 18em;
	clear: both;
	padding: 0 1em;
	font-weight: bold;
}
#menuWrapper .sec1 .menuBox3 .t1 dt span {
	font-size: 77%;
	font-weight: normal;
}
#menuWrapper .sec1 .menuBox3 .t1 dd {
	text-align: right;
	margin: 0;
	padding: 0 1em 4px 18em;
	border-bottom: 1px dotted #666;
}
#menuWrapper .sec1 .menuBox3 .text {
	padding: 5px 0;
	line-height: 1.6em;
	border-bottom: 1px dotted #818181;
	width: 440px;
	float: right;
	margin: 0px 0px 10px 0px;
}
#menuWrapper .sec1 .menuBox3 .t2 {
	clear: both;
	width: 440px;
	float: right;
	margin: 0 0 10px 0;
}
#menuWrapper .sec1 .menuBox3 .t3 {
	clear: both;
	width: 440px;
	float: right;
	margin: 0 ;
}

#menuWrapper .sec1 .menuBox3 .t2 dt,
#menuWrapper .sec1 .menuBox3 .t3 dt {
	margin: -5px 0 0 0;
	width: 24em;
}
#menuWrapper .sec1 .menuBox3 .t2 dt .hh,
#menuWrapper .sec1 .menuBox3 .t3 dt .hh {
	display: table-cell;
	vertical-align: middle;
}
/*for IE6 */
* html #menuWrapper .sec1 .menuBox3 .t2 dt .hh,
* html #menuWrapper .sec1 .menuBox3 .t3 dt .hh {
	display: inline;
	zoom: 1;
}

/*for IE7 */
*:first-child+html #menuWrapper .sec1 .menuBox3 .t2 dt .hh,
*:first-child+html #menuWrapper .sec1 .menuBox3 .t3 dt .hh {
	display: inline;
	zoom: 1;
}
#menuWrapper .sec1 .menuBox3 .t2 dt span,
#menuWrapper .sec1 .menuBox3 .t3 dt span {
	font-size: 77%;
	font-weight: normal;
}
#menuWrapper .sec1 .menuBox3 .t2 dd {
	border-bottom: 1px dotted #666;
	margin: -3.2em 0 0 0;
	padding: 10px 0px 15px 26.5em;
	line-height: 1.6em;
}
#menuWrapper .sec1 .menuBox3 .t3 dd {
	margin: -3.2em 0 0 0;
	padding: 10px 0px 15px 26.5em;
	line-height: 1.6em;
}
#menuWrapper .sec1 .menuBox3 .btnDetail2 {
	width: 100px;
	display: block;
	background: url(../images/bg_menu.jpg) repeat;
	padding: 1px 0 0 15px;
}
#menuWrapper .sec1 .menuBox4 {

}
#menuWrapper .sec1 .menuBox4 .t1 {
	clear: both;
}
#menuWrapper .sec1 .menuBox4 .t1 dt {
	float: left;
	width: 18em;
	clear: both;
	padding: 16px 1em;
	font-weight: bold;
}
#menuWrapper .sec1 .menuBox4 .t1 dt span {
	font-size: 77%;
	font-weight: normal;
}
#menuWrapper .sec1 .menuBox4 .t1 dd {
	text-align: right;
	margin: 0;
	padding: 16px 1em 4px 18em;
	border-bottom: 1px dotted #666;
	border-top: 1px solid #666;
}
#menuWrapper .sec1 .menuBox4 .text {
	padding: 5px 0;
	line-height: 1.6em;
	border-bottom: 1px dotted #666;
	width: 440px;
	float: right;
	margin: 0px 0px 10px 0px;
}
#menuWrapper .sec1 .menuBox4 .t2 {
	clear: both;
	width: 440px;
	float: right;
	margin: 0 0 10px 0;
}
#menuWrapper .sec1 .menuBox4 .t2 dt {
	margin: 0;
	width: 24em;
	line-height: 2em;
}
#menuWrapper .sec1 .menuBox4 .t2 dt .hh {
	display: table-cell;
	vertical-align: middle;
}
/*for IE6 */
* html #menuWrapper .sec1 .menuBox4 .t2 dt .hh {
	display: inline;
	zoom: 1;
}

/*for IE7 */
*:first-child+html #menuWrapper .sec1 .menuBox4 .t2 dt .hh {
	display: inline;
	zoom: 1;
}
#menuWrapper .sec1 .menuBox4 .t2 dt span {
	font-size: 77%;
	font-weight: normal;
}
#menuWrapper .sec1 .menuBox4 .t2 dd {
	border-bottom: 1px dotted #666;
	margin: -2.6em 0 0 0;
	padding: 10px 0px 11px 26.5em;
	line-height: 1.6em;
}
#menuWrapper .sec1 .menuBox3 .t2 .last {
	border: none;
}

#menuWrapper .sec1 .menuBox4 .btnDetail2{
	width: 100px;
	display: block;
	background: url(../images/bg_menu.jpg) repeat;
	padding: 1px 0 0 15px;

}
#menuWrapper .sec2 {
	width: 960px;
	margin: 0 auto 80px;
	clear: both;
}
#menuWrapper h3 {
	width: 960px;
	text-align: center;
	margin: 0 auto 30px;
}
#menuWrapper .sec2 .leftBox {
	width: 450px;
	float: left;
}
#menuWrapper .sec2 .rightBox {
	width: 450px;
	float: right;
}
#menuWrapper .sec2 .menuBox1 {
	width: 960px;
	margin: 0 0 40px 0;
}
#menuWrapper .sec2 .menuBox1 h4 {
	margin: 0 0 15px 0;
}
#menuWrapper .sec2 .menuBox1 .sp1 {
	clear: both;
}
#menuWrapper .sec2 .menuBox1 .sp1 dt {
	float: left;
	width: 25em;
	clear: both;
	padding: 0 1em;
	font-weight: bold;
}
#menuWrapper .sec2 .menuBox1 .sp1 dt span {
	font-size: 77%;
	font-weight: normal;
}
#menuWrapper .sec2 .menuBox1 .sp1 dd {
	text-align: right;
	margin: 0;
	padding: 0 1em 5px 18em;
	border-bottom: 1px dotted #818181;
}
#menuWrapper .sec2 .menuBox1 .sp2 {
	clear: both;
	margin: 0 0 15px 0;
}
#menuWrapper .sec2 .menuBox1 .sp2 dt {
	float: left;
	width: 30em;
	clear: both;
	padding: 0 1em;
	font-weight: bold;
}
#menuWrapper .sec2 .menuBox1 .sp2 dt span {
	font-size: 77%;
	font-weight: normal;
}
#menuWrapper .sec2 .menuBox1 .sp2 dd {
	text-align: right;
	margin: 0;
	padding: 0 1em 15px 18em;
	border-bottom: 1px solid #818181;
}
#menuWrapper .sec2 .menuBox1 p {
	padding: 6px 1em;
	line-height: 1.6em;
	border-bottom: 1px solid #818181;
	margin: 0 0 15px 0;
}
#menuWrapper .sec2 .menuBox1 .sp1 .btnDetail1{
	width: 112px;
	display: block;
	background: url(../images/bg_menu.jpg) repeat;
	padding: 1px 0 0 10px;
}
.sec2 .menuBox1 .lBox {
	width: 475px;
	float: left;
}
.sec2 .menuBox1 .rBox {
	width: 475px;
	float: right;
}
#menuWrapper .sec3 {
	width: 960px;
	margin: 0 auto;
	clear: both;
}
#menuWrapper .sec3Inner {
	width: 960px;
	margin: 0 auto 25px;
}

#menuWrapper .sec3 .mtext1 {
	width: 960px;
	text-align: center;
	margin: 0 auto 10px;
}
#menuWrapper .sec3 .mtext2 {
	width: 960px;
	text-align: center;
	margin: 0 auto 40px;
	clear: both;
}
#menuWrapper .sec3 .leftBox {
	width: 450px;
	float: left;
}
#menuWrapper .sec3 .rightBox {
	width: 450px;
	float: right;
}
#menuWrapper .sec3 table {
	border-top: 1px solid #818181;
	border-bottom: 1px solid #818181;
}
#menuWrapper .sec3 table th {
	width: 155px;
	border-bottom: 1px solid #818181;
	padding: 0 0 0 1em;
	font-weight: bold;
	vertical-align:middle
}
#menuWrapper .sec3 table .area1 {
	width: 90px;
	border-bottom: 1px dotted #818181;
	padding: 7px 0 7px 1em;
}
#menuWrapper .sec3 table .area2 {
	text-align: right;
	border-bottom: 1px dotted #818181;
	padding: 7px 0.5em 7px 0;
}
#menuWrapper .sec3 table .area3 {
	width: 90px;
	border-bottom: 1px solid #818181;
	padding: 7px 0 7px 1em;
}
#menuWrapper .sec3 table .area4 {
	text-align: right;
	border-bottom: 1px solid #818181;
	padding: 7px 0.5em 7px 0;
}
#menuWrapper .sec3 .caption {
	width: 760px;
	background: url(../images/bg_photo.jpg);
	padding: 3px;
	margin: 0 auto;
}
#menuWrapper .sec3 .caption .captionInner {
	background: #FFF;
	padding: 10px;
}
.menuDetail1,
.menuDetail2,
.menuDetail3,
.menuDetail4,
.menuDetail5,
.menuDetail6,
.menuDetail7,
.menuDetail8,
.menuDetail9 {
	padding: 5px 10px 10px 0px;
}
#spContents {
	clear: both;
}
#spContents .bunnerArea {
	text-align: center;
	letter-spacing: -.4em;
}
#spContents .bunnerArea li {
	display: inline-block;
	letter-spacing: 0;
	margin: 0 10px 0 0;
}
#spContents .title {
	margin: 0 0 10px 0;
}
#gTop .lBox {
	float: left;
	width: 224px;
	padding: 5px 0 0 0;
}
#header #gTop .rBox {
	float: right;
	width: 146px;
}
#menuWrapper .pNav {
	width: 960px;
	margin: 0 auto 30px;
}
#menuWrapper .pNav li {
	float: left;
}

/* 追記131216 */
#reservBoxWrap {
	display: none;
}

#reservBox {
	width: 530px;
	height: 260px;
	padding: 60px 50px 0;
	background: url(../images/reservation_bar.jpg) center center no-repeat #FFFFFF;
}

#reservBtn {
	margin-top: -79px;
	position: fixed;
	right: 0;
	top: 50%;
}

#fbBtnWrap {
	width: 210px;
	float: left;
}

#recruitBtnWrap {
	width: 210px;
	float: right;
}

#fbTxt {
	text-align: center;
	padding-bottom: 10px;
}

#fbBtn {
	text-align: center;
}

#rpTxt {
	text-align: center;
	padding-bottom: 10px;
}

#rpBtn {
	text-align: center;
}


/*------クーポンページ--------*/
.coupon_image01 {
	display:block;
	width:460px;
	height:295px;
	background:url(../images/coupon_1.jpg) no-repeat;
	text-decoration:none;
	position: relative;
	float: left;
	margin: 0 0 20px 0;
}
.coupon_image02 {
	display:block;
	width:460px;
	height:295px;
	background:url(../images/coupon_2.jpg) no-repeat;
	text-decoration:none;
	position: relative;
	float: right;
	margin: 0 0 20px 0;
}
.coupon_image03 {
	display:block;
	width:460px;
	height:295px;
	background:url(../images/coupon_3.jpg) no-repeat;
	text-decoration:none;
	position: relative;
	float: left;
	margin: 0 0 20px 0;
}
.coupon_image04 {
	display:block;
	width:460px;
	height:295px;
	background:url(../images/coupon_4.jpg) no-repeat;
	text-decoration:none;
	position: relative;
	float: right;
	margin: 0 0 20px 0;
}

.coupon_image05 {
	display:block;
	width:460px;
	height:295px;
	background:url(../images/coupon_5.jpg) no-repeat;
	text-decoration:none;
	position: relative;
	float: left;
	margin: 0 0 20px 0;
}

.coupon_image06 {
	display:block;
	width:460px;
	height:295px;
	background:url(../images/coupon_6.jpg) no-repeat;
	text-decoration:none;
	position: relative;
	float: right;
	margin: 0 0 20px 0;
}

.coupon_image07 {
	display:block;
	width:460px;
	height:295px;
	background:url(../images/web_coupon7.jpg) no-repeat;
	text-decoration:none;
	position: relative;
	float: left;
	margin: 0 0 20px 0;
}

.coupon_image08 {
	display:block;
	width:460px;
	height:295px;
	background:url(../images/web_coupon8.jpg) no-repeat;
	text-decoration:none;
	position: relative;
	float: right;
	margin: 0 0 20px 0;
}
.coupon_image09 {
	display:block;
	width:460px;
	height:295px;
	background:url(../images/web_coupon9.jpg) no-repeat;
	text-decoration:none;
	position: relative;
	float: right;
	margin: 0 0 20px 0;
}
.coupon_image10 {
	display:block;
	width:460px;
	height:295px;
	background:url(../images/web_coupon10.jpg) no-repeat;
	text-decoration:none;
	position: relative;
	float: left;
	margin: 0 0 20px 0;
}




/*------スペシャルクーポン--------*/


.coupon_special#soths {
	display:block;
	width:961px;
	height:218px;
	background:url(../images/coupon_special_1.jpg) no-repeat left top;
	text-decoration:none;
	position: relative;
	margin: 0 0 20px;
	clear: both;
}



.coupon_special#dragonspa {
	display:block;
	width:961px;
	height:218px;
	background:url(../images/coupon_special_2.jpg) no-repeat left top;
	text-decoration:none;
	position: relative;
	margin: 0 0 20px;
	clear: both;
}

.coupon_special#scarp {
	display:block;
	width:961px;
	height:246px;
	background:url(../images/coupon_special_3.jpg) no-repeat left top;
	text-decoration:none;
	position: relative;
	margin: 0 0 20px;
	clear: both;
}



.coupon_special#soths2 {
	display:block;
	width:961px;
	height:218px;
	background:url(../images/coupon_special_4.jpg) no-repeat left top;
	text-decoration:none;
	position: relative;
	margin: 0 0 20px;
	clear: both;
}


.coupon_special#dragonspa dl {
	top: 130px;
}

.coupon_special#soths dl {
	top: 130px;
}