@charset "shift-jis";


/* style
----------------------------------------------------------- */
/* CLEAR FIX*/
.clearfix:after,
p.text:after{
	content: ".";  
	display: block;  
	visibility: hidden;  
	height: 0.1px;  
	font-size: 0.1em;  
	line-height: 0;  
	clear: both;  
}
.clearfix,
p.text{display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
* html p.text { height: 1%;}
.clearfix,
p.text{display: block;}
/* End hide from IE-mac */

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

/* margin */
.mt0  {margin-top:0px!important;}
.mt5  {margin-top:5px!important;}
.mt10 {margin-top:10px!important;}
.mt15 {margin-top:15px!important;}
.mt20 {margin-top:20px!important;}
.mt25 {margin-top:25px!important;}
.mt30 {margin-top:30px!important;}
.mt40 {margin-top:40px!important;}
.mt50 {margin-top:50px!important;}

.mb0  {margin-bottom:0px!important;}
.mb5  {margin-bottom:5px!important;}
.mb10 {margin-bottom:10px!important;}
.mb15 {margin-bottom:15px!important;}
.mb20 {margin-bottom:20px!important;}
.mb25 {margin-bottom:25px!important;}
.mb30 {margin-bottom:30px!important;}
.mb40 {margin-bottom:40px!important;}
.mb50 {margin-bottom:50px!important;}

.mr0  {margin-right:0px!important;}
.mr5  {margin-right:5px!important;}
.mr10 {margin-right:10px!important;}
.mr15 {margin-right:15px!important;}
.mr20 {margin-right:20px!important;}
.mr25 {margin-right:25px!important;}
.mr30 {margin-right:30px!important;}

.ml0  {margin-left:0px!important;}
.ml5  {margin-left:5px!important;}
.ml10 {margin-left:10px!important;}
.ml15 {margin-left:15px!important;}
.ml20 {margin-left:20px!important;}
.ml25 {margin-left:25px!important;}
.ml30 {margin-left:30px!important;}

/* padding */
.pt0  {padding-top:0px!important;}
.pt5  {padding-top:5px!important;}
.pt10 {padding-top:10px!important;}
.pt15 {padding-top:15px!important;}
.pt20 {padding-top:20px!important;}
.pt25 {padding-top:25px!important;}
.pt30 {padding-top:30px!important;}

.pb0  {padding-bottom:0px!important;}
.pb5  {padding-bottom:5px!important;}
.pb10 {padding-bottom:10px!important;}
.pb15 {padding-bottom:15px!important;}
.pb20 {padding-bottom:20px!important;}
.pb25 {padding-bottom:25px!important;}
.pb30 {padding-bottom:30px!important;}

.pr0  {padding-right:0px!important;}
.pr5  {padding-right:5px!important;}
.pr10 {padding-right:10px!important;}
.pr15 {padding-right:15px!important;}
.pr20 {padding-right:20px!important;}
.pr25 {padding-right:25px!important;}
.pr30 {padding-right:30px!important;}

.pl0  {padding-left:0px!important;}
.pl5  {padding-left:5px!important;}
.pl10 {padding-left:10px!important;}
.pl15 {padding-left:15px!important;}
.pl20 {padding-left:20px!important;}
.pl25 {padding-left:25px!important;}
.pl30 {padding-left:30px!important;}

.align-l{text-align:left!important;}
.align-r{text-align:right!important;}
.align-c{text-align:center!important;}

.fR{float:right!important;}
.fL{float:left!important;}


#SUZUKA{
	margin:0 auto 0!important;
	padding:0!important;
}

a img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#topContents {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Mayryo','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	width: 980px;
	margin: 0 auto;
	font-size: 14px;
	/*background: url(../img/top/bg-contents.jpg) no-repeat right 50px;*/
}
#topContents h2{margin: 0 0 10px;}

#topContents *{
	margin:0;
	padding:0;
	list-style:none;
	border:none;
}
#topContents a:link   {color:#b78014;text-decoration:underline;}
#topContents a:visited{color:#b78014;text-decoration:underline;}
#topContents a:hover  {color:#b78014;text-decoration:none;}
#topContents a:active {color:#b78014;text-decoration:underline;}



/* topicPath
----------------------------------------------------------- */
#topicPath {
	margin-bottom: 30px;
	height: 15px;
}

#topicPath img {
	border:medium none;
	vertical-align:top;
}

#topicPath li{
	float: left;
	font-size: 10px;
	list-style-type:none;
}

#topicPath li span{
	background: url(../img/path_static_bg.gif) no-repeat scroll right center;
	color: #444444;
	display:block;
	font-size: 10px;
	line-height:15px;
	padding: 0 20px 0 10px;
}

#topicPath li a{
	font-size: 10px;
	padding: 0 20px 0 10px;
	display:block;
	background: url(../img/path_link_bg.gif) no-repeat scroll right center;
	color: #2fada7;
	line-height:15px;
}


#logo{margin: 35px 0 30px;}



/* slideshow
----------------------------------------------------------- */
.bx-viewport{background: url(../img/top/loading.gif) no-repeat center center;}
#slideshow{
	height: 380px;
	overflow: hidden;
}
#slideshow li{
	background: #fff;
}
#bx-pager{
	padding: 0;
	letter-spacing: -0.4em;
	text-align: center;
}
#bx-pager li{
	display: inline-block;
	width: 130px;
	padding: 5px;
	letter-spacing: normal;
	vertical-align: top;
}
#bx-pager li.hotel{
	color: #fff;
	background: #b78014;
}
#bx-pager li.camp,
#bx-pager li.wedding,
#bx-pager li.splaza{
	background: #f0f0f0;
}
#bx-pager li a{
	display: block;
	border: 2px solid #fff;
}
#bx-pager li a.active{
	border: 2px solid #ff0000;
}
#bx-pager li a img{
	max-width: 100%;
	height: auto;
}
#bx-pager li p{
	text-align: center;
	font-size: 12px;
}



/* gnavi
----------------------------------------------------------- */
#gnavi{
	margin: 20px 0 0;
}
#gnavi li{
	position: relative;
	float: left;
	width: 140px;
}
#gnavi li a{
	display: block;
	height: 50px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url(../img/top/gnavi.png) no-repeat;
}
#gnavi li.nav01 a{background-position: 0 0;}
#gnavi li.nav02 a{background-position: -140px 0;}
#gnavi li.nav03 a{background-position: -280px 0;}
#gnavi li.nav04 a{background-position: -420px 0;}
#gnavi li.nav05 a{background-position: -560px 0;}
#gnavi li.nav06 a{background-position: -700px 0;}
#gnavi li.nav07 a{background-position: -840px 0;}

#gnavi li.nav01 a:hover{background-position: 0 bottom;}
#gnavi li.nav02 a:hover{background-position: -140px bottom;}
#gnavi li.nav03 a:hover{background-position: -280px bottom;}
#gnavi li.nav04 a:hover{background-position: -420px bottom;}
#gnavi li.nav05 a:hover{background-position: -560px bottom;}
#gnavi li.nav06 a:hover{background-position: -700px bottom;}
#gnavi li.nav07 a:hover{background-position: -840px bottom;}

#gnavi li ul{
	display: none;
	position: absolute;
	top: 50px;
	left: 0;
	width: 225px;
}
#gnavi li ul li{width: 225px;}
#gnavi li.nav07 ul{left:inherit; right: 0;}

#gnavi li ul li a{
	height: auto!important;
	padding: 7px;
	color: #ffffff!important;
	text-indent: 0;
	white-space: normal;
	overflow: visible;
	background: #323232!important;
}
#gnavi li ul li a:hover{background: #000000!important;}



/* form
----------------------------------------------------------- */
#form{
	margin: 0 0 60px;
	padding: 15px 25px;
	font-size: 12px;
	background: #f1e6d0;
}
#form input[type="text"],
#form select{padding: 3px 5px;border: 1px solid #7f7f7f;}
#form .form-ttl01,
#form .booking_date,
#form .hid,
#form .submit{
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: middle;
	line-height: 1.3;
}
#form .bl{
	padding-left: 10px;
	background: url(../img/top/bg-bl.gif) no-repeat 0 center;
}
#form #searchtypearea{display: none;}

#form #sblink{
	margin: 10px 0 0;
	text-align: right;
}
#form #sblink li{
	display: inline;
	margin-left: 20px;
	padding-left: 15px;
	background: url(../img/top/arrow.gif) no-repeat 0 center;
}

#form #inquiry{
	margin: 10px 0 0;
	padding: 10px;
	background: #ffffff;
}
#form #inquiry img{ vertical-align: middle;}
#form #inquiry ul{display: inline;margin-left: 20px;vertical-align: middle;}
#form #inquiry ul li{
	display: inline;
	margin-left: 5px;
	padding-left: 15px;
	background: url(../img/top/arrow.gif) no-repeat 0 center;
}



/* info
----------------------------------------------------------- */
#info{margin: 0 0 10px;}
#info dl dt{
	float: left;
	width: 9em;
	padding: 10px 0 10px 15px;
	background: url(../img/top/arrow.gif) no-repeat 0 center;
}
#info dl dd{padding: 10px 0 10px 10em;}


#info_faq{
	margin: 0 0 60px 0;
	clear:both;
	}
#info_faq dl dt{
	float: left;
	width: 14em;
	padding: 5px 0 5px 0px;
}
#info_faq dl dd{
	padding: 5px 0 5px 15px;
	background: url(../img/top/icon_q.gif) no-repeat 0 center;
	margin-left:14em;
}
#info_faq dl dd.other{
	padding: 5px 0 5px 15px;
	background: url(../img/top/arrow.gif) no-repeat 0 center;
}

/* info-left
----------------------------------------------------------- */
#info-left{ width:440px; float:left; margin: 0 0 30px; padding:20px; border:#B78014 solid 1px;}
#info-left dl dt{
	float: left;
	width: 9em;
	padding: 10px 0 10px 15px;
	background: url(../img/top/arrow.gif) no-repeat 0 center;
}
#info-left dl dd{padding: 10px 0 10px 10em;}




/* plan
----------------------------------------------------------- */
#plan{margin: 0 0 60px;}
#plan dl{
	margin: 0 0 30px;
	overflow: hidden;
}

#plan dl dt{
	float: left;
	width: 270px;
}
#plan dl dd{
	float: right;
	width: 700px;
	min-height: 204px;
	padding: 20px 0 0;
}
#plan dl#plan01 dd{border-top: 1px dotted #b78014;border-bottom: 1px dotted #b78014;}
#plan dl#plan02 dd{border-top: 1px dotted #603813;border-bottom: 1px dotted #603813;}
#plan dl#plan03 dd{border-top: 1px dotted #88c23f;border-bottom: 1px dotted #88c23f;}
#plan dl#plan04 dd{border-top: 1px dotted #0c34a3;border-bottom: 1px dotted #0c34a3;}

#plan .carousel{
	width: 640px;
	margin: 0 auto;
}
#plan .carousel li{
	float: left;
	width: 210px;
}
#plan .carousel li span{display: block;margin: 5px 0 0;padding-right: 5px; font-size:12px;}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -30px!important;
	outline: 0;
	width: 20px;
	height: 60px;
	text-indent: -9999px;
	z-index: 9999;
	background: url(../img/top/arrows.gif) no-repeat;
}
.bx-wrapper .bx-prev {
	left: -30px;
	background-position: 0 0!important;
}

.bx-wrapper .bx-next {
	right: -30px;
	background-position: right 0!important;
}



/* s-plaza
----------------------------------------------------------- */
#s-plaza{margin: 0 0 60px;}
#s-plaza #restaurant{margin: 7px 0 0;overflow: hidden;}
#s-plaza #restaurant li{
	float: left;
	width: 322px;
	margin-left: 7px;
}
#s-plaza #restaurant li:first-child{margin: 0;}



/* facility
----------------------------------------------------------- */
#facility{margin: 0 0 60px;}
#facility ul li{margin: 0 0 5px;}


/* osusume
----------------------------------------------------------- */
#osusume{margin: 0 0 60px; overflow:hidden;}
#osusume ul{ margin:0 0 0 -5px; overflow:hidden;}
#osusume li{
	float: left;
	width: 487px;
	margin: 0 0 3px 5px;
}
#osusume li.first-child{margin: 0;}


/* tripadvisor
----------------------------------------------------------- */
#tripadvisor{ width:440px; float:right; margin: 0 0 30px; padding:20px; border:#589442 solid 1px;}
#tripadvisor .img-right{ float:right; width:170px; }