* { font-family:arial,helvetica,sans-serif; }
body{margin: 0 auto;
     background-color: #fff5ee;
     background-image: url("../images/369.jpg");
	color:#666;
	font: 14px "ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","Osaka","メイリオ",sans-serif;
	*font-size:small;
	*font:x-small;
	   line-height: 180%;
	   padding: 0 auto;
	   text-align: center;
	   position: relative;
	   width: 900px;
}

.clear{clear: both; width: 100%;}

/* Set the page width */
#wrapper-menu-top, .head, #wrapper-content, #wrapper-footer{
	width: 900px;
	background-color: #fff;
	margin: 0 auto;
	padding: 0 0;
	text-align: left;
	border: solid #e0d4c6;
	border-width: 0 1px;
}
.contents{
	background-color: #fff;
	text-align: center;
	margin:0 auto;
	padding: 10px 0;
	border: solid #e0d4c6;
	border-width: 0 1px;
	width: 900px;
	}
/* ブロック要素サイズ・フロート・マージン指定
------------------------------------ */

.main{margin: 0;}

.right{
	width: 233px;
	float: right;
	margin-right: 10px;
}

.left{
	width: 645px;
	float: left;
	margin-left: 10px;
}

/* link text color
------------------------------------ */
a{color: #56716a;text-decoration: none;}
a:hover{color:#d2b48c; text-decorasion:underline;}

/* link image border off
------------------------------------ */
a img{border: none;}

/* ブロック要素 デザイン指定 フォントサイズ・色等
------------------------------------ */
.head{text-align: right;}
.main{text-align: left; background-color: #fff;}
.right{
	background: transparent url('../images/menu_wide_long.png') no-repeat;
	text-align: center;
	line-height: 140%;
	font-family:"Lucida Grande","Lucida Sans Unicode",arial,sans-serif;
}
.right a{text-decoration: none;}
.right a:hover{text-decoration: underline;}

.left{
	text-align: left;
	font-size: 90%;
}

.left a{
	color: #56716a;
	text-decoration: underline;
}

/* 用途別 class
------------------------------------ */
.listNone{list-style-type: none; margin: 0; padding: 0;}
.listFloat li{float: left; display: block;}
.clear{clear: both;}
table{border-collapse: collapse; }
hr{height: 1px; border: 0; color: #ccc; background-color: #ccc;}

/* ------------------------------------ ページ全体共通要素 ------------------------------------ */
/* Head
------------------------------------ */
h1{
	margin: 0;
	margin-left:15px;
	font-weight: normal;
	font-size: 14px;
	line-height: 140%;
	padding-top: 30px;
	float: left;
	background-color: #fff;
}

h1 span{display: block;}

ul#infoLink{margin: 0;padding: 0; text-align: right; }

#infoLink li{
	display: inline;
	border-right: 1px solid #a0a0a0;
	padding: 2px;
	text-align: center;
	font-size: 80%;
	list-style-type: none;;
}

* html #infoLink li{font-size: 70%;padding: 2px 3px 2px 6px;}


#infoLink li.bo_none{border-right: 0;}

/* 予約ボタン他ヘッダー部画像の余白
------------------------------------ */
.head img{margin: 1px;}

/*タブメニュー*/
.menuTab {
	margin: 0px;
	padding: 0;
	background-color: #fff;
	border: solid #e0d4c6;
	border-width: 0 1px;
	width: 900px;
}

ul#tab {
	margin: 0 0px;
	padding: 1em 0 0 0;
	list-style: none;
	float: right;
}

ul#tab li{
	display: inline;
	font-weight: normal;
	font-size: 13px;
	margin: 0;
	padding: 0;
}

ul#tab li{
	display: inline;
	float: left;
}

span.lang_ja{
	font-size: 100%;
	font-family: "ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","Osaka",sans-serif;
}

span.lang_ja_mi{
	font-size: 90%;
	font-family: "ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","Osaka",sans-serif;
}

#tab a {
	float: left;
	background:url("../images/menuleft.png") no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
	line-height: 1em;
	text-align: center;
}

#tab a .tabback {
	background: transparent url("../images/menuright.png") no-repeat right top;
	padding:5px 15px 4px 7px;
	color:#696969;
	display: block;
	float: left;
	cursor: pointer; /* IE doesnt display the hand when you roll over the link for some reason. This fixes it */
}

#tab a .tab_ja{
	display: block;
	font-size: 10px;
}

*html #tab a .tab_ja{
	font-size: 8px;
}

#tab a:hover { background-position:0% -42px; }
#tab a:hover span {background-position:100% -42px; }


/* .right 内 ul 設定
------------------------------------ */
.right ul{margin: 0; padding: 0; list-style-type: none;}
.right ul li{margin-bottom: 3px; text-align: center;}


/* .right ページリンク設定
------------------------------------ */
#menu-page { 
	padding-top: 5px; 
	font-size: 75%;
	text-transform: uppercase;
	margin: 1em 0 0.3em 0;
	color: #d2b48c;
	font-weight: normal;
	letter-spacing: 0.15em;
}

#menu-page ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#menu-page li{margin:0; padding: 0;}
#menu-page a:link, #menu-page a:visited { color: #888; }
#menu-page a:hover { color: #d2b48c; }

/* .right link banner mouse over 設定
------------------------------------ */
.right a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}

.sideLinkbnr a img{}

.sideLinkbnr a:hover img{}

/* .right Keitai QRcode
------------------------------------ */
div.keitai{
	text-align: center;
	background-image: url("../images/keitai.jpg");
	background-repeat: no-repeat;
	background-position: center top;
	width: 225px;
	height: 190px;
	margint: 5px 0;
	padding-top: 5px;
}

* html div.keitai{
	margin-left: 0px;
}

div.keitai img{
	margin: auto;
	display: block;
	
}
.keitai a{font-size: 90%;}

/* .right address
------------------------------------ */
address{font-style: normal; font-size: 90%;}


/* .left
------------------------------------ */
.left p{margin:10px 20px;}

/* main h3 p 余白設定
------------------------------------ */
.main p,.main h3{margin: 20px;}

h2{margin: 0px 20px; padding: 10px 0; font-weight: normal;}

/* フッター
------------------------------------ */

#wrapper-footer {text-align: center;}


#footer {
	margin: 0;
	padding: 0;
	background-color: #FFEFD5;
	clear: both;
	width: 100%;
}

#footer ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

#footer li{
	display: inline;
	padding: 0 9px 0 7px;
	border-right: 1px solid #a0a0a0;
	text-align: center;
	text-indent: 0;
}

* html #footer li{padding: 0 3px 0 7px;}

#footer li.b-none{border-right: 0;}

.bo_none,#footer li.bo_none{border: none;}

#footer a{
	color: #998675;
	font-size: 0.9em;
	text-decoration: none;
}

#footer a:hover{text-decoration: underline;}

/* ------------------------------------ 共通要素 終了 ------------------------------------ */

/* index
------------------------------------ */
ul.nextpage{
	text-align: center;
	clear: both;
	list-style: none;
}

ul.nextpage li{float: left;}
.nextpage p{
	font-size: 90%;
}
.nextpage a img{border: 0;}
/*--------------------------*/

/*ルームスペック*/
table.room_spec{
	width: 630px;
	border: 1px solid #fff;
	font-size: 100%;
	margin-left: 20px;
}
* html table.room_spec{font-size: 80%;}

table.room_spec th,table.room_spec td{
	border-style: none none dotted solid;
	border-color: #ddb787 #fff;
	border-width: 1px 10px;
	padding: 5px;
	text-align: left;
}

table.room_spec th{
	width: 150px;
	font-weight: normal;
	text-indent: 10px;
}

table.room_spec td{
	width:350px;
	padding-left: 10px;}

.lang_en{font-size: 120%;}

/*ルームプライス*/

table.hotel_price{
	font-size: 100%;
	border: 1px solid #e0d4c6;
	width: 630px;
	border-collapse: collapse;
	margin-top: 5px;
}
* html table.hotel_price{font-size: 80%;}

table.hotel_price th,table.hotel_price td{
	border: 1px solid #e0d4c6;
	padding: 4px;
}

table.hotel_price th{
	text-align: center;
}

table.hotel_price td{
	text-align: right;
}

table.tr_program_price{
	font-size: 90%;
	border-collapse: collapse;
	border: 1px solid #e0d4c6;
	width: 530px;
	margin-left: 20px;
}

* html table.tr_program_price{font-size: 80%;}

table.tr_program_price td,table.tr_program_price th{
	padding: 5px;
	border: 1px solid #e0d4c6;
}

.tr_program_kingaku{text-align: right;}
.time{text-align: center;}
.sp_price{color: #ff0000; text-decoration: underline; font-size: 110%;}
.strike{text-decoration: line-through;}

/*-------------------------------------*/
/* Time Reserve Plan h3 style
------------------------------------ */
.timereservetitle{
	color: #744b35;
}
.timereservetitle span{color: #333; font-size: 80%; font-weight: normal;padding-left: 5px;}
/*--------------------------*/
/*会社概要テーブル設定*/


.left#company{
	margin-top: 10px;
}

.left#company h2#companytitle{
	background-image: none;
	font-size: 1.2em;
	color: #998675;
	width:290px;
}



#company table{
	border-collapse: collapse;
	font-size: 0.9em;
	border: 1px solid #999999;
	margin: 10px 10px;
	_margin: 10px 10px 10px 50px;
}

#company table td,#company table th{
	padding: 5px 55px 5px 8px;
	border: 1px solid #999999;
}

/*--------------------------*/

/*SHOPページ買い物リンク*/

a.color_me{
	padding: 10px;
	border: 1px solid #998675;
	background-color: #998675;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	margin: 4px;
	display: block;
	font-size: 12px;
	width: 250px;
}

/*お問い合わせthanksページ*/
.inquiry_thanks{
	display: block;
	text-align: center;
	padding: 3px 0;
	background-color: #ffd768;
	color: #fff;
	font-weight: bold;
}


/*--------------------------*/
/*トリートメントプログラム*/

p.food_comment{font-size: 50%;}

/*夏の限定プランページ*/

/*ルームプライスから引用*/

table.plan_nittei{
	font-size: 90%;
	border: 1px solid #56716a;
	width: 530px;
	margin-left: 20px;
	border-collapse: collapse;
}
* html table.plan_nittei{font-size: 80%;}

table.plan_nittei th,table.plan_nittei td{
	border: 1px solid #56716a;
	padding: 4px;
}

table.plan_nittei th{
	text-align: center;
	background-color: #bbcdbf;
	text-align: center;
	color: #56716a;
}

table.plan_nittei td{
	text-align: left;
	line-height: 180%;
}

.nittei_title{
	color: #56716a;
	font-weight: bold;
	margin-left: 30px;
	font-size: 100%;
}

table.plan_nittei td.dinner{
	font-size: 140%;
	text-align: center;
}

/* スペシャルプライスプラン
------------------------------------ */

.clear{clear: both; visibility: hidden;}


.spplan_shousai{font-size: 90%;}

.spplan_shousai td{padding: 20px 5px;}

th.spplan{background: url("../images/planBackground.jpg") no-repeat center; color: #fff; text-align: center; font-size: 100%;width: 260px; line-height: 150%;}

.spplan_shousai table{
	border: 1px solid #56716a;
	border-collapse: collapse;
	font-size: 90%;
}

.price_text{text-align: left; font-size: 100%;}

/* stayplan
------------------------------------ */
.stayplan dt{font-weight: bold; background: #fff5ee; border-left: 3px solid #e0d4c6; border-bottom: 1px solid #e0d4c6;padding: 1px 3px;}

.stayplan a{text-decoration: none; color: #6e4a20;}
.stayplan a:hover{text-decoration: underline;}


/* 各ページ見出し背景画像
------------------------------------ */
h2.page_category{background: no-repeat left top; width: 100%; padding: 40px 30px; text-align: left; margin: 0;}

h2.treatment{background-image: url("../images/treatment-head.jpg");}
h2.dining{background-image: url("../images/dining-head.jpg");}



/* Link 提携店設定
------------------------------------ */
.links{
	margin: 0;
	padding: 10px;
	list-style-type: none;
	margin-bottom: 30px;
}

.links li{
	padding: 10px 10px;
	border-bottom: 1px dashed #ccc;
	margin-bottom: 10px;
}


.links strong{
	display: block;
	font-size: 1em;
}

.teikei strong{
padding-right: 123px;
padding-top: 10px;
display: block;
background: url("../images/teikeiten.jpg") no-repeat 380px;

}

.teikei strong a:hover{border-bottom: 0;}

/* schedule table style
------------------------------------ */
.schedule{
	border: 1px solid #999;
}

.schedule td,.schedule th{
	border: 1px solid #999;
}

.schedule th,td.nowrap{
	white-space: nowrap;
	padding: 3px;
}

.schedule dt,.schedule dd{
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}
.schedule dd{
	width: 380px;
	padding: 0;
	text-indent: 0px;
}

.schedule dt{
	width: 70px;
	padding-left: 30px;
	_width: 100px;
}
/* clearfix
------------------------------------ */

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}