@charset "UTF-8";
/* CSS Document */

body {
	margin: 0px;
	background: url(../img/background_tile.jpg) repeat;
}
#container {
	width: 100%;
	height: auto;
	background: url(../img/bgtop.jpg) repeat-x;
}
#content {
	width: 800px;
	height: auto;
	margin: 0 auto 4px auto;
}
#flasharea {
	width: 800px;
	height: 440px;
}
#main {
	width: 800px;
	height: auto;
}
ul#pages {
	width: 420px;
	height: auto;
	list-style: none;
	margin: 0;
	padding: 6px 0px 0px 0px;
	float: left;
}
ul#pages li{
	width: 200px;
	height: 200px;
	display: block;
	float: left;
	text-indent: -9999px;
}
li#bar {
	background: url(../img/icon_bar.jpg) no-repeat;
	margin: 0px 4px 0px 0px;
}
li#bar a{
	width: 200px;
	height: 200px;
	display: block;
	background: url(../img/icon_bar.jpg) no-repeat;
}
li#bar a:hover{
	background: url(../img/icon_bar_on.jpg) no-repeat;
}
li#hotel {
	background: url(../img/icon_hotel.jpg) no-repeat;
	margin: 0px 4px 0px 0px;
}
li#hotel a{
	width: 200px;
	height: 200px;
	display: block;
	background: url(../img/icon_hotel.jpg) no-repeat;
}
li#hotel a:hover{
	background: url(../img/icon_hotel_on.jpg) no-repeat;
}
li#map {
	background: url(../img/icon_map.jpg) no-repeat;
	margin: 4px 4px 0px 0px;
}
li#map a{
	width: 200px;
	height: 200px;
	display: block;
	background: url(../img/icon_map.jpg) no-repeat;
}
li#map a:hover{
	background: url(../img/icon_map_on.jpg) no-repeat;
}
li#guide {
	background: url(../img/icon_guide.jpg) no-repeat;
	margin: 4px 4px 0px 0px;
}
li#guide a{
	width: 200px;
	height: 200px;
	display: block;
	background: url(../img/icon_guide.jpg) no-repeat;
}
li#guide a:hover{
	background: url(../img/icon_guide_on.jpg) no-repeat;
}
li#links {
	background: url(../img/icon_link.jpg) no-repeat;
	margin: 4px 4px 0px 0px;
}
li#links a{
	width: 200px;
	height: 200px;
	display: block;
	background: url(../img/icon_link.jpg) no-repeat;
}
li#links a:hover{
	background: url(../img/icon_link_on.jpg) no-repeat;
}
li#blank {
	background: url(../img/icon_blank.png) no-repeat;
	margin: 4px 4px 0px 0px;
}
li#blog {
	background: url(../img/icon_blog.jpg) no-repeat;
	margin: 4px 4px 0px 0px;
}
li#blog a{
	width: 200px;
	height: 200px;
	display: block;
	background: url(../img/icon_blog.jpg) no-repeat;
}
li#blog a:hover{
	background: url(../img/icon_blog_on.jpg) no-repeat;
}
li#calender {
	background: url(../img/icon_cal.jpg) no-repeat;
	margin: 4px 4px 0px 0px;
}
li#calender a{
	width: 200px;
	height: 200px;
	display: block;
	background: url(../img/icon_cal.jpg) no-repeat;
}
li#calender a:hover{
	background: url(../img/icon_cal_on.jpg) no-repeat;
}
li#reserve {
	background: url(../img/icon_reserve.jpg) no-repeat;
	margin: 4px 4px 0px 0px;
}
li#reserve a{
	width: 200px;
	height: 200px;
	display: block;
	background: url(../img/icon_reserve.jpg) no-repeat;
}
li#reserve a:hover{
	background: url(../img/icon_reserve_on.jpg) no-repeat;
}

#news {
	width: 370px;
	height: 592px;
	float: right;
	background: url(../img/board.jpg) no-repeat;
	margin: 6px 0px 0px 0px;
	padding: 0;
}
#newsitem {
	width: 360px;
	height: auto;
	margin: 110px 0px 0px 50px;
	padding: 0;
	width: 280px;
}
#newsitem h2{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font: bold 13px Georgia, "Times New Roman", Times, serif;
	color: #990000;
}
#newsitem h3{
	margin: 0px 0px 6px 0px;
	padding: 0px;
	line-height: 1.4em;
	font: bold 13px "ＭＳ Ｐゴシック", Hiragino Kaku Gothic Pro, "ヒラギノ角ゴ Pro W3", Osaka;
	color: #003300;
}
#bottom {
	clear: both;
	width: 100%;
	height: 60px;
	background: url(../img/bottombg.jpg) repeat-x;
}