/*
=====================================================================

	Index.css（トップページ用設定）

	-----------------------------
				INDEX
	-----------------------------
	1. ベース

	2. レイアウト
		2-1. メインエリア
		2-1. フッター

	3. リンク設定

	4. カレンダー

===================================================================== */

/* 1.ベース
===================================================================== */

/* ClearFix */
.clearfix,
div#imageArea,
div#slider ul,
div#contentsArea,
.bx-pager {  
	zoom: 100%;
}  
.clearfix:after,
div#imageArea:after,
div#slider ul:after,
div#contentsArea:after,
.bx-pager:after {  
	content: "."; 
	display: block;  
	visibility: hidden;  
	height: 0.1px;  
	font-size: 0.1em;  
	line-height: 0;  
	clear: both;
}


/* 2.レイアウト
===================================================================== */

/* 2-1. メインエリア
----------------------------- */
div#mainBody {
	width: 950px;
	margin: 0 auto;
	position: relative;
}

div#imageArea {
	padding: 40px 6px;
	background: url(../../images/border-dashed01.jpg) bottom left no-repeat;
}

div#slider {
	width: 648px;
	margin: 0;
	padding: 11px 11px 0;
	float: left;
	background: url(../../images/slider_bg.gif) top left no-repeat;
}
	div#slider ul#sliderImages {
		width: 648px;
		height: 188px;
	}
	
	div#slider ul#thumbs {
		margin-top: 19px;
		margin-left: 77px;
	}
		div#slider ul#thumbs li {
			width: 116px;
			padding-right: 10px;
			float: left;
		}

.bx-prev {
	width: 29px;
	height: 29px;
	background: url(../../images/main_arrow_prev.jpg) top left no-repeat;
	text-indent: -9999px;
	
	position: absolute;
	bottom: 29px;
	left: -9px;
}
.bx-next {
	width: 29px;
	height: 29px;
	background: url(../../images/main_arrow_next.jpg) top left no-repeat;
	text-indent: -9999px;
	
	position: absolute;
	bottom: 29px;
	right: -9px;
}

a.bx-prev:hover,
a.bx-next:hover {
	background-position: left bottom;
}

.bx-pager {
	margin-top: 19px;
	margin-left: 26px;
}
	.bx-pager a {
		display: block;
		width: 116px;
		height: 86px;
		padding-right: 4px;
		text-indent: -9999px;
		float: left;
	}
	
	.bx-pager a.thumb1 {
		background: url(../../images/main_thumb_camp.jpg?v=202202-1) top left no-repeat;
	}
	.bx-pager a.thumb2 {
		background: url(../../images/main_thumb_cottage.jpg) top left no-repeat;
	}
	.bx-pager a.thumb3 {
		background: url(../../images/main_thumb_bbq.jpg) top left no-repeat;
	}
	.bx-pager a.thumb4 {
		background: url(../../images/main_thumb_foods.jpg) top left no-repeat;
	}
	.bx-pager a.thumb5 {
		background: url(../../images/main_thumb_exc.jpg) top left no-repeat;
	}
	
	.bx-pager a.thumb1:hover,
	.bx-pager a.thumb2:hover,
	.bx-pager a.thumb3:hover,
	.bx-pager a.thumb4:hover
	.bx-pager a.thumb5:hover  {
		background-position: 0px -86px;
	}
	
	.bx-pager a.pager-active,
	.bx-pager a.pager-active:hover {
		background-position: 0px -172px;
	}
	
		
div#reserve {
	width: 260px;
	padding-bottom: 20px;
	background:url(../../images/yoyaku_text_bg.gif) bottom left no-repeat;
	float: right;
}
	div#reserve p {
		text-align: center;
		font-size: 80%;
		color: #FFF;
	}
	
	div#reserve p.text {
		margin: 18px 0 0;
	}
	div#reserve p.btn {
		margin: 12px 0;
	}
	div#reserve p.idpass {
	}



div#contentsArea {
	margin: 0;
	padding: 35px 6px 0;
	
	position: relative;
}

/* 左カラム */
div#conLeft {
	width: 190px;
	float: left;
	
	position: relative;
}
	div#conLeft ul.main {
		width: 180px;
		height: 255px; 
		padding: 5px;
		background: url(../../images/main_bnrs_bg02.gif) top left no-repeat;
	}
		div#conLeft ul.main li {
			margin: 0;
			padding: 0;
		}
	
	div#conLeft ul.exc {
		width: 180px;
		/* padding: 50px 5px 30px 5px; */
		padding: 0 5px 10px 5px;
		background: url(../../images/exc_bnrs_bg03.gif) top left no-repeat;
	}
		div#conLeft ul.exc li {
			margin: 0;
			padding: 0;
		}
		
	div#conLeft ul.sub {
		width: 190px;
		margin-top: 10px;
		padding: 13px 0 0 0;
		background: url(../../images/border-dotted01.gif) top left repeat-x;
	}
	div#conLeft ul.blog {
		width: 190px;
		margin: 7px 0 15px;
		padding: 0 0 11px 0;
		background: url(../../images/border-dotted01.gif) bottom left repeat-x;
	}
		div#conLeft ul.sub li,
		div#conLeft ul.blog li {
			margin: 0 0 8px;
			padding: 0;
		}

	div#conLeft ul.yoyaku {
		width: 190px;
		margin-top: 10px;
		padding: 11px 0 0 0;
		background: url(../../images/border-dotted01.gif) top left repeat-x;
	}
		div#conLeft ul.yoyaku li {
			margin: 0;
			padding: 0;
		}
	



/* 中央カラム */
div#conCenter {
	width: 710px;
	margin: 0;
	padding: 0 0 0 35px;
	float: left;
}

div#whatsnew {
	width: 478px;
	padding-bottom: 40px;
	/* background: url(../../images/border-dashed04.jpg) bottom left no-repeat; */
	position: relative;
}
	div#whatsnew h2 {
		margin-top: 18px;
		padding-top: 1px;
		background: url(../../images/whatsnew_title_bg.gif) top right no-repeat;
	}
	
	div#whatsnew p#wnList {
		width: 144px;
		height: 23px;
		
		position: absolute;
		top: 10px;
		left: 163px;
	}
	
	div#whatsnew ul {
		font-size: 80%;
		margin: 30px 0 0 0;
	}
		div#whatsnew ul li {
			line-height: 1.7;
      padding: 16px 0;
      border-top: 1px dashed #999;
		}
		div#whatsnew ul li:first-child {
      padding-top: 0;
      border-top: none;
    }
			div#whatsnew ul li span.date {
				margin-left: 0;
				padding-left: 0;
				margin-bottom: 3px;
				display: block;
				font-family: Verdana, Geneva, sans-serif;
				font-size: 1.1em;
				font-weight: bold;
				color: #7B594B;
				/text-indent:-1.2em;
			}
			div#whatsnew ul li span.new {
				background: url(../../images/icon_new.gif) 6.5em .2em no-repeat;
			}
			div#whatsnew ul li span.topics {
				background: url(../../images/icon_topics.gif) 7em .2em no-repeat;
			}
			div#whatsnew ul li a {
				display: block;
			}
			div#whatsnew ul li a.il {
				display: inline;
			}
			div#whatsnew ul li span.date span {
				margin-left: 5px;
			}
			div#whatsnew ul li span.date span.s75 {
				margin-left: 75px;
			}
	
	div#whatsnew ul li ul.wnInner {
		font-size: 95%;
		margin: 12px 0 0 0;
		padding-bottom: 2px;
	}
	div#whatsnew ul li ul.wnInner li {
		margin-bottom: .5em;
		padding-left: 1.5em;
		text-indent: -1.5em;
	}
		div#whatsnew ul li ul.wnInner li span.red {
			color: #F00;
			font-weight: bold;
		}
		div#whatsnew ul li ul.wnInner li span.uline {
			text-decoration: underline;
		}

#wnBox {
	height: 310px;
	overflow: scroll;
	overflow-x: hidden;
	outline: none;
	margin-bottom: 30px !important;
}


div#info {
	margin-top: 52px;
	margin-left: -1px;
	padding-left: 210px;
	background: url(../../images/info_bg.png) top left no-repeat;
}
	div#info p {
		padding: 21px 0 0 52px;
		font-size: 85%;
		line-height: 1.7em;
	}
	div#info p.link {
		text-align: right;
	}


div#info2Wrap {
	padding-top: 52px;
	background: url(../../images/info_border.png) top left no-repeat;
}
div#info2 {
	margin-left: -1px;
	padding-left: 210px;
	min-height: 250px;
	background: url(../../images/info_bg.png) top left no-repeat;
}
	div#info2 h2 {
		padding: 0 0 0 52px;
	}
	div#info2 p {
		padding: 21px 0 0 52px;
		font-size: 85%;
		line-height: 1.7em;
	}
	div#info2 p.link {
		text-align: right;
	}




/* 右カラム */
div#conRight {
	width: 190px;
	position: absolute;
	top: 35px;
	right: 6px;
}
	div#conRight ul {
		width: 190px;
	}
		div#conRight ul li {
			margin: 0 0 8px;
		}


/* 2-2. フッター
----------------------------- */
div#fWrap {
}




/* 3.リンク設定
===================================================================== */
div#reserve p.idpass a {
	color: #FFF;
	text-decoration: underline;
	padding-left: 13px;
	background: url(../../images/yoyaku_arrow.gif) 0px 4px no-repeat;
}
div#reserve p.idpass a:hover {
	text-decoration: none;
}

div#whatsnew ul li a {
	color: #0772B1;
	text-decoration: none;
}
div#whatsnew ul li a:hover {
	text-decoration: underline;
}


/* 3.カレンダー

ポップアップする要素は、<div class="popup-container"></div>になります。
カレンダーの要素は<table class="calendar">になります。
===================================================================== */
.calendar
{
  padding: 5px;
  border-radius: 5px;
  margin-bottom: 32px;
  background-color: #CAD8A5;
  background-color: rgba(255,255,255,0.3);
  border: 1px solid #d8d8d8;
  font-size: 80%;
  width: 188px;
}
.calendar td
{
  padding : 2px;
  text-align: center;
}
.calendar thead td 
{
  background-color: green;
  color: white;
}
.calendar tbody td
{
}
.calendar tbody td.event-day
{
  background-color: #608938;
}
.calendar tbody td.event-day a 
{
  text-decoration: none ;
  color: white;
}
.calendar tbody td.sunday
{
  background-color: #fcc;
}
.calendar tbody td.saturday
{
  background-color: #ccf;
}
.calendar > caption
{
  display: none;
}
.popup-container 
{
  background-color: #CAD8A5;
  border: 1px solid #9CBE79;
  color: black;
  font-size: 12px;
  width: 200px;
  z-index: 10000;
  text-align: left;
}
.popup-container ul 
{
  margin: 0;
  padding: 0;
}
.popup-container li
{

}
.popup-container li a
{
  color: #3D5F3D !important;
}