@charset "Shift_JIS";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {
 margin: 0;
 padding: 0;}

p{
 line-height:1.6;}

ol,ul {
 list-style: none;
 line-height:1.6;}

dl{
 line-height:1.6;}

a {
 cursor: pointer;}

img {
 border: 0;
 vertical-align:bottom}

table {
 border-spacing:0;}

p,li,dt,dd,table,td,th,h1,h2,h3,h4,h5,h6 {
 font-size: 100%;}


/* /////////////////////////////////////////////////////////////////////////// Font */

/* ----------------------------------------------------- Family */
body {
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "メイリオ", Meiryo, Verdana, Arial, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", san-serif;
}
/* Opera 9 */
;;body {
 font-family: "メイリオ", Meiryo, Verdana, Arial, Meiryo, san-serif;
}
/* IE 7 */
*:first-child+html body {
 font-family: "メイリオ", Meiryo, Verdana, Arial, Meiryo, san-serif;
}
/* IE 6 or sooner*/
* html body {
 font-family: "メイリオ", Meiryo, Verdana, Arial, Meiryo, san-serif;
}

/* ----------------------------------------------------- Size */
body {
 font-size: 13px;
 color:#333;}
.table1 {
	float: left;
}
.table2 {
	float: left;
	margin-right: 60px;
	text-align: center;
}
.table3 {
	float: left;
}


/* IE 6 or sooner*/
* html body {
 font-size: 80%;}

table {
 font-size:inherit;}



/* /////////////////////////////////////////////////////////////////////////// Basic */

/* ----------------------------------------------------- Link */
.hidden{
 visibility: hidden;}

a:link{
 color: #630;
 text-decoration: underline;}

a:visited{
 color: #630;}

a:hover, a:active{
 color: #393;}

a:hover img {
 opacity:0.70;
 filter: alpha(opacity=70);}


/* /////////////////////////////////////////////////////////////////////////// Layout */

body{
	margin:0;
	padding:0;
	text-align:center;}

#wrapper {
	width: 840px;
	margin:0 auto;
	background: url(images/back2.jpg) no-repeat 0% 8px;
	overflow:hidden;
	zoom:1;}

#wrapper2 {
	width: 840px;
	margin:0 auto;
	background: url(images/back3.jpg) no-repeat 0% 8px;
	overflow:hidden;
	zoom:1;}

/* ----------------------------------------------------- Header */
#header{
	width:800px !important;
	width /**/:840px;
	margin:0px;
	padding:13px 25px 0 15px;
	background-color:#000;
	text-align:center;
	overflow:hidden;
	zoom:1;}

#header h1{
	width:460px;
	margin:0 10px 11px 0;
	float:left;
	background-color:#000000;
	font-size:10px;
	color:#FFFFFF;
	text-align:left;}

#headAcc{
	width:244px;
	margin:0;
	float:left;
	background-color:#FFF;}

#headQr{
	width:64px;
	margin: 0;
	float: right;
	background-color:#FFF;}


/* ----------------------------------------------------- Navi */
/*グローバル*/
#gNavi{
	width:840px;
	border-top:5px solid #C30D23;
	margin:0 0 10px;
	overflow:hidden;
	zoom:1;}

#gNavi ul {
 width:845px;
 margin:0 -3px 0 0;
 padding:0;
 overflow:hidden;
 zoom:1;}

#gNavi ul li {
 float:left;
 margin:0 3px 0 0;
 padding:0;
 display: inline;}

#gNavi ul li a {}




/* ----------------------------------------------------- Footer */
#footer {
	text-align: center;
	margin:8px 0 0px;
	padding:8px 0 9px;
	background-color:#000;
	overflow: hidden;
	zoom:1;}


/* ----------------------------------------------------- Base */
#topContainer{
 width:840px;
 margin:0px auto;
 overflow:hidden;
 zoom:1;}

#Container{
 width:840px;
 margin:0px auto;
 overflow:hidden;
 zoom:1;}

.section {
	overflow:hidden;
	zoom:1;}






/* ----------------------------------------------------- top */
#topContainer h2{
	margin:5px 0 8px;
	font-size:24px;
	color:#990000;
	}

#topBox{
	position:relative;
	width:720px;
	height:370px;
	margin:0 auto 0px;
	overflow:hidden;
	zoom:1;}

#topL{
	width:312px;
	height:320px;
	background: url(images/top_pic04.png) no-repeat 97% 100%;
	top:0;
	left:15px;
	text-align:left;
	position:absolute;
	z-index:10;}

#topC{
	width:60px;
	height:315px;
	top:6px;
	left:329px;
	text-align:left;
	position:absolute;
	z-index:15;
}

#topR{
	width:290px;
	height:320px;
	top:0;
	left:412px;
	text-align:left;
	position:absolute;
	z-index:20;}

#topL dl,
#topR dl{}

#topL dl dt,
#topR dl dt{
	margin:0 0 10px;}

#topL dl dd,
#topR dl dd{
	margin:0 0 10px;
	font-weight: bolder;
	line-height:120%;
	font-size:11px;}

#geo{
	width:720px;
	height:36px;
	top:325px;
	left:0px;
	text-align:left;
	position:absolute;
	z-index:25;
}

#geo2{
	width:720px;
	height:36px;
	top:325px;
	left:0px;
	text-align:left;
	position:absolute;
	z-index:25;
	background:url(../images/top_logo05-2.jpg) no-repeat;
}

#geo2 p{
	color:#FFFFFF;
	padding:6px 95px 2px 200px;
	margin:0px;
	font-size:10px;
	line-height:120%;
	letter-spacing:-1px;
	font-weight:bold;
	
}

#logomark{
	width:90px;
	height:90px;
	top:267px;
	left:630px;
	text-align:left;
	position:absolute;
	z-index:35;
}


#otoku{ 
background:url(../images/top_logo06-2.png) ;
}
	
#otoku ul {
	margin:0px;
	padding:0px;
}

#otoku li {
	list-style:square;
	list-style-position:inside;
	font-size:11px;
}

#otoku strong {
	color:#C00;
	font-weight:bold;
	font-size:13px;
}

/* ----------------------------------------------------- second */
#secondBox{
	width:720px !important;
	width /**/:730px;
	margin:0 auto;
	border: 5px solid rgba(255,255,255,0.5);
	background: url(images/bg_box.png) repeat 0% 0%;
	overflow:hidden;
	zoom:1;}


/* モール温泉 */
#aboutContant{
	width:420px !important;
	width /**/:530px;
	padding:12px 0 15px 110px;
	float:left;
	text-align:left;
	background: url(images/about_back.png) no-repeat 0% 0%;
	overflow:hidden;
	zoom:1;}

#aboutContant h2{
	margin:0 0 15px;}
	
	
	
#aboutContant2{
	width:590px !important;
	width /**/:530px;
	padding:12px 0 15px 110px;
	float:left;
	text-align:left;
	background: url(images/about_back.png) no-repeat 0% 0%;
	overflow:hidden;
	zoom:1;}

#aboutContant3{
	width:720px !important;

	padding:12px 0 15px 0px;
	float:left;
	text-align:left;
	background: url(images/about_back.png) no-repeat 0% 0%;
	overflow:hidden;
	zoom:1;}

#aboutContant h2{
	margin:0 0 15px;}
	
	
	
	

#pointUl{
	width:415px;
	margin:0 -2px 15px 0;
	overflow:hidden;
	zoom:1;}

#pointUl li{
	float:left;
	margin:0 2px 0 0;}


#aboutSide{
	width:155px;
	float:right;
	margin:15px 0 0;
	overflow:hidden;
	zoom:1;}

#aboutSide ul{
	margin:0;
	text-align:left;}

#aboutSide ul li{
	margin:0 0 6px;}



/* 館内のご案内 */
#hallContant{
	width:583px !important;
	width /**/:590px;
	padding:12px 0 15px 7px;
	float:left;
	text-align:left;
	background: url(images/hall_back.png) no-repeat 0% 0%;
	overflow:hidden;
	zoom:1;}

#hallContant h2{
	margin:0 0 45px 95px;}

#hallUl{
	width:600px;
	margin:0 -10px 15px 0;
	overflow:hidden;
	zoom:1;}

#hallUl li{
	float:left;
	margin:0 10px 15px 0;
	font-weight:bold;}

#hallUl li img{
	margin-bottom:3px;}

#hallSide{
	width:124px;
	background: url(images/hall_side.png) no-repeat 0% 0%;
	float:right;
	margin:0px 0 0;
	overflow:hidden;
	zoom:1;}

#hallSide ul{
	margin:38px 0 25px;
	text-align: center;}

#hallSide ul li{
	margin:0 0 12px;}


.spa_l {
	width:360px;
	float:left;
}

.spa_r {
	width:205px;
	float:right;
}

.spa_price {
	font-size:100%;
	float: left;
	margin-right: 20px;
}

.restaurant_l {
	width:315px;
	float:left;
}

.restaurant_r {
	width:260px;
	float:right;
}

.restaurant_price {
	width:190px;
	float:left;
	margin-top:10px;
}

.product_l {
	width:360px;
	float:left;
}

.product_r {
	width:215px;
	float:right;
}

.restroom {
	width:190px;
	float:left;
}
	
/* リンク */
.links_l {
	font-size:120%;
	width:320px;
	float:left;
	margin-right:20px;
}

.links_l a {
	font-size:14px;

}

.links_l p{
	border-bottom:#FFF 1px solid;
	padding-bottom:5px;
	margin-bottom:8px;

}

.links_r {
	font-size:120%;
	width:330px;
	float:left;
	/*margin-bottom:200px;*/
}

.links_r p{
	border-bottom:#FFF 1px solid;
	padding-bottom:5px;
	margin-bottom:8px;

}

.links_r a{
	font-size:14px;

}



.craftsman_l {
	width:220px;
	float:left;
	margin-left:10px;
	border:2px solid #FFF;
}

.craftsman_l img{
	padding:5px;
	float:left;
}

.craftsman_l strong {
	padding-top:10px;
	font-size:14px;
	font-weight:bold;
}

.craftsman_c {
	width:220px;
	float:left;
	margin:0px 11px;
	border:2px solid #FFF;
}

.craftsman_c img{
	padding:5px;
	float:left;
}

.craftsman_c strong{
	padding-top:10px;
	font-size:14px;
	font-weight:bold;
}

.craftsman_r {
	width:220px;
	float:left;
		border:2px solid #FFF;
}

.craftsman_r img{
	padding:5px;
	float:left;
}

.craftsman_r strong{
	padding-top:10px;
	font-size:14px;
	font-weight:bold;
}


.craftsman_r2 {
	width:220px;
	float:left;

}

.access_l {
	font-size:130%;
	width:360px;
	float:left;
}
.access_r {
	width:335px;
	float:left;
}

#contact table {
	border-color:#CCCCCC;
	border-style:solid;
	border-width:1px 1px 0px 0px;
}

#contact td{
	padding:8px;
	border-color:#CCCCCC;
	border-style:solid;
	border-width:0px 0px 1px 1px;
	
}


.plan_price {
	font-weight:bold;
	font-size:200%;
}

.cheering_l {
	margin-left:30px;
	width:310px;
	float:left;
}

.cheering_r {
	margin-right:30px;
	width:310px;
	float:right;
}

.cheering_t {
	border-bottom: #333 1px dashed;
	padding-bottom:0px;
	margin-bottom:5px;
}

.cheering_t strong {
	font-size:16px;
}

/* /////////////////////////////////////////////////////////////////////////// Common */

/* ----------------------------------------------------- Layout */
.xLeft{text-align: left;}
.xCenter{text-align: center;}
.xRight{text-align: right;}

.yTop{vertical-align: top;}
.yMiddle{vertical-align: middle;}
.yBottom{vertical-align: bottom;}

.fLeft{float: left;}
.fRight{float: right;}

.bold{font-weight:bold;}

.clear1px{
	clear:both;
	line-height:1px;
	height:1px;
	min-height:1px;
	font-size:1px;}

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

.clearfix {
	display: inline-table;
	min-height: 1%;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* ----------------------------------------------------- Margin */
.no_mgn{margin:0; padding:0;}

.mgt03{margin-top: 3px;}
.mgt05{margin-top: 5px;}
.mgt08{margin-top: 8px;}
.mgt10{margin-top: 10px;}
.mgt15{margin-top: 15px;}
.mgt20{margin-top: 20px;}
.mgt25{margin-top: 25px;}
.mgt30{margin-top: 30px;}
.mgt35{margin-top: 35px;}
.mgt40{margin-top: 40px;}
.mgt45{margin-top: 45px;}
.mgt50{margin-top: 50px;}

.mgb03{margin-bottom: 3px;}
.mgb05{margin-bottom: 5px;}
.mgb08{margin-bottom: 8px;}
.mgb10{margin-bottom: 10px;}
.mgb15{margin-bottom: 15px;}
.mgb20{margin-bottom: 20px;}
.mgb25{margin-bottom: 25px;}
.mgb30{margin-bottom: 30px;}
.mgb35{margin-bottom: 35px;}
.mgb40{margin-bottom: 40px;}
.mgb45{margin-bottom: 45px;}

.mgr05{margin-right:5px;}
.mgr08{margin-right:8px;}
.mgr10{margin-right:10px;}
.mgr15{margin-right:15px;}
.mgr20{margin-right:20px;}


/* ----------------------------------------------------- Text */
.sText{line-height: 1.6; font-size: 87%;}
.lText{font-size: 117%;}
.xlText{font-size: 130%;}

.idt{text-indent: 1em;}
.h_idt{text-indent: -1em; padding-left:1em;}

.textHidden{visibility: hidden;}
.spa_l2 table {
	border-style:solid;
	border-color:#000000;
	border-width: 1px 1px 0px 0px;
	margin-top: 5px;
}
.spa_l2 td {
	border-style:solid;
	border-color:#000000;
	border-width: 0px 0px 1px 1px;
	padding: 5px;
	background-color:#FFFFFF;
}

span{
	font-size:11px;
}

.table1 table,.table2 table,.table3 table{
border-style:solid;
	border-color:#000000;
	border-width: 1px 1px 0px 0px;
	width:187px;
	}

.table1 td,.table2 td,.table3 td{
border-style:solid;
	border-color:#000000;
	border-width: 0px 0px 1px 1px;
	padding:5px;
}





.golf_box {
	background-color:#FFFFFF;
}

.golf_box p{
	padding:10px 15px;
}


.golf_box .leftbox01{
	padding-left:15px;
	width:435px;
	float:left;
}


.golf_box .leftbox01 table {
	width:100%;
	border-color:#CCC;
	border-style:solid;
	border-width:1px 1px 0px 0px;
}

.golf_box .leftbox01 td {
	width:100%;
	border-color:#CCC;
	border-style:solid;
	border-width:0px 0px 1px 1px;
	padding:5px;
}

.golf_box .leftbox01 th {
	width:100%;
	border-color:#CCC;
	border-style:solid;
	border-width:0px 0px 1px 1px;
	padding:5px;
	background-color: #EBE4C9;
}

.golf_box .rightbox01{
	float:right;
	width:250px;
}

.golf_l {
	font-size:100%;
	width:720px;
	float:left;
	margin-bottom:30px;	
	
}
.golf_r {
	width:720px;
	float:left;
	padding-bottom:10px;
}



.clear{
	clear: both;	
	}
	
	
table.tableline {
	border:#666 solid;
	border-width:1px 0 0 1px;
}

table.tableline th{
	border:#666 solid;
	border-width:0 1px 1px 0;
	background:e1e1bf;
}
table.tableline td{
	border:#666 solid;
	border-width:0 1px 1px 0;
}


.box-img,
.box-text{
  display: inline-block;
  vertical-align: top;
}