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

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



/* -----------------------------------------------------------
	#flash		メインイメージ
----------------------------------------------------------- */
#top #flash {
	margin:0 auto;
	width:100%;
	height:525px;
	text-align:center;
	position:relative;
	background-color:#000;
}

#top #flash .washi-head {
	position:absolute;
	top:0px;
	left:0;
	width:100%;
	background:url(../images/washi_head.png) center top repeat-x;
}

#top #flash .washi-foot {
	position:absolute;
	bottom:-10px;
	left:0;
	width:100%;
	height:85px;
	background:url(../images/top/washi_foot_top.png) center top repeat-x;
	z-index:3;
}


/* #search			検索機能
----------------------------------------------------------- */
#top #cnt_search_top {
	margin:0 auto;
	width:960px;
	position:relative;
}

#top #cnt_search_top #search {
	width:870px;
	top:-50px;
	left:5px;
	position:absolute;
	color:#fff;
}

#top #cnt_search_top #search form {
	font-size:12px;
}

#top #cnt_search_top #search span {
	vertical-align:middle;
}

#top #cnt_search_top #search select {
	border:1px solid #191818;
}


/* くのいちイメージ*/
#top #cnt_search_top .img_kunoichi_top {
	top:-120px;
	right:-75px;
	position:absolute;
	z-index:-1;
}



/* #gmenu			グローバルメニュー
----------------------------------------------------------- */
#header #cnt_gmenu #gmenu li.gm_hotspring span {
	display:none;
	margin: 0 4px;
	width:150px;
	height:450px;
	position:absolute;
	z-index:1;
}

#header #cnt_gmenu #gmenu li.gm_dining span {
	display:none;
	margin: 0 4px;
	width:150px;
	height:450px;
	position:absolute;
	z-index:1;
}

#header #cnt_gmenu #gmenu li.gm_rooms span {
	display:none;
	margin: 0 4px;
	width:150px;
	height:450px;
	position:absolute;
	z-index:1;
}


/*----------------------------------------------------
	
	#contents	メイン	
	
----------------------------------------------------*/
#top #cnt_contents {
	background:url(../images/top/bg_col.gif) center top repeat-y;
}

/*-----------------------------------------------------------
	#cnt_news	　新着情報
----------------------------------------------------------- */

#top #contents #cnt_news{
	margin:0 20px 0 0;
	padding:0 0 50px 0;
	width:178px;
	float:left;
}

#top #contents #cnt_news #news{
	width:178px;
}

#top #contents #cnt_news #news ul{
	margin:15px 0;
	padding:0 0 15px 0;
	width:180px;
	border-bottom:1px dotted #999;
}

#top #contents #cnt_news #news ul li{
	margin:0 auto;
	width:155px;
}

#top #contents #cnt_news #news ul li h3{
	padding:0 0 0 15px;
	color:#000;
	font-size:0.8em;
	background:url(../images/ic_circle.gif) 0 center no-repeat;
}

#top #contents #cnt_news #news ul li p{
	line-height:16px;
	color:#3b2b4e;
	font-size:0.89em;
}

#top #contents #cnt_news #news ul li p a{
	color:#3b2b4e;
	text-decoration:underline;
}

#top #contents #cnt_news p.btn_news a{
	margin:0 0 0 15px;
	padding:0 0 0 15px;
	background:url(../images/ic_arrow.gif) 0 4px no-repeat;
}


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

#top #main {
	margin:25px 0 0 0;
	width:520px;
	float:left;
}


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

#top #main .cnt_packs {
	margin:0 0 20px 0;
	padding:15px 0;
	width:520px;
	overflow:hidden;
	background-color:#3e314e;
}

#top #main .cnt_packs .cnt_itabs {
	margin:10px auto 0 auto; 
	width:498px;
	border:1px solid #000;
}


/* タブメニュー  */
#top #main .cnt_packs .idTabs {
	width:498px;
	height:63px;
	background:url(../images/top/mtab.gif) 0 0 no-repeat;
	overflow:hidden;
}

#top #main .cnt_packs .idTabs li {
	width:166px;
	height:63px;
	text-indent:-9999px;
	float:left;
}

#top #main .cnt_packs .idTabs li a {
	width:166px;
	height:63px;
	display:block;
	overflow:hidden;
}

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

#top #main .cnt_packs .idTabs li.tb_komorebi a:hover,
#top #main .cnt_packs .idTabs li.tb_komorebi a.selected{
	background-position: 0 -63px;
}

#top #main .cnt_packs .idTabs li.tb_taisenkaku a:hover,
#top #main .cnt_packs .idTabs li.tb_taisenkaku a.selected{
	background-position: -166px -63px;
}

#top #main .cnt_packs .idTabs li.tb_kaede a:hover,
#top #main .cnt_packs .idTabs li.tb_kaede a.selected{
	background-position: -332px -63px;
}


/* タブコンテンツ  */
#top #main .cnt_packs .packs_wrap {
	padding:0 0 15px 0;
	width:498px;
	background-color:#fff;
}


#top #main .cnt_packs .packs_wrap dl {
	width:498px;
	overflow:hidden;
	border-bottom:1px dotted #999;
}

#top #main .cnt_packs .packs_wrap dl a {
	padding:10px 0;
	color:#3b2b4e;
	text-decoration:underline;
	cursor:pointer;
	display:block;
	overflow:hidden;
	width:498px;
	height:100%;
}

#top #main .cnt_packs .packs_wrap dl a:hover {
	background-color:#f0eeee;
}

#top #main .cnt_packs .packs_wrap dl dt {
	margin:0 0 0 15px;
	padding:3px;
	width:80px;
	text-align:center;
	float:left;
	background:url(../images/top/bg_ipack.gif) 0 0 no-repeat;
}

#top #main .cnt_packs .packs_wrap dl dd {
	margin:0 15px 0 0;
	width:360px;
	float:right;
}

#top #main .cnt_packs .packs_wrap dl dd h3 {
	padding:0 0 0 15px;
	background:url(../images/ic_arrow.gif) 0 center no-repeat
}


/* タブコンテンツの下部メニュー  */
#top #main .cnt_packs .packs_wrap .btn_packs {
	margin:15px 0 0 15px;
	width:460px;
}

#top #main .cnt_packs .packs_wrap .btn_packs li {
	margin:0 10px 0 0;
	padding:0 0 0 15px;
	display:inline;
	background:url(../images/ic_barrow.gif) 0 center no-repeat;
	color:#675023;
}

#top #main .cnt_packs .packs_wrap .btn_packs li a {
	color:#675023;
}





/* .bn_four	バナー　
----------------------------------------------------------- */

#top #main .bn_four {
	padding:0 0 25px 0;
	width:520px;
	background:url(../images/top/bg_banners.jpg) 0 0 repeat;
	overflow:hidden;
}

#top #main .bn_four .bn_col {
	margin:0 auto;
	width:500px;
	overflow:hidden;
}


#top #main .bn_four .bn_col p {
	margin:10px 0 0 0;
	width:245px;
}





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

	hack - 各種cssハック - for IE7

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


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

	hack - 各種cssハック - for IE6

=======================================*/
* html #top #main .cnt_packs .packs_wrap dl dt {
	margin:0 0 0 8px;
}

* html #top #main .cnt_packs .packs_wrap dl dd {
	margin:0 8px 0 0;
}