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

body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
	background: URL(../images/header/bg_header.gif) center top repeat-x;
	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: 58px;
	margin: 0px auto 0px auto;
	font-size: 12px;
	position: relative;
}
div#header h1 {
	font-size:12px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position: absolute;
	left: 1px;
	top: 1px;
	font-weight: normal;
	color: #040039;
}
div#header p.shoulder {
	font-size:12px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position: absolute;
	left: 1px;
	top: 1px;
	font-weight: normal;
	color: #040039;
	width: 237px;
}

div#header p.logo {
	width: 262px;
	height: 28px;
	margin: 14px 0 0 0;
	padding: 0;
	background: URL(../images/header/logo.gif) left top no-repeat;
	float: left;
}

div#header p a {
	display: block;
	width: 262px;
	height: 28px;
	overflow: hidden;
}
div#header p.tel {
	width: 251px;
	height: 52px;
	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.png) 0 -55px no-repeat;
}
div#globalnavi li {
	margin: 0;
	padding: 0;
	float: left;
}
div#globalnavi li a {
	display: block;
	width: 150px;
	height: 50px;
	text-indent: -9999px;
	overflow: hidden;
}


div#globalnavi li.hotel a:hover {
	background: URL(../images/navi/bt.png) 0 0 no-repeat;
}
div#globalnavi li.restaurant a:hover {
	background: URL(../images/navi/bt.png) -150px 0 no-repeat;
}
div#globalnavi li.sports a:hover {
	background: URL(../images/navi/bt.png) -300px 0 no-repeat;
}
div#globalnavi li.facilities a:hover {
	background: URL(../images/navi/bt.png) -450px 0 no-repeat;
}
div#globalnavi li.info a:hover {
	background: URL(../images/navi/bt.png) -600px 0 no-repeat;
}
div#globalnavi li.stay a:hover {
	background: URL(../images/navi/bt.png) -750px 0 no-repeat;
}


div#globalnavi li.hotel_active {
	background: URL(../images/navi/bt.png) 0 -110px no-repeat;
}
div#globalnavi li.restaurant_active {
	background: URL(../images/navi/bt.png) -150px -110px no-repeat;
}
div#globalnavi li.sports_active {
	background: URL(../images/navi/bt.png) -300px -110px no-repeat;
}
div#globalnavi li.facilities_active {
	background: URL(../images/navi/bt.png) -450px -110px no-repeat;
}
div#globalnavi li.info_active {
	background: URL(../images/navi/bt.png) -600px -110px no-repeat;
}
div#globalnavi li.stay_active {
	background: URL(../images/navi/bt.png) -750px -110px no-repeat;
}


div#globalnavi li.hotel_active a:hover {
	background: URL(../images/navi/bt.png) 0 0 no-repeat;
}
div#globalnavi li.restaurant_active a:hover {
	background: URL(../images/navi/bt.png) -150px 0 no-repeat;
}
div#globalnavi li.sports_active a:hover {
	background: URL(../images/navi/bt.png) -300px 0 no-repeat;
}
div#globalnavi li.facilities_active a:hover {
	background: URL(../images/navi/bt.png) -450px 0 no-repeat;
}
div#globalnavi li.info_active a:hover {
	background: URL(../images/navi/bt.png) -600px 0 no-repeat;
}
div#globalnavi li.stay_active a:hover {
	background: URL(../images/navi/bt.png) -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
	
	reserve
==================================== */
div#leftcontents div#reserve {
	width: 230px;
	height: auto;
	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;
}



/* ====================================
	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: 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.sightseeing a:hover {
	background: URL(../images/left/submenu/bt.gif) -250px 0 no-repeat;
}
div#leftcontents div#submenu li.access a:hover {
	background: URL(../images/left/submenu/bt.gif) -250px -50px no-repeat;
}
div#leftcontents div#submenu li.mailmagazine a:hover {
	background: URL(../images/left/submenu/bt.gif) -250px -100px no-repeat;
}
div#leftcontents div#submenu li.blog a:hover {
	background: URL(../images/left/submenu/bt.gif) -250px -150px no-repeat;
}
div#leftcontents div#submenu li.q_a a:hover {
	background: URL(../images/left/submenu/bt.gif) -250px -200px no-repeat;
}
div#leftcontents div#submenu li.inquiry a:hover {
	background: URL(../images/left/submenu/bt.gif) -250px -250px no-repeat;
}

div#leftcontents div#submenu p.owner {
	width: 250px;
	height: 76px;
	margin: 10px 0 0 0;
	padding: 0;
	background: URL(../images/left/submenu/btn_owner.jpg) center top no-repeat;
}
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: 20px 0 0 0;
	padding: 0;
	background: URL(../images/left/submenu/tit_weather.gif) center top no-repeat;
	text-indent: -9999px;
}
div#leftcontents div#submenu p.weather {
	margin: 0;
	padding: 7px 0 5px 20px;
	color: #574933;
	font-weight: bold;
}
div#leftcontents div#submenu iframe {
	width: 230px;
	height: 224px;
	margin: 0 0 20px 10px;
	overflow: hidden;
	border: 1px solid #CCC;
}

/* ====================================
			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;
}