@charset "utf-8";

/*------------------------------------------------------------------------------
XXXXXXXXXX - CSS Modules Import
URL:http://
Date:200X-0X-XX
Copyright (C) XXX. All Rights Reserved.
------------------------------------------------------------------------------*/


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

Redefine

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

html, body {
	margin:0px;
	padding:0px;
}

html{
	background:url(../img/common/bg06.jpg) repeat center top;
}

body {
line-height:1.2;
color:#666666;
background: #F0ECE0 url(../img/common/bghtml.jpg) repeat-y left top;
font-family:"ＭＳ Ｐゴシック", "MS PGothic", sans-serif, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka;
background-color:transparent !important;
}

div#grpSubHeader a {
}

a {
text-decoration:underline;
}

a:hover {
text-decoration:none;
}

/* ----------------------------------------
Redefine - Container
---------------------------------------- */

div#container {
width:950px;
margin:0 auto;
font-size:100%;
}

div#container a:hover img {
filter: alpha(opacity=60);
-moz-opacity:0.6;
opacity:0.6;
}

div#contents {
	width: 950px;
	background: url(../img/common/bg04.gif) repeat-y 0 0;
}

ul.pagetop {
clear: both;
text-align: right;
}

ul.pagetop li {
padding: 10px 0;
font-size: 0;
line-height: 0;
}

ul.pagetop02 {
	clear: both;
	padding-top: 5px;
	padding-bottom: 10px;
	padding-left: 619px;
}

ul.pagetop02 li {
	width: 78px;
	height: 19px;
	background: url(../img/common/pagetop.jpg) no-repeat 0 0;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
}

ul.pagetop02 li a {
	display: block;
	height: 100%;
}

ul.pagetop02 li a:hover,
div#sub div#hotel_information ul li.bnr03 a:hover,
div#header ul#search_btn li a:hover{
	filter: alpha(opacity=30);
	-moz-opacity:0.3;
	opacity:0.3;
	background: #fff;
}

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

フォントサイズは子要素に指定する

10px = 77%
11px = 85%
12px = 93%
13px = 100%
14px = 108%
15px = 116%
16px = 123.1%
17px = 131% 
18px = 138.5%
19px = 146.5%
20px = 153.9%
21px = 161.6%
22px = 167%
23px = 174%
24px = 182%
25px = 189%
26px = 197%

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

/*  --
WinIE,MacIE4,NN4,Opera7以下は除外
レガシーブラウザを回避してpx指定する場合
-- */

html[xmlns]>/**/body div#Container {
/*font-size:13px;*/
}

/* ----------------------------------------
header
---------------------------------------- */

div#header {
	width: 950px;
	padding-bottom: 10px;
	position: relative;
}

div#header h1 {
	width: 950px;
	height: 120px;
	background: url(../img/common/head.jpg) no-repeat 0 0;
	display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr;
}

div#header h1 a {
	display: block;
	width: 240px;
	height: 120px;
}

div#header h1 a:hover,
div#header ul#search_btn li a:hover{
	filter: alpha(opacity=30);
	-moz-opacity:0.3;
	opacity:0.3;
	background: #fff;
}

div#search_box {
	width: 950px;
	min-height: 380px;
	height: auto !important;
	height: 380px;
	background: url(../img/common/bg05.jpg) repeat;
	margin: 0;
	padding: 0;
}

div#search_box dl.room_search {
	width: 220px;
	margin-left: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #E6B873;
	font-size: 93%;
	color: #fff;
}

div#search_box dl.room_search dt.tit01 {
	width: 220px;
	height: 32px;
	background: url(../img/common/s_tit01.gif) no-repeat 0 0;
}

div#search_box dl.room_search dd {
	width: 210px;
	margin-left: 10px;
}

div#search_box dl.room_search p.tit02 {
	width: 74px;
	height: 22px;
	background: url(../img/common/s_tit02.gif) no-repeat 0 0;
}

div#search_box dl.room_search p.tit03 {
	width: 74px;
	height: 21px;
	background: url(../img/common/s_tit03.gif) no-repeat 0 0;
}

div#search_box dl.room_search p.tit04 {
	width: 74px;
	height: 23px;
	background: url(../img/common/s_tit04.gif) no-repeat 0 0;
}

div#search_box dl.room_search div.persons {
	padding: 0 0 5px;
}

div#search_box dl.room_search p.adult {
	float: left;
	width: 90px;
}

div#search_box dl.room_search p.child {
	float: right;
	width: 115px;
	background: url(../img/common/s_icon.gif) no-repeat left center;
	text-decoration: underline;
	color: #FAF3BB;
	text-indent: 15px;
	cursor: pointer;
}

div#search_box dl.room_search p.child:hover {
	text-decoration: none;
}

div#search_box dl.room_search p.other_child {
	clear: both;
}

div#search_box dl.room_search p.other_child span {
	display: block;
	padding: 3px 0;
}

div#search_box dl.room_search p.room {
	padding-left: 70px;
	min-height: 21px;
	height: auto !important;
	height: 21px;
	background: url(../img/common/s_tit05.gif) no-repeat 0 0;
}

div#search_box dl.room_search div.btn {
	padding: 7px 0 5px 53px;
}

div#search_box ul#search_btn {
	width: 220px;
	height: 113px;
	margin-left: 10px;
	position: relative;
}

div#search_box ul#search_btn li {
	width: 220px;
	height: 54px;
}

div#search_box ul#search_btn li.btn01 {
	margin-bottom: 5px;
	background: url(../img/common/s_bnr01.jpg) no-repeat 0 0;
}

div#search_box ul#search_btn li.btn02 {
	background: url(../img/common/s_bnr02.jpg) no-repeat 0 0;
}

div#search_box ul#search_btn li a {
	display: block;
	height: 100%;
}




/* 画像置き換え用 */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }

/* ブラウザ、スクリーンリーダから隠す
 css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; }
 
/* ブラウザからは隠し、スクリーンリーダからは利用できる
www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden  */
.visuallyhidden { position: absolute !important;   
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px); }

/* ブラウザとスクリーンリーダから隠し、レイアウトを保持 */
.invisible { visibility: hidden; }


/*div#header {
	width: 950px;
	height: 500px;
	position: relative;
	margin-bottom: 15px;
	background: url(../img/common/header.jpg) no-repeat 0 0;
}

div#header h1 {
	width: 240px;
	height: 120px;
	margin-bottom: 40px;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
}

div#header h1 a {
	display: block;
	height: 100%;
}

div#header h1 a:hover {
	filter: alpha(opacity=30);
	-moz-opacity:0.3;
	opacity:0.3;
	background: #fff;
}
*/
div#header ul#site_navi {
	width: 174px;
	height: 17px;
	position: absolute;
	left: 770px;
	top: 12px;
}

div#header ul#site_navi li {
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
}

div#header ul#site_navi li.navi01 {
	width: 60px;
	height: 17px;
	background: url(../img/common/s_navi01.jpg) no-repeat 0 0;
}

div#header ul#site_navi li.navi02 {
	width: 103px;
	height: 17px;
	position: absolute;
	left: 71px;
	top: 0;
	background: url(../img/common/s_navi02.jpg) no-repeat 0 0;
}

div#header ul#site_navi li a {
	display: block;
	height: 100%;
}

div#header ul#site_navi li a:hover {
	filter: alpha(opacity=30);
	-moz-opacity:0.3;
	opacity:0.3;
	background: #572919;
}

div#header ul#global_navi {
	width: 710px;
	height: 70px;
	position: absolute;
	left: 240px;
	top: 50px;
}

div#header ul#global_navi li {
	height: 70px;
	position: absolute;
	left: 0;
	top: 0;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
}

div#header ul#global_navi li.navi01 {
	width: 179px;
	height: 70px;
	background: url(../img/common/g_navi01.jpg) no-repeat 0 0;
}

div#header ul#global_navi li.navi02 {
	width: 177px;
	height: 70px;
	left: 179px;
	background: url(../img/common/g_navi02.jpg) no-repeat 0 0;
}

div#header ul#global_navi li.navi03 {
	width: 177px;
	height: 70px;
	left: 356px;
	background: url(../img/common/g_navi03.jpg) no-repeat 0 0;
}

div#header ul#global_navi li.navi04 {
	width: 177px;
	height: 70px;
	left: 533px;
	background: url(../img/common/g_navi04.jpg) no-repeat 0 0;
}

div#header ul#global_navi li a {
	display: block;
	height: 100%;
}

div#header ul#global_navi li a:hover {
	filter: alpha(opacity=40);
	-moz-opacity:0.4;
	opacity:0.4;
	background: #985C20;
}

div#header div#mainvisual {
	width: 710px;
	height: 380px;
	position: absolute;
	left: 240px;
	top: 120px;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
}


/* ----------------------------------------
sub
---------------------------------------- */
div#sub {
	float: right;
	width: 220px;
}

div#sub div#topics {
	width: 220px;
}

div#sub div#topics p.tit {
	width: 220px;
	height: 40px;
	background: url(../img/top/tit02.jpg) no-repeat 0 0;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
}

div#sub div#topics ul {
	height: 407px;
	overflow: auto;
}

div#sub div#topics ul li {
	padding: 15px 0;
	background: url(../img/top/bg03.jpg) repeat-x bottom;
}

div#sub div#topics ul li p {
	font-size: 93%;
	color: #663300;
}

div#sub div#topics ul li p a {
	color: #996633;
}

div#sub div#topics ul li p em {
	display: block;
}

div#sub div#topics ul li p span {
	display: block;
}

div#sub div#topics ul li.image p {
	float: left;
	width: 110px;
}

div#sub div#topics ul li.image div.pic {
	float: right;
	width: 80px;
}

div#sub div#topics ul li.image div.pic img {
	width: 80px;
}

div#sub div#topics ol {
	padding: 10px 0 15px 63px;
}

div#sub div#topics ol li {
	width: 154px;
	height: 21px;
	background: url(../img/top/btn01.gif) no-repeat 0 0;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
}

div#sub div#topics ol li a {
	display: block;
	height: 100%;
}

div#sub div#topics ol li a:hover,
div#sub div#hotel_information ul li.bnr01 a:hover,
div#sub div#hotel_information ul li.bnr02 a:hover{
	filter: alpha(opacity=40);
	-moz-opacity:0.4;
	opacity:0.4;
	background: #E6DFC3;
}

div#sub div#hotel_information {
	width: 220px;
}

div#sub div#hotel_information p.tit {
	width: 220px;
	height: 40px;
	background: url(../img/top/tit03.jpg) no-repeat 0 0;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
}

div#sub div#hotel_information ul li.bnr01 {
	width: 220px;
	height: 57px;
	background: url(../img/top/bnr01.jpg) no-repeat 0 0;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
}

div#sub div#hotel_information ul li.bnr02 {
	width: 220px;
	height: 58px;
	margin-bottom: 12px;
	background: url(../img/top/bnr02.jpg) no-repeat 0 0;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
}

div#sub div#hotel_information ul li.bnr03{
	width: 220px;
	height: 120px;
	margin-bottom: 13px;
	background: url(../img/top/bnr03.jpg) no-repeat 0 0;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
}

div#sub div#hotel_information ul li a {
	display: block;
	height: 100%;
}

div#sub div#hotel_information div.pic {
	width: 220px;
	height: 189px;
	margin-bottom: 10px;
	background: url(../img/top/pic02.jpg) no-repeat 0 0;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px; 
}

div#sub div#hotel_information dl {
	font-size: 93%;
}

div#sub div#hotel_information dt {
	font-weight: bold;
	color: #CC6600;
}

div#sub div#hotel_information dd p {
	padding-bottom: 10px;
	color: #663300;
}

div#sub div#hotel_information dd p span {
	font-size: 0.8em;
}

div#sub div#hotel_information dd a.btn {
	display: block;
	width: 147px;
	height: 28px;
	background: url(../img/top/btn02.gif) no-repeat 0 0;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px; 
}

div#sub div#hotel_information dd a.btn:hover {
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	background: url(../img/top/btn02.gif) no-repeat 0 0;
}

/* ----------------------------------------
footer
---------------------------------------- */

div#footer {
	clear: both;
	width: 950px;
	height: 130px;
	background: url(../img/common/footer.jpg) no-repeat bottom;
	position: relative;
}

div#footer li {
	position: absolute;
	left: 0;
	top: 105px;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
}

div#footer li.navi01 {
	width: 55px;
	height: 20px;
	left: 9px;
	background: url(../img/common/f_navi01.jpg) no-repeat 0 0;
}

div#footer li.navi02 {
	width: 83px;
	height: 20px;
	left: 76px;
	background: url(../img/common/f_navi02.jpg) no-repeat 0 0;
}

div#footer li.navi03 {
	width: 99px;
	height: 20px;
	left: 175px;
	background: url(../img/common/f_navi03.jpg) no-repeat 0 0;
}

div#footer li.navi04 {
	width: 95px;
	height: 20px;
	left: 282px;
	background: url(../img/common/f_navi04.jpg) no-repeat 0 0;
}

div#footer li.navi05 {
	width: 95px;
	height: 20px;
	left: 387px;
	background: url(../img/common/f_navi05.jpg) no-repeat 0 0;
}

div#footer li a {
	display: block;
	height: 100%;
}

div#footer li a:hover {
	filter: alpha(opacity=40);
	-moz-opacity:0.4;
	opacity:0.4;
	background: #9D641F;
}


/* ----------------------------------------
common bnr
---------------------------------------- */

ul#common_bnr {
	clear: both;
	width: 715px;
	height: 160px;
	position: relative;
	background: url(../img/common/bg03.gif) no-repeat bottom; 
}

ul#common_bnr li {
	position: absolute;
	left: 0;
	top: 0;
	width: 220px;
	height: 120px;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
}

ul#common_bnr li a {
	display: block;
	height: 100%;
}

ul#common_bnr li a:hover {
	filter: alpha(opacity=20);
	-moz-opacity:0.2;
	opacity:0.2;
	background: #fff;
}

ul#common_bnr li.bnr01 {
	left: 20px;
	top: 11px;
	background: url(../img/common/c_bnr01.jpg) no-repeat 0 0;
}

ul#common_bnr li.bnr02 {
	left: 249px;
	top: 11px;
	background: url(../img/common/c_bnr02.jpg) no-repeat 0 0;
}

ul#common_bnr li.bnr03 {
	left: 477px;
	top: 11px;
	background: url(../img/common/c_bnr03.jpg) no-repeat 0 0;
}


/* ----------------------------------------
Common Class
---------------------------------------- */

.Clear {
clear:both;
}

.OutlineFix {
/* Gecko outLinefix & MacIEHack ＼*/
overflow:hidden;/* End */
}

/* ----------------------------------------
ClearFix (基本的にクラス指定では使用しない)
---------------------------------------- */

/* -- Modern Browsers -- */

.ClearFix:after,
div#top_recommend li:after,
div#sub div#topics ul li.image:after{
display:block;
visibility:hidden;
clear:both;
height:0;
content:".";
}

/* -- IE7 -- */

.ClearFix,
div#top_recommend li,
div#sub div#topics ul li.image{
display:inline-block;
}

/*  -- Legacy IE -- */

* html .ClearFix,
* html div#top_recommend li,
* html div#sub div#topics ul li.image{
height:1%;
}

.ClearFix,
div#top_recommend li,
div#sub div#topics ul li.image{
display:block;
}