* {
	margin:0px;
	color:#323b1d;
	font-size: 14px;
	line-height: 140%;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',Arial, sans-serif;
	background-image: none;
}

body{
	background-color:#CCC8B8;
	margin-left:0px;          /* ページ全体のmargin */
	margin-right:0px;          /* ページ全体のmargin */
	padding:0px;         /* ページ全体のpadding */
	text-align:center;   /* 下記のautoに未対応用のセンタリング */
}
#MAIN{
	margin-top:0px;
	margin-left:auto;    /* 左側マージンを自動的に空ける */
	margin-right:auto;   /* 右側マージンを自動的に空ける */
	text-align:left;     /* 中身を左側表示に戻す */
	width:800px;         /* 幅を決定する */
	background-color:#fff;
}

#TITLE{
	font-family : 'Times New Roman';
	font-size : 18pt;
	font-weight : bold;
	letter-spacing: 3pt;  
	margin : 0 ;
	text-align : center;
}

img{
	border-style : none;
	border:0px;
}

h1{
	font-size : 24px;
	color: #323b1d;
	font-family : 'Times New Roman';
	font-weight : bold;
	text-align : center;
}
h2{
	font-size : 18px;
	color : #323b1d;
}
h3{
	font-size : 16px;
	color: #323b1d;
}
strong {
	color: #CC3300;
}
.clearboth{
	clear : both;
}

/*
コンテンツ
-------------------------------------------------------------------*/

#CONTENTS{
	width : 800px;
	background-color:#FFFFFF;
	margin : 10px auto 0 auto;
	text-align : center;
}
#CONTENTS #W700{
	width : 700px;
	margin : 30px auto 0 auto;
}
#CONTENTS a:link { color:#72734c ; text-decoration:none ;}/*未訪問リンク */
#CONTENTS a:visited { color:#72734c ; text-decoration:none ;}/*訪問済みリンク */
#CONTENTS a:active { color:#0000ff ; text-decoration:none ;}/*クリックしたとき */
#CONTENTS a:hover { color:#ffffff  ; background-color :#8f904c; text-decoration:none ; }/*マウスが乗ったとき */



/*
トップページ
-------------------------------------------------------------------*/
#TOPMENU1 {
	position:relative;
	width : 800px;
	height : 61px;
	background-color : #72734C;
	float:left;
	text-align : left;
	border-style : none;
}
#TOPMENU1 img {
	position:absolute;
	top: 0px;
	left:0px;
	width:200px;
	height:61px;
	background:url(./images/logo_hotelheidi.jpg) no-repeat;
}

#TOPMENU2{
	clear : both;
	width : 800px;
	height : 46px;
	background-color : #72734C;
}
#FLASHBG{
	background-color : #72734c;
}
#RESERVE{
	width : 700px;
	margin : 15px auto 0 20px;
	background-color : #fff;
	
}
#RESERVE #LEFT{
	width : 300px;
	float : left;
}
#RESERVE #LEFT h3{
	width : 260px;
	height : 1.6em;
	padding-top : 0.2em;
	text-align : center;
	margin : 4px auto 0 auto;
	color : #FFF;
	font-size : 14px;
	font-weight : 100;
	background-color : #72734c;
}
#RESERVE #RIGHT{
	width : 360px;
	float : left;
}
#RESERVE .dinnertitle{
	width : 700px;
	height : 27px;
	vertical-align : middle;
	margin : 0 auto 1em auto;
	padding : 0 0 0 1em;
	color : black;
	font-size : 14px;
	font-weight : 700;
	background-color : #00ff7f;
	
}
#RESERVE .layphoto{
	width : 120px;
	float : left;
	background-color : #f0e68c;
}
#RESERVE .layrate{
	width : 570px;
	margin : 0 auto 1.5em auto;
	float : right;
	background-color : #fff;
}
#RESERVE .layrate .room{
	width : 380px;
	height : 1.6em;
	font-size : 12px;
	float : left;
}
#RESERVE .layrate .rate{
	width : 60px;
	font-size : 11px;
	float : left;
}
#RESERVE .layrate .ratetotal{
	width : 60px;
	font-size : 11px;
	float : left;
}
#RESERVE .layrate .rateinput{
	width : 70px;
	font-size : 11px;
	float : right;
}
#RESERVE .layrate input{
	width : 60px;
	font-size : 9px;
	color : #ffffff;
	background-color : blue;
}
#RESERVE .layrate h3{
	width : 260px;
	height : 1.6em;
	padding-top : 0.2em;
	text-align : center;
	color : #ffe4c4;
	font-size : 14px;
	font-weight : 100;
}
#RESERVE .layrate .room a { font-size:11px;}
#RESERVE .layrate .room a:link { color:#0000ff ; }/*未訪問リンク */
#RESERVE .layrate .room a:visited { color:#0000ff ; }/*訪問済みリンク */
#RESERVE .layrate .room a:active { color:#0000ff ; }/*クリックしたとき */
#RESERVE .layrate .room a:hover { color:#993300  ; background-color :#9999ff; text-decoration:none ; }/*マウスが乗ったとき */


#NEWS{
	clear : both;
	width : 800px;
	background-color : #fff;
	text-align : left;
}
#PROMENADE{
	clear : both;
	width : 800px;
	padding : 0 0 20px 0;
	background-color : #fff;
	text-align : left;
	margin : auto;
}
#TOPICS{
	clear : both;
	width : 800px;
	background-color : #fff;
	text-align : left;
}
#BOTTOMMENU{
	clear : both;
	width : 800px;
	background-color : #fff;
	height : 21px;
	vertical-align : middle;
	border-style : solid none solid none;
	border-color : #000000;
	border-width : 1px 0 1px 0;
}
#FOOTER{
	clear : both;
	width : 800px;
	height : 54px;
	background-color : #72734C;
	vertical-align : middle;
	font-size : 12px;
	font-family : Arial;
	color : white;
	text-align : center;
}


/*IE6用-------------------------------------*/

#TOPMENU1 img{
	border-style:none;
}
#CONTENTS img{
	border-style:none;
}
#CONTENTS hr {
	height: 2px;
	width : 95%;
	color: #cccccc;
}

/*IE6用終わり-------------------------------*/


/*
メニュー
-------------------------------------------------------------------*/

.menu01 a{
	display:block;
	width:120px;
	height:20px;
	background:url(./images/menu_s_1.jpg) no-repeat;
	font-size: 13px;
	color:#FAF0F0;
	line-height:20px;
	text-decoration:none;
	text-align:center;
	position:relative;
	top: 26px;
	left:440px;
	float:left;
}
.menu01 a:hover{
	font-size: 13px;
	color:#FAF0F0; 
	background:url(./images/menu_s_2.jpg) no-repeat;
}


.menu02 {
	border-top:   solid 1px #323b1d;
	border-bottom:solid 1px #323b1d;
	border-right :solid 1px #323b1d;
	float:left;
}
.menu02 a{
	display:block;
	width:88px;
	height:44px;
	background:#72734c;
	font-size: 13px;
	font-weight: bold;
	color:#fff;
	letter-spacing: 0px; 
	line-height:46px;
	text-decoration:none;
	text-align:center;
}
.menu02 a:hover{
	background:#8f904c;
}

.menu02p a{
	letter-spacing: -2px; 
}

.menu02e {
	border-top:   solid 1px #323b1d;
	border-bottom:solid 1px #323b1d;
	float:left;
}
.menu02e a{
	display:block;
	width:87px;
	height:44px;
	background:#72734c;
/*	padding : 7px 0 7px 0;*/
	font-size: 13px;
	font-weight: bold;
	color:#fff;
	letter-spacing: 0px; 
	line-height:46px;
	text-decoration:none;
	text-align:center;
}
.menu02e a:hover{
	background:#8f904c;
}

.menu02 a.menu021{
	background:url('./images/raku/yama.jpg') no-repeat;
}
.menu02 a.menu022{
	background:url('./images/raku/yama.jpg') no-repeat -89px 0px;
}
.menu02 a.menu023{
	background:url('./images/raku/yama.jpg') no-repeat -178px 0px;
}
.menu02 a.menu024{
	background:url('./images/raku/yama.jpg') no-repeat -267px 0px;
}
.menu02 a.menu025{
	background:url('./images/raku/yama.jpg') no-repeat -356px 0px;
}
.menu02 a.menu026{
	background:url('./images/raku/yama.jpg') no-repeat -445px 0px;
}
.menu02 a.menu027{
	background:url('./images/raku/yama.jpg') no-repeat -534px 0px;
}
.menu02 a.menu028{
	background:url('./images/raku/yama.jpg') no-repeat -623px 0px;
}
.menu02e a.menu029{
	background:url('./images/raku/yama.jpg') no-repeat -712px 0px;
}


.menu03{
	display:block;
	width : 116px;
	padding : 4px 0 0 4px;
	height : 17px;
	text-align: left; /* 左寄せ */ 
	font-size : 10px;
	color : black;
	background-color : white;
	border-style : none none none solid;
	border-color : #000000;
	border-width : 0 0 0 1px;

	float:right;
} 
.menu03 a{
	font-size : 10px;
	text-decoration:none;
}


.bottombutton{
	width : 100px;
	margin : 20px auto 30px auto;
}


/*
ノースクリプト
-------------------------------------------------------------------*/

#NOSCRIPT {
	width : 800px;
}

#NOSCRIPT noscript{
	color : #b22222;
	text-align : left;
	margin : 0px 100px;
}


/*予約画面
----------------------------------------------- */
#RSV {
	width:600px;
	margin-top: 0px;
        margin-left:auto;    /* 左側マージンを自動的に空ける */
        margin-right:auto;   /* 右側マージンを自動的に空ける */
	margin-bottom: 30px;
/*	background-color: #fff;*/
	font-size: 16px;
	text-align:center;
	padding-top : 30px;
}

#RSV h2 {
/*	width : 60%;*/
	font-size: 16px;
	font-weight: bold;
	color: #4a2f12;
	padding : 2px 0  2px 10px;
	margin : 10px 10px 5px 10px;
	border-left-width: 7px;
	border-left-style: solid;
	border-left-color: #4a2f12;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EAEAEA;
	text-align : left;
}
#RSV h3 {
	font-size: 14px;
	font-weight: 200;
	margin : 10px 10px 5px 30px;
	padding : 0 0 0 10px;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #EAEAEA;
	text-align : left;
}#RSV .roomname{
	font-size: 14px;
	font-weight: bold;
	color: #72734c;
	padding : 2px 0 2px 10px;
	margin : 10px 0 5px 25px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #72734c;
	text-align : left;
}

#CHOOSER{
	text-align : center;
	padding : 30px 0 30px 0;
}
#CHOOSER form {
  margin: 0;
  padding: 0;
}
#CHOOSER fieldset {
  border: 0;
  width:500px;
  margin: 15px auto 0 auto;
  padding: 15px;
	background-color:#eeeec7;
	text-align:left;
}
#CHOOSER fieldset div{
	line-height:25px;
}
#CHOOSER button{
	font-size:12px;
	width: 94px;
}
#CHOOSER ul {
  margin: 0;
  padding: 0;

}
#CHOOSER li {
	clear :both;
	list-style:none;

	margin-bottom:4px;
	margin-left:30px;
	width: 600px;
	height: 30px;
	padding: 6px;
	text-align:left;
}
#CHOOSER li p{
	font-size :14px;
	font-weight : normal;
	width: 380px;
	float :left;
}

#CHOOSER .dummyhidden{
	position:absolute;
	visibility:hidden;
	border : 0px;
}
#CHOOSER .ml40{
	margin:0 0 14px 40px;
	text-align:left;
}
#CHOOSER table{
	text-align:left;
	width : 500px;
	margin:0 auto 10px auto;
}

#CHOOSER #RSLTROOMA{
/*	border : solid 1px #8f904c;*/
/*	background-color:#8f904c;*/
	margin: 4px auto;
  	width: 500px;
  	padding: 15px;
	text-align:left;
}
#CHOOSER #RSLTROOMB{
/*	border : solid 1px #8f904c;*/
/*	background-color:#8f904c;*/
	margin: 4px auto;
  	width: 500px;
  	padding: 15px;
	text-align:left;
}
#CHOOSER #RSLTROOMC{
/*	border : solid 1px #8f904c;*/
/*	background-color:#8f904c;*/
	margin: 4px auto;
  	width: 500px;
  	padding: 15px;
	text-align:left;
}
#CHOOSER #RSLTROOMD{
/*	border : solid 1px #8f904c;*/
/*	background-color:#8f904c;*/
	margin: 4px auto;
  	width: 500px;
  	padding: 15px;
	text-align:left;
}
#CHOOSER #RSLTROOME{
/*	border : solid 1px #8f904c;*/
/*	background-color:#8f904c;*/
	margin: 4px auto;
  	width: 500px;
  	padding: 15px;
	text-align:left;
}
#CHOOSER #RSLTROOMF{
/*	border : solid 1px #8f904c;*/
/*	background-color:#8f904c;*/
	margin: 4px auto;
  	width: 500px;
  	padding: 15px;
	text-align:left;
}
#CHOOSER #RSLTROOMG{
/*	border : solid 1px #8f904c;*/
/*	background-color:#8f904c;*/
	margin: 4px auto;
  	width: 500px;
  	padding: 15px;
	text-align:left;
}


/*ノートライン
----------------------------------------------- */
#NOTE{
	text-align:left;
	width: 95%;
}
#NOTE p{
	background-image: url(./cgi-bin/reserve/images/note_line.gif);
	padding : 5px 10px 5px 10px;
	margin : 10px 40px 10px 40px;
	line-height: 20px;
}