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

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


/* -----------------------------------------------------------
	各ページ専用指定
----------------------------------------------------------- */



/* 
----------------------------------------------------------- */
#top{
}

/* -----------------------------------------------------------
	#header
		ヘッダー
----------------------------------------------------------- */
#top #header {
    width: 970px;
    height: 70px;
}

#top #header h1 a{
    width: 285px;
    height: 70px;
	/*overflow: hidden;
	display: block;*/
	float:left;
}


/* #flash_area
----------------------------------------------------------- */
#top #flash_area{
    width: 950px;
    height: 420px;
	  	margin: 0 auto;
}

#top #flash_area object {
	margin: 0;
	padding: 0;
	border: 0;
}

#top #flash_area embed {
	margin: 0;
	padding: 0;
	border: 0;
}

/* #left_area
----------------------------------------------------------- */
#top #left_area{
    width: 285px;
	   float:left;
}


/* #top #gnav_top
----------------------------------------------------------- */

#top #gnav_top{
    width: 285px;
    height: 170px;
	background: url(../images/top/main_nav_top.gif) left top no-repeat;
}

#top #gnav_top li{
	height: 170px;
	text-indent: -9999px;
	float:right;
}

#top #gnav_top li a{
	   height: 170px;
	   overflow: hidden;
	   display: block;
}

/*グローバルメニュー/温泉のご案内*/
#top #gnav_top li.hotspa a{
				margin: 0 16px 0 0;
				width: 55px;
}

#top #gnav_top li.hotspa a:hover{
				background: url(../images/top/main_nav_top_on.gif) -214px 0;
}


/*グローバルメニュー/施設のご案内*/
#top #gnav_top li.facilities a{
	   width: 46px;
}

#top #gnav_top li.facilities a:hover{
				background: url(../images/top/main_nav_top_on.gif) -168px 0;
}

/*グローバルメニュー/季節のお料理*/
#top #gnav_top li.dish a{
	   width: 46px;
}

#top #gnav_top li.dish a:hover{
				background: url(../images/top/main_nav_top_on.gif) -122px 0;
}

/*グローバルメニュー/交通のご案内*/
#top #gnav_top li.access a{
	   width: 46px;
}

#top #gnav_top li.access a:hover{
				background: url(../images/top/main_nav_top_on.gif) -76px 0;
}

/*グローバルメニュー/プラン・ご予約*/
#top #gnav_top li.plan a{
				width: 55px;
}

#top #gnav_top li.plan a:hover{
				background: url(../images/top/main_nav_top_on.gif) -21px 0;
}

/* #copyright_top
----------------------------------------------------------- */
#top #copyright_top{
    width: 215px;
   	padding: 100px 35px 0;
   	background: url(../images/top/main_navimage_top.jpg) left top no-repeat;
}

#top #copyright_top address{
    margin: 0 0 10px;
    color: #3B240E;
    font-style: normal;
}

#top #copyright_top .copyright{
	color: #489000;
	font-size: 11px;
	line-height: 1;
}

/* #right_area
----------------------------------------------------------- */
#top #right_area{
    width: 685px;
	float: right;
}

/* #main_contents
----------------------------------------------------------- */
#top #main_contents{
    width: 450px;
   	margin: 10px 15px 0 0;
	float: left;
}

/*h3バナー*/
#top #main_contents h3{
    width: 220px;
	height: 70px;
	float: left;
	text-indent:-9999px;
}

#top #main_contents h3 a{
    width: 220px;
	height: 70px;
	display: block;
	overflow: hidden;
}

/*バナー|天然温泉露天風呂*/
#top #main_contents h3#bn_hotspa{
    margin: 0 10px 10px 0;
    background: url(../images/top/bn_hotspa.gif) left top no-repeat;
}

/*バナー|お料理*/
#top #main_contents h3#bn_dish{
    background: url(../images/top/bn_dish.gif) left top no-repeat;
}

/* #osusume_plan
----------------------------------------------------------- */
#top #osusume_plan{
    width: 450px;
　　margin: 0 0 10px;
	clear: both;
}

/*h3おすすめプランタイトル*/
#top #osusume_plan h4{
    width: 450px;
	height: 25px;
	margin: 0 0 10px;
	text-indent:-9999px;
	background:url(../images/top/st_osusumeplan.gif) left top no-repeat;
	clear: both;
}

/* .plan_link
----------------------------------------------------------- */
#top #osusume_plan .plan_link{
    width: 205px;
	margin: 0 0 10px;
	padding: 0 15px 0 0;
	float: left;
}

#top #osusume_plan .plan_link img {
	margin: 0 15px 0 0;
	border: 3px solid #FFF;
	float: left;
}

#top #osusume_plan .plan_link a:hover img{
	border: 3px solid #ADC379;
}

#top #osusume_plan .plan_link a p{
	width: 130px;
	float: right;
	text-decoration: underline;
}

#top #osusume_plan .plan_link a:hover p{
	text-decoration: none;
}

/* .plan_banner
----------------------------------------------------------- */
#top #osusume_plan .plan_banner{
    width: 444px;
	margin: 0 0 10px;
	padding: 0 0px 0 0;
}

#top #osusume_plan .plan_banner img {
	margin: 0 ;
	border: 3px solid #FFF;
}

#top #osusume_plan .plan_banner a:hover img{
	border: 3px solid #ADC379;
}

/* #news
----------------------------------------------------------- */
#top #main_contents #news{
    width: 450px;
	height: 115px;
	padding: 5px 0 0;
	background: #D6D0BF;
	clear: both;
}

#top #main_contents #news p a{
    width: 450px;
	height: 25px;
	text-indent:-9999px;
	background:url(../images/top/bt_moreentry.gif) center bottom no-repeat;
	line-height: 1;
	clear: both;
	display: block;
	overflow: hidden;
}

/* #feed_area
----------------------------------------------------------- */
#top #main_contents #feed_area{
    width: 445px;
	height: 90px;
	overflow: auto;
	clear: both;
}

#top #main_contents #feed_area h4{
    width: 425px;
	height: 30px;
	text-indent:-9999px;
	background:url(../images/top/st_news.gif) left top no-repeat;
	clear: both;
}

#top #main_contents #feed_area ul#feed{
　　height: 95px;
	padding: 0 0 0 20px;
}

#top #main_contents #feed_area ul#feed li{
	line-height: 2;
}


/* #sub_contents
----------------------------------------------------------- */
#top #sub_contents{
    width: 190px;
   	margin: 10px 0 0;
	padding: 0 10px 0 0;
	float: left;
}

#top #sub_contents img#bn_enkai{
	margin: 0 0 10px 0;
}


/* #search_area
----------------------------------------------------------- */
#top #search_area{
	width: 190px;
	margin: 0 0 10px;
	padding: 0 10px 10px;
	color: #FFF;
	font-size: 11px;
	background: url(../images/top/bg_search.gif) center top repeat-y;
}

/*宿泊のご予約*/
#top #search_area h3{
	width: 190px;
	height: 30px;
	text-indent:-9999px;
	background: url(../images/top/st_reserve.gif) center top no-repeat;
}

#top #search_area h4{
	width: 190px;
	height: 25px;
	text-indent:-9999px;
}

#top #search_area h4 a{
	width: 190px;
	height: 25px;
	overflow: hidden;
	display: block;
}

/*タイトル|条件から検索*/
#top #search_area h4#search_joken{
	background: url(../images/top/bt_search_joken.gif) center top no-repeat;
}

/*タイトル（ボタン）|プラン一覧から検索*/
#top #search_area h4#search_plan{
	background: url(../images/top/bt_search_plan.gif) center top no-repeat;
}

/*検索小見出し*/
#top #search_area p{
	width: 190px;
	height: 15px;
	text-indent:-9999px;
	margin: 15px 0 5px 0;
}

/*リスト|宿泊日*/
#top #search_area p#sst_day{
	background: url(../images/top/sst_search_day.gif) center top no-repeat;
}

/*リスト|宿泊人数*/
#top #search_area p#sst_people{
	background: url(../images/top/sst_search_people.gif) center top no-repeat;
}

/*リスト|泊数・部屋数*/
#top #search_area p#sst_room{
	background: url(../images/top/sst_search_room.gif) center top no-repeat;
}

/*フォーム設定*/
#top #search_area input{
 margin: 15px 0 15px 65px;
}


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

	hack - 各種cssハック - for IE7

=======================================*/
*:first-child+html #top #search_area{
　　font-size: 9px;
}


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

	hack - 各種cssハック - for IE6

=======================================*/
* html #top #search_area{
　　font-size: 9px;
}