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

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

/* -----------------------------------------------------------
	#menu_con
		Flash含むメニュー回り
----------------------------------------------------------- */

/* #menu_con
----------------------------------------------------------- */
#top #menu_con {
	width: 100%;
	height: 457px;
	clear: both;
}


/* #flash
----------------------------------------------------------- */
#top #menu_con #flash {
	width: 100%;
	height: 457px;
	background: url(../images/top/bg_menu.gif) repeat-x;
	background-position: bottom;
}


/* flash上透過png表示用ボックス指定
----------------------------------------------------------- */
#top #menu_con #box_none {
	width: 960px;
	height: 208px;
	margin: -208px auto 0 auto;
}

/* #gNav
----------------------------------------------------------- */
#top #menu_con #gNav ul {
	width: 950px;
	height: 60px;
	margin: 146px auto 0 auto;
	background: url(../images/top/menu_gMenu.gif) no-repeat 0 0;
	overflow: hidden;
}

#top #menu_con #gNav ul li {
	height: 60px;
	float: left;
}

#top #menu_con #gNav ul li a {
	height: 60px;
	display: block;
	overflow: hidden;
}

#top #menu_con #gNav ul li span.menu {
	text-indent: -9999px;
}

#top #menu_con #gNav ul li.gNav01 {
	width: 139px;
}

#top #menu_con #gNav ul li.gNav01 a:hover {
	width: 139px;
	background: url(../images/top/menu_gMenu.gif) no-repeat 0 -62px;
}

#top #menu_con #gNav ul li.gNav02 {
	width: 109px;
}

#top #menu_con #gNav ul li.gNav02 a:hover {
	width: 109px;
	background: url(../images/top/menu_gMenu.gif) no-repeat -139px -62px;
}

#top #menu_con #gNav ul li.gNav03 {
	width: 114px;
}

#top #menu_con #gNav ul li.gNav03 a:hover {
	width: 114px;
	background: url(../images/top/menu_gMenu.gif) no-repeat -248px -62px;
}

#top #menu_con #gNav ul li.gNav04 {
	width: 139px;
}

#top #menu_con #gNav ul li.gNav04 a:hover {
	width: 139px;
	background: url(../images/top/menu_gMenu.gif) no-repeat -362px -62px;
}

#top #menu_con #gNav ul li.gNav05 {
	width: 129px;
}

#top #menu_con #gNav ul li.gNav05 a:hover {
	width: 129px;
	background: url(../images/top/menu_gMenu.gif) no-repeat -501px -62px;
}

#top #menu_con #gNav ul li.gNav06 {
	width: 140px;
}

#top #menu_con #gNav ul li.gNav06 a:hover {
	width: 140px;
	background: url(../images/top/menu_gMenu.gif) no-repeat -630px -62px;
}

#top #menu_con #gNav ul li.gNav07 {
	width: 180px;
	text-indent: -9999px;
}

#top #menu_con #gNav ul li.gNav07 a:hover {
	width: 180px;
	background: url(../images/top/menu_gMenu.gif) no-repeat -770px -62px;
}

/* -- hover時画像指定 -- */
* html #top #menu_con #gNav ul a:hover {
text-decoration:none;
}/*BG color is a must for IE6*/

#top #menu_con #gNav ul li.gNav01 a.tooltip span {
display:none;
padding:10px;
margin: -150px 0 0 -5px;
background:url(../images/top/img_menu01.png) no-repeat top left;
width:370px;
height:130px;
text-indent: -9999px;
}

#top #menu_con #gNav ul li.gNav02 a.tooltip span {
display:none;
padding:10px;
margin: -150px 0 0 -5px;
background:url(../images/top/img_menu02.png) no-repeat top left;
width:382px;
height:131px;
text-indent: -9999px;
}

#top #menu_con #gNav ul li.gNav03 a.tooltip span {
display:none;
padding:10px;
margin: -150px 0 0 -5px;
background:url(../images/top/img_menu03.png) no-repeat top left;
width:370px; 
height:130px; 
text-indent: -9999px;
}

#top #menu_con #gNav ul li.gNav04 a.tooltip span {
display:none;
padding:10px;
margin: -150px 0 0 -5px;
background:url(../images/top/img_menu05.png) no-repeat top left;
width:370px;
height:130px;
text-indent: -9999px;
}

#top #menu_con #gNav ul li.gNav05 a.tooltip span {
display:none;
padding:10px;
margin: -150px 0 0 -75px;
background:url(../images/top/img_menu06.png) no-repeat top left;
width:370px;
height:130px;
text-indent: -9999px;
}

#top #menu_con #gNav ul li.gNav06 a.tooltip span {
display:none;
padding:10px;
margin: -150px 0 0 -5px;
background:url(../images/top/img_menu07.png) no-repeat top left;
width:370px;
height:130px;
text-indent: -9999px;
}

#top #menu_con #gNav ul li a.tooltip:hover span{
display:inline;
position:absolute;
}






/* -----------------------------------------------------------
	#contents
		コンテンツ
----------------------------------------------------------- */
#top #contents {
	width: 100%;
	background: url(../images/top/bg_flower.gif) no-repeat right top;
	clear: both;
}

#top #contents #contents_wrap {
	width: 950px;
	margin: 0 auto;
}




/* -----------------------------------------------------------
	#main
		メイン
----------------------------------------------------------- */
#top #contents #contents_wrap #main {
	width: 745px;
	overflow: hidden;
	float: left;
}

/* バナー
----------------------------------------------------------- */
#top #contents #contents_wrap #main div.topbn_con {
	width: 745px;
	margin: 0 0 20px 0;
}


/* プラン
----------------------------------------------------------- */
#top #contents #contents_wrap #main div.plan_con {
	width: 745px;
	margin: 0 0 20px 0;
	overflow: hidden;
}

#top #contents #contents_wrap #main div.plan_con .st {
	width: 745px;
	height: 35px;
	margin: 0 0 10px 0;
	background: url(../images/top/st_best.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#top #contents #contents_wrap #main div.plan_con h2 {
	width: 200px;
	height: 35px;
	line-height: 35px;
	float: left;
}

#top #contents #contents_wrap #main div.plan_con .st a {
	width: 120px;
	height: 30px;
	display: block;
	overflow: hidden;
	margin: 0;
	float: right;
}


#top #contents #contents_wrap #main div.plan_con div.plan_list {
	width: 243px;
	padding: 5px 5px 0 0;
	background-color: #FAF2E5;
	float: left;
	overflow: hidden;
}

#top #contents #contents_wrap #main div.plan_con div.plan_list div.plan_list_left {
	width: 69px;
	padding: 0 0 0 5px;
	float: left;
}

#top #contents #contents_wrap #main div.plan_con div.plan_list div.plan_list_left p {
	width: 69px;
	height: 90px;
	text-indent: -9999px;
}

/* -- 画像指定 -- */
#top #contents #contents_wrap #main div.plan_con div.plan_list div.plan_list_left p.plan01 {
	width: 69px;
	height: 69px;
	padding: 21px 0 0 0;
	background: url(../images/top/img_plan1st.jpg) no-repeat 0 0;
}

#top #contents #contents_wrap #main div.plan_con div.plan_list div.plan_list_left p.plan01 a {
	width: 69px;
	height: 69px;
	display: block;
	overflow: hidden;
}

#top #contents #contents_wrap #main div.plan_con div.plan_list div.plan_list_left p.plan02 {
	width: 69px;
	height: 69px;
	padding: 21px 0 0 0;
	background: url(../images/top/img_plan2nd.jpg) no-repeat 0 0;
}

#top #contents #contents_wrap #main div.plan_con div.plan_list div.plan_list_left p.plan02 a {
	width: 69px;
	height: 69px;
	display: block;
	overflow: hidden;
}

#top #contents #contents_wrap #main div.plan_con div.plan_list div.plan_list_left p.plan03 {
	width: 69px;
	height: 69px;
	padding: 21px 0 0 0;
	background: url(../images/top/img_plan3rd.jpg) no-repeat 0 0;
}

#top #contents #contents_wrap #main div.plan_con div.plan_list div.plan_list_left p.plan03 a {
	width: 69px;
	height: 69px;
	display: block;
	overflow: hidden;
}



#top #contents #contents_wrap #main div.plan_con div.plan_list div.plan_list_right {
	width: 160px;
	padding: 5px 0 0 0;
	float: right;
}

#top #contents #contents_wrap #main div.plan_con div.plan_list div.plan_list_right h4 {
	color: #493727;
}

#top #contents #contents_wrap #main div.plan_con div.plan_list div.plan_list_right p {
	margin: 0 0 5px 0;
	color: #78746F;
}

#top #contents #contents_wrap #main div.plan_con div.plan_list div.plan_list_right p span {
	color: #500D0D;
}


/* 新着情報
----------------------------------------------------------- */
#top #contents #contents_wrap #main div.news_con {
	width: 745px;
	margin: 0 0 20px 0;
	overflow: hidden;
}

#top #contents #contents_wrap #main div.news_con .st {
	width: 745px;
	height: 35px;
	margin: 0 0 10px 0;
	background: url(../images/top/st_news.png) no-repeat 0 0;
	text-indent: -9999px;
}

#top #contents #contents_wrap #main div.news_con h2 {
	width: 200px;
	height: 35px;
	line-height: 35px;
	float: left;
}

#top #contents #contents_wrap #main div.news_con .st a {
	width: 120px;
	height: 30px;
	margin: 0;
	float: right;
}

/* -- 新着情報表示 -- */
#top #contents #contents_wrap #main div.news_con div.news {
	width: 745px;
	background-color: #E0C8A0;
}

#top #contents #contents_wrap #main div.news_con div.news ul {
	width: 740px;
	margin: 0 0 0 10px;
	padding: 10px 0 10px 10px;
	background-color: #E0C8A0;
}

#top #contents #contents_wrap #main div.news_con div.news ul li {
	margin: 0 0 5px 0;
	padding: 0 0 0 18px;
	background: url(../images/top/icon_leaf.gif) no-repeat left center;
}

#top #contents #contents_wrap #main div.news_con div.news ul li a {
	color: #5C5E49;
}

#top #contents #contents_wrap #main div.news_con div.news ul li span {
	padding: 0 10px 0 0;
	color: #48222A;
}



/* -----------------------------------------------------------
	#sub
		サブ
----------------------------------------------------------- */
#top #sub {
	width: 189px;
	float: right;
	overflow: hidden;
}


/* 予約など
----------------------------------------------------------- */
#top #sub #plan_seach_con {
	margin: 0 0 10px 8px;
}


/* 地図
----------------------------------------------------------- */
#top #sub #map_con {
	margin-bottom: 10px;
	width: 189px;
	height: 126px;
	background: url(../images/img_map.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#sub #map_con a {
	width: 189px;
	height: 126px;
	display: block;
	overflow: hidden;
}

/* サイドバナー
----------------------------------------------------------- */

#top #sub .bnr_img{
	margin-left: 9px;
	margin-bottom: 10px;
	text-indent: -9999px;
}

#top #sub .bnr_img a{
	display: block;
	overflow: hidden;
}

#sub .text {
	width: 180px;
	margin-left: 9px;
	margin-bottom: 10px;
	line-height: 1.2em;
	font-size: 90%;
}

#sub #cam01 {background: url(/hotels/image_banner/kusatsu.jpg) no-repeat 0 0;}
#sub #cam01, #sub #cam01 a {
	width: 180px;
	height: 164px;
}

#sub #cam02 {	background: url(/image_uniq/sd_5off.jpg) no-repeat 0 0;}
#sub #cam02, #sub #cam02 a {
	width: 180px;
	height: 170px;
}

#sub #cam03 {	background: url(/hotels/image_banner/toyama_bus.gif) no-repeat 0 0;}
#sub #cam03, #sub #cam03 a {
	width: 180px;
	height: 90px;
}


#sub #cam04 {	background: url(/hotels/image_banner/hanabi_l.jpg) no-repeat 0 0;}
#sub #cam04, #sub #cam04 a {
	width: 180px;
	height: 60px;
}

#sub #cam05 {	background: url(/hotels/image_banner/miyama_jazz2.jpg) no-repeat 0 0;}
#sub #cam05, #sub #cam05 a {
	width: 180px;
	height: 60px;
}
#sub #cam06 {	background: url(/hotels/image_banner/hanare05.jpg) no-repeat 0 0;}
#sub #cam06, #sub #cam06 a {
	width: 180px;
	height: 60px;
}
#sub #cam07 {	background: url(/hotels/image_banner/kusatsuopen.jpg) no-repeat 0 0;}
#sub #cam07, #sub #cam07 a {
	width: 180px;
	height: 80px;
}
#sub #cam08 {
	background-color: #18a318;
	background: url(/hotels/image_banner/bn_okuhida.gif) no-repeat 0 0;
}
#sub #cam08, #sub #cam08 a {
	width: 180px;
	height: 80px;
}
#sub #cam09 {	background: url(/hotels/image_banner/renewal2010.jpg) no-repeat 0 0;}
#sub #cam09, #sub #cam09 a {
	width: 180px;
	height: 60px;
}
#sub #cam10 {	background: url(/hotels/image_banner/tegata_l.jpg) no-repeat 0 0;}
#sub #cam10, #sub #cam10 a {
	width: 180px;
	height: 75px;
}
#sub #cam11 {	background: url(/hotels/image_banner/932grand.jpg) no-repeat 0 0;}
#sub #cam11, #sub #cam11 a {
	width: 180px;
	height: 80px;
}
#sub #cam12 {	background: url(/hotels/image_banner/media.jpg) no-repeat 0 0;}
#sub #cam12, #sub #cam12 a {
	width: 180px;
	height: 95px;
}
#sub #cam13 {	background: url(/hotels/image_banner/100sen.jpg) no-repeat 0 0;}
#sub #cam13, #sub #cam13 a {
	width: 180px;
	height: 60px;
}
#sub #cam14 {	background: url(/hotels/image_banner/tripadvisor_s.jpg) no-repeat 0 0;}
#sub #cam14, #sub #cam14 a {
	width: 180px;
	height: 100px;
}
#sub #cam15 {	background: url(/hotels/image_banner/kadensho.jpg) no-repeat 0 0;}
#sub #cam15, #sub #cam15 a {
	width: 180px;
	height: 164px;
}
#sub #cam16 {	background: url(/hotels/image_banner/tegata_res.jpg) no-repeat 0 0;}
#sub #cam16, #sub #cam16 a {
	width: 180px;
	height: 65px;
}
#sub #cam17 {	background: url(/hotels/image_banner/yagou2012.jpg) no-repeat 0 0;}
#sub #cam17, #sub #cam017 a {
	width: 180px;
	height: 164px;
}

/*======================================
	
	hack - 各種cssハック - for IE7
	
=======================================*/
*:first-child+html {}




/*======================================
	
	hack - 各種cssハック - for IE6
	
=======================================*/
* html {}

/* flash上透過png表示用ボックス指定
----------------------------------------------------------- */
* html #top #menu_con #box_none {
	width: 960px;
	height: 208px;
	margin: -208px auto 0 auto;
	position: relative;
}


/* -- hover時画像指定 -- */
* html #top #menu_con #gNav ul li.gNav01 ul li,
* html #top #menu_con #gNav ul li.gNav02 ul li,
* html #top #menu_con #gNav ul li.gNav03 ul li,
* html #top #menu_con #gNav ul li.gNav04 ul li,
* html #top #menu_con #gNav ul li.gNav05 ul li,
* html #top #menu_con #gNav ul li.gNav06 ul li {
	top: 0;
}

/* プラン
----------------------------------------------------------- */
* html #top #contents #contents_wrap #main div.plan_con h2 span {
	margin: -20px 0 0 0;
	position: relative;
}

/* 新着情報
----------------------------------------------------------- */
* html #top #contents #contents_wrap #main div.news_con h2 span {
	margin: -20px 0 0 0;
	position: relative;
}

/************************

	お知らせ

*************************/
#main .information{
	margin: 0 0 10px;
	padding: 10px 10px 0px;
	border: #C00 solid 1px;
	background: #FFFFFF;
}
#main .information h2{
	width: 100%;
	height: 27px;
	color: #891905;
	border-bottom: #891905 solid 1px;
	margin: 0 0 5px;
	padding: 0;
	font-size: 120%;
}


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

/* Trip Adviser */

#sub #box_widget {
	margin: 0 0 0 9px;
}

#sub #box_text {
	margin: 5px 0 10px 9px;
	font-size: 80%;
	line-height: 1.4;
}