@charset "utf-8";
/* ===================================================================
CSS information

 file name  :index.css
 author     :Ability Consultant
style info  :設定　ハックは最下部に記述
=================================================================== */



/* -----------------------------------------------------------
	
	#flash		メインイメージ
		
----------------------------------------------------------- */

#index #flash {
	width:100%;
	height:434px;
	background:url(../images/top/bg_flash.jpg) left bottom repeat-x;
}

#index #flash #con_flash {
	margin:0 auto;
	width:100%;
	height:429px;
}

/* -----------------------------------------------------------
	
	#bn_appeals		アピールポイントバナー
		
----------------------------------------------------------- */

#index #bn_appeals {
	width:100%;
	height:150px;
	background:url(../images/top/bg_appeal.gif) 0 0 repeat-x;
}

#index #bn_appeals #con_bn_appeals {
	margin:0 auto;
	padding:17px 0 15px 0;
	width:950px;
}

#index #bn_appeals #con_bn_appeals ul {
	width:950px;
}

#index #bn_appeals #con_bn_appeals ul li {
	display:inline;
}


/*----------------------------------------------------
	
	#contents	コンテンツ	
	
----------------------------------------------------*/
#index #contents {
	padding-top:25px;
}

#index #contents #box_contents {
	padding-top:0;
	background:url(../images/top/bg_contents.jpg) center 200px repeat-y;
}



/*----------------------------------------------------
	#main	メイン	
----------------------------------------------------*/
#index #main {
	width:711px;
	float:right;
	overflow:hidden;
}



/*----------------------------------------------------	
	.main_l	左メイン	
----------------------------------------------------*/
#index #main .main_l {
	width:313px;
	float:left;
}

#index #main .main_l h2,
#index #main .main_l h3 {
	margin-bottom:10px;
}

/*	.box_side (best 3) サイドボクス・ベスト3	
--------------------------------------------------------*/
#index #main .main_l .con_packs {
	margin:0 0 35px auto;
	width:295px;
	overflow:hidden;
}

#index #main .main_l .con_packs dl {
	margin-top:10px;
	padding-bottom:15px;
	width:295px;
	font-size:10px;
	overflow:hidden;
	border-bottom:1px dotted #C9CFDA;
}

#index #main .main_l .con_packs dt {
	margin-right:15px;
	padding:4px;
	width:87px;
	height:62px;
	float:left;
	background:url(../images/top/bg_recomm.gif) 0 0 no-repeat;
}

#index #main .main_l .con_packs dd {
	width:160px;
	float:left;
}

#index #main .main_l .con_packs dl a {
	display:block;
	cursor:pointer;
	width:295px;
	text-decoration:none;
}

#index #main .main_l .con_packs dl a:hover {
	text-decoration:none;
}

#index #main .main_l .con_packs dl a p.explain{
	text-decoration:underline;
}

#index #main .main_l .con_packs dl a:hover p.explain{
	text-decoration:none;
}

#index #main .main_l .con_packs dd .price,
#index #main .main_l .con_packs dd a .price {
	text-decoration:none!important;
	font-weight:bold;
}


/*	.box_side (news) サイドボクス・新着情報	
----------------------------------------------------*/
#index #main .main_l .con_news {
	margin:0 0 0 auto;
	width:295px;
	overflow:hidden;
}

#index #main .main_l .con_news dl {
	margin-top:10px;
	padding-bottom:15px;
	width:295px;
	font-size:10px;
	overflow:hidden;
	border-bottom:1px dotted #C9CFDA;
}

#index #main .main_l .con_news dt {
	width:60px;
	float:left;
}

#index #main .main_l .con_news dt .date {
	font-size:10px;
}

#index #main .main_l .con_news dd {
	width:210px;
	float:right;
}

#index #main .main_l .con_news dd a {
	text-decoration:none;
}

#index #main .main_l .con_news dd .title {
	font-weight:bold;
	text-decoration:underline;
}

#index #main .main_l .con_news dd .title a:hover {
	text-decoration:none;
}

#index #main .main_l .con_news dl a {
	display:block;
	cursor:pointer;
	width:295px;
	text-decoration:none;

}


/* リンク */
#index #main .main_l p.link {
	margin-top:10px;
	float:right;
	padding-left:10px;
	font-size:10px;
	background:url(../images/ic_arrow.gif) 0 center no-repeat;
}



/*----------------------------------------------------	
	.main_l	右メイン	
----------------------------------------------------*/
#index #main .main_r {
	width:384px;
	float:right;
}

#index #main .main_r h3{
	margin-bottom:20px;
}

#index #main .main_r p.banner_main {
	margin-bottom:25px;
	text-align:right;
}

/*	.con_roo (rooms) サイドボクス・客室	
----------------------------------------------------*/
#index #main .main_r .con_roo {
	margin:0 0 0 auto;
	width:368px;
	overflow:hidden;
}

#index #main .main_r .con_roo .box_roo {
	padding:20px 0 0 13px;
	width:168px;
	border-top:4px solid #161C5B;
	position:relative;
	background:url(../images/top/bg_rooms.jpg) 0 0 repeat-y;
}

#index #main .main_r .con_roo .box_roo .txt_roo {
	margin:15px 0 50px 0;
	font-size:10px;
	width:156px;
}

#index #main .main_r .con_roo .box_roo .bg_roo {
	position:absolute;
	right:0;
	bottom:0;
}


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

	hack - 各種cssハック - for IE7

=======================================*/
*:first-child+html {}


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

	hack - 各種cssハック - for IE6

=======================================*/
* html {}