/*
Theme Name: hotspa
Theme URI: 
Description: 
Version: 1.0
Author: culus
Author URI: 
*/

@charset "utf-8"; 

/* ------------------------------
    reset
------------------------------ */

body,html{
	height:100%;
}
a{
	color:#000;
	text-decoration:none;
}
a:hover {
	color:#ff7f3f;
	text-decoration:underline;
} 
a:active {
	color: #dbd0e6;
}

body{
	font-size:14px;
	font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
}

#container{
	width: 100%;
	position: relative;
	height:auto !important;
	height: 100%;
	min-height: 100%;
	background:url(images/bg.jpg) 0 bottom repeat-x;
}

#slides{
	position:relative;
	background-color:#000;
}

#header .wrap{
	width:809px;
	position:relative;
	margin:0 auto;
}
#header #navi{
	height:417px;
	width:100%;
}
#header .guide{
	background:url(images/guide_bg.jpg) center 0 no-repeat #000;
}
#header .relax{
	background:url(images/relax_bg.jpg) center 0 no-repeat #000;
}
#header .food{
	background:url(images/food_bg.jpg) center 0 no-repeat #000;
}
#header .kannon{
	background:url(images/kannon_bg.jpg) center 0 no-repeat #000;
}
#header .floor{
	background:url(images/floor_bg.jpg) center 0 no-repeat #000;
}
#header .access{
	background:url(images/access_bg.jpg) center 0 no-repeat #000;
}
#header .spa01{
	background:url(images/spa01_bg.png) center 0 no-repeat #000;
}
#header .spa02{
	background:url(images/spa02_bg.png) center 0 no-repeat #000;
}
#header .spa03{
	background:url(images/spa03_bg.png) center 0 no-repeat #000;
}
#header .spa04{
	background:url(images/spa04_bg.png) center 0 no-repeat #000;
}
#header .spa05{
	background:url(images/spa05_bg.png) center 0 no-repeat #000;
}
#header .single_contents{
	background:url(images/guide_bg.jpg) center 0 no-repeat #000;
}
#header .guide_mds{
	position:absolute;
	top:355px;
	right:195px;
}
#header .relax_mds{
	position:absolute;
	top:355px;
	right:135px;
}
#header .food_mds{
	position:absolute;
	top:355px;
	right:205px;
}
#header .kannon_mds{
	position:absolute;
	top:355px;
	right:35px;
}
#header .floor_mds{
	position:absolute;
	top:355px;
	right:225px;
}
#header .access_mds{
	position:absolute;
	top:360px;
	right:235px;
}
#header .spa01_mds{
	position:absolute;
	top:353px;
	right:25px;
}
#header .spa02_mds{
	position:absolute;
	top:353px;
	right:55px;
}
#header .spa03_mds{
	position:absolute;
	top:353px;
	right:65px;
}
#header .spa04_mds{
	position:absolute;
	top:353px;
	right:0px;
}
#header .spa05_mds{
	position:absolute;
	top:353px;
	right:35px;
}

#header #navi .box{
	background:url(images/navi_bg.png) no-repeat;
	width:251px;
	height:490px;
	position:absolute;
	z-index:9999;
	top:-6px;
	left:0;
}

#slides .slidesjs-container{
	width:960px!important;
	height:711px!important;
	margin:0 auto;
}

#slides .slidesjs-slide{
	width:960px!important;
	height:711px!important;
}

#slides .slidesjs-previous{
	display:block;
	background:url(images/prev.png) no-repeat;
	width:34px;
	height:64px;
	text-indent:-9999px;
	position:absolute;
	top:40%;
}

#slides .slidesjs-next{
	display:block;
	background:url(images/next.png) no-repeat;
	width:34px;
	height:64px;
	text-indent:-9999px;
	position:absolute;
	top:40%;
	right:0;
}

#slides .slidesjs-pagination{
	display:none;
}

#navi{
	position:relative;
	width:960px;
	margin:0 auto;
}

#navi .box{
	background:url(images/navi_bg.png) no-repeat;
	width:251px;
	height:490px;
	position:absolute;
	z-index:9999;
	top:-717px;
	left:75px;
}

#navi .box h1{
	margin:25px 0 0 30px;
}

#navi .box h2{
	margin:10px 0 0 20px;
}

#navi .box ul{
	margin:10px 20px 0 0;
}

#navi .box ul li{
	float:right;
	margin:0 6px 0 0;
}

#main_bnr{
	position:relative;
	width:960px;
	margin:0 auto;
}

#main_bnr .box{
	position:absolute;
	z-index:9999;
	top:-150px;
	left:83px;
}
#main_bnr .box ul li{
	float:left;
}
#main_bnr .box ul li+li{
	margin:0 0 0 10px;
}

#cotainer{
	background:url(images/sd.png) repeat-x;
}

p{
	line-height:1.4;
}

#main{
	width:800px;
	margin:0 auto;
	padding-bottom:100px;
}

.index .box{
	width:365px;
	height:400px;
	border-top:1px solid #a78e47;
	border-left:1px solid #a78e47;
	margin:20px 0;
	padding:0 10px 10px 10px;
	overflow:auto;
}
.index .box .box02{
	margin:15px 0;
	border-bottom:1px #333333 dashed;
}
.index .box .box02:last-child{
	border-bottom:none;
}
.index .box a{
	text-decoration:underline;
}
.index .box a:hover{
	text-decoration:none;
}
.index h3{
	text-align:center;
	margin:0 0 15px 0;
}
.index h4{
	color:#CC0000;
	font-size:18px;
	margin:0 0 10px;
	font-weight: bold;
}
.index p{
	margin:0 0 10px 0;
}
.index dl{
	padding:10px 0;
	border-bottom:1px #333333 dashed;
}
.index dl dt{
	font-size:12px;
	clear:left;
	float:left;
	width:70px;
	padding:0 0 3px 0;
	line-height:1.4;
}
.index dl dd{
	font-size:14px;
	line-height:1.4;
	padding:0 0 3px 70px;
}

#main .guide{
	padding-top:90px;
}
#main .guide table{
	width:800px;
	border-collapse:collapse;
	border:2px solid #000;
	font-size:25px;
	margin:30px 0 0 0;
}
#main .guide table th,#main .guide table td{
	border:1px solid #000;
}
#main .guide table .title{
	background:#a68043;
	color:#fff;
	font-size:30px;
	text-align:center;
	padding:10px;
}
#main .guide table .title span{
	display:inline;
	font-size:20px;
}
#main .guide table th{
	width:32%;
	background:#e9d9af;
	padding:10px 20px;
}
#main .guide table th span{
	display:block;
	margin:5px 0 0 0;
	font-size:15px;
}
#main .guide table td{
	background:#fff;
	padding:10px;
	line-height:1.4;
}
#main .guide table td span{
	font-size:20px;
}
#main .guide table td .tax{
	font-size:15px;
}
#main .guide table .center{
	text-align:center;
}

#main .relax{
	padding-top:90px;
}
#main .relax p{
	font-size:14px;
	margin:10px 0 0 0;
}
#main .relax h4{
	font-size:30px;
	margin:50px 0 10px 0;
}
#main .relax table{
	width:800px;
	border-collapse:collapse;
	border:2px solid #000;
	font-size:20px;
}
#main .relax table th,#main .relax table td{
	border:2px solid #000;
	padding:8px;
}
#main .relax table .course{
	width:25%;
}
#main .relax table th{
	text-align:center;
	background:#a68043;
}
#main .relax table .price{
	width:24%;
	background:#e9d9af;
	text-align:center;
}
#main .relax table .menu{
	line-height:1.4;
	font-size:20px;
	background:#fff;
}

#main .food{
	padding-top:90px;
}
#main .food h4{
	font-size:30px;
	color:#704a24;
	margin:40px 0 10px 0;
}
#main .food table{
	width:800px;
	font-size:14px;
}
#main .food table td{
	width:25%;
	padding:0 0 20px 0;
}
#main .food table td p{
	letter-spacing:-1px;
	margin:5px 0 0 0;
}

#main .kannon{
	padding-top:90px;
}
#main .floor{
	padding-top:90px;
}

#main .access{
	padding-top:90px;
}
#main .access .wrap{
	background:#fff;
	text-align:center;
	padding:18px 18px 50px 18px;
}
#main .access h4{
	width:747px;
	height:33px;
	font-size:24px;
	color:#fff;
	text-align:left;
	background:url(images/access_02.jpg) 0 0 no-repeat;
	margin:0 0 20px 0;
	padding:8px 0 0 15px;
}
#main .access p{
	color:#704a24;
	font-size:18px;
	text-align:left;
	border-left:5px solid #a78e49;
	margin:0 0 15px 28px;
	padding:3px 0 3px 10px;
}

#main .spa01{
	padding-top:90px;
}
#main .spa01 .sec01{
	position:relative;
	width:800px;
	height:604px;
	background:url(images/spa01_02.png) 0 0 no-repeat;
	margin:0 0 20px 0;
}
#main .spa01 .sec01 div{
	position:absolute;
	right:0;
	bottom:0;
	width:540px;
	height:101px;
}
#main .spa01 .sec01 div .cap{
	color:#ffffff;
	font-size:12px;
	text-align:right;
	padding:0 20px 15px 0;
}
#main .spa01 .sec01 div p{
	line-height:1.6;
}
#main .spa01 .sec02{
	position:relative;
	width:800px;
	height:604px;
	background:url(images/spa01_03.png) 0 0 no-repeat;
	margin:50px 0 20px 0;
}
#main .spa01 .sec02 img{
	position:absolute;
	top:0;
	right:0;
}
#main .spa01 .sec02 div{
	position:absolute;
	left:0;
	bottom:0;
	width:540px;
	height:101px;
}
#main .spa01 .sec02 div .cap{
	color:#ffffff;
	font-size:12px;
	padding:0 0 15px 10px;
}
#main .spa01 .sec02 div p{
	line-height:1.6;
}
#main .spa02{
	padding-top:90px;
}
#main .spa02 h4{
	font-size:45px;
	padding:15px 0 0 0;
}
#main .spa02 h4 span{
	font-size:30px;
	padding-left:10px;
}
#main .spa02 p{
	font-size:20px;
	margin:20px 0 30px 0;
}
#main .spa03{
	padding-top:90px;
}
#main .spa04{
	padding-top:90px;
}
#main .spa05{
	text-align:center;
	padding-top:90px;
}
#main .spa05 .sec01{
	width:730px;
	margin:55px auto 0 auto;
}
#main .spa05 .sec01 h4{
	width:309px;
	height:30px;
	color:#fff;
	font-size:25px;
	background:url(images/spa05_03.png) 0 0 no-repeat;
	margin:0 0 10px 0;
	padding:5px 0 0 10px;
}
#main .spa05 .sec01 div{
	width:360px;
	text-align:left;
}
#main .spa05 .sec01 div p{
	font-size:18px;
	line-height:1.8;
}

#spa{
	background:url(images/c_gnavi_bg.png) 0 bottom repeat-x;
	width:797px;
	margin:0 auto 30px auto;
}
#spa a{
	display: block;
	width: 153px;
	height: 43px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
#spa li{
	float:left;
	list-style:none;
}
#spa li+li{
	margin:0 0 0 8px;
}
li#smenu01 a {
	background: url(images/c_gnavi.png) no-repeat 0 0;
}
li#smenu01 a:hover {
	background: url(images/c_gnavi.png) no-repeat 0 -44px;
}
.page-id-21 li#smenu01 a {
	background: url(images/c_gnavi.png) no-repeat 0 -44px;
}
li#smenu02 a {
	background: url(images/c_gnavi.png) no-repeat -162px 0;
}
li#smenu02 a:hover {
	background: url(images/c_gnavi.png) no-repeat -162px -44px;
}
.page-id-23 li#smenu02 a {
	background: url(images/c_gnavi.png) no-repeat -162px -44px;
}
li#smenu03 a {
	background: url(images/c_gnavi.png) no-repeat -324px 0;
}
li#smenu03 a:hover {
	background: url(images/c_gnavi.png) no-repeat -324px -44px;
}
.page-id-25 li#smenu03 a {
	background: url(images/c_gnavi.png) no-repeat -324px -44px;
}
li#smenu04 a {
	background: url(images/c_gnavi.png) no-repeat -487px 0;
}
li#smenu04 a:hover {
	background: url(images/c_gnavi.png) no-repeat -487px -44px;
}
.page-id-27 li#smenu04 a {
	background: url(images/c_gnavi.png) no-repeat -487px -44px;
}
li#smenu05 a {
	background: url(images/c_gnavi.png) no-repeat -649px 0;
}
li#smenu05 a:hover {
	background: url(images/c_gnavi.png) no-repeat -649px -44px;
}
.page-id-29 li#smenu05 a {
	background: url(images/c_gnavi.png) no-repeat -649px -44px;
}

#main .box_all{
	padding-top:90px;
}

#footer{
	width:100%;
	height:50px;
	position:absolute;
	bottom:0;
	text-align:center;
}
#footer ul{
	width:800px;
	margin:0 auto;
}
#footer ul li{
	float:left;
	background:url(images/top_li.png) 0 center no-repeat;
	padding:0 0 0 10px;
	font-size:12px;
}
#footer ul li+li{
	margin:0 0 0 19px;
}

#footer .footer_box_bg{
	background:url(images/bg.jpg) 0 bottom repeat-x;
}

#footer .footer_box{
	width:800px;
	margin:20px auto 0 auto;
}

.access p{
	display:none;
}

.access .wrap p{
	display:block;
}

#main .relax h4 .reserve {
	font-size: 20px;
}