@charset "utf-8";
/* common.css */

body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
	font-family: Verdana, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", sans-selif;
}

div#wrapper div {
	zoom: 1;		/*for IE 5.5-7*/
}
div:after {		/*for modern browser(except NN7.1)*/
	content: " ";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}

.cl { clear: both;}
img { vertical-align: bottom; border: none;}
form { margin: 0;}

* html .iepngfix {
	behavior: expression(IEPNGFIX.fix(this));
}

/* 7/3オープン、流し込み用 */
a {
	color: #744B27;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}

/* ====================================
			header
==================================== */
div#header {
	width: 900px;
	height: 74px;
	margin: auto;
	font-size: 12px;
}
div#header h1 {
	width: 435px;
	height: 40px;
	margin: 13px 0 0 0;
	padding: 0;
	float: left;
}
/*div#header .language {
	width: 100px;
	margin-top: 23px;
	margin-bottom: 0;
	float: right;
	overflow: hidden;
}*/



/*	多言語
----------------------------------------------------------- */
div#header .lan {
	position: relative;
	width:120px;
	font-size:0;
	height: 25px;
	/*right: 255px;*/
	float: right;
	margin-top: 25px;
}

div#header .lan li,
div#header .lan li a{
	width:120px;
	height:21px;
	font-size:0;
	list-style: none;
}


div#header .lan li a:hover{
	z-index: 9999;
}


div#header .lan li ul {
	display: none;
	position: absolute;
	z-index: 99999;
	overflow: hidden;
}
div#header .lan li li {
	float:none;
	text-indent:0;
	height:21px !important;
	z-index: 99999;
	padding-left: -50px;

}

div#header .lan li li a {
	height:21px !important;
	z-index: 99999;
}


/*	多言語
----------------------------------------------------------- */
div#header .lan {
	position: relative;
	width:120px;
	font-size:0;
	height: 25px;
}

div#header .lan li,
div#header .lan li a{
	width:120px;
	height:25px;
	font-size:0;
	list-style: none;
}


div#header .lan li a:hover{
	z-index: 9999;
}


div#header .lan li ul {
	display: none;
	position:absolute;
	left: 0;
	z-index: 99999;
}
div#header .lan li li {
	float:none;
	text-indent:0;
	height:21px !important;
	z-index: 99999;
}

div#header .lan li li a {
	height:21px !important;
	z-index: 99999;
}


div#header p.tel {
	width: 251px;
	height: 70px;
	margin: 0;
	padding: 0;
	background: URL(../images/header/tel.gif) left top no-repeat;
	float: right;
	text-indent: -9999px;
	overflow: hidden;
}

/* ====================================
			globalnavi
==================================== */
div#globalnavi {
	width: auto;
	height: 50px;
	background: URL(../images/navi/bg_globalnavi.gif) left top repeat-x;
	font-size: 12px;
}
div#globalnavi ul {
	width: 900px;
	height: 50px;
	margin: 0 auto;
	padding: 0;
	list-style-type: none;
	background: URL(../images/navi/bt.gif) 0 -57px no-repeat;
}
div#globalnavi li {
	margin: 0;
	padding: 0;
	float: left;
}
div#globalnavi li a {
	display: block;
	width: 125px;
	height: 50px;
	text-indent: -9999px;
	overflow: hidden;
}
div#globalnavi li.reservation a {
	display: block;
	width: 131px;
	height: 50px;
	text-indent: -9999px;
	overflow: hidden;
}
div#globalnavi li.forestvillage a {
	display: block;
	width: 131px;
	height: 50px;
	text-indent: -9999px;
	overflow: hidden;
}

div#globalnavi li.info a {
	display: block;
	width: 137px;
	height: 50px;
	text-indent: -9999px;
	overflow: hidden;
}

div#globalnavi li.reservation a:hover {
	background: URL(../images/navi/bt.gif) 0 0 no-repeat;
}
div#globalnavi li.forestvillage a:hover {
	background: URL(../images/navi/bt.gif) -131px 0 no-repeat;
}
div#globalnavi li.room a:hover {
	background: URL(../images/navi/bt.gif) -262px 0 no-repeat;
}
div#globalnavi li.restaurant a:hover {
	background: URL(../images/navi/bt.gif) -387px 0 no-repeat;
}
div#globalnavi li.sports a:hover {
	background: URL(../images/navi/bt.gif) -512px 0 no-repeat;
}
div#globalnavi li.facilities a:hover {
	background: URL(../images/navi/bt.gif) -637px 0 no-repeat;
}
div#globalnavi li.info a:hover {
	background: URL(../images/navi/bt.gif) -762px 0 no-repeat;
}



/*
div#globalnavi li.reservation_active {
	background: URL(../images/navi/bt.gif) 0 -110px no-repeat;
}
div#globalnavi li.forestvillage_active {
	background: URL(../images/navi/bt.gif) -131px -110px no-repeat;
}
div#globalnavi li.room_active {
	background: URL(../images/navi/bt.gif) -262px -110px no-repeat;
}
div#globalnavi li.restaurant_active {
	background: URL(../images/navi/bt.gif) -387px -110px no-repeat;
}
div#globalnavi li.sports_active {
	background: URL(../images/navi/bt.gif) -512px -110px no-repeat;
}
div#globalnavi li.facilities_active {
	background: URL(../images/navi/bt.gif) -637px -110px no-repeat;
}
div#globalnavi li.info_active {
	background: URL(../images/navi/bt.gif) -762px -110px no-repeat;
}


/*
div#globalnavi li.reservation_active a:hover {
	background: URL(../images/navi/bt.gif) 0 0 no-repeat;
}
div#globalnavi li.room_active a:hover {
	background: URL(../images/navi/bt.gif) -150px 0 no-repeat;
}
div#globalnavi li.restaurant_active a:hover {
	background: URL(../images/navi/bt.gif) -300px 0 no-repeat;
}
div#globalnavi li.sports_active a:hover {
	background: URL(../images/navi/bt.gif) -450px 0 no-repeat;
}
div#globalnavi li.facilities_active a:hover {
	background: URL(../images/navi/bt.gif) -600px 0 no-repeat;
}
div#globalnavi li.info_active a:hover {
	background: URL(../images/navi/bt.gif) -750px 0 no-repeat;
}*/




/* ====================================
			contents
==================================== */
div#contents {
	width: auto;
	height: auto;
	background: URL(../images/index/contents/bg_contents.gif) center -5px repeat-x #ECE9D6;
	clear: both;
}
div#contents div.bg {
	width: 910px;
	height: auto;
	margin: auto;
	padding: 13px 0 0 0;
	background: URL(../images/index/contents/bg_contents_white.gif) center top repeat-y;
	/*behavior: expression(IEPNGFIX.fix(this));*/
}
div#contents div#leftcontents {
	width: 258px;
	height: auto;
	float: left;
}
div#contents div#rightcontents {
	width: 652px;
	height: auto;
	float: right;
}

/* ====================================
	LEFT

	bn
==================================== */
div#leftcontents div#benefits {
	width: 230px;
	margin: 0 0 10px 18px;
	padding: 10px auto;
}

/* ====================================
	LEFT

	reserve
==================================== */
div#leftcontents div#reserve {
	width: 230px;
	height: 250px;
	margin: 0 0 0 18px;
	font-size: 12px;
	background: URL(../images/left/reserve/bg_reserve.gif) center top repeat-y;
}
div#leftcontents div#reserve h5 {
	width: 230px;
	height: 32px;
	margin: 0;
	padding: 0;
	background: URL(../images/left/reserve/tit_reserve.gif) center top no-repeat;
}
div#leftcontents div#reserve h5 a {
	display: block;
	width: 230px;
	height: 32px;
	text-indent: -9999px;
	overflow: hidden;
}
div#leftcontents div#reserve h6 {
	margin: 12px 0 8px 0;
	padding: 0;
}
div#leftcontents div#reserve div.select {
	margin: 0 0 0 15px;
}
div#leftcontents div#reserve select {
	border: 1px solid #C4B692;
	padding: 1px;
	height: 1.5em;
	margin: 2px 0;
	font-family: Verdana;
}
div#leftcontents div#reserve input.bt {
	display: block;
	width: 206px;
	height: 25px;
	margin: 10px auto 0 auto;
	border: none;
	background: URL(../images/left/reserve/btn_search.gif) center top no-repeat;
	text-indent: -9999px;
	cursor: pointer;
}

div#leftcontents div#reserve2 {
	width: 230px;
	height: auto;
	margin: 0 0 0 18px;
	padding: 0 0 0 0;
	background: URL(../images/left/reserve/bg_reserve2.gif) center top repeat-y;
}

div#leftcontents div#reserve2 .reservation{
	width: 206px;
	height: 29px;
	margin: 0 0 0 12px;
	padding: 15px 0 0 0;
}


/*新しくした*/
div#leftcontents div#con_search {
	width: 230px;
	/*height: 290px;*/
	margin: 0 0 0 18px;
	font-size: 12px;
	background: URL(../images/left/reserve/bg_reserve.gif) center top repeat-y;
	padding-bottom: 1em;
}

/* ↓ 検索窓用css ↓ */
div#leftcontents div#con_search div#box_search h5 {
	width: 230px;
	/*height: 32px;*/
	margin: 0;
	padding: 1.5em 0;
	background: linear-gradient(to top, #193059, #335575);
	color: #fff;
	text-align: center;
	font-weight: normal;
	font-size: 100%;
}

#leftcontents #con_search #box_search form .inner {
	padding: 0 1em;
	box-sizing: border-box;
}

#leftcontents #con_search #box_search form .inner div span
#leftcontents #con_search #box_search form .inner div em, {
	font-style: normal;
}

/*日付*/
#leftcontents #con_search #box_search form .inner .js-yprox-searchForm__wrpCheckInn {
	margin-top: 2em;
}
#leftcontents #con_search #box_search form .inner .js-yprox-searchForm__wrpCheckInn em {
	font-style: normal;
}

/*人数 泊数 部屋数*/
#leftcontents #con_search #box_search form .inner .js-yprox-searchForm__wrpAdults,
#leftcontents #con_search #box_search form .inner .js-yprox-searchForm__wrpNights,
#leftcontents #con_search #box_search form .inner .js-yprox-searchForm__wrpRooms {
	display: inline-block;
	vertical-align: middle;
	margin-top: 1em;
}

#leftcontents #con_search #box_search form .inner .js-yprox-searchForm__wrpAdults label,
#leftcontents #con_search #box_search form .inner .js-yprox-searchForm__wrpNights label,
#leftcontents #con_search #box_search form .inner .js-yprox-searchForm__wrpRooms label {
	width: 100%;
	display: block;
	margin-bottom: .5em;
}

#leftcontents #con_search #box_search form .inner input[type="submit"] {
	border: none;
	background-color: none;
	width: 100%;
	padding: 1em;
	color: #fff;
	cursor: pointer;
	background: url(../images/left/reserve/btn_search.gif) no-repeat center center;
}

#leftcontents .box_lnk {
	padding: 0 1em;
	box-sizing: border-box;
}

#leftcontents .box_lnk p a {
	display: block;
	text-decoration: none;
	color: #000;
	font-size: 80%;
}
#leftcontents .box_lnk p a:hover {
	text-decoration: underline;
}

/* ↑ 検索窓用css ↑ */





/* ====================================
	LEFT

	banner
==================================== */
div#leftcontents div#banner {
	width: 250px;
	margin: 10px 0 0 0;
}
div#leftcontents div#banner ul {
	width: 250px;
	margin: 0 0 0 7px;
	padding: 0;
	list-style-type: none;
}
div#leftcontents div#banner li {
	margin: 0;
	padding: 0;
}
div#leftcontents div#banner li a {
	display: block;
	width: 250px;
	height: 81px;
	text-indent: -9999px;
	overflow: hidden;
}
div#leftcontents div#banner li.stay {
	background: URL(../images/left/submenu/btn_stay.jpg) left top no-repeat;
}
div#leftcontents div#banner li.ticket {
	background: URL(../images/left/submenu/btn_ticket.jpg) left top no-repeat;
}
div#leftcontents div#banner li.anniversary {
	background: URL(../images/left/submenu/btn_anniversary.gif) left top no-repeat;
}

div#leftcontents div#banner li.earthdance {
	background: URL(../images/left/submenu/btn_enkai.jpg) left top no-repeat;
}
div#leftcontents div#banner li.earthdance a {
	height: 198px;
}



/* ====================================
	LEFT

	submenu
==================================== */
div#leftcontents div#submenu {
	width: 250px;
	height: auto;
	margin: 10px 0 0 6px;
	font-size: 12px;
}
div#leftcontents div#submenu ul {
	width: 250px;
	/*height: 352px;*/
	height: 302px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	background: URL(../images/left/submenu/bt.gif) left top no-repeat;
}
div#leftcontents div#submenu li {
	margin: 0;
	padding: 0;
}
div#leftcontents div#submenu li a {
	display: block;
	width: 250px;
	height: 50px;
	text-indent: -9999px;
	overflow: hidden;
}

div#leftcontents div#submenu li img{
	float: right;
	margin: 6px 6px 6px 0;
}

div#leftcontents div#submenu li.map a:hover {
	background: URL(../images/left/submenu/bt.gif) -250px 0 no-repeat;
}
div#leftcontents div#submenu li.convention a:hover {
	background: URL(../images/left/submenu/bt.gif) -250px -50px no-repeat;
}
/*div#leftcontents div#submenu li.sightseeing a:hover {
	background: URL(../images/left/submenu/bt.gif) -250px -50px no-repeat;
}*/
div#leftcontents div#submenu li.access a:hover {
	background: URL(../images/left/submenu/bt.gif) -250px -100px no-repeat;
}
div#leftcontents div#submenu li.timeline a:hover {
	background: URL(../images/left/submenu/bt.gif) -250px -150px no-repeat;
}
div#leftcontents div#submenu li.timeline_en a:hover {
	background: URL(../images/left/submenu/bt.gif) -250px -200px no-repeat;
}
div#leftcontents div#submenu li.q_a a:hover {
	background: URL(../images/left/submenu/bt.gif) -250px -250px no-repeat;
}
div#leftcontents div#submenu li.inquiry a:hover {
	background: URL(../images/left/submenu/bt.gif) -250px -300px no-repeat;
}

div#leftcontents div#submenu p.owner {
	width: 250px;
	height: 76px;
	margin: 10px 0 15px 0;
	padding: 0;
	background: URL(../images/left/submenu/btn_owner.jpg) center top no-repeat;
	text-indent: -9999px;
}
div#leftcontents div#submenu p.owner a {
	display: block;
	width: 250px;
	height: 98px;
	text-indent: -9999px;
	overflow: hidden;
}


div#leftcontents div#submenu h5 {
	width: 250px;
	height: 35px;
	margin: 0 0 10px 0;
	padding: 0;
	background: URL(../images/left/submenu/tit_movie.gif) center top no-repeat;
	text-indent: -9999px;
}

div#leftcontents div#submenu iframe {
	width: 230px;
	height: 180px;
	margin: 0 0 20px 10px;
	overflow: hidden;
}


/* ====================================
			footlink
==================================== */
div#footlink {
	width: 648px;
	height: auto;
	margin: 0 0 0 256px;
	clear: both;
}
div#footlink p {
	margin: 0;
	padding: 30px 20px;
	font-size: 12px;
	text-align: center;
	color: #999;
	line-height: 1.7;
}
div#footlink p a {
	color: #2165A1;
	text-decoration: underline;
}
div#footlink p a:hover {
	color: #2165A1;
	text-decoration: none;
}

/* ====================================
			footer
==================================== */
div#footer {
	height: 150px;
	background: URL(../images/footer/bg_footer.jpg) center top repeat-x;
}
div#footer div.bg {
	width: 900px;
	height: 150px;
	margin: auto;
	background: URL(../images/footer/bg_footer2.jpg) center top no-repeat;
}
div#footer p {
	margin: 0;
	padding: 15px 20px 0 0;
	font-size: 12px;
	color: #D0CFFA;
	text-align: right;
}
div#footer p a {
	color: #FFF;
	text-decoration: none;
	margin: 0 5px;
}
div#footer a:hover {
	color: #FFF;
	text-decoration: underline;
}

div#footer address {
	display: block;
	width: 398px;
	font-size: 12px;
	color: #FFF;
	font-style: normal;
	padding: 0 0 0 20px;
	float: left;
}
div#footer address a {
	color: #FFF;
	line-height: 2;
	text-decoration: underline;
}
div#footer address a:hover {
	color: #FFF;
	text-decoration: none;
}

div#footer h4 {
	width: 64px;
	margin: 0;
	padding: 0;
	font-size: 12px;
	float: left;
}



div#footer p.copyright {
	width: 398px;
	margin: 0;
	padding: 20px 20px 0 0;
	font-size: 10px;
	color: #B4D3F2;
	float: right;
}
div#footer p.copyright a {
	color: #B4D3F2;
	text-decoration: underline;
}
div#footer p.copyright a:hover {
	color: #B4D3F2;
	text-decoration: none;
}



/* ====================================
			anchor
==================================== */
#anchor {
	position: fixed;
	bottom: 60px;
	right: 0px;
	z-index: 500;
}

/*#contents .bg #rightcontents  .b_title {
	margin-top: 50px;
}*/

#contents .bg #rightcontents  .b_title {
	margin-top: 0;


/* ====================================
			アコーディオン
==================================== */
.accordion_head {cursor:pointer;}
#contents .bg #rightcontents .menu div #old_menu {
	float: left;
	width: 620px;
	text-align: right;
	padding: 0;
	font-size: 13px;
	line-height: 1.2ex;
	color: #5B584D;
	font-weight: bold;
	margin: 0px;
}
#contents .bg #rightcontents .menu div #old_menu p {
	line-height: 130%;
}