@charset "utf-8";

/*下層共通項目
-------------------------------------------------*/
#main_bg {}
#main_img {
	width:980px;
	height:100px;
	margin: 0px auto;
	background: #900;
}

/* コンテンツ
-------------------------------------------------*/
#contents_bg{
	text-align:left;
	background: url(../images/common/contents_bg.jpg) no-repeat center top;
	padding-top: 40px;
}
#contents{
	width:1158px;
	margin:0 auto 0;
	text-align:left;
	background: #FFF;
	border-right: 1px solid #dcd2c2;
	border-left: 1px solid #dcd2c2;
	padding: 40px 20px 20px;
}

/* サブカラム 
-------------------------------------------------*/
#aside{
	width:224px;
	float:right;
	margin-bottom: 50px;
}

/* メインカラム 
-------------------------------------------------*/
#article{
	width:900px;
	float: left;
	min-height:500px;
}

/* サイドナビ 
-------------------------------------------------*/
#snav{

}
#snav ul{list-style-type:none;}
.main li{	margin-bottom:1px;}
#snav li img{vertical-align:bottom;}
#snav .main{ position:fixed;}
#snav .sub{
	font-size: 90%;
}

.sub li{
	margin-bottom:10px;
}

.h3_tit01{
	font: normal 30px "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho",  serif;
	color: #664d3f;
	margin-bottom: 30px;
	padding-bottom: 10px;
	border-bottom: 1px solid #95847a;	
}

.h4_tit01{
	
	color:#fff;
	font-size: 16px;
	padding: 10px 25px;
	font-weight: normal;
	margin-bottom: 1px;
}

.h4_tit02{
	
	color:#e3007f;
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 10px;
}

.h5_tit01{
	color:#9c8013;
	font: normal 16px/1 "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	height: 50px;
}

.h5_tit01 span{
	display:table-cell;
	vertical-align:middle;
	height:50px;
	text-align: center;
	width:207px;
}

.bg01{
	background:#b08829;
}

.bg02{
	background:#e4ab5a;
}

.bg03{
	background:#a0c238;
}

.bg04{
	background:#f08200;
}
.bg05{
	background:#d5848b;
}

.attention{
	border:1px solid #95847a;
	padding:20px;
	margin-top: 30px;
}

/*hotel*/

.cam_txt{
	font-size:18px;
	margin-bottom:30px;
}

.cam_tab{
	border-top:1px solid #c1aa9d;
	border-left:1px solid #c1aa9d;
	width:100%;
	font-size: 14px;
}
.cam_tab th{
	background:#f4f0ed;
	border-bottom:1px solid #c1aa9d;
	padding:15px 25px;
	text-align:left;
	vertical-align:middle;
	width:180px;
	font-weight: normal;
}
.cam_tab td{
	border-bottom:1px solid #c1aa9d;
	border-right:1px solid #c1aa9d;
	padding:15px 25px;
	vertical-align:middle;
	text-align: center;
}

.cam_tab td.price{
	font: normal 20px "Times New Roman", Times, serif;
	color: #C30;
	text-align: right;
	width: 160px;
}

.cam_tab td span{
	font: normal 12px "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color: #C30;
}

.cam_tab td.nobdr{
	border-bottom:1px dotted #c1aa9d;
}

.cam_tab td.sub{
	padding:15px 0px;
	border-right:none;
	text-align:right;
	
}

.hotel_map{
	width:880px;
	height:300px;
	margin-bottom:20px;
}

.setsubi_icon{
	list-style-type:none;
	text-align:center;
}

.setsubi_icon li{
	display:inline;
	margin-bottom: 5px;
}

.setsubi_roombox{
	border:2px solid #fff;
	width: 208px;
	padding: 1px;
	text-align: center;
	float: left;
	margin-left: 4px;
	border-radius:4px;
	margin-bottom: 10px;
}


.setsubi_roominner{
	background:#fff;
	border-radius:4px;
	border:1px solid #dbd9c4;
}

.setsubi_img{
	margin-bottom:5px;
}

.roomnumber {
}
.roomnumber{
	margin:0 5px;
	list-style-type:none;
	text-align: left;
	width:200px;
}

.roomnumber li{
	padding-bottom:4px;
	display:table;
}
.roomnumber li.room{
	float:left;
	width: 150px;
}
.roomnumber li.icon { width:30px; float:left;}

.roomnumber li+li{
	padding-bottom:4px;
	border-top: 1px dotted #cbbc92;
	display:table;
	width:200px;
}

.roomnumber li p{
	display:table-cell;
	text-align: left;
	width: 170px;
}

.roomnumber li img{
	padding-right:10px;
	padding-top: 8px;
	width:25px;
	height:auto;
	display:table-cell;
	margin-bottom:1px;
}



/*ギャラリー*/

#room_detail_imgb{
	margin: 0 auto 2px;
	width:703px;
}

#room_detail_imgb img{
	width:703px;
	height:auto;
	display: block;
}

.thumb_box{
	margin: 0 auto;
	width:706px;
}

.thumb_box ul{
	list-style-type:none;
	display: block;
	overflow: hidden;
}

.thumb_box ul li{
	display:inline;
	width:97px;
	margin:0;
	padding:0;
}

.thumb_box ul li img{
	width:97px;
	height:auto;
	margin:0;
	padding:0;
}

/* mod_thumbnail
--------------------------------------------*/
.mod_thumbnail{
	margin:0 0 50px 0;
}
 
/* サムネイル画像表示（thumbnaillist）
-----------------------------------------*/
.thumbnaillist{
	width: 707px;
	margin-right: auto;
	margin-left: auto;
}
.thumbnaillist ul{
	list-style-type:none;
}
.thumbnaillist li{
	width:100px;
	height:90px;
	float:left;
	background:none;
	padding:0 0px 0px 1px;
	text-align: center;
	font-size: 11px;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	line-height: normal;
	font-weight: bold;
	overflow: hidden;
}
.thumbnaillist li a{
    display:block;
		height:62px;
		overflow:hidden;
}

.thumbnaillist li img{
	width:100px;
	height:auto;
}
.thumbnaillist li a:link    {}
.thumbnaillist li a:visited {}
.thumbnaillist li a:hover   {opacity:0.8;}
.thumbnaillist li a:active  {opacity:0.8;}
/* IE用 ↓*/
.thumbnaillist li a:hover img {filter:alpha(opacity=80);}
 
 
/* メイン画像表示（mod_mainimglist）
-----------------------------------------*/
.mainimglist{
	width:706px;
	margin:0px auto 20px;
}
.mainimglist img{
	width:706px;
  height:auto;
	max-height:471px;
}

.mainimglist p{
	font: italic normal 30px/normal "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	color: #664d3f;
	text-align:right;
}


/*メンバーズ特典
------------------------------*/

.mem_tab{
	border-top:1px solid #c1aa9d;
	width:100%;
	margin:0 0 30px;
}
.mem_tab th{
	background:#f4f0ed;
	border-bottom:1px solid #c1aa9d;
	padding:15px;
	text-align:left;
	vertical-align:top;
}
.mem_tab td{
	border-bottom:1px solid #c1aa9d;
	padding:4px 15px;
	text-align: center;
	width:20%;
}

.mem_tab td.nobdr{
	border-bottom:none;
}

.mem_tab td span{
	font-size:10px;
	line-height: 1;
}

.members{
	width:267px;
	margin: 12px;
	height: 157px;
	float: left;
}

.members_img{

}

.bdr{
	border:1px solid #f6f6f6;
	padding:20px 0 20px 1px;
	background: #fbfbf7;
}

.comment_box{
	display:table;
	margin-top: -40px;
	width: 267px;
	height: 40px;
}

.members_comment{
	text-align: center;
	vertical-align:middle;
	line-height: 1.2;
	display: table-cell;
	font-size: 90%;
}

/*email*/

.cell{
	display:table;
	table-layout:fixed;
	width:500px;
	border:2px solid #F99;
	padding:0 5px 0 10px;
	border-radius:4px;
}

.cell p{
	display:table-cell;
	vertical-align:middle;
	white-space:nowrap;
	font-size:16px;
}

.cell p img{
	padding-bottom:4px;
}

.line{	display:table;	table-layout:fixed;	width:500px;	border:2px solid #01b901;	padding:0 5px 0 10px;	border-radius:4px;}
.line p{	display:table-cell;	vertical-align:middle;	white-space:nowrap;	font-size:16px;}
.line p img{	padding-bottom:4px;}


.line_sns{	display:table;	width:400px!important;	border:3px solid #01b901;	padding:10px 5px 10px 10px;	border-radius:4px; margin:5px 8px 20px;}
.line_sns p{	vertical-align:middle;	font-size:14px;}
.line_sns p img{	padding-bottom:4px;}
.line_sns h4.logo{ width:280px; overflow:hidden; display:block; margin-bottom:10px; padding-top:10px;}


.touroku_txt{
	line-height: 2.5;
	margin-bottom: 20px;
}

span.box{
	border-radius:3px;
	border:1px solid #F99;
	padding:3px 10px;
}

.tokutenbox{
	background:#fef2f1;
	padding:20px 10px;
}
.tokuten_list{
	list-style-type:none;
}

.tokuten_list li{
	/*background: url(../images/email/icon_harts.jpg) no-repeat left 2px;*/
	padding-left: 8px;
	line-height: 2.5;
	width:360px;
	display:block;
	float:left;
	margin-bottom: 10px;
	margin-left: 30px;
}
.tokuten_list li span{
	font: 24px "Times New Roman", Times, serif;
	color: #fff;	
}

.tokutenbox .square{
	margin-left:140px;
}

.tokutenbox .square li{
	width:300px;
	float:left;
	line-height: 2;
}

/*クーポン
------------------------------------------------*/

.branchbox_bg{
	width:900px;
	margin-bottom: 30px;
}

.branch_box{
	background: #eeede4;
	width: 170px;
	padding-bottom: 30px;
	float: left;
	margin-right: 7px;
}



.branch_box h2{
	text-align:center;
	margin-bottom:10px;
	font-family: "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐ明朝", serif;
	font-weight: normal;
}

.branch_box img{
	width:170px;
	height:auto;
}

.branch_img{
	text-align:center;
	margin-bottom:10px;
}

.branch_logo{
	text-align:center;
	margin-bottom:20px;
}

.branch_txt{
	margin:0 10px;
}

.branch_txt span{
	color:#ff6600;
}

.branch_bg1{
	border-bottom:9px solid #7e308e;
}
.branch_bg2{
	border-bottom:9px solid #00a0e9;
}
.branch_bg3{
	border-bottom:9px solid #3eb134;
}
.branch_bg4{
	border-bottom:9px solid #462529;
}
.branch_bg5{
	border-bottom:9px solid #900e34;
}

/*採用
------------------------------------------------*/

.rec_tab{
	border-top:1px solid #e6dcd7;
	width:100%;
}
.rec_tab th{
	border-bottom:1px solid #e6dcd7;
	padding:15px;
	text-align:left;
	line-height:normal;
	vertical-align:top;
}

.rec_tab th.title{
	border-bottom:none;
}

.rec_tab td{
	border-bottom:1px solid #e6dcd7;
	padding:4px 15px;
	line-height:normal;
	vertical-align:top;
	text-align: right;
}



/*会社概要
-------------------------------------------------*/
.com_tab{
	border-top:1px solid #e6dcd7;
	width:100%;
}
.com_tab th{
	background:#efefef;
	border-bottom:1px solid #e6dcd7;
	padding:15px;
	text-align:left;
	line-height:normal;
	vertical-align:top;
	width:160px;
}
.com_tab td{
	border-bottom:1px solid #e6dcd7;
	padding:15px;
	line-height:normal;
	vertical-align:top;
}
/*沿革*/
.his_tab{border-top:1px solid #ccc;width:100%;margin:0 0 35px;}
.his_tab th{background:#efefef;border-top:1px solid #fff;border-bottom:1px solid #ccc;padding:5px 10px;text-align:left;line-height:normal;vertical-align:top;width:120px;}
.his_tab td{border-top:1px solid #fff;border-bottom:1px solid #ccc;padding:4px 8px;line-height:normal;vertical-align:top;}

/*お問い合わせ
-------------------------------------------------*/
ul.error { padding:0px 10px 30px;}
ul.error li { list-style:none; color:#FF0000;}
.con_tab{border-top:1px solid #533628;width:100%;margin:0 0 20px;}
.con_tab th{background:#ccc;border-top:1px solid #fff;border-bottom:1px solid #533628;padding:4px 8px;text-align:left;width:160px;line-height:normal;color:#fff;font-weight:normal;}
.con_tab td{border-top:1px solid #fff;border-bottom:1px solid #533628;padding:4px;line-height:normal;}

/* フォーム設定 */
.pp{border:1px solid #ccc;padding:14px;height:120px;overflow-x:hidden;overflow-y:auto;}
.agree{margin:0 0 10px;text-align:center;border-bottom:1px dottd #666;}
.confirm{width:200px;height:40px;margin:0 0 35px;text-align:center;}

input[type="checkbox"], input[type="radio"] {vertical-align:middle;}
input{font-size:100%;vertical-align:middle;}
input[type="text"], select{border:1px solid #ccc;padding:2px;}
input:focus[type="text"],input:focus[type="password"],textarea:focus{border:1px solid #666;padding:2px;background:#efefef;}
textarea{font-size:100%;border:1px solid #ccc;padding:2px;width:98%;}
.form-ss{width:10%;}
.form-s{width:25%;}
.form-m{width:50%;}
.form-l{width:75%;}
.form-ll{width:90%;}
.form-btn { padding:5px 20px;}

/*カタログ
-------------------------------------------------*/
/* プログラム */
div.paging{line-height:normal;background-color:#efefef;padding:5px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;text-align:center;font-size:xx-small;font-family:Arial, Helvetica, sans-serif;margin-bottom:20px;}
div.paging span.current,div.paging span a.paging-text{margin:0px 5px;padding:4px 8px;border:1px solid #999;background:#fff;display:inline;zoom:1;display:inline-block;overflow:hidden;text-decoration:none;}
div.paging span.current{background:#ddd;display:inline;zoom:1;text-decoration:none;display:inline-block;}
div.paging span a.paging-text:hover{color: #f60;background:#333;cursor:pointer;background-color:#fff;background:#fc9;display:inline;zoom:1;text-decoration:none;display:inline-block;}
div.paging img { vertical-align: middle; }

/*インターネットクーポン*/


.tabbox_wrapper{
	width:100%;
}
.tabbox{
	margin:30px 20px;
}

.tabbox h2{
	width:30%;
	margin:0 auto 20px;
}

.tabbox h2 img{
	width:100%;
	height:auto;
}
.coupon_tab{
	border-top:1px solid #c1aa9d;
	border-left:1px solid #c1aa9d;
	width:100%;
}
.coupon_tab th{
	background:#f4f0ed;
	border-bottom:1px solid #c1aa9d;
	padding:15px;
	text-align:left;
	width:180px;
	font-weight: normal;
}
.coupon_tab td{
	border-bottom:1px solid #c1aa9d;
	border-right:1px solid #c1aa9d;
	padding:15px 25px;
	vertical-align:middle;
	text-align: left;
}

.coupon_tab td > table td{
	border-bottom:1px dashed  #c1aa9d;
	border-right:none;
	padding:10px 0;
}

.coupon_tab td{
	vertical-align:top;
}

.coupon_tab td > table td.icon{
	padding-right:0.5em;
}

.coupon_haikei{
	position:relative;
	width: 694px;
	margin-left:auto;
	margin-right:auto;}
	
.coupon_haikei p{
	position: absolute;/*絶対配置*/
	color: white;/*文字は白に*/
	top: 340px;
	left: 50px;
	font-weight:bold;
  }
  
  .coupon_haikei img{
	width: 694px;
  }