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

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


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



/* top 用 falshbox
----------------------------------------------------------- */
#top #bg_flash {
	padding-top:13px;
	width:100%;
	height:280px;
	background: url(../images/bg/bg_flash.gif) repeat-x left top;
}

/* flash 大ボックス */
#top #flash_box {
	width:950px;
	margin:0 auto;
}

/* flashボックス内左 */
#top #flash_box #flash_left {
	width:680px;
	height:265px;
	float:left;
}

/* flashボックス内右 */
#top #flash_box #flash_right {
	width:230px;
	float:right;
/*	height:310px;*/
	padding:10px;
	background:url(../images/bg/bg_banner.jpg) left top repeat-x;
}

/* 朝食無料サービス */
#bn_breakfast {
	width:228px;
	height:68px;
	background: url(../images/bn_breakfast.jpg) no-repeat left top;
	text-indent: -9999px;
	display: block;
	margin:0 auto 10px;
	border: 1px solid #999999;
}

#bn_breakfast a {
	width:228px;
	height:68px;
	display:block;
}

/* レストラン */
#bn_parking {
	width:228px;
	height:68px;
	background: url(../images/bn_parking.jpg) no-repeat left top;
	text-indent: -9999px;
	display: block;
	margin:0 auto 10px;
	border: 1px solid #999999;
}

#bn_parking a {
	width:228px;
	height:68px;
	display:block;
}

/* 駐車場完備 */
#bn_restaurant {
	width:228px;
	height:68px;
	background: url(../images/bn_restaurant.jpg) no-repeat left top;
	text-indent: -9999px;
	display: block;
	margin:0 auto 10px;
	border: 1px solid #999999;
}

#bn_restaurant a {
	width:228px;
	height:68px;
	display:block;
}


/* 検索窓＆FLASH
--------------------------------------- */

#top #bg_search {
	background:url(../images/bg/bn_search_flash.gif) left top no-repeat;
	width:670px;
	height:270px;
	padding:5px;
	margin:0 0 15px 0;
	_margin:0;
	}

/* 検索窓 */	
#top #bg_search #search {
	width:255px;
	background:url(../images/bg/bg_search.gif) left top repeat-x;
	height:240px;
	padding:15px;
	margin:0 5px 0 0;
	float:left;
	}
	
#top #bg_search #search h3 {
	text-indent: -9999px;
	background:url(../images/st_search.gif) left center no-repeat;
	width:82px;
	height:15px;
	margin:0 0 15px 0;
}

#top #bg_search #search #hotelform {
	width:250px;
}

/* フォーム内テキスト */
#top #bg_search #search #hotelform p {
	padding-left:3px;
	color: #FFFFFF;
	font-size: 11px;
	line-height: 14px;
}

#top #bg_search #search #hotelform p.bottom {
	margin-bottom:15px;
}

/* フォーム内ロングセレクトボックス */
#top #bg_search #search #hotelform p select.long {
	width:170px;
}

/* 検索ボックス */
#top #bg_search #search #hotelform p#search_box {
	padding-top:0px;
	overflow:hidden;
	width:240px;
}

#top #bg_search #search #hotelform p #arrow_txt {
	width:120px;
	background: url(../images/icon_arrow.gif) no-repeat left 4px;
	padding-left: 11px;
	float:left;
}

#top #bg_search #search #hotelform p #arrow_txt a {
	color:#FFFFFF;
}

/* 検索ボタン */
#top #bg_search #search #hotelform input#search_btn {
	width:134px;
	height:22px;
	background: url(../buttons/btn_search.gif) no-repeat left top;
	line-height: 1;
	text-indent: -9999px;
	border-style: none;
	cursor:pointer;
	margin:0 auto 0 ;
	display: block;
}


/* グループ一覧 */
#top #bg_search #search #btn_hotellist {
	background:url(../images/btn_hotellist.gif) left top no-repeat;
	width:250px;
	height:108px;
	margin:20px auto 0 auto;
	text-indent:-9999px;
	}
	
#top #bg_search #search #btn_hotellist a {
	width:250px;
	height:108px;
	display:block;
	}

/* FLASH */

#top #bg_search #flash {
	width:380px;
	height:270px;
	background:#fff;
	float:left;
	display:inline;
	}

/* 新着情報
--------------------------------------- */
#top #feeds_box {
	width:660px;
	border-top: 3px solid #6E0D25;
	background: url(../images/bg/bg_feeds.gif) repeat-x left 1px;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
	float: right;
	overflow: auto;
	margin:0 0 15px 0;
}

#top #feeds_box a {
	color:#CB6C16;
}

/* タイトル */
#top #feeds_box h3 {
	margin: 0 0 10px;
	float: left;
	width: 60px;
	height:14px;
	background: url(../images/st_feeds.gif) no-repeat left top;
	text-indent: -9999px;
	overflow:hidden;
}

/*おすすめ情報一覧*/
#top #feeds_box #btn_feeds{
	float: right;
	width: 100px;
	height:22px;
	background: url(../buttons/btn_feeds.gif) no-repeat left top;
	text-indent: -9999px;
	overflow:hidden;
}

#top #feeds_box #btn_feeds a{
	width: 100px;
	height:22px;
	display:block;
}

/* feedsコンテンツ */
#top #feeds_box .feed_content {
	padding-bottom:9px;
	width:640px;
	overflow:hidden;
	border-bottom: 1px dotted #CCCCCC;
	float: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}

/* feedsコンテンツ左 */
#top #feeds_box .feed_content .feed_left {
	width:150px;
	float:left;
}

/* 日付け */
#top #feeds_box .feed_content .feed_left .ymd_date {
	margin:0;
	color:#6E0D25;
	font-size: 93%;
}

/* タイトル */
#top #feeds_box .feed_content .feed_left h4 {
	color:#CB6C16;
	font-size: 93%;
	width: 520px;
}

/* テキスト */
#top #feeds_box .feed_content .feed_left .feed_txt {
	margin:0;
	color:#595959;
	font-size: 93%;
	width: 520px;
}

#top #feeds_box .feed_content .feed_left .feed_link {
	margin:0;
	color:#595959;
	font-size: 88%;
}

/*画像*/
#top #feeds_box .feed_content img {
	margin-top:10px;
	display:block;
	float:right;
	height: 80px;
	width: 100px;
}

/* 亀の井ネットワーク
--------------------------------------- */

#top #network_box {
	width:680px;
	clear:both;
	}

#top #network_box h2 {	
	background:url(../images/st_network.gif) left center no-repeat;
	width:306px;
	height:21px;
	text-indent:-9999px;
	}
	
#top #network_box #tab_menu {
	width:680px;
	margin:10px 0 0 0 ;
	border-bottom:3px solid #6E0D25;
	background:url(../buttons/btn_tab.gif) left top no-repeat;
	height:24px;
	}
	
#top #network_box #tab_menu li {
	width:73px;
	height:24px;
	margin:0 1px 0 0;
	float:left;
	text-indent:-9999px;
	}
	
#top #network_box #tab_menu li a {
	width:73px;
	height:24px;
	display:block;
	}
	
/*hover*/
#top #network_box #tab_menu li#tab_menu1 a:hover, 
#top #network_box #tab_menu li#tab_menu1 a.active{
	background: url(../buttons/btn_tab.gif) 0px -24px;
}

#top #network_box #tab_menu li#tab_menu2 a:hover, 
#top #network_box #tab_menu li#tab_menu2 a.active{
	background: url(../buttons/btn_tab.gif) -74px -24px;
}

#top #network_box #tab_menu li#tab_menu3 a:hover, 
#top #network_box #tab_menu li#tab_menu3 a.active{
	background: url(../buttons/btn_tab.gif) -148px -24px;
}

#top #network_box #tab_menu li#tab_menu4 a:hover, 
#top #network_box #tab_menu li#tab_menu4 a.active{
	background: url(../buttons/btn_tab.gif) -222px -24px;
}

#top #network_box #tab_menu li#tab_menu9 a:hover, 
#top #network_box #tab_menu li#tab_menu9 a.active{
	background: url(../buttons/btn_tab.gif) -296px -24px;
}

#top #network_box #tab_menu li#tab_menu5 a:hover, 
#top #network_box #tab_menu li#tab_menu5 a.active{
	background: url(../buttons/btn_tab.gif) -370px -24px;
}

#top #network_box #tab_menu li#tab_menu6 a:hover, 
#top #network_box #tab_menu li#tab_menu6 a.active{
	background: url(../buttons/btn_tab.gif) -444px -24px;
}

#top #network_box #tab_menu li#tab_menu7 a:hover, 
#top #network_box #tab_menu li#tab_menu7 a.active{
	background: url(../buttons/btn_tab.gif) -518px -24px;
}
#top #network_box #tab_menu li#tab_menu8 a:hover, 
#top #network_box #tab_menu li#tab_menu8 a.active{
	background: url(../buttons/btn_tab.gif) -592px -24px;
}

#top #network_box .area_box {
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	background:#F5EDE3;
	width:680px;
	margin:10px 0 0 0;
	}
	
#top #network_box .area_inbox {
	width:660px;
	padding:10px;
	border-bottom:1px solid #CCCCCC;
	overflow:hidden;
	}
	
#top #network_box .area_inbox h3 {
	background:url(../images/icon_area.gif) left center no-repeat;
	line-height:19px;
	padding:0 0 0 25px;
	float:left;
	}
	
#top #network_box .area_inbox .btn_details {
	background:url(../buttons/btn_details.gif) left center no-repeat;
	width:94px;
	height:21px;
	display:block;
	float:right;
	margin:0;
	text-indent:-9999px;
	overflow: hidden;
	}
	
#top #network_box .area_inbox .btn_details a {
	width:94px;
	height:21px;
	display:block;
	}
	
#top #network_box .area_inbox .btn_reservation {
	background:url(../buttons/btn_reservation.gif) left center no-repeat;
	width:71px;
	height:21px;
	display:block;
	float:right;
	margin:0 0 0 10px;
	text-indent:-9999px;
	overflow: hidden;
	}
	
#top #network_box .area_inbox .btn_reservation a {
	width:71px;
	height:21px;
	display:block;
	}

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

	hack - 各種cssハック - for IE7

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


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

	hack - 各種cssハック - for IE6

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