@charset "utf-8";
/* ===================================================================
CSS information

 file name  :underlayer.css
 author     :lassic(admin)
 style info :下層用スタイルシート

 last edit  :2009/05/12
 editor     :takenaka

Font-size Adjustment.
		 77% = 10px	|	122% = 16px	|	167% = 22px
		 85% = 11px	|	129% = 17px	|	174% = 23px
		 92% = 12px	|	136% = 18px	|	182% = 24px
		100% = 13px	|	144% = 19px	|	189% = 25px
		107% = 14px	|	152% = 20px	|	197% = 26px
		114% = 15px	|	159% = 21px	|

=================================================================== */


/* -----------------------------------------------------------
		配置・下層ページ共通スタイル
----------------------------------------------------------- */

#main{
	float: right;
	width: 600px;
}

#sub{
	float: left;
	width: 280px;
}

/* サイトID（ロゴ） */
#header p{
	width: 120px;
	float: left;
	margin-bottom: 0;
}

#header p img{
	margin-left: 10px;
}

/* ページタイトル */
.underlayer .page_title{
	text-align: center;
	background: #EAB61E repeat-x;
	margin-bottom: 30px;
	padding: 0 50px;
}

/* 各コンテンツイメージ画像 */
#main h2{
	margin-bottom: 30px;
}

/* 各種タイトル */
#main h3{
	margin-bottom: 15px;
}

/* 各コンテンツキャッチコピー部分 */
#main .aspect{
	margin-bottom: 20px;
}


/* 各コンテンツ説明分 */
.sentence{
	margin-bottom: 50px;
	line-height: 1.9; /*行間を広めに*/
}


/* 各タイトル、キャプション */
.caption{
	color: #9F4848;
	margin-bottom: 20px;
}



/* -----------------------------------------------------------
	.plan
		下層ページ共通：プラン部分スタイルシート
----------------------------------------------------------- */

/* プラン */
.plan {
	width:600px;
	margin-bottom:20px;
}

/* プラン画像部分 */
.planphoto{
	width: 178px;
	float: left;
	border: solid 1px #8B7E39; /* プラン画像に縁取り */
	text-align: center;
	background: #FFF;
}

.stayphoto{
	width: 178px;
	height: 118px;
	float: left;
	border: solid 1px #8B7E39; /* プラン画像に縁取り */
	background: #FFF;
	overflow: hidden;
}

/* プラン内容部分 */
.plan_content{
	width: 400px;
	float:right;
	display:inline;
}

/* プランタイトル */
.plan h4{
	font-size: 114%;
	margin-bottom: 10px;
}


/* プラン説明文 */
.summary{
	margin-bottom: 20px;
	font-size: 94%;
	height: 3em;
	overflow: hidden;
}

.summary p{
	margin-bottom: 0;
}

.account{
	color: #8B7E39;
	font-weight: bold;
	padding-top: 20px;
}


/* 全てのプランを見る */
.link_indextemp{
	border-top: 1px solid #8B7E39;
	padding-top: 5px;
	text-align: right;
	margin-bottom: 30px;

}


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

.plan { display: inline-block; }

/* Hide from IE-mac \*/
*html .plan { height: 1%; }
.plan { display: block; }
/* End hide from IE-mac */




/* -----------------------------------------------------------
	#spa
		温泉ページ
----------------------------------------------------------- */

#bath {
	width: 600px;
	margin-bottom: 30px;
}

.spaphoto{
	width: 300px;
	float: left;
}

.spaphoto img{
	margin-bottom: 20px;
}

.spa_content{
	width: 260px;
	float: right;
	margin-right: 10px;
	display: inline;
}

.spa_content dt{
	margin-bottom: 5px;
}

.spa_content dd{
	font-size: 94%;
	line-height: 1.7;
	margin-bottom: 30px;
}

.spa_content strong{
	color: #9F4848;
}

#spa-free{
	margin-bottom: 30px;
}

#days-spa{
	width: 548px;
	background: url(../img/pict/bg_spa-days.jpg) no-repeat;
	margin: 0 10px 30px;
	padding: 16px;
}

#days-spa #price{
	width: 178px;
	float: left;
	margin-bottom: 0;
}

#days-spa #recital{
	width: 335px;
	float: right;
	display: inline;
	margin-right: 20px;
	font-size: 82%;
	line-height: 1.6;
}


/* ===================================================================
	clearfix
	floatclear
=================================================================== */


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

#bath,
#days-spa { display: inline-block; }

/* Hide from IE-mac \*/
*html #bath,
*html #days-spa { height: 1%; }
#bath,
#days-spa { display: block; }
/* End hide from IE-mac */





/* -----------------------------------------------------------
	#stay
		ご宿泊ページ
----------------------------------------------------------- */

/* 部屋タイプ */

#room_type{
	margin-bottom: 30px;
}

#room_type li{
	float: left;
	display: inline;
	width: 180px;
	margin-right: 30px;
	margin-bottom: 20px;
}

#room_type li.last_child{
	margin-right: 0;
}

#room_type li img{
	border: #8B7E39 solid 1px;
	width: 178px;
}

#room_type li span{
	width: 180px;
	display: block;
	text-align: center;
}


/* 宿泊料金 */
#charge{
	width: 600px;
	margin-bottom: 30px;
}

.tabNav{
	width: 140px;
	float: left;
}

.tabNav li{
	line-height: 2.0;
	margin-left: 10px;
}

.charge_table{
	width: 440px;
	float: right;
}

.charge_table th{
	background-color: #EAB61E;
	text-align: center;
	padding: 0.5em 0;
	font-size: 85%;
	border:1px solid #8B7E39;
}

.charge_table td{
	background-color: #ffffff;
	text-align: center;
	padding: 1em 0;
	font-size: 85%;
	border:1px solid #8B7E39;
}

/* テーブルの幅調整 */
.col_1{ width: 140px; }
.col_2{ width: 60px; }
.col_3{ width: 80px; }
.col_4{ width: 70px; }
.col_5{ width: 90px; }





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

#room_type,
#charge { display: inline-block; }

/* Hide from IE-mac \*/
*html #room_type,
*html #charge { height: 1%; }
#room_type,
#charge { display: block; }
/* End hide from IE-mac */





/* -----------------------------------------------------------
	#limit
		プラン詳細MT生成ページ【お得なツイン・トリプルプラン】
----------------------------------------------------------- */

/*タイトル部分*/
#main .limit-title{
	background: url('../img/item/list_bar-blue.gif') repeat-y left;
	margin: 10px 0;
	padding: 3px 15px;
	font-weight: bold;
	font-size: 136%;
	color: #157A8F;
}


#limit{
	width: 600px;
	border-top: 1px solid #8B7E39;
	padding-top: 20px;
}


.limitphoto{
	width: 180px;
	float: left;
	display: inline;
}


.limitphoto img{
	width: 178px;
	border: 1px solid #8B7E39;
}

.limitphoto p{
	margin-bottom: 0;
}

.img_cap{
	font-size: 88%;
	color: #8B7E39;
	text-align: right;
}


/*各種プラン、コンテンツ部分*/
.limit_content{
	width: 390px;
	float: right;
}

/*期間*/
#main .limit_content #during{
	background: url('../img/share/bg_during.gif') no-repeat;
	width: 332px;
	margin-bottom: 20px;
	height: 32px;
	padding: 6px 0 0 58px;
}


/*キャッチコピー*/
.limit_content h4{
	font-size: 128%;
	margin-bottom: 25px;
	color: #9F4848;
	width: 390px;
}


#entry_body,
.reservation{	
	border-bottom: double 3px #8B7E39;
	padding-bottom: 10px;
	margin-bottom: 5px;
	width: 390px;
}

.reserv-index{
	width:90px;
	float:left;
	display:inline;
	padding-right:20px;
	color: #9F4848;
	font-weight: bold;
	
}

.reserv-type{
	width:280px;
	float:right;
	display:inline;
}



/* MT本文内設定 */

#entry_body{
	padding-bottom: 40px;
	width: 390px;
}


#entry_body ul li{
	list-style: disc inside;
}

#entry_body ol li{
	list-style: decimal inside;
}


#remark{
	margin-bottom: 20px;
}

#yoyaku{
	margin-bottom: 50px;
}

#plan_contact{
	width: 390px;
	margin-bottom: 50px;
}

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

#limit,
.reservation{ display: inline-block; }

/* Hide from IE-mac \*/
*html #limit,
*html .reservation{ height: 1%; }
#limit,
.reservation { display: block; }
/* End hide from IE-mac */

/* -----------------------------------------------------------
	#ceremony
		ブライダルページ
----------------------------------------------------------- */

#ceremony{
	width:600px;
}

.style{
	margin-bottom: 30px;
}

.style p{
	font-size: 94%;
	line-height: 1.8;
}

/* ブライダルスタイル　奇数 */
.stylename{
	width:285px;
	float:left;
}

/* ブライダルスタイル　偶数 */
.wedname{
	width:285px;
	float:right;
}


/* 挙式画像に縁取り */
.styleimage{
	border: #8B7E39 solid 1px;
	margin-bottom: 10px;
}


/* 挙式画像（クリックで大きく） */
#style-reference li{
	display: inline;
	width: 85px;
	margin-right: 15px;
}

#style-reference li.last_child{
	margin-right: 0;
}

#style-reference li img{
	border: #8B7E39 solid 1px;
	width: 83px;
}

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

.style { display: inline-block; }

/* Hide from IE-mac \*/
*html .style{ height: 1%; }
.style { display: block; }
/* End hide from IE-mac */


/* -----------------------------------------------------------
	#PARTY
		ご宴会・ご会議
----------------------------------------------------------- */

#floor{
	margin-bottom: 30px;
}

#floor p{
	background: url(../img/item/link_list-tri.gif) no-repeat left;
	padding-left: 15px;
	margin-bottom: 5px;
}

#bus{
	width: 600px;
	margin-bottom: 30px;
}

.busphoto{
	width: 180px;
	float: left;
}

.bus_content{
	width: 400px;
	float: right;
}

.bus_content p{
	font-size: 88%;
	line-height: 1.7;
}



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

#bus { display: inline-block; }

/* Hide from IE-mac \*/
*html #bus { height: 1%; }
#bus { display: block; }
/* End hide from IE-mac */







/* -----------------------------------------------------------
	#RESTAURANT
		レストラン
----------------------------------------------------------- */

h3#shop-info{
	margin-bottom: 30px;
}

.shop{
	width: 600px;
	border-bottom: 1px solid #8B7E39;
	margin-bottom: 20px;
}

.shopphoto{
	width: 285px;
	float: left;
}

.shop_content{
	width: 285px;
	float: right;
}

.shop_content h4{
	margin-bottom: 10px;
}

.shop_content dt{
	margin-bottom: 5px;
}

.shop_content dd{
	font-size: 94%;
	line-height: 1.7;
	margin-bottom: 20px;
}

.shop h4.shop_name{
	width: 265px;
	float: left;
}

.shop_content p{
	font-size: 94%;
}


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

.shop { display: inline-block; }

/* Hide from IE-mac \*/
*html .shop  { height: 1%; }
.shop  { display: block; }
/* End hide from IE-mac */





/* -----------------------------------------------------------
	#ACCESS
		アクセス・観光ガイド
----------------------------------------------------------- */

/*ACCESS MAP アクセスマップ*/

#access iframe{
	border: 1px solid #8B7E39;
	margin-bottom: 40px;
	height: 288px;
	display: inline-block;
}

#transport{
	width: 600px;
	background: url(../img/pict/bg_access.jpg) no-repeat top right;
	margin-bottom: 40px;
}

#transport h4{
	margin-bottom:10px;
}

#transport ul{
	margin-bottom: 20px;
	margin-left: 10px;
}

#transport ul li{
	line-height: 1.8;
	list-style: circle inside ;
}


/*ACCESS MAP  GUIDE観光ガイド*/

.guide_cat{
	margin-top: 30px;
}

.guide_cat,
.guide{
	margin-bottom: 20px;
	border-bottom: solid 1px #8B7E39;
	padding-bottom: 10px;
}

.guidephoto{
	float: left;
	width: 180px;
}

.guidephoto img{
	border: solid 1px #8B7E39;
}

.guide_content{
	float: right;
	width: 400px;
}
.guide-title{
	color: #9F4848;
	background: url(../img/item/list_bar-red.gif) repeat-y left;
	float: left;
	font-size: 122%;
	padding-left: 15px;
	font-weight: bold;
}
.guidecar{
	float: right;
	display: inline;
	width: 154px;
	margin-right: 10px;
}

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

/* Hide from IE-mac \*/
*html .guide ,*html .event { height: 1%; }
.guide, .event { display: block; }
/* End hide from IE-mac */




/* -----------------------------------------------------------
	#RESERVE
		オンライン予約
----------------------------------------------------------- */

.online{
	width: 600px;
	margin-bottom: 20px;

}

.online_btn{
	width: 214px;
	float: left;
}

.online_content{
	width: 356px;
	float: right;
}

#member{
	margin-bottom:30px;
}

#member li{
	display:inline;
	margin-right:10px;
}

#imgR_qr {
	float: right;
	margin: -60px 10px 10px 10px;
}


#imgR_qr img{
	padding-left:10px;
	margin-bottom:-13px;
}

#imgR_qr p {
	font-weight:bold;
	padding-bottom:10px;
	}

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

.online { display: inline-block; }

/* Hide from IE-mac \*/
*html .online { height: 1%; }
.online { display: block; }
/* End hide from IE-mac */




/* -----------------------------------------------------------
	#NEWS
		ニュースページ
----------------------------------------------------------- */

#news .news_entry{
	width: 600px;
}


/*タイトル部分*/
#main .news-title{
	background: url('../img/item/list_bar-blue.gif') repeat-y left;
	margin: 10px 0;
	padding: 3px 15px;
	font-weight: bold;
	font-size: 136%;
	color: #157A8F;
}

#main .news-title a{
	text-decoration: none;
}

#news .meta {
	border-top: 1px solid #8B7E39;
	padding-top: 10px;
	margin-bottom: 30px;
	font-size:85%;
}

#news .entry_body{
	margin-bottom: 30px;
}

/*
  ニュースの先頭にカテゴリ表示
*/
#news .news_spa{
	padding-left: 70px;
	background: url(../img/share/news_spa.gif) no-repeat left;
}

#news .news_stay{
	padding-left: 70px;
	background: url(../img/share/news_stay.gif) no-repeat left;
}

#news .news_bridal{
	padding-left: 70px;
	background: url(../img/share/news_bridal.gif) no-repeat left;
}

#news .news_party{
	padding-left: 70px;
	background: url(../img/share/news_party.gif) no-repeat left;
}


#news .news_restaurant{
	padding-left: 70px;
	background: url(../img/share/news_restaurant.gif) no-repeat left;
}


#news .news_guide{
	padding-left: 70px;
	background: url(../img/share/news_guide.gif) no-repeat left；
}

#news .news_other{
	padding-left: 70px;
	background: url(../img/share/news_etc.gif) no-repeat left;
}

/*
  ここまで（ニュースの先頭にカテゴリ表示）
*/




#news #sub h3{
	margin-bottom: 10px;
}

#month_list{
	margin-bottom: 20px;
}

#month_list li{
	line-height: 1.9;
	list-style: inside disc;
	margin-left: 10px;
}


#connection li{
	line-height: 1.9;
	list-style: inside disc;
	margin-left: 10px;
}







/* -----------------------------------------------------------
	#about
		このサイトについて
----------------------------------------------------------- */

#about .caption{
	margin-bottom: 40px;
}


#individual dt,
#requirement_list dt{
	margin-bottom: 6px;
	padding-bottom: 5px;
	border-bottom: 1px solid #8B7E39;
	font-size: 107%;
	font-weight: bold;
}

#individual dd,
#requirement_list dd{
	margin-bottom: 30px;
	font-size: 94%;
	line-height: 1.9;
}

#about #name{
	font-weight: bold;
	margin-bottom: 50px;
}


#about #requirement{
	margin-bottom: 30px;
}

#requirement_list dd li{
	list-style: disc inside;
	margin-left: 5px;
}

/* -----------------------------------------------------------
	#contact
		お問い合わせについて
----------------------------------------------------------- */

#thanks {
color:#FF3300;
font-size:167%;
font-weight:bold;
}

/* contact main */
#main_contact {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	width:600px;
}
/* ページタイトル */
#contact_title{
	text-align: center;
	background: #EAB61E;
	margin-bottom: 30px;
}

/* ===================================================================
	clearfix
	floatclear
=================================================================== */


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

#contents { display: inline-block; }

/* Hide from IE-mac \*/
*html #contents { height: 1%; }
#contents { display: block; }
/* End hide from IE-mac */