/* 宿泊プラン、Cottonweed・Drink・Sweet・Lunch、ポリアンナ周辺案内図 用CSS */
body {
	margin: 5px 0 20px 0;
	font-family: メイリオ, "MS UI Gothic", sans-serif;
	font-size: 10pt;
	line-height: 1.4em;
	color: #333333;
	background-color: #FFFFFF;
}
body p{
	margin: 0;
	font-family: メイリオ, "MS UI Gothic", sans-serif;
	font-size: 10pt;
	line-height: 1.4em;
	color: #333333;
	background-color: #FFFFFF;
}

.off-left{
	position:absolute;
	left: -999px;	
	width:-990px;
	height:0px;
}

#wrapper {
	padding: 0px;
	margin: 0px auto 0px auto;/*　autoにすることによって全体の表示を中心揃えにする　*/
	width: 750px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;/*　IE6におけるtext-alignプロパティの解釈の不具合を利用します。　*/
}
h1 {
	font-size: 120%;
    font-weight: normal;  
}
h2 {
	font-size: 105%;
}
#masthead {
	position: relative;
	float: left;
	height: 50px;
	color: #5A5A5A;
}
#top_nav {
	width: 800px; /*IE7のバグ対策（無いと以降がｍａｓｔｈｅａｄへ回り込む）とページ縮小表示するとナビバーが折り返してしまうためページ幅より大きい値にしておく*/
	height: 20px;
	clip: rect(auto, auto, auto, auto);
}
#top_nav ul {
    height: 15px;
    float: left;
    margin: 2px 0 0 0;/*ここのmarginとpaddingに値を入れておくことによってIE6、IE8～7互換のバグをおさえる。重要！！*/
    padding: 0;
    list-style: none;
}
#top_nav li {
	float: left; /*IE6,IE8~7互換　バグ用値*/
    height: 20px;
}
#top_nav a {
    margin: 0 2px 0 0;/*各ナビバー間の隙間*/
	border-style: outset;
	border-width: 1px;
	border-color: #E8E8E8 silver silver #E8E8E8 ;/*ナビゲーションバーのボックスのボーダー色*/
    border-radius: 4px;  /* CSS3 角丸仕上げ */
	font-size: 10pt;
	display: block; /*　ブロックレベル要素として表示されるように指定　これでリンク領域がli要素のコンテンツ領域いっぱいまで広がる　*/;
	padding: 2px 0 0 0; /*リンク先のページタイトル文字を上下方向へパディングを指定　*/;
	color: #FFFFFF;
	background-color: #009797; /*#376400;*/
	text-decoration: none;
	text-align: center;
}
#top_nav a:hover {
    margin: 0px;/*ホバー時に右へ膨らまないようライトも０にする*/
    height: 19px;/*top_navulの高さより線幅分（1px）減らしておくとホバー時にボタンが下方へ飛び出さないがIEのバグで減らした分小さくなるので中を取って-1pxとした*/
	color: #FF00FF;  /*　オンマウス時の文字色を指定　*/
	background-color: #99FF66;  /*オンマウス時の背景色を指定　*/  
/*    border-color: #E4E4E4 gray gray #E4E4E4 ;*/
    border-radius: 6px;  /* CSS3 角丸仕上げ */
	border-width: 2px; 
}
a {color: #0066FF;
	text-decoration: none;}
a:visited {color:#9900CC}
a:hover {color:#00FF00}
a:active {color:red}
#container {
	margin: 10px 0 0 0;
	float: left;
	position: relative;
	width: 750px;/*各ページのCSSにて変える*/
	height:100%;
/*	clip: rect(0px, 0px, 100%, 0px);
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	overflow: visible;*/
}

#page_content {
	margin: 10px 0 0px 0;
	width: 750px;
	height:100%;
	padding: 0px;
	float: left;
	clip: rect(0px, 0px, 0px, 0px);
	top: 0px;
}
#main_col99 ,/*ページ最上段の注意書き専用の欄*/
#main_col19 ,
#main_col18 ,
#main_col17 ,
#main_col16 ,
#main_col15 ,
#main_col14 ,
#main_col13 ,
#main_col12 ,
#main_col11 ,
#main_col10 ,
#main_col09 ,
#main_col08 ,
#main_col07 ,
#main_col06 ,
#main_col05 ,
#main_col04 ,
#main_col03 ,
#main_col02 ,
#main_col01 ,
#main_col00 {
	margin: 10px 0 0　0;
	padding: 0;
	width: 750px;    /*各ページにより変える*/
/* 	height: 10em; 高さだけは各ページのcolの欄で直接スタイル設定する*/	
	float: left;
	clear: both;
/*	right: 750px;
	top: 0px;
	bottom: 0px;
	left: 0px;
	clip: rect(10px, 0px, 0px, 0px);
	font-family: "メイリオ","MS UI Gothic", "ＭＳ Ｐゴシック", sans-serif;*/
}

.button {/* マウスが重なったら、その下の画像を切り替えるJavaScriptのﾊｲﾊﾟｰﾘﾝｸの縁取りをなくすためのスタイル*/
	border-width: 0px;
}
#footer {
	background: #333333;
	border: 2px inset #C0C0C0;
	float: left; /*この指定をしないとフッターがcontainerの下へ付かない　*/;
	width: 100%;
	height: 38px;
	text-align: center;
	clear: both; /*上方のdivへの回り込みを抑える*/
	clip: rect(0px, auto, 0px, auto);
	position: relative;
	top: 0px;
	padding-bottom: 2px;
	margin-top: 5px;
}
#footer h2 {
	background: #333333;
	margin: 3px 0 0 0;
	padding: 0 0 0 0;
	font-size: 99%;
	color: #FFFFFF;
	font-family: "Clayton","Times New Roman", "serif", メイリオ, "MS UI Gothic";
	line-height: 1.2em;
}
#footer p {
	background: #333333;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size: 85%;
	color: #FFFFFF;
	font-family: メイリオ, "MS UI Gothic", sans-serif;
	line-height: 1.3em;
}
#footer a:hover {
    color: lime;
}
#footer a {
	color: #FF9999;
	text-decoration: none;
	font-family: "Times New Roman", "serif", "ＭＳ Ｐ明朝";
	font-size: 85%;
	line-height: 1.1em;
}