@charset "UTF-8";

/* ホテル案内　構造
----------------------------------------------------- */

.lower h2 {background-image: url(image/h2_page.jpg);}
.lower #left h2 {background-image: url(image/h2.jpg);}

.lower #head #info_baer {
	display:block;
	background-color: #7b7a75;
	background-image:none;
	padding :0px;
	width:844px;
	height: 34px;
	margin:0px 0px 0px 0px;
	}

#contents p { margin:0px 10px 0px 0px;}


#contents h2.south { background-image: url(image/south/h2.jpg);}
#contents h2.east { background-image: url(image/east/h2.jpg);}
#contents h2.spa { background-image: url(image/spa/h2.jpg);}
#contents h2.banquet { background-image: url(image/banquet/h2.jpg);}
#contents h2.dining { background-image: url(image/banquet/h2dn.jpg);}
#contents h2.studio { background-image: url(image/studio/h2.jpg);}
#contents h2.conven { background-image: url(image/conven/h2.jpg);}


#contents h3.guestroom { background-image: url(image/south/h3_01.jpg);}
#contents h3.banquet { background-image: url(image/banquet/h3_01.jpg);}
#contents h3.dining { background-image: url(image/banquet/h3dn_01.jpg);}


/* レフトナビ　(基本構造はbase.css内)
----------------------------------------------------- */

#left ul.navi li.south a{ background-image: url(image/l_south.jpg);}
#left ul.navi li.east a{ background-image: url(image/l_east.jpg);}
#left ul.navi li.spa a{ background-image: url(image/l_spa.jpg);}
#left ul.navi li.banquet a{ background-image: url(image/l_banquet.jpg);}
#left ul.navi li.studio a{ background-image: url(image/l_studio.jpg);}
#left ul.navi li.conven a{ background-image: url(image/l_conven.jpg);}
#left ul.navi li.service a{ background-image: url(image/l_savice.jpg);}
#left ul.sub_navi li.empty a{ background-image: url(../common/image/l_empty.jpg);}
#left ul.sub_navi li.visitor a{ background-image: url(../common/image/l_visitor.jpg);}
#left ul.sub_navi li.map a{ background-image: url(image/l_map.jpg);}


/* ホテル案内トップページ
----------------------------------------------------- */

/* 案内一覧------------ */

#contents .hotel_info {
	display:block;
	width:582px;
	margin:0px -10px 0px -8px;
	padding :0px;
	list-style:none; }

#contents .hotel_info li{
	display:block;
	width:291px;
	padding :0px;
	list-style:none;
	float:left; }

.hotel_info li h3 a{
	display:block;
	background-repeat: no-repeat;
	width:260px;
	height: 25px;
	text-indent:-9999em;
	margin-bottom: 4px; }

.hotel_info li h3 a:hover {background-position: 0px 100%;}

/* 案内一覧見出し-- */
.hotel_info li h3 a.south { background-image: url(image/t_01.jpg);}
.hotel_info li h3 a.east { background-image: url(image/t_02.jpg);}
.hotel_info li h3 a.spa { background-image: url(image/t_03.jpg);}
.hotel_info li h3 a.banquet { background-image: url(image/t_04.jpg);}
.hotel_info li h3 a.studio { background-image: url(image/t_05.jpg);}
.hotel_info li h3 a.conven { background-image: url(image/t_06.jpg);}
.hotel_info li h3 a.service { background-image: url(image/t_07.jpg);}

.hotel_info li a.alpha {
	display:block;
	background-image: url(image/c_list.png);
	background-repeat: no-repeat;
	width:264px;
	height: 108px;
	padding :0px 0px 0px 10px;
	margin: 0px;
	list-style:none;
	text-indent:0em;}

.hotel_info li a.alpha img {
	padding :0px;
	display:block;
	margin:3px 0px 0px 0px;
	border-right:1px solid #fff;
	float:left;
	}

.hotel_info li p{ 
	padding:0px 25px 25px 10px;}

/* フッターバナー------------ */

#contents .f_baner {
	display:inline;
	width:258px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px -4px;}

#contents .f_baner a {
	display:block;
	background-image: url(../common/image/others.jpg);
	background-repeat: no-repeat;
	width:128px;
	height: 99px;
	margin: 0px 1px 0px 0px;
	text-indent: 0em;
	float:left; }

#contents .f_baner a img{
	display:block;
	padding:2px;
	border:solid 1px #aaaaaa;
	margin: 1px 0px 0px 4px;
	}

#contents .f_baner a:hover img{
	border:solid 1px #940425;}


#contents .f_baner h3{
	display:block;
	background-repeat: no-repeat;
	width:248px;
	height: 37px;
	margin: 0px 0px 4px 4px;
	text-indent:-9999em;}

#contents .etc h3 { background-image: url(image/t_savice.jpg);}
#contents .camp h3 { background-image: url(image/t_camp.jpg);}



.amenity-bring {
	position: relative;/*追加0905*/
    bottom: 30px;/*追加0905*/
    color: red;/*追加0905*/
}

/* ホテル案内　下層
----------------------------------------------------- */
	

/* h3はテキストで作成 */
#contents h3.uni { 
background-image: url(image/south/h3_uni.jpg);
line-height:24px;
text-indent:0px;
font-size:1.4em;
color:#333;
padding:8px 0px 0px 15px;
}

/* h4はテキストで作成 */
#contents h4 { 
text-indent:0px;
font-size:1.1em;
color:#333;
padding:0px 0px 10px 0px;
}


#contents a.main_img {
	display:block;
	background-image: url(../common/image/main_img.jpg);
	background-repeat: no-repeat;
	width:564px;
	height: 200px;
	padding :1px 0px 0px 10px;
	margin: 0px -16px 3px -8px;
	text-indent:0em; }

#contents a.main_img img{
	display:block;
	padding :0px;
	margin:0px 0px 0px 0px; }



#contents .question{
	display:block;
	background-image: url(../faq/image/q_img.jpg);
	background-repeat: no-repeat;
	padding :0 0 20px 40px;
	margin:0px 0px 0px 0px; }

#contents .answer{
	display:block;
	background-image: url(../faq/image/a_img.jpg);
	background-repeat: no-repeat;
	padding :0 0 20px 40px;
	margin:0px 0px 0px 0px;
border-bottom:solid 1px #ddd; }

/* プラン表組みパターン */
table.box {
	width: 100%;
	table-layout: auto;
}

table.box th {
	table-layout: auto;
}

table.box th,tr,td{
	border-collapse:collapse;
	margin:0px;
	border:1px solid #b49d8c;
	padding:10px;
	background-color:#fff;
text-align:center;
}


table.box th { background-color:#f2f0e4;}


table.top,
table.bottom {
	width: 549px;
	margin:0px;
	border-top:1px solid #b49d8c;
	border-right:1px solid #b49d8c;
	border-left:1px solid #b49d8c;
	background-color:#fff;}

table.bottom {
	margin-bottom:20px;
	border:1px solid #b49d8c;}

table.top {
	margin-top:17px;}

table.top td,
table.bottom td,
table.top th,
table.bottom th {
	border-right:1px solid #b49d8c;
	padding:7px 7px;}

table.top td,
table.bottom td {
	border-top:1px solid #b49d8c;}
	
table.top td {border-right:0px none;}

table.top th { background-color:#e1dcc0; }
table.bottom th { background-color:#f2f0e4;}
table.bottom th.att { background-color:#f6f2e6;}

table.box h3,	
table.top h3,
table.bottom h3 {
	width: auto;
	height: auto;
	padding : 5px 5px 5px 10px;
	margin: 0px;
	text-indent:0em;
	font-size:1.3em;
	}
table.bottom th.ins { width: 20%;}
table.bottom th.rate { 	width: 218px;}

table.bottom table.non,
table.bottom table.non td,
table.bottom table.non th {
	background-color:transparent;
	padding : 0px;
	margin: 0px;
	border :0px none;
	font-weight: bold;}

table.bottom table.non th { 
width:14em;
font-weight: normal;}