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

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


/* -----------------------------------------------------------
	
	ページタイトル
		
----------------------------------------------------------- */
#index h1 {
	text-indent:-9999px;
	line-height:0;
	font-size:0;
}


/* -----------------------------------------------------------
	
	#flash		メインイメージ
		
----------------------------------------------------------- */
#index #flash {
	margin:0 auto;
	width:100%;
	height:475px;
	background:url(../images/top/bg_flash.jpg) center top repeat;
}

#index #flash .imgflash {
	width:100%;
	height:475px;
}

/* -----------------------------------------------
	.mhead		
-------------------------------------------------*/
#index .mhead ul {
	top:-475px;
}


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


/* -----------------------------------------------
	.cnt_twocol	 2コラム	
-------------------------------------------------*/
#index .cnt_twocol {
	margin: 0 0 30px 0;
	width:710px;
	overflow:hidden;
}


/* 	.cnt_leftcol　左コラム		
-------------------------------------------------*/
#index .cnt_leftcol {
	padding:0 15px 0 0;
	width:470px;
	float:left;
	overflow:hidden;
	background:url(../images/twocol_line.gif) right 5px repeat-y;
}



/* .cnt_packages	ご宿泊プラン */
#index .cnt_packages {
	width:470px;
	overflow:hidden;
	position:relative;
}

#index .cnt_packages h2 {
	margin:0 0 15px 0;
	width:470px;
	height:43px;
	line-height:43px;
	text-indent:-9999px;
	background:url(../images/top/tit_packages.gif) 0 0 no-repeat;
}

#index .cnt_packages .btn_packlist {
	top:9px;
	right:0;
	position:absolute;
}




/* .cnt_packlist	プラン(CMS) */
#index .cnt_packlist {
	margin:20px 0 0 0;
	width:470px;
	overflow:hidden;
}

#index .cnt_packlist .idTabs {
	width:470px;
	height:40px;
	overflow:hidden;
	background:url(../images/top/mtab.gif);
}

#index .cnt_packlist .idTabs li {
	width:156px;
	height:40px;
	float:left;
	text-indent:-9999px;
}

#index .cnt_packlist .idTabs li a {
	width:156px;
	height:40px;
	display:block;
	overflow:hidden;
}

/* hover */
#index .cnt_packlist .idTabs li a:hover,
#index .cnt_packlist .idTabs li a.selected{
	background:url(../images/top/mtab.gif);
}

#index .cnt_packlist .idTabs li.tb_reccp{
	
}
#index .cnt_packlist .idTabs li.tb_reccp a:hover,
#index .cnt_packlist .idTabs li.tb_reccp a.selected{
	background-position: 0 -40px;
}

#index .cnt_packlist .idTabs li.tb_annualp a:hover,
#index .cnt_packlist .idTabs li.tb_annualp a.selected{
	background-position: -156px -40px;
}

#index .cnt_packlist .idTabs li.tb_ondeayp{
	margin:0 0 0 1px;
}
#index .cnt_packlist .idTabs li.tb_ondeayp a:hover,
#index .cnt_packlist .idTabs li.tb_ondeayp a.selected{
	background-position: -313px -40px;
}

/* タブメニューのコンテンツ */
#index .cnt_packlist .packs_wrap {
	padding:5px 5px 0 5px;
	width:460px;
	overflow:hidden;
	background-color:#fff;
}

#index .cnt_packlist .packs {
	margin:0 0 5px 0;
	width:225px;
	overflow:hidden;
	background-color:#F8F7F4;
	border:1px solid #F0F0F0;
}

#index .cnt_packlist .packs a {
	padding:5px 10px;
	width:205px;
	display:block;
	overflow:hidden;
	text-decoration:none;
}

#index .cnt_packlist .packs a:hover {
	background-color:#F1E8F1;
}

#index .cnt_packlist .packs h5 {
	margin:0 0 10px 0;
	padding:0 0 0 20px;
	color:#8F7419;
	font-size:0.9em;
	text-decoration:underline;
	background:url(../images/top/ic_red.gif) 0 5px no-repeat;
}

#index .cnt_packlist .packs .img_pack {
	padding:3px;
	border:1px solid #E5E4E1;
	float:left;
	background-color:#fff;
}

#index .cnt_packlist .packs p.txt_pack {
	width:110px;
	float:right;
	line-height: 15px;
}




/* .cnt_news	新着情報(CMS) */
#index .cnt_news {
	margin:50px 0 0 0;
	width:470px;
	position:relative;
}

#index .cnt_news h3 {
	margin:0 0 15px 0;
	width:470px;
	height:42px;
	line-height:42px;
	text-indent:-9999px;
	background:url(../images/top/tit_news.gif) 0 0 no-repeat;
}

#index .cnt_news .btn_seenews {
	top:9px;
	right:0;
	position:absolute;
}


#index .cnt_news dl {
	margin:5px 0 0 0;
	padding:0 0 5px 0;
	width:470px;
	border-bottom:1px dotted #636363;
	overflow:hidden;
}

#index .cnt_news dl a {
	padding:10px 0 10px 15px;
	width:455px;
	display:block;
	overflow:hidden;
	cursor:pointer;
	text-decoration:none;
}

#index .cnt_news dl a:hover {
	background-color:#F5F7F8;
}

#index .cnt_news dl dt {
	width:88px;
	float:left;
}

#index .cnt_news dl dt img {
	padding:3px;
	border:1px solid #D5D8DA;
	background-color:#F6F6F6;
}

#index .cnt_news dl dd {
	width:350px;
	float:right;
}

#index .cnt_news dl dd span.dviolet {
	margin:0 10px 0 0;
	padding:2px 5px;
	background-color:#5F1058;
	color:#fff;
	font-size:0.8em;
}

#index .cnt_news dl dd span.titnew {
	padding:0 0 0 17px;
	color:#8F7419;
	text-decoration:underline;
	background:url(../images/ic_violet.gif) 0 3px no-repeat;
}




#index .cnt_rightcol #cnt_bus {
	margin: 30px 0 0 0;
}




/* 	.cnt_rightcol　右コラム		
-------------------------------------------------*/
#index .cnt_rightcol {
	margin:0 5px 0 0;
	width:204px;
	float:right;
	overflow:hidden;
}

#index .cnt_rightcol .sm_content {
	margin:0 0 20px 0;
	width:204px;
}

#index .cnt_rightcol .sm_content h4 {
	margin:0 0 15px 0;
	width:204px;
	height:35px;
	line-height:35px;
	text-indent:-9999px;
}

#index .cnt_rightcol .sm_content h4.tit_commitment {
	background:url(../images/top/tit_commitment.gif) 0 0 no-repeat;
}

#index .cnt_rightcol .sm_content h4.tit_contents {
	background:url(../images/top/tit_contents.gif) 0 0 no-repeat;
}

#index .cnt_rightcol .sm_content h4.tit_wajoen {
	background:url(../images/top/tit_wajoen.gif) 0 0 no-repeat;
}

#index .cnt_rightcol .sm_content h4.tit_kunitachi {
	background:url(../images/top/tit_kunitachi.gif) 0 0 no-repeat;
}

#index .cnt_rightcol .sm_content p.btn_more {
	margin:5px 0 0 0;
	text-align:right;
}

#index .cnt_rightcol .sm_content p.bn_con {
	margin:0 0 20px 0;
}

#index .cnt_rightcol .sm_content p.txt_con {
	margin:10px 0 0 0;
}



/* トリップアドバイザー 
------------------------------------------*/

#index #TA_rated6 {
	margin: 30px 0 0 25px;
}


#index #TA_rated6 #CDSWIDFRR var.widFRRCopy {
	padding-top: 5px;
}

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

	hack - 各種cssハック - for IE7

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


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

	hack - 各種cssハック - for IE6

=======================================*/
* html #index .cnt_rightcol {
	margin:0 3px 0 0;
}