@charset "UTF-8";
@import url(common.css);
@import url(textsettings.css);



/* ================================================================ *
	「★」が付されている設定項目は相互に依存します。注意して
	設定してください。
 * ================================================================ */

/* ---------------------------------------------------------------- *
	ドキュメント全体に関する設定です
 * ---------------------------------------------------------------- */


*{
  margin:0;
  padding:0;
}


body {
  /* --- 基本的な前景色（文字色）を設定してください --- */
  color: #666666;
  /* --- 背景を設定してください（短縮プロパティでの設定です）--- */
  background: url(../img/bg.jpg);
	font-family: "メイリオ","ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino 
Kaku Gothic Pro","Osaka",sans-serif ;
  margin:0;
  padding:0;
  font-size:14px;
}

.clr{ clear:both; padding:0; margin:0;}


#top_bg {
  /* --- 基本的な前景色（文字色）を設定してください --- */
  color: #666666;
  /* --- 背景を設定してください（短縮プロパティでの設定です）--- */
  background: url(../img/top_bg.jpg) no-repeat top center #000000;
	font-family: "メイリオ","ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino 
Kaku Gothic Pro","Osaka",sans-serif ;
  margin:0;
  padding:0;
}





#wrapper {
  /* --- 内容部分の背景を設定してください --- */
  /* Note：内容部分の背景を透明にしたり，透過 GIF を利用したりして
           背景に変化をつけることができます */
  background: url(../img/head_bg.png) repeat-x top;
  /* --- ドキュメント本体の幅を設定してください --- */
  /* Note：百分率指定も可能です */
  width: 100%;
  /* --- ドキュメント本体の位置を設定してください --- */
  /* Note：「0」のみで左寄せ，「0 auto」でセンタリング */
  margin-top: 0;
}


#wrapper02 {
  /* --- 内容部分の背景を設定してください --- */
  /* Note：内容部分の背景を透明にしたり，透過 GIF を利用したりして
           背景に変化をつけることができます */
  /* --- ドキュメント本体の幅を設定してください --- */
  /* Note：百分率指定も可能です */
  width: 100%;
  /* --- ドキュメント本体の位置を設定してください --- */
  /* Note：「0」のみで左寄せ，「0 auto」でセンタリング */
  margin-top: 0;
}


/* ---------------------------------------------------------------- *
	コンテンツコンテナの設定です
 * ---------------------------------------------------------------- */

#container {
  /* --- 内容部分の背景を設定してください --- */
  /* Note：内容部分の背景を透明にしたり，透過 GIF を利用したりして
           背景に変化をつけることができます */
  background: transparent;
  /* --- ドキュメント本体の幅を設定してください --- */
  /* Note：百分率指定も可能です */
  width: 950px;
  /* --- ドキュメント本体の位置を設定してください --- */
  /* Note：「0」のみで左寄せ，「0 auto」でセンタリング */
  margin: 0 auto;
}



/* ---------------------------------------------------------------- *
	ヘッダ部分の設定です
 * ---------------------------------------------------------------- */


#header {
  /* --- 背景を設定してください（短縮プロパティでの設定です） --- */
  background: transparent;
  width: 950px;
  height: 150px;
  /* --- マージンを設定してください --- */
  /* Note：下マージンはナビゲーションの上マージンと折りたたみが生じます */
  margin: 0 auto;
  margin-top:0;
  /* --- パディングを設定してください --- */
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}

#header h1 {
	float:left;
}

#header h2 {
	float:left;
	padding-top:20px;
	padding-left:5px;
	height:130px;
	width:350px;
	text-align:left;
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	font-size:small;
	line-height:20px;
	letter-spacing:0.1em;
	color:#FFFFFF;
}


#head_reserve {
	display:block;
	float:right;
	width:265px;
	height:120px;
	padding-top:5px;
}

.reserve24 {
	text-align:right;
}

.tel {
	text-align:left;
	padding-top:0px;
}


/* ---------------------------------------------------------------- *
	トップのセンター部分の設定です
 * ---------------------------------------------------------------- */

#main {
  /* ★ --- レイアウト調整：左右カラムの設定に応じて設定 --- */
  /* Note：padding-left をサイドメニューの幅＋マージンとし，
           padding-right をサイドコンテンツの幅＋マージンとして
           ください */
	display:block;
	width:586px;
	float:left;
  	margin-top: 0px;
  	padding-top: 6px;
  	padding-bottom: 5px;
  /* --- 背景を設定してください（短縮プロパティでの設定です）--- */
  /* Note：サイドメニュー部分全体に背景を適用させるには，この部分で
           背景を指定しておく必要があります */
  background: tranparent/*#00ff00*/;
  /* --- マージンを設定してください --- */
  /* Note：上下マージンの折りたたみに注意してください */
}

.main_navi{
	  display:block;
	  width: 586px;
	  height:50px;
	  margin:0 auto;
	  padding-top:6px;
	  background:tranparent/*#ff0000*/;
}

.main_navi01{
	  float:left;
	  margin:0;
	  padding-left:17px;
	  padding-bottom:0;
}

.main_navi02{
	  float:right;
	  margin:0;
	  padding-right:17px;
	  padding-bottom:0;
}


#main_bottom {
	  clear:both;
	  width: 950px;
	  height:185px;
	  margin:0;
	  padding:0;
	 

}




.news {
	float:left;
	padding:10px 0px 0px 0px;
}
.imgbox_bottom {
	float:right;
	bottom:0px;
}






/* ---------------------------------------------------------------- *
	トップ以外のメイン部分の設定です
 * ---------------------------------------------------------------- */

#main02 {
	display:block;
	width:746px;
	float:left;
  	margin-top: 0px;
  	padding-top: 6px;
  	padding-bottom: 5px;
	background: tranparent;
}

.main02_navi{
	  display:block;
	  width: 736px;
	  height:80px;
	  margin:0 auto;
	  padding-top:6px;
	  background:tranparent;
}

.main02_navi img {
	  float:left;
	  margin:0;
	  padding:0;
	  padding-bottom:0;
}


#topnavi {
	  display:block;
	  width: 736px;
	  height:50px;
	  margin:0 auto;
	  padding-bottom:5px;
	  background:tranparent;
}

#topnavi img {
	  float:left;
	  margin:0;
	  padding:0;
	  padding-bottom:0;
}


/* ---------------------------------------------------------------- *
	サイドメニュー部分の設定です
 * ---------------------------------------------------------------- */

#sidenavi {
	position: relative;
	background: transparent;
	display:block;
	float:left;
	width: 160px;
	margin:0;
	left: 0; 
	right: auto;
  	padding-top: 6px;
	padding-bottom: 0;
}


/* Note：上マージンを確保し，IE6/IE7 で垂直配置がずれるバグを回避
         します。以降，指示に従って同じ値での指定を 2 回続けて
         ください。 */
[id="sidenavi"]#sidenavi {
  /* ★ --- 上マージンを設定してください --- */
  /* Note：コンテンツ部分の上マージンと同じ値を設定してください */
  margin-top: 0px;
}
html:lang(ja) #sidenavi {
  /* Note：直前の指定と同じ値を設定してください */
  margin-top: 0px;
}


/* ---------------------------------------------------------------- *
	サイドコンテンツ領域の設定です
 * ---------------------------------------------------------------- */

#sidebox {
  float:left;
  background: transparent;
  width: 204px;
  margin:0;
  padding:0;
  overflow:hidden;
}

/* ---------------------------------------------------------------- *
	コンテンツ部分の設定です
 * ---------------------------------------------------------------- */

/*#present {
  background:  url(../img/present.png) no-repeat;
  margin-top: 0;
  padding-top:0;
  padding-bottom: 15px;
　color:#FFFFFF;
  width:204px;
  height:152px;
}

.present_drs a{
	text-align:right;
	padding:20px 5px 3px 0px;
	text-decoration:underline;
	font-weight:bold;
	color:#FFFFFF;
}

#present ul {
	padding-top:40px;
	list-style: none;
	color:#FFFFFF;
	margin: 0;
	padding-top:0;
	padding-left: 0;

}

#present li {
　color:#FFFFFF;
　font-weight:bold;
padding:5px 5px 0px;
  overflow: hidden;
  display: block;
  text-align: left;
}
*/

#present {
  background:  url(../img/present_bottom.png) no-repeat bottom left;
  margin-top: 0;
  padding-top:0px;
  font-size:12px;
  padding-bottom: 15px;
　color:#FFFFFF;
  width:204px;
}

.present_drs a{
	text-align:right;
	margin-top:0px;
	padding:0px 5px 30px 0px;
	text-decoration:underline;
	font-weight:bold;
	color:#FFFFFF;
}

#present ul {
	list-style: none;
	color:#FFFFFF;
	margin-top:0px;
  padding-top:0px;
  background:url(../img/present_main.png) repeat-y;
}

#present li {
margin:0px;
　font-weight:bold;
padding:5px 5px 0px;
  overflow: hidden;
  display: block;
  text-align: left;
}







.contents {
  /* --- 背景を設定してください（短縮プロパティでの設定です）--- */
  background: transparent;
  /* --- マージンを設定してください --- */
  /* Note：上下マージンの折りたたみに注意してください */
  margin-top: 0;
  margin-bottom: 15px;
  /* --- パディングを設定してください --- */
  padding:0;
  /* Note：コンテンツ部分に上下マージンを持つものが含まれる場合，
           上下パディングには正の値を指定してください */
}

.contents p {
	color:#000000;
}


#top_fla {
	width:576px;
	height:370px;
	margin:5px auto 0px;
	text-align:center;
	padding-top:15px;
	background:url(../img/photo_bg.png) no-repeat;
}
	

/* ---------------------------------------------------------------- *
	コンテンツ画像の設定です
 * ---------------------------------------------------------------- */

.contents img.fig {
  /* --- 画像をどちらに回り込ませるか設定してください --- */
  /* Note：left（左）または right（右）を指定します；この指定によって
           以降のマージンの指定方法が異なります */
  float: left;
  /* --- 画像のマージンを設定してください --- */
  /* Note：前記の回り込みについて「left」のとき→左マージン 0，
           「right」のとき→右マージン 0 としてください */
  margin-top: 0;
  margin-right: 1em;
  margin-bottom: 1em;
  margin-left: 0;
}


/* ---------------------------------------------------------------- *
	サイドボックス内のコンテンツの設定です
 * ---------------------------------------------------------------- */

/* Note：中カラムのコンテンツから変更する部分を設定していきます。
         変更不要のプロパティはコメントアウトしてください */
#sidebox .contents {
  /* --- 背景を設定してください（短縮プロパティでの設定です）--- */
  background: #F2F2F2;
  /* --- マージンを設定してください --- */
  /* Note：上下マージンの折りたたみに注意してください */
  /* Note：ボックス内の最初のボックスの上マージンは折りたたまれない
           ので，「0」を指定することをおすすめします */
  margin-top: 0;
  /* margin-bottom: 3px; */
  /* --- パディングを設定してください --- */
  /* Note：コンテンツ部分に上下マージンを持つものが含まれる場合，
           上下パディングには正の値を指定してください */
  /* padding-top: 1em; */
  /* padding-right: 1em; */
  /* padding-bottom: 1em; */
  /* padding-left: 1em; */
}


/* ---------------------------------------------------------------- *
	画像のみのボックスを作る場合の設定です
 * ---------------------------------------------------------------- */

.imgbox {
  /* --- 背景を設定してください（短縮プロパティでの設定です）--- */
  background: transparent;
  /* --- マージンを設定してください --- */
  /* Note：上下マージンの折りたたみに注意してください */
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 6px;
  margin-left: 0;
}

#sidenavi .imgbox{
  background: transparent;
  margin: 0;
}

/* ---------------------------------------------------------------- *
	サイドボックス内の画像のみボックスの設定です
 * ---------------------------------------------------------------- */

/* Note：通常の画像のみボックスから変更する部分を設定していきます。
         変更不要のプロパティはコメントアウトしてください */
#sidebox .imgbox {
  /* --- 背景を設定してください（短縮プロパティでの設定です）--- */
  background: transparent;
  /* --- マージンを設定してください --- */
  /* Note：上下マージンの折りたたみに注意してください */
  /* margin-top: 3px; */
  /* margin-bottom: 3px; */
}


/* ---------------------------------------------------------------- *
	フッタ部分の設定です
 * ---------------------------------------------------------------- */

#footer {
  /* --- 背景を設定してください（短縮プロパティでの設定です）--- */
  clear:both;
  background: #B6AD94;
  /* --- マージンを設定してください --- */
  /* Note：上下マージンの折りたたみに注意してください */
  margin-top: 0;
  margin-bottom: 0;
  /* --- パディングを設定してください --- */
  /* Note：上下マージンを持つものが含まれる場合，上下パディングには
           正の値を指定してください */
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}


#footbox {
  /* --- 背景を設定してください（短縮プロパティでの設定です） --- */
  width: 900px;
  /* --- マージンを設定してください --- */
  /* Note：下マージンはナビゲーションの上マージンと折りたたみが生じます */
  margin-top: 10px;
  margin-bottom: 0;
  margin-right: auto;
  margin-left: auto;
  bottom:0;
  /* --- パディングを設定してください --- */
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}


/* サムネイルリストはマーカなし，余白なし */
#thumbslist {
  display:block;
  width:850px;
  margin:0 auto;
  padding-left: 15px;
  list-style: none;
  border:none;
}

#thumbslist li {
  float: left;
  margin: 0;
  overflow: hidden;
  display: block;
  text-align: left;
  color:#FFFFFF;
  background: url(../img/linkbg.png) no-repeat;
  width:150px;
  height:170px;
  padding-bottom:15px;
  padding-right:15px;
}

/* サムネイルはボックスの中央に */
.thumbnail {
  margin: 0 auto;
  width:140px;
  height:70px;
  padding-top:5px;
}

.group a {
	line-height:1.6em;
	font-weight:bold;
	padding-left:5px;
	text-decoration:underline;
	color:#FFFFFF;
}

.foot_cap {
	display:block;
	width:140px;
	height:53px;
	padding-left:2px;
	padding-top:2px;
	margin:0 auto;
	font-size:95%;
	letter-spacing:0.1em;
	white-space:normal;
	line-height:1em;
}


.link_btn {
	text-align:right;
}

#foot_navi li {
  /* --- 横並びリストのリストマーカ画像を設定してください --- */
  /* Note：16×16 ピクセル以下のものを使用してください */
  background-image: none;
}

#foot_navi {
  clear:both;
  margin-bottom: 4px;
  margin-left:auto;
  margin-right:auto;
  padding-top:20px;
  text-align:center;
}

#foot_navi li {
  display: inline;
  margin: 0;
  padding-left: 5px;
  padding-right: 5px;
  font-size:small;
  border-right: 1px solid #CCCCCC;
}


#foot_navi li a {
	color:#FFFFFF;
	text-decoration:underline;
}


.foot_navi {
	margin-top:10px;
}

#address {
	padding:30px 0px 10px 5px;
	color:#FFFFFF;
	font-size:small;
	line-height:1em;
	letter-spacing:0.1em;
}

#copyright {
	text-align:center;
	padding-bottom:10px;
	color:#FFFFFF;
	font-size:small;
	line-height:1em;
	letter-spacing:0.1em;
}

/* ---------------------------------------------------------------- *
	トップページの新着情報の設定です
 * ---------------------------------------------------------------- */

#top_text {
	width:536px;
	margin:0 auto;
	padding:5px;
	color:#ffffff;
	font-size:14px;
	line-height:20px;
}

#news_box {
	clear: both;
	width:536px;
	margin:0 auto;
	padding-top:0px;
	padding-bottom:48px;
	background:url(../img/news_bottom.png) no-repeat bottom left;
}


#news_box ul {
	width:520px;
	height:180px;
	margin:0 auto;
	padding:0px;
	overflow:scroll;
	overflow-x:hidden;
	font-weight:normal;
}




#news_ul li{
	list-style-type:none;
	padding:0px 0px 8px 5px;
}

#news_box a {
	text-decoration:underline;
	color:#FF9900;
}


#news_main {
	width:536px;
	background:url(../img/news_main.png) repeat-y;
}

#news_box h4 {
	width:536px;
	height:48px;
	line-height:48px;
	text-indent:1em;
	font-size:14px;
	font-weight:bold;
	margin:0px;
	padding:0px;
	background:url(../img/news_top.png) no-repeat bottom;
}


/* ---------------------------------------------------------------- *
	客室ページの設定です
 * ---------------------------------------------------------------- */

#room_main {
	width: 100%;
}

#room_contents{
	background-color: transparent;
}

.room_name {
	font-size: 14px;
	background-color: #ffffff;
	padding: 0px;
	margin: 0px;
}
.room_text {
	font-size: 12px;
	height: auto;
	margin: 5px;
}

h3{
font-family: Verdana;
font-size: 20px;
font-weight: bold;
color: #000;
margin:0;
}

h3 em{
font-size: 18px;
color: #FF9900;
}

.largeImage{
	border: solid 1px #ccc;
	background-color: #ffffff;
	width: 480px;
	height: 319px;
	padding: 5px;
}

.thumbs{
	padding-left:13px;
}


.thumbs img{
	border: solid 1px #ccc;
	background-color: #ffffff;
	width: 80px;
	height: 60px;
	padding: 4px;
}
.thumbs img:hover{
	border-color: #FF9900;
}

.room_cap{
	clear:both;
	width: 480px;
	margin-top:5px;
	padding:5px;
	margin-bottom:10px;
	line-height:1.2em;
	font-size: small;
	color: #ffffff;
}

.room_fee{
	display:block;
	width: 480px;
	height:65px;
	margin:0px;
	padding:0px;
}

.fee_table{
	float:left;
	width: 350px;
	font-size: small;
	padding:0px;
	margin:0px;
	color: #ffffff;
	border-collapse: collapse;
	border: solid 1px #ffffff;
}

.fee_table th{
	padding:2px;
	border: solid 1px #ffffff;
	background-color: #6699ff;
}

.fee_table td{
	padding:2px;
	border: solid 1px #ffffff;
}

.room_reserve{
	float:left;
	width: 120px;
	font-size: small;
	padding:0px;
	margin-left:5px;
	color: #ffffff;
	border: solid 1px #ffffff;
}

/* ---------------------------------------------------------------- *
	客室サムネイルリストページの設定です
 * ---------------------------------------------------------------- */

#room_list {
	clear:both;
	display:block;
	width:576px;
	height:450px;
	background:#666666;
}

#room_box01{
	float:left;
	width:260px;
	height:150px;
	background:#cccccc;
	margin-left:5px;
	padding-bottom:10px;
	border:solid 1px #000000;
}

#room_box01 li {
	float:left;
	width:120px;
	height:140px;
	background:#000000;
	padding-left:10px;
	border:solid 1px #ffffff;
	color:#ffffff;
}


#room_box02{
	float:right;
	width:130px;
	height:150px;
	background:#cccccc;
	margin-left:5px;
	padding-bottom:10px;
	border:solid 1px #000000;
}

#room_box03{
	float:left;
	width:390px;
	height:150px;
	background:#cccccc;
	margin-left:5px;
	padding-bottom:10px;
	border:solid 1px #000000;
}

#room_box04{
	float:right;
	width:130px;
	height:150px;
	background:#cccccc;
	margin-left:5px;
	padding-bottom:10px;
	border:solid 1px #000000;
}

#room_box05{
	float:left;
	width:390px;
	height:150px;
	background:#cccccc;
	margin-left:5px;
	padding-bottom:10px;
	border:solid 1px #000000;
}


/* ---------------------------------------------------------------- *
	宿泊、日帰りページの設定です
 * ---------------------------------------------------------------- */

.fee_table02{
	float:left;
	width: 480px;
	font-size: small;
	padding:0;
	margin:5px 0;
	color: #ffffff;
	border-collapse: collapse;
	border: solid 1px #ffffff;
}


.fee_table02 th{
	padding:2px;
	border: solid 1px #ffffff;
	background-color: #6699ff;
}

.fee_table02 td{
	padding:2px;
	border: solid 1px #ffffff;
	background-color: #eeeeee;
	color: #333333;
}

.daystay_title{
	clear:both;
	display:block;
	width:480px;
	padding:5px;
	background-color:#ffffff;
	font-weight:bold;
	font-size:110%
	color:#cccccc;
}

.red{
	color:#cc0000;
	font-weight:bold;
	background-color:#ffffff;
}

p.whitetext{
	color:#ffffff;
	padding:0px 40px;
	font-size:14px;
}



/*#flamebg {
	clear: both;
	padding-top:10px;
	padding-bottom:10px;
	font-weight:normal;
	background:url(../img/flame_bottom.png) no-repeat bottom left;
}




#flamebg h3 {
	width:736px;
	height:70px;
	text-align:center;
	line-height:70px;
	color:#ffffff;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-weight:bolder;
	background:url(../img/flame_top.png) no-repeat;
}


#flamebg p {
	background:url(../img/flame_center.png) repeat-y;
	font-size:14px;
	letter-spacing:0.1em;
	padding:0px 50px 0px 50px;
	margin:0px 0px 60px 0px;
	color:#ffffff;
	text-align:left;
	line-height:20px;
}

#flamebg a {
	color: #0033FF;
}
*/


.number_list {
	color:#795848;
	font-size:14px;
	padding-right:3px;
	position:relative;
	left:-1em;
}

.number_list02 {
	color:#CC0000;
	font-size:13px;
	padding-right:3px
}

/* ---------------------------------------------------------------- *
	料理ページの設定です
 * ---------------------------------------------------------------- */

.meals_cap {
	font-size: small;
	width:250px;
	color: #FFFFFF;
	padding:10px;
	border-top: solid 1px #FFFFFF;
}

.meals_img {
	text-align:center;
}

.meals_img img {
	border:3px solid #ffffff;
	margin-top:15px;
	margin-bottom: 10px;
}

/* ---------------------------------------------------------------- *
	ラインマーカーの設定です
 * ---------------------------------------------------------------- */

.text_wh{
	background:url(../img/text_wh.gif) repeat-x;
}

.text_or{
	background:url(../img/text_or.gif) repeat-x;
}

.text_pu{
	background:url(../img/text_pu.gif) repeat-x;
}

.text_ye{
	background:url(../img/text_ye.gif) repeat-x;
}

.text_gr{
	background:url(../img/text_gr.gif) repeat-x;
}

.text_bl{
	background:url(../img/text_bl.gif) repeat-x;
}

/* ---------------------------------------------------------------- *
	宿名の設定です
 * ---------------------------------------------------------------- */

.namebox_right{
	display:block;
	width:650px;
	text-align:right;
}




/* ---------------------------------------------------------------- *
	テーブルの共通部分の設定です
 * ---------------------------------------------------------------- */