@charset "utf-8";
/* top.css */

/* TOP用のgMenu
---------------------------------------*/
/*#top #gMenu {
	display: none;
}*/


/* Flash 
---------------------------------------*/
div#flash {
	width: 100%;
	height: 546px;
	overflow: hidden;
	/*background: url(../images/index/loop_img01.jpg) center top no-repeat #15000F;*/
	background: #000;
	/*top: -5px;*/
}
div#flashbottom {
	width: 1000px;
	height: 25px;
	margin: auto;
	background: url(../images/index/alpha_swf.png) center top;
	behavior: expression(IEPNGFIX.fix(this));
	position: relative;
	top: -25px;
}


/* コンテンツ
---------------------------------------*/
#top #wrapper_top {
	width: 100%;
	background: url(../images/index/bg_contents.jpg) center top repeat-x;
	position: relative;
	top: -27px;
}

#top #wrapper_back_top {
	width: 1000px;
	margin: 0 auto;
}


#top #content_wrapper {
	width: 925px;
	margin: 0 auto;
	padding: 0;
}


/* コンテンツ - 右（メイン）ボックス指定
---------------------------------------*/
#top #main {
	width: 680px;
	height: auto;
	margin: 0;
	padding: 0 0 0 45px;
	position: relative;
	float: left;
}

/* コンテンツ - 左（サブ）ボックス指定
---------------------------------------*/
#sub {
	width: 255px;
	height: auto;
	margin: 0;
	padding: 0 10px;
	float: right;
}



/* コンテンツ - 右（メイン）
---------------------------------------*/

/* 水平線
---------------------------------------*/
.main_line {
	width: 647px;
	height: 2px;
	margin: 10px 0 15px 0;
	background: url(../images/img_line_01.gif) no-repeat 0 0;
}


/* バナースクロール
---------------------------------------*/
#top #main div#scroll {
	width: 650px;
	margin: 0;
	padding: 0;
}

#top #main div#scroll iframe {
	width: 650px;
	height: 88px;
	margin: 10px 0 0 0;
	padding: 0;
	border: none;
}


/* サイトオープン時はスクロールしない
---------------------------------------*/
#top #main div#ban_scroll {
	width: 650px;
	height: 68px;
	margin: 10px 0 0 0;
	padding: 10px 0;
	text-align: center;
	background: url(../images/index/bg_scrollban.gif) center top no-repeat;
}

/*
---------------------------------------*/
#top #main div.br_margintop10 {
	margin-top:10px;
}


/* おすすめプラン
---------------------------------------*/

#top #main h2.plan {
	width: 173px;
	height: 18px;
	margin: 20px 0 10px 0;
	border:0;
	float:left;	
	background: url(../images/tit_plan.gif) no-repeat 0 0;
	text-indent: -9999px;
}

/* おすすめバナー
----------------------------------*/

#top #main .plan_recommen {
	clear: both;
	margin: 0 0 20px 0; 
	padding: 0;
	border:0;
	width:650px;
}

#top #main .plan_recommen p{
	margin: 0;
	padding: 0;
	border:0;
	width:321px;
	height: 78px;
	text-indent: -9999px;
	overflow: hidden;
	float: left;
}

#top #main .plan_recommen p a{
	display: block;
	width:321px;
	height: 78px;
}

#top #main .plan_recommen p#bnr_plan_recommen_fourday{
	margin: 0 8px 0 0;
	background: url(../images/bnr_plan_recommen_fourday.gif) center top no-repeat;
}

#top #main .plan_recommen p#bnr_plan_recommen_web{
	margin: 15px 0 0 0;
	background: url(../images/bnr_plan_recommen_web.gif) center top no-repeat;
}

#top #main .plan_recommen p#bnr_plan_recommen_concept{
	margin: 0 8px 0 0;
	width: 321px;
	height: 93px;
	background: url(../images/bnr_plan_recommen_concept.gif) center top no-repeat;
}

#top #main .plan_recommen p#bnr_plan_recommen_concept a{
	display: block;
	width: 321px;
	height: 93px;
}


/* STAY メニュ
 ご宿泊のTOPと同じものを使用
----------------------------------*/

/*宿泊プラン一覧ボタン*/
#top div#main p#btn_planlist {
	margin:10px 28px 0 0;
	padding:0;
	border:0;
	width:124px;
	height:33px;
	line-height:33px;
	float:right;
	text-indent:-9999px;
	display:inline;
	background:url(../stay/images/btn_planlist.gif) left top no-repeat;
}

#top div#main p#btn_planlist a {
	width:124px;
	height:33px;
	display:block;
}

#top div#main a:hover.link_highlight{
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}

/*STAY メニュ上部*/
#top #main ul#plan_ul {
	clear: both;
	width: 650px;
	height: 47px;
	margin: 0;
	border:0;
	padding:0;
	background:url(../stay/images/bg_tab.gif) right top no-repeat;
	display:block;
}

/* on */
#top #main ul#plan_ul .open {
	background: url(../stay/images/bg_stayplan_open.gif) no-repeat 0 0;
	margin: 0;
	padding:0;
	list-style-type: none;
}

/* off */
#top #main ul#plan_ul .close {
	background: url(../stay/images/bg_stayplan_close.gif) no-repeat 0 0;
	margin: 0;
	padding:0;
	list-style-type: none;
}

/* Xg */
#top #main ul#plan_ul li {
	margin: 0;
	padding: 0;
	height: 47px;
	list-style-type: none;
	float: left;
	display: inline
}

#top #main ul#plan_ul li a {
	height: 47px;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
}

/* Xg1 */
#top #main ul#plan_ul li#plan_li1 {
	width: 130px;
	display: block;
	background-position: 0 0;
}

#top #main ul#plan_ul li#plan_li1 a {
	width: 130px;
}

/* Xg2 */
#top #main ul#plan_ul li#plan_li2 {
	width: 152px;
	display: block;
	background-position: -130px 0;
}

#top #main ul#plan_ul li#plan_li2 a {
	width: 152px;
}

/* Xg3 */
#top #main ul#plan_ul li#plan_li3 {
	width: 125px;
	display: block;
	background-position: -282px 0;
}

#top #main ul#plan_ul li#plan_li3 a {
	width: 125px;
}

/* Xg4 */
#top #main ul#plan_ul li#plan_li4 {
	width: 112px;
	display: block;
	background-position: -407px 0;
}

#top #main ul#plan_ul li#plan_li4 a {
	width: 112px;
}

/* Xg5 */
#top #main ul#plan_ul li#plan_li5 {
	width: 131px;
	display: block;
	background-position: -519px 0;
}

#top #main ul#plan_ul li#plan_li5 a {
	width: 131px;
}



/*おすすめ宿泊プランタブ*/
#top #main div.plan_wrap {
	clear: both;
	width: 650px;
	margin: 0;
	padding: 0;
	background-color: #ECEACD;
	text-align: center;
	border:0;
}

#top #main div#plan1,
#top #main div#plan2,
#top #main div#plan3,
#top #main div#plan4,
#top #main div#plan5 {
	width: 590px;
	margin: 0 auto;
	padding: 20px;
	background-color: #FAF9E8;
	border-bottom: 9px solid #ECEACD;
	border-top:	9px solid #ECEACD;
}


#top #main div.plan_wrap table {
	width: 590px;
	height: auto;
	margin: 0 auto;
	background: #D7D58E;
}
#top #main div.plan_wrap td {
	background: #FAF9E8;
	width: 295px;
	vertical-align: top;
	/*padding: 0 0 10px 0;*/
}

#top #main div.plan_wrap td h4 {
	font-size: 1em;
	text-indent: 1.5em;
	margin: 0;
	padding: 10px 0 5px 10px;
	text-align: left;
	background: url(../images/img_allow_01.gif) 13px 12px no-repeat;
}
#top #main div.plan_wrap td img {
	float: left;
	margin: 0 12px 0 12px;
	width: 75px;	/*横幅は固定*/
	border: 3px double #BEAB9D;
}

#top #main div.plan_wrap td p {
	color: #4A301C;
	margin: 0;
	padding: 0;
	text-align: left;
}
#top #main div.plan_wrap td p strong {
	display: block;
	font-weight: normal;
	color:#9D1743;
}

#top #main div.plan_wrap td a {
	display: block;
	width: 295px;
	text-decoration: none;
	padding: 0 0 10px 0;
}




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






/* 最新情報
---------------------------------------*/
#top #main h2.news {
	width: 119px;
	height: 18px;
	margin: 50px 0 10px 0;
	background: url(../images/tit_news.gif) no-repeat 0 0;
	text-indent: -9999px;
	border:0;
} 

#top #main ul#news_ul {
	width: 650px;
	height: 47px;
	margin: 0;
	padding: 0;
	height: 0;
	background: url(../buttons/btn_tab_open.gif) no-repeat 0 0;
}

/* on */
#top #main ul#news_ul .open {
	background: url(../buttons/btn_tab_open.gif) no-repeat 0 0;
}

/* off */
#top #main ul#news_ul .close {

	background: url(../buttons/btn_tab_close.gif) no-repeat 0 0;
}

img {
	vertical-align: bottom;
}



/* リスト */
#top #main ul#news_ul li {
	margin: 0px;
	padding: 0px;
	height: 47px;
	list-style: none;
	float: left;
}

#top #main ul#news_ul li a {
	margin: 0px;
	padding: 0px;
	height: 47px;
	line-height: 1px;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
}

/* リスト1 */
#top #main ul#news_ul li#news_li1 {
	width: 103px;
	display: block;
	background-position: 0 0;
}

#top #main ul#news_ul li#news_li1 a {
	width: 103px;
}

/* リスト2 */
#top #main ul#news_ul li#news_li2 {
	width: 87px;
	display: block;
	background-position: -103px 0;
}

#top #main ul#news_ul li#news_li2 a {
	width: 87px;
}

/* リスト3 */
#top #main ul#news_ul li#news_li3 {
	width: 121px;
	display: block;
	background-position: -190px 0;
}

#top #main ul#news_ul li#news_li3 a {
	width: 121px;
}

/* リスト4 */
#top #main ul#news_ul li#news_li4 {
	width: 131px;
	display: block;
	background-position: -311px 0;
}

#top #main ul#news_ul li#news_li4 a {
	width: 131px;
}

/* リスト5 */
#top #main ul#news_ul li#news_li5 {
	width: 115px;
	display: block;
	background-position: -442px 0;
}

#top #main ul#news_ul li#news_li5 a {
	width: 115px;
}

/* リスト6 */
#top #main ul#news_ul li#news_li6 {
	width: 93px;
	display: block;
	background-position: -557px 0;
}

#top #main ul#news_ul li#news_li6 a {
	width: 93px;
}

/* コンテンツ（news） */
#top #main div#news1,
#top #main div#news2,
#top #main div#news3,
#top #main div#news4,
#top #main div#news5,
#top #main div#news6  {
	width: 650px;
	margin: 0;
	padding: 0 0 10px 0;text-align: center;
	background-color: #ECEACD;
}


#top #main div.news_cont {
	width: 632px;
	margin: 45px auto 0 auto;
	padding: 0 0 10px 0;
	background-color: #FAF9E8;
	text-align: left;
	clear: left;
}

#top #main div.news_cont div.news_list {
	margin: 0;
	padding: 0;
	border-bottom: 1px #81675A dotted;
}

#top #main div.news_cont div.news_list a,
#top #main div.news_cont div.news_list_end a {
	background-color: #FAF9E8;
	display: block;
	text-decoration: none;
	cursor: pointer;
	overflow: hidden;
	word-break: break-all;
}

#top #main div.news_cont div.news_list a:hover,
#top #main div.news_cont div.news_list_end a:hover {
	background: #E3DEC8;
}


#top #main div.news_cont div.news_list_end {
	margin: 0;
	padding: 0;
}


#top #main div.news_cont div.news_list .news_img,
#top #main div.news_cont div.news_list_end .news_img {
	width: 79px;
	margin: 10px 10px 10px 5px;
	border: 3px double #BEAB9D;
	float: left;
}

#top #main div.news_cont div.news_list p,
#top #main div.news_cont div.news_list_end p {
	width: 530px;
	margin: 10px 0;
	padding: 0 0 10px 0;
	float: right;
}

#top #main div.news_cont div.news_list p img,
#top #main div.news_cont div.news_list_end p img {
	margin: 0 5px;
	padding: 0 0 10px 0;
}

/* テキスト関係 */
#top #main div.news_cont div.news_list span.entry,
#top #main div.news_cont div.news_list_end span.entry {
	margin: 0 5px 0 0;
	padding: 0 0 0 14px;
	background: url(../images/img_allow_01.gif) no-repeat 0 2px;
}



/* レストラン＆バー
---------------------------------------*/
#top #main h2.restaurant {
	height: 17px;
	margin: 30px 0 10px 0;
	padding: 0;
	background: url(../images/tit_restaurant.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#top #main div#restaurant_wrap {
	width: 650px;
	margin: 0;
	padding: 0;
	background: url(../images/bg_restaurant.gif) repeat;
}

#top #main div#restaurant_wrap dl {
	width: 182px;
	margin: 0 0 0 25px;
	padding: 0;
	float: left;
}

#top #main div#restaurant_wrap dl dt {
	width: 182px;
	margin: 15px 0 0 0;
	padding: 0 0 10px 0;
}

#top #main div#restaurant_wrap dl dd {
	margin: 0 0 10px 0;
	padding: 0;
}


/* バナー
---------------------------------------*/
#top #main  div#foot_bnr {
	width: 650px;
	margin: 40px 0 0 0;
	padding: 0;
}

#top #main  div#foot_bnr img.bn_party {
	float: left;
}

#top #main  div#foot_bnr img.bn_wedding {
	float: right;
}




/* フッター
---------------------------------------*/
/* 上段 */
#top #footer #footer_top p#pagetop {
	width: 109px;
	position: absolute;
	top: 34px;
	right: 300px;
}



/*======================================

	hack - 各種cssハック - for IE7

=======================================*/
/* コンテンツ - 右（メイン）
---------------------------------------*/
*:first-child+html #top #main {
	width: 680px;
	height: auto;
	margin: 0;
	padding: 0 0 0 45px;
	position: relative;
	float: left;
}



/* メイン：最新情報
---------------------------------------*/
*:first-child+html #top #main h2.news {
	width: 119px;
	height: 18px;
	margin: 10px 0;
	background: url(../images/tit_news.gif) no-repeat 0 0;
	text-indent: -9999px;
} 

*:first-child+html #top #main ul#news_ul {
	width: 650px;
	height: 47px;
	margin: 0;
	height: 0;
	background: url(../buttons/btn_tab_open.gif) no-repeat 0 0;
}

/* on */
*:first-child+html #top #main ul#news_ul .open {
	height: 47px;
	background: url(../buttons/btn_tab_open.gif) no-repeat 0 0;
}

/* off */
*:first-child+html #top #main ul#news_ul .close {
	height: 47px;
	background: url(../buttons/btn_tab_close.gif) no-repeat 0 0;
}

*:first-child+html #top #main div#news1,
*:first-child+html #top #main div#news2,
*:first-child+html #top #main div#news3,
*:first-child+html #top #main div#news4,
*:first-child+html #top #main div#news5 {
	width: 650px;
	margin: 45px 0 0 0;
	padding: 0 0 10px 0;
	text-align: center;
	background-color: #ECEACD;
}

*:first-child+html #top #main div.news_cont {
	width: 632px;
	margin: 0 auto;
	padding: 0 0 10px 0;
	background-color: #FAF9E8;
}

*:first-child+html #top #main div.news_cont div.news_list a,
*:first-child+html #top #main div.news_cont div.news_list_end a {
	min-height: 80px;
}


/* サブ 検索
---------------------------------------*/
*:first-child+html #top #sub div#search table td.button img {
	margin: 2px 0 0 0;
}


/* フッター
---------------------------------------*/
/* 上段 */
*:first-child+html #top #footer #footer_top p#pagetop {
	width: 109px;
	position: absolute;
	top: 49px;
	right: 300px;
}



/*======================================

	hack - 各種cssハック - for IE6

=======================================*/

/* コンテンツ - 右（メイン）
---------------------------------------*/
* html #top #main {
	width: 680px;
	height: auto;
	margin: 0;
	padding: 0 0 0 45px;
	float: left;
}

/* 新着情報 */
* html #top #main div.news_cont div.news_list a,
* html #top #main div.news_cont div.news_list_end a {
	height: 80px;
}



/* トップページ メイン：最新情報
---------------------------------------*/
* html #top #main ul#news_ul {
	width: 650px;
	height: 47px;
	margin: 0;
	height: 0;
	background: url(../buttons/btn_tab_open.gif) no-repeat 0 0;
}

* html #top #main div#news1,
* html #top #main div#news2,
* html #top #main div#news3,
* html #top #main div#news4,
* html #top #main div#news5,
* html #top #main div#news6 {
	width: 650px;
	margin: -5px 0 0 0;
	padding: 0 0 10px 0;
	text-align: center;
	background-color: #ECEACD;
}

* html #top #main div.news_cont {
	width: 632px;
	margin: 0 auto;
	padding: 0 0 10px 0;
	background-color: #FAF9E8;
}

* html #top #main div.news_cont div.news_list,
* html #top #main div.news_cont div.news_list_end {
	height: 70px;
}

/* おすすめプラン
---------------------------------------*/
* html #top #main div.plan_wrap div.plan_con_center {
	width: 214px;
	margin: 0 1px;
	padding: 0;
	float: left;
}


/* フッター
---------------------------------------*/
/* 上段 */
* html #top #footer #footer_top p#pagetop {
	width: 109px;
	position: absolute;
	top: 50px;
	right: 300px;
}