@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;}


/* レフトナビ　(基本構造は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);}





/* ホテル案内　下層
----------------------------------------------------- */
	
#contents h2.south { background-image: url(image/south/h2.jpg);}
#contents h3.guestroom { background-image: url(image/south/h3_01.jpg);}

/* 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; 
}

/*お問い合わせ*/
.inq_box{
	display:block;
	width:547px;
	padding :83px 0px 0px 0px;
	margin:10px 0px 30px 0px;
	border:1px solid #3b72be;
	background-image: url(image/inq_bg.jpg);
	background-repeat: no-repeat;
	background-color:#aac7e9;
	position:relative; 
}

.inq_box h3,
.inq_box h4{
	display:none;
}

.inq_box a.inq_button{
	display:block;
	width:264px;
	height:34px;
	background-image: url(image/inq_button.jpg);
	background-repeat: no-repeat;
	background-color:#aac7e9;
	position:absolute; top:38px; left:255px
}

.inq_box ul{
	list-style:none;
	padding :5px 38px 5px 38px;
	margin:0px;
}

.inq_box ul li{
	display:inline;
	list-style:none;
	padding :0px 10px 0px 0px;
	margin:0px;
}