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

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


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



/* top 用 falshbox
----------------------------------------------------------- */
#top #bg_flash {
	padding-top:10px;
	width:100%;
	height:276px;
	background: url(../images/top/bg/bg_top_flash.gif) repeat-x left top;
	border-bottom: 1px solid #FFFFFF;
}

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

/* flashボックス内左 */
#top #flash_box #flash_left {
	width:678px;
	height:265px;
	float:left;
	border: 1px solid #FFFFFF;
}

/* flashボックス内右 */
#top #flash_box #flash_right {
	width:250px;
	float:right;
}

/**************************************/
/* main roll (flash box下の帯ボックス)*/
/**************************************/
#top #content_ul {
	margin-bottom:15px;
	padding:6px 7px 7px 7px;
	width:934px;
	overflow:hidden;
	border: 1px solid #CCCCCC;
	background: #CCB987;
}

#top #content_ul li {
	margin-right:8px;
	padding: 1px;
	border: 1px solid #999999;
	background: #FFF;
	width:156px;
	height:116px;
	float:left;
}

#top #content_ul li a {
	width:156px;
	height:116px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}

/* ジョイフル */
#top #content_ul li#bn_joyful {
	background-color: #FFFFFF;
	background-image: url(../fukuoka/images/top/bn_rest.jpg);
	background-repeat: no-repeat;
	background-position: 1px 1px;
}

/* 朝食バイキング */
#top #content_ul li#bn_viking {
	background-color: #FFFFFF;
	background-image: url(../nabari/images/top/bn_viking.jpg);
	background-repeat: no-repeat;
	background-position: 1px 1px;
}

/* インターネット全室対応 */
#top #content_ul li#bn_net {
	background: #FFFFFF url(../images/top/bn_net.jpg) no-repeat 1px 1px;
}

/* 団体プラン */
#top #content_ul li#bn_sport {
	width:246px;
	float:right;
	background: #FFFFFF url(../images/top/bn_sport.jpg) no-repeat 1px 1px;
}

#top #content_ul li#bn_sport a {
	width:246px;
}

.con_news_area{
	clear:both
}

/* top rankbox
----------------------------------------- */
#top #rank_wrapper {
	margin-bottom:30px;
	width:330px;
	overflow:hidden;
	float:left;
}

#top #rank_box {
	width:330px;
	overflow:hidden;
	border-top: 1px solid #999999;

}

#top #rank_box div {
	float:left;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	background: url(../images/top/bg/bg_rank.gif) repeat-x left top;
}

.con_news_area{
	clear:both
}

/* ランクh3に適応 */
#top #rank_box div h3 {
	width:90px;
	height:25px;
	line-height: 1;
	text-indent: -9999px;
	display: block;
	margin-top: 7px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

#top #rank_box div p {
	margin:0;
	color:#EB8C15;
}

#top #rank_box div p a {
	color:#6E0D25;
}

#top #rank_box div img {
	margin-right:10px;
	float:left;
}

#top #rank_box div p.right_txt {
	width:190px;
	float:left;
	font-size: 82%;
	color:#595959;
}

/* ランク1
----------------------------- */
#top #rank_box #rank1 {
	padding:0 10px 14px 10px;
	width:308px;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
}

#top #rank_box #rank1 h3 {
	background: url(../images/top/img_rank01.gif) no-repeat left top;
}

/* ランク2 */
#top #rank_box #rank2 {
	padding:0 10px 14px 10px;
	width:308px;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
}

#top #rank_box #rank2 h3 {
	background: url(../images/top/img_rank02.gif) no-repeat left top;
}


/* ランク3 */
#top #rank_box #rank3 {
	padding:0 10px 14px 10px;
	width:308px;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
}

#top #rank_box #rank3 h3 {
	background: url(../images/top/img_rank03.gif) no-repeat left top;
}

/* ランク4 */
#top #rank_box #rank4 {
	padding:0 10px 14px 10px;
	width:308px;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
}

#top #rank_box #rank4 h3 {
	background: url(../images/top/img_rank04.gif) no-repeat left top;
}


/* ランク5 */
#top #rank_box #rank5 {
	padding:0 10px 14px 10px;
	width:308px;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
}

#top #rank_box #rank5 h3 {
	background: url(../images/top/img_rank05.gif) no-repeat left top;
}


/* top rankbox2
----------------------------------------- */
#top #rank_wrapper2 {
	float: right;
	margin-bottom:30px;
	width:330px;
	overflow:hidden;
	}
#top #rank_box2 {
	width:330px;
	overflow:hidden;
	border-top: 1px solid #999999;

}

#top #rank_box2 div {
	float:left;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	background: url(../images/top/bg/bg_rank.gif) repeat-x left top;
}

/* ランクh3に適応 */
#top #rank_box2 div h3 {
	width:90px;
	height:25px;
	line-height: 1;
	text-indent: -9999px;
	display: block;
	margin-top: 7px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

#top #rank_box2 div p {
	margin:0;
	color:#EB8C15;
}

#top #rank_box2 div p a {
	color:#6E0D25;
}

#top #rank_box2 div img {
	margin-right:10px;
	float:left;
}

#top #rank_box2 div p.right_txt {
	width:190px;
	float:left;
	font-size: 82%;
	color:#595959;
}

/* ランク1
----------------------------- */
#top #rank_box2 #rank1 {
	padding:0 10px 14px 10px;
	width:308px;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
}

#top #rank_box2 #rank1 h3 {
	background: url(../images/top/img_rank01.gif) no-repeat left top;
}

/* ランク2 */
#top #rank_box2 #rank2 {
	padding:0 10px 14px 10px;
	width:308px;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
}

#top #rank_box2 #rank2 h3 {
	background: url(../images/top/img_rank02.gif) no-repeat left top;
}


/* ランク3 */
#top #rank_box2 #rank3 {
	padding:0 10px 14px 10px;
	width:308px;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
}

#top #rank_box2 #rank3 h3 {
	background: url(../images/top/img_rank03.gif) no-repeat left top;
}

/* ランク4 */
#top #rank_box2 #rank4 {
	padding:0 10px 14px 10px;
	width:308px;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
}

#top #rank_box2 #rank4 h3 {
	background: url(../images/top/img_rank04.gif) no-repeat left top;
}


/* ランク5 */
#top #rank_box2 #rank5 {
	padding:0 10px 14px 10px;
	width:308px;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
}

#top #rank_box2 #rank5 h3 {
	background: url(../images/top/img_rank05.gif) no-repeat left top;
}

/* topr roombox
----------------------------------------- */
#top #room_box {
	margin-bottom:15px;
	width:680px;
	overflow:hidden;
}

/*room left */
#top #room_box #room_left {
	width:330px;
	float:left;
}

/*room right */
#top #room_box #room_right {
	padding-right:1px;
	width:330px;
	float:right;
}

#top #room_box #room_left_plan,
#top #room_box #room_right_plan {
	margin: 0;
	padding: 0;
	border: 0;	
	width:330px;

}



#top #room_box div div {
	padding:9px 10px 9px 10px;
	width:308px;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	overflow:hidden;
}

#top #room_box div img {
	margin-right:10px;
	float:left;
	display:block;
}

#top #room_box div .right_txt {
	width:190px;
	float:left;
	font-size: 83%;
}

#top #room_box div .right_txt a {
	color:#6E0D25;
}

#top #room_box div .right_txt span {
	color:#EB8C15;
}

/* room content box */
#top #room_box .room_top {
	border: 1px solid #999999;
}

/*プラン一覧へボタン*/
#top #room_box .btn_api_planlist{
	margin-top: 0.5em;
	float: right;
	width:120px;
	height: 20px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../images/top/btn_planlist.gif) left top no-repeat;
}

#top #room_box .btn_api_planlist a{
	width:120px;
	height: 20px;
	display: block;
}


/* 新着情報
--------------------------------------- */
#top #feeds_box {
	width:310px;
	height: 500px;
	border-top: 3px solid #6E0D25;
	background: url(../images/top/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 30px;
}

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

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

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

#top #feeds_box #feeds_list_bt a{
	width: 105px;
	height:13px;
	display:block;
}

/* feedsコンテンツ */
#top #feeds_box .feed_content {
	padding-bottom:9px;
	width:290px;
	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: 180px;
}

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

#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 #sub #st_voice{
	line-height: 0;
}

#top #sub #t_voice{
	width: 238px;
	padding: 5px 5px 0;
	border: 1px solid #ccc;
	overflow: hidden;
}

#top #sub p.voice_txt{
	font-size: x-small;
	padding: 5px 10px 20px;
}


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

	hack - 各種cssハック - for IE7

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


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

	hack - 各種cssハック - for IE6

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