@charset "utf-8";


/* body
----------------------------------------------------------- */
body {
	background:url(../images/common/bg.png) repeat top;
	margin:0;
	padding:0;
	min-width:1200px;/*ipad*/}

/* #wrapper
----------------------------------------------------------- */
#wrapper {
	background:url(../images/common/header_bg.jpg) no-repeat center top;
	width:100%;}
	
.replace {
	display: block;
	overflow: hidden;}
	
.replace a,
.replace span {
	display: block;
	height: 0;
	background-repeat: no-repeat;
	background-position: 0 0;}
	

/* #header
----------------------------------------------------------- */
#header {
	position: relative;
	width: 960px;
	height: 80px;
	margin: 0 auto;}
	
#top #header h1{
	display: block;
	overflow: hidden;
	width:190px;
	height:80px;
	position: absolute;
	top:0;
	left:15px;}
	
#top #header h1 a{
	display: block;
	width:190px;
	height: 0;
	padding-top:80px;
	background-image:url(../images/common/logo.jpg) ;}
		
#sub #header .logo{
	display: block;
	overflow: hidden;
	width:190px;
	height:80px;
	position: absolute;
	top:0;
	left:15px;}
	
#sub #header .logo a{
	display: block;
	width:190px;
	height: 0;
	padding-top:80px;
	background-image:url(../images/common/logo.jpg) ;}

#header .nav {
	position: absolute;
	top: 17px;
	left: 461px;}
	
#header .nav li {
	float: left;
	line-height:0;}
	
#header .other {
	clear:both;
	position: absolute;
	top: 38px;
	left: 473px;}
	
#header .other li {
	float: left;
	height:29px;}
	
#header li.other01{
	width:154px;
	margin-right:4px;}

#header li.other01 a{
	width:154px;
	padding-top:29px;
	background-image:url(../images/common/n05.jpg);}
		
#header li.other02{
	width:94px;}
	
#header li.other02 a{
	width:94px;
	padding-top:29px;
	background:url(../images/common/n06.jpg);}
	
#header .tel {
	position: absolute;
	top: 0;
	right: 0;
	clear:both;
	width:233px;
	height:80px;}
	
#header .tel span{
	width:233px;
	padding-top:80px;
	background:url(../images/common/header_tel.jpg);}
	

	
/* #gnav
----------------------------------------------------------- */
#gnav {
	width: 960px;
	height:70px;
	margin: 0 auto;
	clear:both;
	background:url(../images/common/gnav.jpg) no-repeat bottom left;}
	
#gnav li {
	float: left;}
	

/* #visual
----------------------------------------------------------- */
#top #visual {
	width: 1190px;
	height:490px;
	padding:5px;
	margin: 0 auto;
	background:#FFF;
	clear:both;}
	
#top #image-navigation{
	position:relative;}
	
#top #image-navigation .navi{
	position:absolute;
	top:160px;
	right:35px;
	z-index:100;}
	
#top #image-navigation .navi li{
	width:40px;
	border:5px solid #FFF;
	margin-bottom:10px;}
	
#top #image-navigation .navi-image{
	position:absolute;
	top:0;
	left:0;}
	
#top #image-navigation .navi-image img{
	width:1190px;}

#top #image-navigation .navi-image { position:relative;}
#top #image-navigation .navi-image a { display:block; }
#top #image-navigation .navi-image a { position:absolute; top:0; left:0; z-index:8; }
#top #image-navigation .navi-image a.active { z-index:10; }
#top #image-navigation .navi-image a.last-active { z-index:9; }

	
#sub #visual {
	width: 1200px;
	height:190px;
	margin: 0 auto;
	clear:both;}

#topnavBox{	
	width: 960px;
	height:270px;
	margin: -35px auto 0 auto;
	clear:both;}
	
#topnavBox p{
	padding-left:5px;}
	
#topnavBox a{
	color:#FFF;
	text-decoration:none;}	
	
#topnavBox a:hover{
	text-decoration:underline;}	
	
#topnavBox div{
	width:180px;
	height:265px;
	padding:5px 5px 0 5px;
	position:relative;
	float:left;
	margin-right:10px;}
	
#topnavBox .topnav01{
	background:url(../images/topnav01.jpg) no-repeat;
	z-index:99;}
	
#topnavBox .topnav02{
	background:url(../images/topnav02.jpg) no-repeat;
	z-index:99;}
	
#topnavBox .topnav03{
	background:url(../images/topnav03.jpg) no-repeat;
	z-index:99;}
	
#topnavBox .topnav04{
	background:url(../images/topnav04.jpg) no-repeat;
	width:350px;
	margin-right:0;
	z-index:99;}
	
#intro{
	width:1200px;
	height:270px;
	margin:0 auto;
	clear:both;}

#intro p{
	display: block;
	overflow: hidden;
	width:1200px;
	height:270px;
	position:relative;}
	
#intro p span{
	width:1200px;
	padding-top:270px;
	background:url(../images/top_intro.jpg);}
	
	
	
/* #container
----------------------------------------------------------- */
#container:after {
	height: 0;
	clear: both;
	visibility: hidden;
	display: block;
	content: ".";}

#container {
	width: 960px;
	padding:0;
	margin: 0 auto;
	padding-bottom:50px;
	display: inline-block;
	clear:both;}
	
/* Hides from IE-mac \*/
* html #container {	height: 1%;}
/* End hide from IE-mac */
#container {	display: block;}
	
	

/* #content
----------------------------------------------------------- */
#content {
	float: right;
	width: 720px;}
	
.planBox{
	position:relative;
	background:url(../images/top_planbg.jpg) repeat-y;}
	
.planBoxBtm{
	padding-bottom:55px;
	background:url(../images/top_planbtm.jpg) no-repeat left bottom;}
	
.planBox h2{
	width:720px;
	height:65px;}
	
.planBox h2 span{
	width:720px;
	padding-top:65px;
	background:url(../images/top_planttl.jpg);}
	
.planBox .planList{
	position:absolute;
	top:10px;
	right:20px;}
	
.planBox .planFlower{
	position:absolute;
	top:-15px;
	left:0;}
		
#tab{
	margin-left:20px;
 	width: 660px;}
	
#tab li {
  float: left;
  padding: 5px 10px;
  list-style: none;
  cursor: pointer;
  background:#388895;
   border-top:2px solid #85C1C9;
   color:#FFF;
   margin:0 5px 0 0;}
  
#tab li.select {
  background: #44874A;
  border-top:2px solid #8BBD90;
  color:#FFF;
  font-weight:bold;}

.disnon {
  display: none;}
  
.content_wrap {
  clear: left;
  width: 645px;
  padding:20px 15px 0 20px;
  margin-left:20px;
  background:url(../images/planboxbg.jpg) repeat-y;}
  
 .content_wrap .clearfix{
	 padding-bottom:20px;}
   
.content_wrap h3{
	font-size:15px;
	font-weight:bold;
	margin-bottom:10px;
	clear:both;}
	
.content_wrap img.planLeft{
	width:242px;
	padding:4px;
	border:1px solid #D9D5C4;
	float:left;}
	
.content_wrap .planRight{
	width:375px;
	float:right;}
	
.content_wrap ul{
	margin-bottom:10px;}
	
.content_wrap li.day{
	background:url(../images/plan_day.jpg) no-repeat left center;
	padding-left:80px;
	margin:15px 0 5px 0;}
	
.content_wrap li.price{
	background:url(../images/plan_price.jpg) no-repeat left center;
	padding-left:80px;}
	
.eventBox h2{
	width:350px;
	height:70px;}
	
.eventBox h2 span{
	width:350px;
	padding-top:70px;
	background:url(../images/top_eventttl.jpg);}
	
.eventBox{
	position:relative;
	width:350px;
	background:url(../images/top_eventbg.jpg) repeat-y;}
	
.eventBoxBtm{
	padding-bottom:20px;
	background:url(../images/top_eventbtm.jpg) no-repeat left bottom;
	float:left;}
	
.eventBox ul{
	padding:0 30px;}
	
.eventBox .ethum img{
	width:290px;
	margin-bottom:10px;}
	
.eventBox .ettl{
	margin-bottom:10px;
	font-weight:bold;}
	
.eventBox .etxt{
	font-size:12px;
	padding-bottom:15px;}

.newsBox h2{
	width:350px;
	height:70px;}
	
.newsBox h2 span{
	width:350px;
	padding-top:70px;
	background:url(../images/top_newsttl.jpg);}

.fRight{
	float:right;
	width:350px;
	margin-bottom:30px;}
		
.newsBox{
	position:relative;
	background:url(../images/top_newsbg.jpg) repeat-y;}
	
.newsBoxBtm{
	padding-bottom:20px;
	background:url(../images/top_newsbtm.jpg) no-repeat left bottom;}

.newsBox ul{
	padding:0 30px;}
	
.newsBox .ethum img{
	width:90px;
	float:left;}
	
.newsBox .rBox{
	width:185px;
	float:right;}

.newsBox .edate{
	margin-bottom:2px;
	font-size:11px;
	color:#7A6345;}
		
.newsBox .ettl{
	margin-bottom:5px;
	font-weight:bold;
	font-size:12px;}
	
.newsBox .etxt{
	font-size:12px;}
	
.newsBox li{
	padding-bottom:15px;}
	

/* #snav
----------------------------------------------------------- */
#snav {
	float: left;
	width: 220px;
	display:inline-block;}
	
#sub #snav {
	margin-top:30px;}
	
.sub-contents{
	position:fixed;
}

#snav h2.tokutenBox{
	width:220px;
	height:80px;}
	
#snav h2.tokutenBox span{
	width:220px;
	padding-top:80px;
	background:url(../images/common/side_tokuten.jpg);}
	
#snav .tokutenBg{
	width:170px;
	padding:15px 25px 25px 25px;
	height:100%;
	background:url(../images/common/side_tokutenbg.jpg) left bottom;
	margin-bottom:20px;}
	
#snav .tokutenBg p{
	font-size:12px;}
	
#snav .tokutenBg .col01{
	color:#F90;}
	
#snav .tokutenBg .col02{
	color:#2D99A7;}
		
#snav h2.searchBox{
	width:220px;
	height:60px;}
	
#snav h2.searchBox span{
	width:220px;
	padding-top:60px;
	background:url(../images/common/side_searchttl.jpg);}

#snav div.searchBox{
	background:url(../images/common/side_searchbg.jpg) no-repeat;
	color:#F0F1E6;
	font-size:12px;
	width:205px;
	padding-left:15px;}
	
#snav .searchBox h3.booking{
	font-weight:bold;}
	
#snav .searchBox .button{
	width:190px;
	height:24px;
	cursor:pointer;}
	
#snav .sidePlan{
	background:url(../images/common/side_btnbg.jpg) no-repeat;
	width:198px;
	height:65px;
	padding:15px 0 0 22px;}
	
#snav .sother{
	background:url(../images/common/side_flower.jpg) no-repeat 20px 0;}
	
#snav .sother ul{
	padding-top:62px;}
	
#snav .sother li{
	float:left;
	margin-bottom:20px;}
	
#snav .sother li.right{
	float:right;}
	
#snav .season{
	background:url(../images/common/side_seasonbg.jpg) no-repeat top left;
	padding:0 10px 0 15px;}
	
#snav .season img{
	border:5px solid #FFF;
	margin-bottom:10px;}
	
#snav .season p{
	font-size:12px;
	margin-bottom:30px;}


/* #footer
----------------------------------------------------------- */
	
#footerBnrWrap{
	width:100%;
	height:70px;
	background:url(../images/common/footerbnr.jpg) repeat-x top left;
	clear:both;}
	
#footerBnr {
	width: 960px;
	margin: 0 auto;
	position:relative;}
	
.pagetop{
	position:absolute;
	top:0;
	right:0;}

.footerBnr01{
	position:absolute;
	top:85px;
	left:100px;}
	
.footerBnr02{
	position:absolute;
	top:180px;
	left:100px;}
		
.footerBnr01 li,
.footerBnr02 li{
	float:left;
	padding-right:20px;}
	
.footerBnr01 li.last,
.footerBnr02 li.last{
	padding:0;}
	
#footerWrap{
	width:100%;
	background:url(../images/common/footerbg.jpg) repeat-x;}
	
#footer {
	width: 960px;
	height:280px;
	margin: 0 auto;
	background:url(../images/common/footer.jpg) no-repeat;}
	
#footer .footerInfo{
	width:510px;
	float:left;
	position:relative;}
	
#footer .footerlogo{
	position:absolute;
	top:20px;
	left:0;}
	
#footer dl{
	position:absolute;
	top:26px;
	left:135px;
	color:#FFF;}
	
#footer dt{
	font-weight:bold;}
	
#footer dd.mail{
	background:url(../images/common/footer_mail.jpg) no-repeat left center;
	padding-left:20px;}
	
#footer dd.mail a{
	color:#EDF0E3;}
	
#footer .fmark{
	position:absolute;
	top:30px;
	left:330px;}
	
#footer .finfo{
	position:absolute;
	top:105px;
	left:0;}
	
#footer .footerLink{
	width:370px;
	float:right;
	position:relative;}

#footer .footerLink p{
	position:absolute;
	top:20px;
	right:0;}
	
#footer .footerLink ul.link01{
	position:absolute;
	top:105px;
	left:16px;}
	
#footer .footerLink ul.link02{
	position:absolute;
	top:105px;
	left:135px;}
	
#footer .footerLink ul.link03{
	position:absolute;
	top:105px;
	right:0;}
	
#footer .footerLink li{
	background:url(../images/common/ficon.jpg) no-repeat left center;
	padding-left:15px;
	font-size:12px;
	margin-bottom:5px;}
	
#footer .footerLink li a{
	color:#EDF0E3;}
	

#copyWrap{
	width:100%;
	height:30px;
	background:#3A322C;
	clear:both;}
	
#copy{
	width:960px;
	margin:0 auto;
	text-align:center;
	padding-top:5px;
	color:#FFF;}
/* end */


#snav div.searchBox{
	background:url(../images/common/side_searchbg.jpg) no-repeat;
	color:#F0F1E6;
	font-size:12px;
	width:205px;
	padding-left:15px;}
	
#snav .searchBox h3.booking{
	font-weight:bold;}
	
#snav .searchBox .button{
	width:190px;
	height:24px;
	cursor:pointer;}
	
#snav .sidePlan{
	background:url(../images/common/side_btnbg.jpg) no-repeat;
	width:198px;
	height:65px;
	padding:15px 0 0 22px;}
	
#snav .sother{
	background:url(../images/common/side_flower.jpg) no-repeat 20px 0;}
	
#snav .sother ul{
	padding-top:62px;}
	
#snav .sother li{
	float:left;
	margin-bottom:20px;}
	
#snav .sother li.right{
	float:right;}

#spLinkBlockInPc{
	display:none;
	background: #E05F4D;  /*ボタンの背景色*/
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-webkit-box-shadow: 0 1px 10px 0 #EEE;
	-moz-box-shadow: 0 1px 10px 0 #EEE;
	box-shadow: 0 1px 10px 0 #EEE;
	width: 90%;
	margin:64px auto;}
	
#spLinkBlockInPc a{
	color: #FFF;   /*ボタンの文字色*/
	display:block;
	padding:80px 0;
	text-align:center;
	text-decoration:none;
	font-size:40px;
	font-size:4.0rem;}