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

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


/*----------------------------------------------------
	
	#main
		 	メイン
----------------------------------------------------*/


/*----------------------------------------------------
	.con_top 	フラッシュ・TOPの専用バナー
----------------------------------------------------*/

#index .con_top {
	margin-bottom:25px;
	padding:5px;
	width:713px;
	border:1px solid #e0e0e0;
	overflow:hidden;
}

/* フラッシュ */
#index .con_top .flash {
	width:713px;
	height:240px;
}


/* トップページ専用バナー */
#index .con_top h2 {
	margin-top:5px;
	width:713px;
	height:30px;
	text-indent:-9999px;
	background:url(../images/top/st_point.gif) 0 0 no-repeat;
}

#index .con_top ul {
	width:713px;
}

#index .con_top ul li {
	height:139px;
	float:left;
	list-style:none outside;
}
#index .con_top ul li.mid {
	margin-left:7px;
}

#index .con_top ul li.last {
	float:right;
}

/*----------------------------------------------------
	.con_col 	カラムコンテンツ
----------------------------------------------------*/

#index .con_col {
	width:725px;
	overflow:hidden;
}


/*----------------------------------------------------
	.con_col_l 	左カラム
----------------------------------------------------*/
#index .con_col .con_col_l {
	width:210px;
	float:left;
}


/* .con_colside  左カラムコンテンツ
----------------------------------------------------*/
#index .con_col_l .con_colside {
	margin-bottom:30px;
	width:210px;
}

#index .con_col_l .con_colside h3 {
	margin-bottom:15px;
	width:210px;
	height:28px;
	line-height:28px;
	text-indent:-9999px;
}

#index .con_col_l .con_colside h3.st_hotelinfo {
	background:url(../images/top/st_hotelinfo.gif) 0 0 no-repeat;
}

#index .con_col_l .con_colside h3.st_facilities {
	background:url(../images/top/st_facilities.gif) 0 0 no-repeat;
}

#index .con_col_l .con_colside h4 {
	margin:5px auto;
	width:180px;
	height:20px;
	line-height:20px;
	text-indent:-9999px;
	background:url(../images/top/txt_hotel.gif) 0 0 no-repeat;
}

#index .con_col_l .con_colside address {
	margin:0 auto 10px auto;
	font-size:10px;
	width:180px;
}

#index .con_col_l .con_colside .box_side {
	width:204px;
	border:3px solid #dfdfdf;
}

#index .con_col_l .con_colside .box_side ul {
	margin:0 auto;
	background-color:#dfdfdf;
}

#index .con_col_l .con_colside .box_side ul li {
	margin-left:25px;
	padding:5px 0 5px 10px;
	background:url(../images/ic_warrow.gif) 0 center no-repeat;
}

#index .con_col_l .con_colside .box_side ul li a {
	color:#000;
}




/*----------------------------------------------------
	.con_col_r 	右カラム
----------------------------------------------------*/
#index .con_col .con_col_r {
	width:500px;
	float:right;
}


/* .con_recom  	おすすめプラン
----------------------------------------------------*/
#index .con_col_r .con_recom {
	margin-bottom:10px;
	width:500px;
}

/* バナー */
#index .con_col_r .con_recom ul.bnr {
	margin:20px 0;
	width:500px;
	overflow:hidden;
	clear:both;
}

#index .con_col_r .con_recom ul.bnr li {
	list-style:none;
	float:left;
}

#index .con_col_r .con_recom ul.bnr li.last {
	float:right;
}

#index .con_col_r .bnr_osusume{
	margin:0px 0 10px 0;
}

/* プランメニュー */
#index .con_col_r .con_recom ul.m_packs {
	padding:2px 2px 0 2px;
	width:494px;
	overflow:hidden;
	border-top:1px solid #c6d0cf;
	border-left:1px solid #c6d0cf;
	border-right:1px solid #c6d0cf;
	background:url(../images/top/bg_packs.gif) 0 0 repeat-y;
}

#index .con_col_r .con_recom ul.m_packs li {
	height:40px;
	float:left;
}

#index .con_col_r .con_recom ul.m_packs li.last {
	float:right;
}

/* プラン */
#index .con_col_r .con_recom .con_packs {
	padding:5px;
	width:488px;
	overflow:hidden;
	border-left:1px solid #c6d0cf;
	border-right:1px solid #c6d0cf;
	border-bottom:1px solid #c6d0cf;
	background:url(../images/top/bg_packs.gif) 0 0 repeat-y;
}

#index .con_col_r .con_recom .con_packs table {
	width:488px;
	border-collapse:separate;
	border-spacing:6px;
	font-size:86%;
}

#index .con_col_r .con_recom .con_packs table td {
	border:3px solid #dedede;
	background-color:#fff;
}

#index .con_col_r .con_recom .con_packs table td a {
	padding:10px 15px;
	width:199px;
	height:100%;
	display:block;
	overflow:hidden;
	text-decoration:none;
	cursor:pointer;
}

#index .con_col_r .con_recom .con_packs table td a:hover {
	background-color:#ebfdfa;
}

#index .con_col_r .con_recom .con_packs table td p.st_pack {
	margin-bottom:8px;
	text-decoration:underline;
	font-weight:bold;
	width:195px;
}

#index .con_col_r .con_recom .con_packs table td p.txt_pack {
	margin-top:30px;
	float:right;
	width:87px;
}

#index .con_col_r .con_recom .con_packs table td span.price {
	color:#be2958;
	font-weight:bold;
}


#index .con_col_r .con_recom .con_packs table td p.txt_detail {
	clear:both;
	width:195px;
}




/* .con_group  近くのグループホテル
----------------------------------------------------*/
#index .con_col_r .con_group {
	width:500px;
}

#index .con_col_r .con_group dl {
	width:500px;
	font-size:90%;
	border-bottom:1px dotted #b0b7b6;
}

#index .con_col_r .con_group dl a {
	padding:10px 0 10px 20px;
	display:block;
	cursor:pointer;
	text-decoration:none;
	overflow:hidden;
	height:100%;
}

#index .con_col_r .con_group dl a:hover {
	background-color:#e4e4e4;
}

#index .con_col_r .con_group dl dd,
#index .con_col_r .con_group dl dt{
	float:left;
}

#index .con_col_r .con_group dl dt {
	margin-left:20px;
	width:290px;
}

#index .con_col_r .con_group dt h4,
#index .con_col_r .con_group dt p {
	width:270px;
}

#index .con_col_r .con_group dt span{
	font-weight:bold;
}




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

	hack - 各種cssハック - for IE7

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


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

	hack - 各種cssハック - for IE6

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