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

/* ====================================
			flash
==================================== */
#index div#flash {
	width: 100%;
	height: 395px;
	margin: 0 auto;
	background: #283C5E;
	clear: both;
}

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


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


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


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


/* ====================================
			contents
==================================== */
#index div#contents {
	width: auto;
	height: auto;
	background: URL(../images/index/contents/bg_contents.gif) center -5px repeat-x #ECE9D6;
	clear: both;
	position: relative;
	top: -18px;
	/*margin: -18px 0 0 0;*/
}
div#contents div#rightcontents {
	width: 652px;
	height: auto;
	background: URL(../images/index/contents/bg_rightcontents.gif) left 15px repeat-y;
	float: right;
}

/* ====================================
			center
==================================== */
div#rightcontents div#center {
	width: 398px;
	height: auto;
	float: left;
}

/* ====================================
			hoteltype
==================================== */
div#center div#hoteltype {
}
div#center div#hoteltype h2 {
	margin: 0;
	padding: 0;
	width: 398px;
	height: 52px;
	background: URL(../images/index/center/tit_hotel.gif) left top no-repeat;
	font-size: 12px;
	text-indent: -9999px;
}

div#hoteltype div.hotel01 {
	width: 367px;
	height: 160px;
	margin: 10px 0 0 21px;
}
div#hoteltype div.hotel02 {
	width: 367px;
	height: 160px;
	margin: 10px 0 0 21px;
}
div#hoteltype div.hotel03 {
	width: 367px;
	height: 101px;
	margin: 10px 0 0 21px;
}
div#hoteltype div.hotel04 {
	width: 367px;
	height: 78px;
	margin: 10px 0 0 21px;
}

/* ====================================
			restaurant
==================================== */
div#center div#restaurant {
}
div#center div#restaurant h2 {
	margin: 25px 0 0 0;
	padding: 0;
	width: 398px;
	height: 52px;
	background: URL(../images/index/center/tit_restaurant.gif) left top no-repeat;
	font-size: 12px;
	text-indent: -9999px;
}
div#restaurant div.restaurant {
	width: 367px;
	height: 140px;
	margin: 10px 0 0 21px;
}

/* ====================================
			sports
==================================== */
div#center div#sports {
}
div#center div#sports h2 {
	margin: 25px 0 0 0;
	padding: 0;
	width: 398px;
	height: 52px;
	background: URL(../images/index/center/tit_sports.gif) left top no-repeat;
	font-size: 12px;
	text-indent: -9999px;
}
div#sports div.sports {
	width: 367px;
	height: 285px;
	margin: 10px 0 0 21px;
}

/* ====================================
			right
==================================== */
div#rightcontents div#right {
	width: 254px;
	height: auto;
	float: right;
}


/* ====================================
			newplan
==================================== */
div#right div#newplan {
	padding: 0 0 10px 0;
}
div#right div#newplan h2 {
	margin: 0 0 3px 0;
	padding: 0;
	width: 240px;
	height: 52px;
	background: URL(../images/index/right/tit_newplan.gif) left top no-repeat;
	font-size: 12px;
	text-indent: -9999px;
}

div#right div#newplan a.planblock {
	display: block;
	width: 240px;
	color: #476686;
	margin: 0 0 0 1px;
	padding: 8px 0;
	text-decoration: none;
	cursor: pointer;
}
div#right div#newplan a:hover.planblock {
	background: #F2F1E0;
}

div#right div#newplan div.photo {
	width: 60px;
	height: auto;
	float: left;
}
div#right div#newplan div.photo img {
	margin-left: 8px;
	border: 3px double #BEAB9D;
}

div#right div#newplan h3 {
	width: 160px;
	height: auto;
	margin: 0;
	padding: 5px 0 0 6px;
	font-size: 10px;
	line-height: 1.3;
	text-decoration: underline;
	float: right;
}

div#right div#newplan p {
	width: 230px;
	margin: 0;
	padding: 5px 0 0 10px;
	font-size: 10px;
	line-height: 1.4;
	color: #666;
	clear: both;
}




/* ====================================
			plan
==================================== */
div#right div#plan {
}
div#right div#plan h2 {
	margin: 0 0 3px 0;
	padding: 0;
	width: 240px;
	height: 52px;
	background: URL(../images/index/right/tit_plan.gif) left top no-repeat;
	font-size: 12px;
	text-indent: -9999px;
}

div#right div#plan a.planblock {
	display: block;
	width: 240px;
	color: #476686;
	margin: 0 0 0 1px;
	padding: 8px 0;
	text-decoration: none;
	cursor: pointer;
}
div#right div#plan a:hover.planblock {
	background: #F2F1E0;
}

div#right div#plan div.photo {
	width: 60px;
	height: auto;
	float: left;
}
div#right div#plan div.photo img {
	margin-left: 8px;
	border: 3px double #BEAB9D;
}

div#right div#plan h3 {
	width: 160px;
	height: auto;
	margin: 0;
	padding: 23px 0 0 6px;
	font-size: 10px;
	line-height: 1.3;
	text-decoration: underline;
	float: right;
}
div#right div#plan h3.number1 {
	background: URL(../images/index/right/ico_number1.gif) 4px top no-repeat;
}
div#right div#plan h3.number2 {
	background: URL(../images/index/right/ico_number2.gif) 4px top no-repeat;
}
div#right div#plan h3.number3 {
	background: URL(../images/index/right/ico_number3.gif) 4px top no-repeat;
}
div#right div#plan h3.number4 {
	background: URL(../images/index/right/ico_number4.gif) 4px top no-repeat;
}
div#right div#plan h3.number5 {
	background: URL(../images/index/right/ico_number5.gif) 4px top no-repeat;
}

div#right div#plan p {
	width: 230px;
	margin: 0;
	padding: 5px 0 0 10px;
	font-size: 10px;
	line-height: 1.4;
	color: #666;
	clear: both;
}


div#right div#plan div.border {
	width: 220px;
	height: 1px;
	margin: 4px 0 4px 12px;
}
div#right div#plan div.border img {
	display: block;
	width: 220px;
	height: 1px;
	vertical-align: bottom;
}
div#right div#plan div.bt {
	width: 220px;
	height: auto;
	margin: 0 0 15px 15px;
}
div#right div#plan div.keisen img{
	width: 220px;
	height: 1px;
	margin: 4px 0 4px 12px;
	vertical-align:bottom;
	display:block;
}

div#right div#tabiiro {
	width: 230px;
	margin: 10px 0 0 10px;
}
div#right div#tabiiro p{
	width: 230px;
	margin: 0;
	padding: 5px 0 0 0;
	font-size: 10px;
	line-height: 1.4;
	color: #666;
}


/* ====================================
			newsfield
==================================== */
#index div#newsfield {
	width: 609px;
	height: auto;
	margin: 0 0 0 279px;
	padding: 30px 0 20px 0;
	position: relative;
	/*top: -80px;*/
	clear: both;
}
#index div#newsfield div.top_bottom {
	width: 609px;
	height: 9px;
	margin: 5px 0;
	background: url(../images/index/contents/img_newstop.gif) center top no-repeat;
}
#index div#newsfield div.bg {
	width: 609px;
	height: auto;
	margin: 0;
	padding: 0;
	background: url(../images/index/contents/bg_news.gif) center top repeat-y;
}
#index div#newsfield h5 {
	margin: 15px 0 5px 0;
	padding: 0;
	width: 505px;
	height: 27px;
	text-indent: -9999px;
	float: left;
	background: url(../images/index/contents/tit_news.gif) left top no-repeat;
}
#index div#newsfield p.newslist {
	margin: 15px 0 5px 0;
	padding: 0;
	width: 104px;
	height: 27px;
	text-indent: -9999px;
	float: right;
	background: url(../images/index/contents/btn_news.gif) center top no-repeat;
}
#index div#newsfield p.newslist a {
	display: block;
	width: 104px;
	height: 20px;
	overflow: hidden;
}
#index div#newsfield div#feeds {
	clear: both;
}

#index div#newsfield div#feeds p {
	margin: 0;
	padding: 5px 0 5px 24px;
	font-size: 12px;
	background: url(../images/index/contents/ico_arrow.gif) 20px 9px no-repeat;
}
#index div#newsfield div#feeds span {
	margin: 0 10px;
}

/* ====================================
			footlink
==================================== */
#index div#footlink {
	width: 648px;
	height: auto;
	margin: -18px 0 0 256px;
	position: relative;
	clear: both;
}


/* ====================================
			footer
==================================== */
#index div#footer {
	clear: both;
	height: auto;
	background: URL(../images/footer/bg_footer.jpg) center top repeat-x;
	margin: -18px 0 0 0;
}