@charset "utf-8";

/*////////////////////////////////////
共通設定
////////////////////////////////////*/
body {
	width:100%;
	height:auto;
	background: #000;
	background:center 150px repeat-x;
	background-attachment:fixed;
}
body.basePage{
	background-image:url(../img/mainBg/mainBgImg_04.jpg)
}
/* 黒背景用 */
a:link { text-decoration:none; color: #fff;}
a:visited { text-decoration:none; color: #fff;}
a:active { text-decoration: underline; color: #fff;}
a:hover { text-decoration: underline; color: #fff;}

/* 白背景用 */
.whiteBox a:link { text-decoration:none; color: #666;}
.whiteBox a:visited { text-decoration:none; color: #666;}
.whiteBox a:active { text-decoration: underline; color: #666;}
.whiteBox a:hover { text-decoration: underline; color: #666;}


div.inner{
	position:relative;
	width:1010px;
	height: auto;
	margin:0 auto;
	padding-bottom:10px;
	overflow:hidden;
}

#container {
	width: 100%;
	padding-top:360px;
	padding-bottom:1em;
	text-align: center;
	background:center top repeat-x;
}
body.basePage #container{
	padding-top:175px;
}
/* 調整 */
.pl10pa{ padding-left:10% !important}
.pl15pa{ padding-left:15% !important}
.pl20pa{ padding-left:20% !important}
.pl30pa{ padding-left:30% !important}
.pl40pa{ padding-left:40% !important}
.pl50pa{ padding-left:50% !important}
.pl60pa{ padding-left:60% !important}
.pl70pa{ padding-left:70% !important}
.pl80pa{ padding-left:80% !important}

.pt0{padding-top:0 !important;}
.pb0{padding-bottom:0 !important;}

/* スクローラー */
#scroller{
	position:fixed;
	right:20px;
	bottom:20px;
	display: block;
	width:40px;
	height:40px;
	overflow:hidden;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	z-index:1;
	}
#scroller img{
	width:100%;
}
/*////////////////////////////////////
ヘッダー
////////////////////////////////////*/

header{
	position:fixed;
	top:0;
	width:100%;
	height: auto;
	padding:0 0 34px;
	background-color:#241a08;
	background-image:url(../img/bgLineTop.png) , url(../img/borderLine.png);
	background-position:center bottom,center bottom;
	background-repeat:repeat-x, repeat-x;
	z-index:10000;
}
header h1{
	margin:10px 0px 25px;
}
header h1 img{
	width:40%;
	height: auto;
}
header nav{
	width:100%;
	height:auto;
	padding:0;
}
header nav ul{
	width:100%;
	line-height:1em;
	overflow:hidden;
}
header nav ul li{
	padding:0 0.7em;
	float: right;
	color:#fefefe;
	border-right:1px solid #999999;
}
header nav ul li:nth-child(1){
	border-right: none;
}
header nav ul li a{
	font-size:0.85em;
	color:#fefefe;
	text-align:center;
	letter-spacing:0.1em;
	font-weight:bold;
}

/*////////////////////////////////////
コンテンツ部分
////////////////////////////////////*/

/* フルワイド */

section.fullSectionNml{
	width:100%;
	height: auto;
	padding:20px 20px;
	float:left;
	background:url(../img/transparentBg.png) left top repeat;
	border:1px solid #524337;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	z-index:1;
}
.price section.fullSectionNml{
	padding:20px;
}
div.whiteBox{
	width:100%;
	height: auto;
	padding:10px 10px 15px;
	float:left;
	background:#fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	z-index:1;
}
section.fullSectionNml h1{
	width:100%;
	padding:0 5px 5px;
	font-size:1.1em;
	color:#fff;
	text-align:left;
	
}
section.fullSectionNml h1.blkBg{
	padding:7px 5px 5px;
	background:#000000;
	font-weight: bold;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
section.fullSectionNml h1 span,
section.fullSectionNml h2 span,
section.fullSectionNml h3 span{
	margin-left:1em;
	font-size:0.7em;
}
section.fullSectionNml h2{
	width:100%;
	padding:0 5px 5px;
	font-size:1.1em;
	color:#fff;
	text-align:left;
}
.price section.fullSectionNml h2{
	color:#F00;
}
.howto section.fullSectionNml h2{
	color: #FC0;
}
.machine-xxx section.fullSectionNml h2,
.campaign section.fullSectionNml h2,
.recruit section.fullSectionNml h2,
.price section.fullSectionNml h3{
	color: #4396FC;
	margin-bottom:0.3em;
	padding-bottom:0.3em;
	font-weight: bold;
	border-bottom:2px solid #4396FC;
}
section.fullSectionNml h3{
	width:100%;
	padding:0 5px 5px;
	font-size:1em;
	color:#fff;
	text-align:left;
}
.tanning section.fullSectionNml h3,
.machine-xxx section.fullSectionNml h3{
	color:#F90;
}
section.fullSectionNml h3.bk,
b.bk{
	color:#666;
	font-weight: bold;
}
.bk{
	color:#666 !important;
}
section.fullSectionNml h3.bw,
b.bw{
	color:#CC6600;
	font-weight: bold;
}
.bw{
	color:#CC6600 !important;
}

section.fullSectionNml h3.rd,
b.rd{
	color:#F00;
	font-weight: bold;
}
span.rd{
	color:#F00;
}
section.fullSectionNml h3.bl{
	color:#00CCFF;
	font-weight: bold;
}
section.fullSectionNml h3.gr,
b.gr{
	color:#00CC00;
	font-weight: bold;
}
b.or{
	color:#FF9900;
}
section.fullSectionNml .whiteBox h3.couponTtl{
	padding-left:2.3em;
	font-size:1.6em;
	font-weight: bold;
	line-height:1.4em;
	color:#000;
	background:url(../img/heart50x50.png) 0.2em top no-repeat;
	background-size:auto 1.6em;
}
section.fullSectionNml .whiteBox h3.couponTtl span{
	margin:0;
	font-size:120% !important;
	color:#c00 !important;
}
section.fullSectionNml .whiteBox h3.couponTtl span.toSmall{
	font-size:80% !important;
}

section.fullSectionNml p{
	text-align:left;
	font-size:0.9em;
	margin-bottom:0.5em;
	padding:0 1em;
	color:#FFF;	
}
section.fullSectionNml .whiteBox p{
	color:#666;
}
section.fullSectionNml .whiteBox p span{
	color:#f00;
}
section.fullSectionNml .whiteBox p b.rd{
	color:#f00;
}
a.linkPdf{
	background:url(../img/iconShorui.png) right center no-repeat;
	background-size:auto 60%;
	padding-right:1em;
}
section.fullSectionNml .whiteBox h2 a{
	color:#c00;
	font-weight: bold;
}
.tanning section.fullSectionNml p a.linkPdf{
	color:#CC0000;
}
div.imgLeft01{
	position:relative;
	width:100%;
	height: auto;
	padding:10px;
	text-align:left;
	overflow:hidden;
}
.howtodiv.imgLeft01{
	padding-left:0;
}
.howto div.imgLeft01 .imgLeftIn{
	width:100%;
	height: auto;
	padding:10px;
	text-align:left;
	background:#333;
	border:2px solid #999966;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	overflow:hidden;
}
div.imgLeft01 img.ttlImg01{
	float:none !important;
	margin-left:2px;
	margin-bottom: -2px;
}
div.imgLeft01 img{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}
.price div.imgLeft01 img{
	margin-right:50px;
}
.howto div.imgLeft01 img{
	display:block;
	float:left;
	margin-right:10px;
}
div.imgLeft01 div.flInnerL{
	height:auto;
	float:left;
	width:84%;
}
div.imgLeft01 p{
	padding:10px;
	text-align:left;
	color:#FFFFFF;
}
.howto div.imgLeft01 p{
	padding:10px 0 10px 10px;
}
.howto div.imgLeft01 p.textLeft{
	text-align:right !important;
	padding:0 ;
}
.howto div.imgLeft01 p.textLeft a{
	color:#CC0000;
}
div.centerBn{
	width:100%;
	padding:20px 10px;
	font-size:1.1em;
	color:#fff;
	text-align: center;
}
.bodrBlueDt{
	border-bottom:1px dotted #960;
	margin-bottom:10px;
}
.bodrNabyDt{
	border-bottom:1px dotted #069;
	margin-bottom:10px;
}

.imgLeft01 table{
	width:70%;
	margin:10px 0 0;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	}
.imgLeft01 table th,
.imgLeft01 table td{
	padding:0.4em;
	color:#666;
	text-align:center;
	vertical-align: middle;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}
.imgLeft01 table td.lastTd{
	font-size:80%;
	text-align:right;
}
table.tbl-price0 th{
	background-color:#F7F6C2;
}
table.tbl-price1 th{
	background-color:#D2F0FF;
}
table.tbl-price2 th{
	background-color:#FFE8E8;
}
.imgLeft01 table th span{
	font-size:80%;
}

/* フルワイド タンニングマシン部分 */

section.fullSection{
	width:100%;
	height:auto;
	overflow:hidden;
}
section.fullSection div{
	position:relative;
	width:32%;
	height:210px;
	margin-left:1%;
	float:left;
	text-align:left;
}
section.fullSection div img{
	position:absolute;
	top:0;
	left:0;
	display: block;
	z-index:5;
}
section.fullSection div h1{
	position: absolute;
	top:50%;
	right:0;
	display:block;
	width:60%;
	height:70px;
	margin-top:-20px;
	padding:18px 0 0 30%;
	text-align:left;
	background:url(../img/transparentBg.png) left top repeat;
	border:1px solid #524337;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	z-index:1;
}
section.fullSection div h1 span{
	display:block;
	font-size:0.7em;
	line-height:1.2em;
}
section.fullSection div a:hover{
	text-decoration: none;
}


/* 新着ニュース */

section.leftSection{
	width:500px;
	height: auto;
	padding:10px 10px 15px;
	float:left;
	background:url(../img/transparentBg.png) left top repeat;
	border:1px solid #524337;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	z-index:1;
}
section.leftSection h1{
	width:100%;
	padding:0 5px 5px;
	font-size:1.1em;
	color:#fff;
	text-align:left;
}
section.leftSection div.newsArea{
	width:100%;
	height:680px;
	overflow:auto;
}
section.leftSection div.newsArea article{
	width:100%;
	height:auto;
	padding-bottom:20px;
	text-align:left;
}
section.leftSection div.newsArea article h2{
	font-size:0.9em;
	text-align:left;
	margin-top:5px;;
}
section.leftSection div.newsArea article p{
	width:100%;
	padding:0 4em 0 0;
	font-size:0.9em;
	text-align:left;
	background: url(../img/arrow_01.png) 96% center  no-repeat;
}
section.leftSection div.newsArea article p.thumbImg{
	display:block;
	padding:0;
	position:relative;
	width: 450px;
	height:170px;
	overflow:hidden;
	background:none;
	z-index:1;
}
section.leftSection div.newsArea article p.thumbImg img{
	width:100%;
	height:auto;
	position:absolute;
	 float:left;
	 }
/* キャンペーン情報 */
section.rightSection{
	width:500px;
	height: auto;
	padding:10px 0 15px 10px;
	margin-bottom:10px;
	float:right;
	background:url(../img/transparentBg.png) left top repeat;
	border:1px solid #524337;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	z-index:1;
}
section.rightSection h1{
	width:100%;
	padding:0 5px 5px;
	font-size:1.1em;
	color:#fff;
	text-align:left;
}
section.rightSection h1 span{
	margin-left:1em;
	font-size:0.7em;
}
section.rightSection div.banaArea{
	width:490px;
	height:auto;
	overflow:hidden;
}
section.rightSection div.banaArea.campaignInfo a{
	display: block;
	width:230px;
	margin:0 0 0 5px;
	float:left;
	text-align:center;
}
section.rightSection div.banaArea.campaignInfo a:nth-child(even) {
	margin:0 15px 0 0 !important;
	float:right !important;
}

section.rightSection div.banaArea a span{
	display:block;
	width:220px;
	height:82px;
	overflow:hidden;
	margin:0 auto;
	padding:0;
	text-align:center;
}
section.rightSection div.banaArea a p{
	width:100%;
	padding:5px;
	font-size:0.9em;
	text-align:left;
	color:#FFFFFF;
	letter-spacing: normal;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	}
	
/* 会社概要 */
.company .imgLeft01 img{
	margin-right:0 !important;
	margin-left:20px;
}
.company .imgLeft01 table{
	float:left;
	width:80%;
	margin:0 0 10px 10px !important;
}
.company .imgLeft01 table th{
	width:30%;
	padding:8px 8px 8px 30px;
	color:#FFFFFF;
	text-align:left;
	background:#666666;
}
.company .imgLeft01 table td{
	padding:8px 8px 8px 30px;
	text-align:left;
	background:#eee;
}
.company .imgLeft01 p{
	width:50%;
	float:left;
}
.company .imgLeft01 p a{
	color:#990000;
}

/* リクルート */

.recruit .imgLeft01 table{
	float:left;
	width:96%;
	margin:0 2% 30px !important;
}
.recruit .imgLeft01 table th{
	width:30%;
	padding:16px 8px 16px 30px;
	color:#FFFFFF;
	text-align:left;
	background:#666666;
}
.recruit .imgLeft01 table td{
	padding:16px 8px 16px 30px;
	text-align:left;
	background:#eee;
}
.recruit .imgLeft01 p{
	width:50%;
	padding:2%;
	float:left;
	line-height:1.8em;
}
.recruit .imgLeft01 p a{
	color:#990000;
}

/* プライバシーポリシー */

.privacy section.fullSectionNml h2{
	font-weight: bold;
	color:#CC9900;
}
.privacy section.fullSectionNml h3{
	color:#CC9900;
}
.privacy section.fullSectionNml p{
	padding-left:1.5em;
	padding-right:2em;
}

/* サイトマップ */

.sitemap div.sitemapWrap{
	width:90%;
	height:auto;
	margin:10px auto 10px;
	overflow:hidden;
}
.sitemap div.sitemapWrap h2{
	width:100%;
	height: auto;
	margin-bottom:10px;
	padding:5px 30px;
	font-size:1em;
	background: url(../img/aicon-ya01.gif) 10px center no-repeat #000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.sitemap div.sitemapWrap p{
	width:30%;
	height:auto;
	margin-left:2%;
	padding:10px 50px;
	float:left;
	font-size:0.9em;
	text-align:left;
	background: url(../img/aicon-ya02.gif) 30px center no-repeat;
}
.sitemap div.sitemapWrap p a{
	font-size:inherit;
}

/* 問い合わせ */

#formWrap {
	width:100%;
	margin:0 auto;
	padding-bottom:100px;
	line-height:120%;
	font-size:90%;
}
#formWrap h2,
#formWrap h4{
	width:100%;
	margin-top:20px;
	margin-bottom:30px;
	padding-bottom:6px;
	font-size:0.95em;
	color:#fff;
	border-bottom:2px solid #F60;
}
#formWrap h4{
	width:80%;
	margin-top:60px;
	padding-bottom:20px;
}

table.formTable{
	width:100%;
	margin:20px auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border: none;
	color:#fff;
}
table.formTable th{
	width:20%;
	padding:15px 15px 15px 60px;
	font-weight:normal;
	text-align:left;
}
table.formTable th span{
	color:#CC0000;
}
table.formTable td{
	vertical-align:middle;
}
table.formTable td input[type="text"]{
	width:90%;
}
table.formTable td input[name="お名前"],
table.formTable td input[name="Email"]{
	width:50% !important;
}

table.formTable td input[name="年齢"]{
	width:10% !important;
}
table.formTable td textarea{
	width:90%;
	margin-top:10px;
}
#formWrap p{
	text-align:center;
}
#formWrap p.topText{
	text-align:left;
}
.thanks #formWrap p{
	margin-top:60px;
	margin-bottom:60px;
	line-height:1.8em;
}

/* 更衣室 */

.room div.imgLeft01 div.flInnerL{
	width:71%;
	margin-top:6em;
}
.howto.room div.imgLeft01 .imgLeftIn{
	background-color: transparent;
	border:none;
}
.howto.room div.imgLeft01 img{
	max-width:27%;
	height:auto;
}
.room div.imgLeft01 h2{
	border-bottom:1px dashed #FF6600;
}
.room div.imgLeft01 .flInnerL h2{
	border-bottom:none;
}

/* その他情報 */

section.rightSection div.anotherInfo{
	width:460px;
	height:auto;
	margin:0 auto;
	overflow:hidden;
}
section.rightSection div.anotherInfo a h2{
	font-size:0.9em;
	text-align:left;
	margin-top:5px;;
	padding-left:15px;
}
section.rightSection div.anotherInfo a p{
	width:100%;
	padding:0 5px 5px 15px;
	font-size:0.9em;
	text-align:left;
	background: url(../img/arrow_01.png) 96% center  no-repeat;
	}
	
section.rightSection div.anotherInfo p.thumbImg{
	display:block;
	padding:0;
	position:relative;
	width: 450px;
	height:170px;
	overflow:hidden;
	background:none;
	z-index:1;
}
section.rightSection div.anotherInfo p.thumbImg img{
	width:100%;
	height:auto;
	position:absolute;
	 float:left;
	 }
section.rightSection div.anotherInfo h2.dateTtl{
	font-size: 0.9em;
	text-align: left;
	margin-top: 5px;
	color:#fff;
}
section.rightSection div.anotherInfo div.theContent{
	width: 100%;
	padding: 0;
	font-size: 0.9em;
	text-align: left;
	color:#fff;
}
section.rightSection div.anotherInfo p a{
	display: block;
	width:100%;
	margin:0 0 0 0;
	font-size: 0.9em;
	text-align:left;
	color:#fff;
	background: url(../img/arrow_01.png) 96% center  no-repeat;
}

	/* 見出し付リスト */
	
	/* num1 */
ol.num1 { margin-bottom: 1em; margin-left: 2em; }
ol.num1 li {
	position: relative;
	list-style: none;
	line-height: 1.4em;
	margin-bottom: 0.5em;
	padding-left: 0.3em;
	font-size:0.9em;
	color:#FFFFFF;
	text-align:left;
}
ol.num1 li span {
	position: absolute;
	top: 0;
	left: -1em;
	font-size:inherit;
	color:inherit;
	text-align:left;
}
* html ol.num1 li span { top: -0em; } /* for win ie6 */
*:first-child+html ol.num1 li span { top: -0em; } /* for win ie7 */

	/* nnumTakeO1 */
ol.numTakeO1 { margin-bottom: 1em; margin-left: 2em; }
ol.numTakeO1 li {
	position: relative;
	list-style: none;
	padding-left: 0.3em;
	line-height:1.4em;
	font-size:0.9em;
	color:#fff;
	text-align:left;
}
ol.numTakeO1 li span {
	position: absolute;
	top: 0;
	left: -1em;
	line-height:inherit;
	font-size:inherit;
	color:inherit;
	text-align:left;
}
ol.numTakeO1 li span.rd{
	color:#c00;
}
* html ol.numTakeO1 li span { top: -0em; } /* for win ie6 */
*:first-child+html ol.numTakeO1 li span { top: -0em; } /* for win ie7 */

	/* nnumTakeO2 見出しだけ赤その他は文字設定を親から引き継ぐ  */
ol.numTakeO2 { margin-bottom: 1em; margin-left: 2em; }
ol.numTakeO2 li {
	position: relative;
	list-style: none;
	padding-left: 0.3em;
	line-height:1.4em;
	font-size:0.9em;
	color:#fff;
	text-align:left;
}
ol.numTakeO2 li span {
	position: absolute;
	top: 0;
	left: -1em;
	line-height:inherit;
	font-size:inherit;
	color:#c00;
	text-align:left;
}
* html ol.numTakeO2 li span { top: -0em; } /* for win ie6 */
*:first-child+html ol.numTakeO2 li span { top: -0em; } /* for win ie7 */

	/* nnumTakeO3 黒文字  */
ol.numTakeO3 { margin-bottom: 1em; margin-left: 2em; }
ol.numTakeO3 li {
	position: relative;
	list-style: none;
	padding-left: 0.3em;
	line-height:1.4em;
	font-size:0.9em;
	color:#666;
	text-align:left;
}
ol.numTakeO3 li span {
	position: absolute;
	top: 0;
	left: -1em;
	line-height:inherit;
	font-size:inherit;
	color:inherit;
	text-align:left;
}
* html ol.numTakeO3 li span { top: -0em; } /* for win ie6 */
*:first-child+html ol.numTakeO3 li span { top: -0em; } /* for win ie7 */

.campaign .imgLeft01 ol.numTakeO3 li{
	font-size:0.8em;
}


/*////////////////////////////////////
フッター部分
////////////////////////////////////*/

footer{
	width:100%;
	height: auto;
	padding:90px 0 10px;
	background-color:#241a08;
	background-image: url(../img/borderLine.png) ,url(../img/bgLinrBtm.png);
	background-position:center top,center top;
	background-repeat:repeat-x, repeat-x;
}
footer div.footerTop{
	width:100%;
	height: auto;
	overflow:hidden;
}
footer div.footerTop .footerLeft{
	width:500px;
	height: auto;
	float:left;
	overflow:hidden;
}
footer div.footerTop .footerLeft img{
	margin-top:10px;
	float:left;
}
footer div.footerTop .footerLeft a.footerLogo img{
	margin-top:10px;
	width:75%;
	height: auto;
}
footer div.footerTop .footerRight{
	width:500px;
	height: auto;
	float:right;
	text-align:center;
}
footer div.footerBtm{
	position:relative;
	width:100%;
	height:auto;
	padding-top:200px;
}
footer nav ul{
	position:absolute;
	left:0;
	bottom:60px;
	width:100%;
	line-height:1em;
	overflow:hidden;
}
footer nav ul li{
	padding:0 0.7em;
	float: left;
	color:#fefefe;
}
footer nav ul li a{
	font-size:0.85em;
	color:#fefefe;
	text-align:center;
	letter-spacing:0.1em;
	font-weight:normal;
}
footer address{
	display: block;
	position:absolute;
	right:0;
	bottom:40px;
	padding:5px;
	font-size:0.85em;
	color:#fefefe;
}
footer .copyWrite{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	font-size:0.85em;
	color:#fefefe;
	text-align:center;
	letter-spacing:0.1em;
}