@charset "utf-8";

body{
	color:#333333;
}

a{
	color:#006699;
	text-decoration:none;
}

a:link{
	color:#006699;
	text-decoration:none;
}

a:hover{
	color:#006699;
	text-decoration:underline;
}
a:active{
	color:#006699;
	text-decoration:underline;
}

/*  ---- Hotels ----  */


#kv_area{
	height:105px;
	min-width:917px;
	width: expression(document.body.clientWidth < 919? "917px" : "auto"); /* for IE6 */
	overflow:hidden;
	position:relative;
	margin:0 auto;
	background:none;
}

#kv_area img{
	position:absolute;
	width:917px;
	top:0;
	left:50%;
	margin-left:-459px;
}

/* reservation module area */

.side_box_rsv dt{
	background:url(../img/side_box01b_title_rsv.jpg) no-repeat;
	height:51px;
	text-indent:-9999px;
	overflow:hidden;
}

.hotels_topbox{
	width:650px;
	padding:0 3px;
}

.hotels_link_det{
	width:82px;
	height:19px;
	position:absolute;
	top:109px;
	left:135px;
}

.hotels_link_det a{
	display:block;
	width:82px;
	height:19px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../img/img_hotels_btn_detail.jpg) no-repeat;
}


.hotels_link_rsv{
	width:82px;
	height:19px;
	position:absolute;
	top:109px;
	left:225px;
}

.hotels_link_rsv a{
	display:block;
	width:82px;
	height:19px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../img/img_hotels_btn_reserve.jpg) no-repeat;
}

.hotels_top01{
	float:left;
	background:url(../img/img_hotels_01.jpg) no-repeat;
}

.hotels_top02{
	float:right;
	background:url(../img/img_hotels_02.jpg) no-repeat;
}



/* ---- Contents ----  */
.wrap{
 margin:10px 14px 20px;
}

input, select, textarea{
	margin:3px;
	line-height:1.2em;
	font-size:12px;
}

.table01 table {
background-color:#ffffff;
border-collapse:collapse;
margin:10px 5px;
border:0;
}

.td01{
background-color:#ffffff;
white-space: nowrap;
padding:10px 20px;
border-bottom: 1px #cccccc dotted;
}

.th01{
background-color:#f6f4f0;
font-weight:bold;
color:#948042;
text-align:right;
white-space: nowrap;
padding:10px 5px 10px 10px;
border-bottom: 1px #cccccc dotted;
}

.td02{
background-color:#ffffff;
white-space: nowrap;
padding:10px 20px;
}

.th02{
background-color:#f6f4f0;
font-weight:bold;
color:#948042;
text-align:right;
white-space: nowrap;
padding:10px 5px 10px 10px;
}

.td_upper{
background:url(../img/bg_td_upper.gif) #ffffff no-repeat;
height:10px;
}

.th_upper{
background:url(../img/bg_th_upper.gif) #f4ecd8 no-repeat;
height:10px;
}

.td_under{
background:url(../img/bg_td_under.gif) #ffffff no-repeat;
height:10px;
}

.th_under{
background:url(../img/bg_th_under.gif) #f4ecd8 no-repeat;
height:10px;
}

.td_middle{
background:url(../img/bg_td_middle.gif) #ffffff repeat-y;
}

.star{
	font-weight:normal;
	color:#4493b2;
}

.txt_head{
	color:#948042;
	font-weight:bold;
	line-height:1.6em;
}

.strong{
	font-weight:bold;
}


hr.g_dot{
height: 1px;
border: none;
border-top: 1px #cccccc dotted;
clear:both;
}

/* ホテル一覧  */
.hotels_topbox dl{
	width:317px;
	height:137px;
	overflow:hidden;
	text-indent:-9999px;
	position:relative;
}

.title_hotels01{
	height:41px;
	background:url(../img/img_hotels_03.jpg) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

.hotels_box{
	margin:10px 0 0;
	padding:0 14px;
	background:url(../img/img_hotels_bg.gif) 50% 0 repeat-y;
}

.hotels_img{
	float:left;
	display:inline;
	margin:0 15px 0 0;
}

.hotels_list_l{
	width:300px;
	float:left;
	padding:5px 0;
}

.hotels_list_r{
	width:300px;
	float:right;
	padding:5px 0;
}


.hotels_box dl{
	overflow:hidden;
	position:relative;
	zoom:1;
}

.hotels_box dt{
	margin:0 0 3px;
}

.hotels_box dt a{
	font-weight:bold;
	color:#016599;
}

.hotels_rsv{
	width:66px;
	height:18px;
	position:absolute;
	top:0;
	right:0;
	overflow:hidden;
}

.hotels_rsv a{
	display:block;
	width:66px;
	height:18px;
	overflow:hidden;
	background:url(../img/img_hotels_btn_rsv.jpg) no-repeat;
	text-indent:-9999px;
}

/* 新着情報  */
.title_whats_new01{
	height:39px;
	background:url(../img/title_whats_new.jpg) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

.news_date{
	float:left;
	width:80px;
	margin:5px 0;
	padding:0 0 0 15px;
	background:url(../img/btn_arrow_01.gif) no-repeat;
}

.news_detail{
	float:right;
	width:520px;
	margin:5px 0;
}


/* Blog  */
.title_blog01{
	height:39px;
	background:url(../img/title_no.jpg) no-repeat;
	overflow:hidden;
	text-align:center;
	padding-top:10px;
	clear:both;
}

.title_blog02{
	min-height:29px;
	background:url(../img/title_no_02.jpg) repeat-y;
	background-position:bottom;
	text-align:left;
	padding-top:8px;
	clear:both;
}

.title_blog02_u{
	height:5px;
	background:url(../img/title_no_01.jpg) no-repeat;
	clear:both;
}

#blog_select_hotel{
	text-align:right;
	margin:0 0 10px 0;
	height:20px;
	clear:both;
}

.blog_photo{
	float:left;
	width:120px;
	margin:0 15px 10px 5px;
	text-align:center;
	display:inline;
}

.blog_photo img{
	border:1px #CCCCCC solid;
}

.blog_photo img.blog_btn{
	border:1px #FFFFFF solid;
}

.blog_detail{
	overflow:hidden;
	zoom:1;
}

.blog_list_date{
	float:left;
	width:90px;
	height:40px;
	margin:0 8px 0 0;
	text-align:left;
}

.blog_list_date img{
	margin:3px 0;
}

.blog_list_title{
	float:right;
	width:380px;
	margin:0;
}

.blog_list_copy{
	clear:both;
	margin:10px 0;
}


strong{
	font-weight:bold;
}


.blog_list_page{
	margin:0 15px 0;
	display:inline;
}

.blog_list_page_next{
	display:inline;
	width:80px;
	margin:0;
	padding:0 0 0 15px;
	background:url(../img/btn_arrow_01.gif) no-repeat;
}

.blog_page_date{
	float:left;
	width:90px;
	margin:0 8px 0 15px;
	display:inline;
}

.blog_page_title{
	float:left;
	width:320px;
	margin:0 0 5px 0;
	display:inline;
	font-weight:bold;
	text-align:left;
}

.blog_page_link{
	float:right;
	width:200px;
	margin:0 10px 5px 0;
	display:inline;
	font-weight:bold;
}

.blog_page_link img{
	margin:0 5px 3px 0px;
}

.blog_to_list{
	text-align:right;
	margin:5px 5px 10px 0;
}

/* お問い合せ  */
.title_inquiry01{
	height:39px;
	background:url(../img/title_inquiry.jpg) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

.inquiry_inst{
	width:650px;
	height:auto;
	margin:0 0 10px;
}

.inquiry_list{
	margin:10px 0;
	width:630px;
}

.inquiry_list li{
	list-style:disc;
	margin-left:20px;
	padding-left:5px;
	list-style-position: outside;
}

/*  会社情報  */
.title_company01{
	height:39px;
	background:url(../img/title_company.jpg) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}


/*  グランドTOP  */

/*  side box 01 (white)  ----  */

#navigation01{
	float:left;
	width:246px;
}

#navigation02{
	float:left;
	width:246px;
}

#center_contens{
	width:396px;
	margin:0 12px 10px;
	_margin:0 9px 10px;
	float:left;
}

.center_wrap{
	background:url(../img/top_bg.gif) repeat-y;
	margin-bottom:10px;
}

.center_inner{
	background:url(../img/top_foot.gif) no-repeat bottom;
	margin-bottom:10px;
	padding-bottom:10px;
}

.side_box_top_l{
	width:246px;
	background:url(../img/side_box01_bg.gif) repeat-y;
	margin:0 0 10px;
}

.side_box_top_l_inner{
	padding:0 0 11px;
	background:url(../img/side_box01_btm.gif) no-repeat bottom;
}

.side_box_top_r{
	width:246px;
	background:url(../img/side_box01_bg.gif) repeat-y;
	margin:0 0 10px;
}

.side_box_top_r_inner{
	padding:0 0 11px;
	background:url(../img/side_box01_btm.gif) no-repeat bottom;
}

/* reservation module area */

.side_box_rsv03 dt{
	background:url(../img/side_box03_title_rsv.jpg) no-repeat;
	height:56px;
	text-indent:-9999px;
	overflow:hidden;
}

.side_box_rsv03 table{
	width:200px;
	margin:0 auto;
}

.side_box_rsv03 td{
	padding:3px;
}

.side_box_rsv03_cell01{
	width:97px;
}

.side_box_rsv03_btn{
	padding:10px 0 0;
	text-align:center;
}

/* news */
.top_news{
	margin:5px 15px;
	width:365px;
	padding-bottom:10px;
}

.top_news_date{
	background:url(../img/mark_arrow.gif) no-repeat;
	padding:0 0 0 20px;
	width:100px;
	float:left;
}

.top_news_text{
	padding:3px 0 0 0;
	width:240px;
	float:left;
}

.top_news_text a{
	color:#006699;
	text-decoration:none;
}

.top_news_text a:hover{
	color:#006699;
	text-decoration:underline;
}


/* plan */
.top_pln{
	margin:5px 15px;
	width:365px;
}

.top_pln_img{
	width:95px;
 	margin:0 10px 10px 0;
	float:left;
}

.top_pln_img img{
	border:0;
}

.top_pln_dsc{
	width:255px;
	margin:0 0 10px;
	float:right;
}

.top_pln_dsc a {
	text-decoration:none;
	color:#006699;
}

.top_pln_dsc a:hover {
	text-decoration:underline;
	color:#006699;
}

.top_pln_dsc dt{
	color:#006699;
}

.top_pln_dsc dd{
	color:#333333;
}

.title_top01{
	height:45px;
	background:url(../img/top_title01.jpg) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:15px;
}

.title_top02{
	height:45px;
	background:url(../img/top_title02.jpg) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:15px;
}

.top_ttl_plan_link{
	float:right;
	width:130px;
	height:80px;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
	margin-right:5px;
	margin-top:-30px;
	display:block;
	cursor:pointer;
	zoom:1;
}

.top_ttl_news_link{
	float:right;
	width:110px;
	height:80px;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
	margin-right:5px;
	margin-top:-30px;
	display:block;
	cursor:pointer;
	zoom:1;
}


/*  10204  */

.news_list{
	text-align:center;
	margin:15px 0;
}

.plan_photo{
	float:left;
	display:inline;
	margin:0 10px 0 0;
}

.plan_detail{
	overflow:hidden;
	zoom:1;
	margin:0 0 0 105px;
}

.list_next{
	padding:0 13px;
	background:url(../img/btn_arrow_01.gif) no-repeat right;
}

.list_prev{
	padding:0 13px;
	background:url(../img/btn_arrow_02.gif) no-repeat left;
}

.title_blog01 .news_list{
	margin:0 0;
}

/*  about resort4r  */
.title_resort4r01{
	height:39px;
	background:url(../img/title_resort4r01.jpg) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

.title_resort4r02{
	height:39px;
	background:url(../img/title_resort4r02.jpg) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

/*  g_navi -- */


#m_gnav_bg { 
	width:100%;
	background:url(../img/m_gn_bg.jpg) repeat-x;
	margin:2px auto;
}

#m_gnav_box { 
	background:url(../img/m_gn_bg.jpg) repeat-x;
	margin:0 auto 10px auto;
	width:911px;
}



/*  gnav  */

#topnav{
	width:911px;
	height:43px;
	margin:0 auto;
	background:url(../img/gnav_btn.jpg) repeat-x;
	position:relative;
	z-index:9999;
}

#topnav ul{
	height:43px;
}

#topnav li{
	float:left;
}

#topnav li a{
	display:block;
	height:43px;
	background-image:url(../img/gnav_btn.jpg) ;
	background-repeat:no-repeat;
	text-indent:-9999px;
}


/*  normal -- */
.topnav_01 a{width:152px;background-position:0 0;}
.topnav_02 a{width:152px;background-position:-152px 0;}
.topnav_03 a{width:152px;background-position:-304px 0;}
.topnav_04 a{width:152px;background-position:-456px 0;}
.topnav_05 a{width:152px;background-position:-608px 0;}
.topnav_06 a{width:151px;background-position:-760px 0;}


/*  hover -- */

.topnav_01 a:hover{width:152px;background-position:0 -43px;}
.topnav_02 a:hover{width:152px;background-position:-152px -43px;}
.topnav_03 a:hover{width:152px;background-position:-304px -43px;}
.topnav_04 a:hover{width:152px;background-position:-456px -43px;}
.topnav_05 a:hover{width:152px;background-position:-608px -43px;}
.topnav_06 a:hover{width:151px;background-position:-760px -43px;}

.topnav_02:hover a{width:152px;background-position:-152px -43px;}


/*  current -- */

.topnav_01 a.current{width:152px;background-position:0 -43px;}
.topnav_02 a.current{width:152px;background-position:-152px -43px;}
.topnav_03 a.current{width:152px;background-position:-304px -43px;}
.topnav_04 a.current{width:152px;background-position:-456px -43px;}
.topnav_05 a.current{width:152px;background-position:-608px -43px;}
.topnav_06 a.current{width:151px;background-position:-760px -43px;}



#btn_toukou {
	position:absolute;
	background:url(../img/toukou_pop.png) no-repeat;
    left:364px;
	width: 90px;
	top: -66px;
	height: 67px;
	z-index: 99990;
	display:none;
}
#btn_wedding {
	position:absolute;
	background:url(../img/wedding_pop.png) no-repeat;
    left:814px;
	width: 90px;
	top: -66px;
	height: 67px;
	z-index: 99990;
	display:none;
}

.photo_detail a:hover {
display:block;

}
/*マウスオーバーでホテル一覧*/
ul#topnav li .sub {
	position: absolute; /*--Important--*/
	top: 43px;
	left: 0px;
	display: none; /*--Hidden for those with js turned off--*/
	
	width:950px;
	background: url(../img/bg_top_nabi_box.png) repeat-x left top;
	border-left:1px solid #436EA1;
	border-right:1px solid #436EA1;
	border-bottom:1px solid #436EA1;


}
.hotel_detail {
	width:920px;
	padding:10px 10px 5px 20px;
	
}

ul#topnav li .row { 
	clear: both;
}
ul#topnav li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 215px;
	height:auto;
	float:left;
}
ul#topnav .sub ul li a {
	text-indent: 0; 
	height: auto; 
	background: url(../img/icon_use_link_cur.gif) no-repeat 5px 0.5em;
	display: block;
	padding-left:15px;
	text-decoration: none;
	width:200px;
	font-size:12px;
}
ul#topnav .sub ul li a:hover {
text-decoration:underline;
}
.topnav_sub_title{ font-size:13px; font-weight:bold; color:#000; }
.topnav_box { margin-bottom:5px; }

/*--------右に固定バナーを追加-------------*/
#right_bnr{
width:68px;
height:219px;
position:fixed; !important; 
right:0;
top:425PX;
z-index:1;
}

*html #right_bnr{position: absolute;}
/* -------------------------- 
# IE6 向けのスタイル 
# ----------------------------- */  
* html ,* html body {
height: 100%;
overflow-y: hidden;  
overflow-x: auto;  
}  
* html #container{
overflow: auto;
position: relative;  
width: 100%;  
height: 100%;  
}  

/*TOP ページ　PAGE FLIP*/
#pageflip {
	position: relative;
	right: 0; top: 0;
	float: right;
}
#pageflip img {
	width: 55px; height: 55px;
	z-index: 990;
	position: absolute;
	right: 0; top: 0;
	-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
	width: 55px; height: 55px;
	overflow: hidden;
	position: absolute;
	right: 0; top: 0;
	background: url(../img/subscribe.png) no-repeat right top;
	z-index: 950;
}