@charset "utf-8";

/* CSS information ///////////////////////////////////////////////////

	toppage

////////////////////////////////////////////////////////////////////*/
/*---------------------------------------------------------------------------------------------------
	MV
---------------------------------------------------------------------------------------------------*/
#mv {
	/*background: url(../img/mv01.jpg) 50% 0 no-repeat;*/
	display: none;
	}
	#mv img {
		position: absolute;
		}
	#mvWrapper {
		position: relative;
		width: 100%;
		}
	#dammy {
		z-index: 2;
		position: relative;
		background: url(../img/loading.gif) 50% 300px no-repeat;
		}
		#dammy #mvnav {
			position: absolute;
			bottom: 10px;
			width: 100%;
			}
		#dammy ul {
			left: 50%;
			zoom: 1;
			position: relative;
			float: left;
			padding-top: 5px;
		}
			#dammy ul:after {
				content:"";
				display: block;
				clear: both;
			}
		#dammy li {
			float: left;
			position: relative;
			left: -50%;
			padding: 0 10px;

			}
			#dammy li img {
				cursor: pointer;
				}

/*---------------------------------------------------------------------------------------------------
	INFORMATION
---------------------------------------------------------------------------------------------------*/
.infowrapper {
	background-color: #eae5da;
	padding: 3px;
	margin-bottom: 20px;
	}
div.info {
	border: 1px solid #b99c6d;
	background-color: #f1ebdd;
	}
.info .news {
	padding: 10px;
	}
	.info .news table {
		width: 100%;
		border-collapse: separate;
		}
	.info .news th {
		border-right: 1px solid #bdb5a4;
		vertical-align: top;
		text-align: middle;
		width: 136px;
		}
	.info .news td {
		vertical-align: top;
		border-left: 1px solid #fff;
		padding-left: 15px;
		}
	.info .news dl {
		zoom: 1;
		padding: 7px 0;
		}
		.info .news dl:after {
			content:"";
			display: block;
			clear: both;
			}
		.info .news dt {
			width: 90px;
			float: left;
			font-size: 90%;
			font-weight: bold;
			color: #c18a37;
			background: url(../img/arrow_dark.png) 100% 5px no-repeat;
			}
		.info .news dd {
			width: 385px;
			float: right;
			font-weight: bold;
			color: #6c4d1a;
			}
			.info .news dd .txt {
				font-weight: normal;
				color: #666;
				}
	.infolist {
		background-color: #fff;
		padding: 5px 10px;
		}
		#contents .infolist li {
			background: url(../img/arrow_dark.png) 0 5px no-repeat;
			float: left;
			padding: 0 15px 0 10px;
			font-size: 85%;
			white-space: nowrap;
			}

.info_kinkyu{
	border: 1px solid #b99c6d;
	margin-bottom: 20px;
	padding: 20px;
}
.info_kinkyu_tit{
	color: #301c01;
	text-align: center;
}
.info_kinkyu_link{
	font-weight: bold;
	padding: 7px 0;
}


/*---------------------------------------------------------------------------------------------------
	WHAT'S NEW
---------------------------------------------------------------------------------------------------*/
/* tab */

.tab.whatsnew {
	background: url(../img/bg_whatsnew.jpg) 0 0 repeat;
	padding-left: 5px;
	}
	.tab.whatsnew li {
		width: 131px;
		height: 30px;
		}
	#contents .tab li.top01.active {
		background: url(../img/tab_info_on.png) 0 0 no-repeat;
		}
	#contents .tab li.top02.active {
		background: url(../img/tab_stayplan_on.png) 0 0 no-repeat;
		}
	#contents .tab li.top03.active {
		background: url(../img/tab_dining_on.png) 0 0 no-repeat;
		}
	#contents .tab li.top04.active {
		background: url(../img/tab_wedding_on.png) 0 0 no-repeat;
		}
	#contents .tab li.top05.active {
		background: url(../img/tab_event_on.png) 0 0 no-repeat;
		}

	.fairlist .dining {
		color: #ff7200;
		}
	.fairlist .stay {
		color: #2567c1;
		}
	.fairlist .event {
		color: #3d8540;
		}
	.fairlist .wedding {
		color: #ff3560;
		}
	.fairlist .banquet {
		color: #8125c1;
		}


/*---------------------------------------------------------------------------------------------------
	INFORMATION  BANNER
---------------------------------------------------------------------------------------------------*/
#contents ul.infoBnr {
	position: relative;
	padding-bottom: 20px;
	margin-bottom: 0;
}
#contents ul.infoBnr:after {
	content: '';
	display: block;
	clear: both;
}
#contents ul.infoBnr>li {
	padding: 0;
	background: none;
	float: left;
	margin-right: 9px;
}
#contents ul.infoBnr>li.lastChild {
	margin-right: 0;
}
#contents ul.infoBnr .slick-slide{
	padding: 0 4px;
	margin: 0;
	background: none;
}
/* slick用設定 */
	#bnr .slick-dots {
		bottom: 3px;
		left: 50%;
		text-align: center;
		margin: 0 auto 0 -250px;
		width: 500px;
	}
	#bnr .slick-dots li {
		width: 5px;
		height: 5px;
		background: #333;
		border-radius: 100%;
		border: 1px solid #b99c6d;
		padding: 3px;
		margin: 0 10px;
		position: relative;
	}
		#bnr .slick-dots li button {
			width: 5px;
			height: 5px;
			padding: 0;
			margin: 0;
			overflow: hidden;
			border-radius: 100%;
			background-color: #000;
		}
		#bnr .slick-dots li.slick-active button {
			background-color: #e4b269;
		}
		#bnr .slick-dots li button:before {display: none;}
	#bnr .slick-next,
	#bnr .slick-prev {
		top: auto;
		bottom: 1px;
		width: 20px;
		height: 20px;
		border-radius: 2px;
	}
	#bnr .slick-next:hover,
	#bnr .slick-prev:hover {
		/*background-color: #e0cf97;*/
	}
	#bnr .slick-before {
		right: 0;
	}
	#bnr .slick-next {
		right: 0;
	}
		#bnr .slick-next:before{
			content: '';
			display: block;
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 4px 8px;
			margin-left: 6px;
		}
		#bnr .slick-next:before{
			border-color: transparent transparent transparent #000;
		}
	#bnr .slick-prev {
		left: 0;
	}
		#bnr .slick-prev:before {
			content: '';
			display: block;
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 4px 8px;
			margin-left: -3px;
		}
		#bnr .slick-prev:before{
			border-color: transparent #000 transparent transparent;
		}


/*---------------------------------------------------------------------------------------------------
	EVENT  BANNER
---------------------------------------------------------------------------------------------------*/
.bnrEvent {
	position: absolute;
	top: -120px;
	left: -10px;
}