/* 宿泊プラン、Cottonweed・Drink・Sweet・Lunch、ポリアンナ周辺案内図 用CSS */
body {
	margin: 5px 0 20px 0;
	font-family: "メイリオ","MS UI Gothic", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 11pt;
	line-height: 1.25em;
	color: #333333;
	background-color: #FFFFFF;
} 
h1 {
	font-size: 1.1em;
}
#wrapper {
	padding: 0px;
	margin: 0px auto 0px auto;/*　autoにすることによって全体の表示を中心揃えにする　*/;
	width: 750px;
	bottom: 0px;
	top: 0px;
	clip: rect(0px, auto, 0px, auto);
	right: auto;
	left: auto;
}
#masthead {
	float: left;
	width: 100%;
	color: #5A5A5A;
	height: 50px;
	margin-right: 0px;
	margin-left: 0px;
	padding-right: 0px;
	right: 0px;
}
#top_nav ul {
	width: 800px; /*ナビゲーションバーの幅はページ幅＝wrapper幅=750を超える幅にしておかないとページ縮小時に折り返してしまう*/;
	float: left;
	list-style: none;
	margin: 0;
    padding: 0;
    height: 24px;
    overflow: hidden;  /*　はみ出した内容を隠すように指定　フォントサイズを拡大された場合にレイアウトが著しく崩れなくなる*/	
}
#top_nav li {
	border-style: inset;
	border-width: 1px;
	border-color: #DFDFDF;/*#C0C0C0 #FFFFFF #808080 #FFFFFF;/*ナビゲーションバーのここのボックスのボーダー色*/
	font-size: 10.5pt;
	float: left; /*　ボックスを左寄せに指定　*/;
	width: ; /*　個々のボックスの幅を指定しておかないとMacやIE５ではli要素の横幅が広がり横並びにできなくなる(Htmlnのところで個々に決める)　*/;
	margin: 0;
	padding: 0;
}
#top_nav a {
	display: block; /*　フロックレベル要素として表示されるように指定　これでリンク領域がli要素のコンテンツ領域いっぱいまで広がる　*/;
	width: 100%; /*　Windows IE 対策のためボックス幅を指定　*/;
	padding: 1px 0 0 0; /*リンク先のページタイトル文字を上下方向へパディングを指定　*/;
	color: #FFFFFF;
	background-color: #009797; /*#376400;*/
	text-decoration: none;
	text-align: center;
}
#top_nav a:hover {
	color: #FF00FF;  /*　オンマウス時の文字色を指定　*/
	background-color: #99FF66;  /*オンマウス時の背景色を指定　*/  
}
a {
	color: #0066FF;
	text-decoration: none;
}
a:visited {color:#9900CC}
a:hover {color:#00FF00}
a:active {color:red}

#page_content {
	margin: 0px;
	width: 750px;
	padding: 0px;
	clip: rect(0px, 0px, 0px, 0px);
	float: left;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
}

#footer h2 {
	margin: 3px 0 0 0;
	padding: 0 0 0 0;
	font-size: 100%;
	color: #FFFFFF;
	font-family: Clayton;
	line-height: 1.1em;
}
#footer {
	background: #333333;
	border: 2px inset #C0C0C0;
	float: left; /*この指定をしないとフッターがcontainerの下へ付かない　*/;
	width: 100%;
	height: 38px;
	text-align: center;
	clear: both;
	clip: rect(0px, auto, 0px, auto);
	position: relative;
	top: 0px;
	padding-bottom: 2px;
	margin-top: 5px;
}
#footer h2 {
	margin: 3px 0 0 0;
	padding: 0 0 0 0;
	font-size: 100%;
	color: #FFFFFF;
	font-family: "Clayton","Times New Roman", "serif", "ＭＳ Ｐ明朝";
	line-height: 1.1em;
}
#footer p {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size: 10pt;
	color: #FFFFFF;
	font-family: "メイリオ","ＭＳ Ｐ明朝";
	line-height: 1.1em;
}
#footer a:hover {
    color: lime;
}
#footer a {
	color: #FF9999;
	text-decoration: none;
	font-family: "Times New Roman", "serif", "ＭＳ Ｐ明朝";
	font-size: 10pt;
	line-height: 1.1em;
}