@charset "UTF-8";

/* 基本CSS */

/* 全てのmarginとpaddingを削除・フォントを設定 */
* {
	margin: 0;
	padding: 0;
	font-family: "ＭＳ Ｐゴシック", Osaka, Arial;
}

/* 背景の設定 */
body {
	background-color: #EAECD8;
	padding: 0 5px;
}

/* 基本設定 */
h1 { font-size: 160%; font-weight: bold; }
h2 { font-size: 140%; font-weight: bold; }
h3 { font-size: 120%; }
h4 { font-size: 110%; }
h5 { font-size: 100%; }
h6 { font-size: 90%; border: 0; }
img { border-width: 0; }
a:link { color: #0000ff; }
a:visited { color: #6600ff; }
a:hover { color: #ff0000; text-decoration: underline; }
a:active { color: #ff0000; text-decoration: underline; }
em { font-size: 120%; font-weight: bold; font-style: normal; }

@media print {
	.noprint {
		display: none;
	}
}

.caution { color: #333399; font-weight: bold;}
.clear { clear:both; }

/* フォーム入力時のIME制御 */
.imeOn {
	ime-mode: active;
}
.imeOff {
	ime-mode: inactive;
}
.imeNone {
	ime-mode: disabled;
}

/* メイン格納 */
#container {
	width: 750px;
	max-width: 750px;
	text-align: left;
	margin: 0 auto;
}

	/* ヘッダ領域 */
	#header {
		height: 60px;
	}
		/* ヘッダのH1表示 */
		#header h1 { float: left; }
			/* ヘッダのロゴとリンク */
			#header h1 a {
				display: block;
				width: 270px;
				height: 60px;
				background: transparent url("../topimg/logo.png") no-repeat;
				text-indent: -700em;
				text-decoration: none;
				overflow: hidden;
			}
		/* ヘッダの住所等 */
		#header address {
			float: right;
			display: block;
			width: 270px;
			height: 60px;
			background: transparent url("../topimg/address.png") no-repeat;
			text-indent: -700em;
			overflow: hidden;
		}

		/* おしながき */
		#menu {
			margin-top: 10px;
			margin-left: 555px;
			width: 190px;
			background: transparent url("../topimg/menuback_top.png") no-repeat top left;
		}
			/* おしながきボトム */
			#menu div#menuBottom {
				padding-bottom: 80px;
				width: 190px;
				background: transparent url("../topimg/menuback_bottom.png") no-repeat bottom left;
			}
				/* おしながきのメニューリスト */
				#menuitem {
					text-align: center; /* IE用 */
					padding-top: 55px;
				}
					/* リストアイテムの設定 */
					#menuitem li {
						list-style-type: none;
						margin-bottom: 4px;
					}
						/* リスト内のリンク設定 */
						#menuitem li a {
							display: block;
							width: 110px;
							height: 26px;
							text-indent: -700em;
							text-decoration: none;
							overflow: hidden;
							margin-left: auto;		/* Gecko用 */
							margin-right: auto;		/* Gecko用 */
						}
						#menuitem li p {
							width: 110px;
							height: 26px;
							text-indent: -700em;
							overflow: hidden;
							text-decoration: none;
							margin-left: auto;		/* Gecko用 */
							margin-right: auto;		/* Gecko用 */
						}
						
						/* おしながきのリンク画像（マウスオーバー処理） */

						/* 「お部屋」通常 */
						#menuitem li a#room {
							background: transparent url("../topimg/mn_room.png") no-repeat 0px 0px;
						}
						/* 「お部屋」ホバー */
						#menuitem li a#room:hover {
							background-position: 0px -26px;
						}
						/* 「お部屋」アクティブ */
						#menuitem li p#room {
							background: transparent url("../topimg/mn_room.png") no-repeat 0px -26px;
						}

						/* 「お風呂」通常 */
						#menuitem li a#bath {
							background: transparent url("../topimg/mn_bath.png") no-repeat 0px 0px;
						}
						/* 「お風呂」ホバー */
						#menuitem li a#bath:hover {
							background-position: 0px -26px;
						}
						/* 「お風呂」アクティブ */
						#menuitem li p#bath {
							background: transparent url("../topimg/mn_bath.png") no-repeat 0px -26px;
						}

						/* 「お料理」通常 */
						#menuitem li a#dish {
							background: transparent url("../topimg/mn_dish.png") no-repeat 0px 0px;
						}
						/* 「お料理」ホバー */
						#menuitem li a#dish:hover {
							background-position: 0px -26px;
						}
						/* 「お料理」アクティブ */
						#menuitem li p#dish {
							background: transparent url("../topimg/mn_dish.png") no-repeat 0px -26px;
						}

						/* 「道しるべ」通常 */
						#menuitem li a#access {
							background: transparent url("../topimg/mn_access.png") no-repeat 0px 0px;
						}
						/* 「道しるべ」ホバー */
						#menuitem li a#access:hover {
							background-position: 0px -26px;
						}
						/* 「道しるべ」アクティブ */
						#menuitem li p#access {
							background: transparent url("../topimg/mn_access.png") no-repeat 0px -26px;
						}

						/* 「周辺情報」通常 */
						#menuitem li a#tour {
							background: transparent url("../topimg/mn_tour.png") no-repeat 0px 0px;
						}
						/* 「周辺情報」ホバー */
						#menuitem li a#tour:hover {
							background-position: 0px -26px;
						}
						/* 「周辺情報」アクティブ */
						#menuitem li p#tour {
							background: transparent url("../topimg/mn_tour.png") no-repeat 0px -26px;
						}

						/* 「プラン/ご予約」通常 */
						#menuitem li a#plan {
							background: transparent url("../topimg/mn_plan.png") no-repeat 0px 0px;
						}
						/* 「ご予約」ホバー */
						#menuitem li a#plan:hover {
							background-position: 0px -26px;
						}
						/* 「ご予約」アクティブ */
						#menuitem li p#plan {
							background: transparent url("../topimg/mn_plan.png") no-repeat 0px -26px;
						}

						/* 「宿泊料金」通常 */
						#menuitem li a#rate {
							background: transparent url("../topimg/mn_rate.png") no-repeat 0px 0px;
						}
						/* 「宿泊料金」ホバー */
						#menuitem li a#rate:hover {
							background-position: 0px -26px;
						}
						/* 「宿泊料金」アクティブ */
						#menuitem li p#rate {
							background: transparent url("../topimg/mn_rate.png") no-repeat 0px -26px;
						}

						/* 「ご予約」通常 */
						#menuitem li a#reserve {
							background: transparent url("../topimg/mn_reserve.png") no-repeat 0px 0px;
						}
						/* 「ご予約」ホバー */
						#menuitem li a#reserve:hover {
							background-position: 0px -26px;
						}
						/* 「ご予約」アクティブ */
						#menuitem li p#reserve {
							background: transparent url("../topimg/mn_reserve.png") no-repeat 0px -26px;
						}

						/* 「ブログ」通常 */
						#menuitem li a#blog {
							background: transparent url("../topimg/mn_blog.png") no-repeat 0px 0px;
						}
						/* 「ブログ」ホバー */
						#menuitem li a#blog:hover {
							background-position: 0px -26px;
						}
						/* 「ブログ」アクティブ */
						#menuitem li p#blog {
							background: transparent url("../topimg/mn_blog.png") no-repeat 0px -26px;
						}

						/* 「トップページ」通常 */
						#menuitem li a#top {
							background: transparent url("../topimg/mn_top.png") no-repeat 0px 0px;
						}
						/* 「トップページ」ホバー */
						#menuitem li a#top:hover {
							background-position: 0px -26px;
						}
						/* 「トップページ」アクティブ */
						#menuitem li p#top {
							background: transparent url("../topimg/mn_top.png") no-repeat 0px -26px;
						}

	/* フッタ領域 */
	#footer {
		clear: both;
	}
		/* フッタの著作権文字列 */
		p.copy {
			margin-top: 10px;
			line-height: 1.2;
			text-align: center;
			font-size: 80%;
		}
		/* フッタのtwitter文字列 */
		p.twitter {
			margin-top: 10px;
			padding: 0.5em 0;
			text-align: center;
			font-size: 80%;
			border-width: 1px 0;
			border-style: solid;
			border-color: #33CCFF;
		}
		p.twitter img {
			padding: 1px 10px;
			vertical-align: middle;
		}
		/* フッタのフラッシュプレイヤーダウンロード */
		p#FlashPlayer {
			float: right;
			margin: 5px 5px 5px 5px;
		}
		/* トップに戻る */
		p#backtotop {
			margin-top: 5px;
			padding-top: 5px;
			border-top: 1px solid gray;
		}
			/* トップに戻るのリンク画像（マウスオーバー処理） */
			p#backtotop a {
				display: block;
				height: 32px;
				width: 150px;
				text-indent: -700em;
				text-decoration: none;
				overflow: hidden;
				margin-left: auto;		/* Gecko用 */
				margin-right: auto;		/* Gecko用 */
				background-position: 0px 0px;
				background-image: url("../topimg/backtotop.png");
				background-repeat: no-repeat;
			}
			p#backtotop a:hover {
				background-position: 0px -32px;
			}

	/* お知らせ枠 */
	#news {
		clear: both;
		margin: 8px auto 0px auto;
		width: 95%;
	}
	#news h2.title {
		font-size: 90%;
		padding:0;
		margin: 3px 0;
		font-weight:bold;
		color:#bb0000;
		line-height: 1.3;
	}
	#news p {
		font-size: 80%;
		padding:0;
		margin: 0 0 0 1em;
		color:#660000;
		line-height: 1.4;
	}

	/* 上段表示 */
	#upper {
		clear: both;
	}
		/* フラッシュ領域 */
		#flash {
			float: left;
			width: 550px;
			height: 370px;
		}

	/* 下段表示 */
	#lower {
		margin-top: 3px;
		clear: both;
	}
		/* 下段左の画像 */
		#leftImage {
			float: left;
			background: url("../topimg/leftImage.png") no-repeat top left;
			width: 210px;
			height: 160px;
		}
		/* 下段右の画像 */
		#rightImage {
			float: left;
			background: url("../topimg/rightImage.png") no-repeat top left;
			width: 210px;
			height: 160px;
		}
		
		/* 下段リンク */
		#underLink {
			float: left;
			width: 325px;
		}
			/* 下段リンクリスト */
			#underitem {
				text-align: center;		/* IE用 */
				margin-top: 5px;
			}
				/* リストアイテムの設定 */
				#underitem li {
					list-style-type: none;
					margin-bottom: 1px;
				}
					/* リスト内のリンク設定 */
					#underitem li a {
						display: block;
						height: 32px;
						text-indent: -700em;
						overflow: hidden;
						text-decoration: none;
						margin-left: auto;		/* Gecko用 */
						margin-right: auto;		/* Gecko用 */
					}

					/* 下段のリンク画像（マウスオーバー処理） */
					#underitem li a#pricelist {
						width: 150px;
						background-position: 0px 0px;
						background-image: url("../topimg/ul_pricelist.png");
						background-repeat: no-repeat;
					}
					#underitem li a#pricelist:hover {
						background-position: 0px -32px;
					}

					#underitem li a#shinnenkai {
						width: 190px;
						background-position: 0px 0px;
						background-image: url("../topimg/ul_shinnenkai.png");
						background-repeat: no-repeat;
					}
					#underitem li a#shinnenkai:hover {
						background-position: 0px -32px;
					}

					#underitem li a#bonenkai {
						width: 190px;
						background-position: 0px 0px;
						background-image: url("../topimg/ul_bonenkai.png");
						background-repeat: no-repeat;
					}
					#underitem li a#bonenkai:hover {
						background-position: 0px -32px;
					}

					#underitem li a#again {
						width: 320px;
						background-position: 0px 0px;
						background-image: url("../topimg/ul_again.png");
						background-repeat: no-repeat;
					}
					#underitem li a#again:hover {
						background-position: 0px -32px;
					}

					#underitem li a#cacheback {
						width: 320px;
						background-position: 0px 0px;
						background-image: url("../topimg/ul_cacheback.png");
						background-repeat: no-repeat;
					}
					#underitem li a#cacheback:hover {
						background-position: 0px -32px;
					}

					#underitem li a#asaichi {
						width: 260px;
						background-position: 0px 0px;
						background-image: url("../topimg/ul_asaichi.png");
						background-repeat: no-repeat;
					}
					#underitem li a#asaichi:hover {
						background-position: 0px -32px;
					}

					#underitem li a#eventlist {
						width: 190px;
						background-position: 0px 0px;
						background-image: url("../topimg/ul_eventlist.png");
						background-repeat: no-repeat;
					}
					#underitem li a#eventlist:hover {
						background-position: 0px -32px;
					}

					#underitem li a#fishing {
						width: 150px;
						background-position: 0px 0px;
						background-image: url("../topimg/ul_fishing.png");
						background-repeat: no-repeat;
					}
					#underitem li a#fishing:hover {
						background-position: 0px -32px;
					}

					#underitem li a#booklet {
						width: 290px;
						background-position: 0px 0px;
						background-image: url("../topimg/ul_booklet.png");
						background-repeat: no-repeat;
					}
					#underitem li a#booklet:hover {
						background-position: 0px -32px;
					}

					#underitem li a#seasonevent {
						width: 190px;
						background-position: 0px 0px;
						background-image: url("../topimg/ul_seasonevent.png");
						background-repeat: no-repeat;
					}
					#underitem li a#seasonevent:hover {
						background-position: 0px -32px;
					}

					#underitem li a#takaashimatsuti {
						width: 190px;
						background-position: 0px 0px;
						background-image: url("../topimg/ul_takaashi.png");
						background-repeat: no-repeat;
					}
					#underitem li a#takaashimatsuti:hover {
						background-position: 0px -32px;
					}