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

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


/* -----------------------------------------------------------
	各ページ専用指定
----------------------------------------------------------- */
/* #flash
----------------------------------------------------------- */
#top #flash{
    width: 960px;
    height: 440px;
	margin: 0 auto 20px auto;
}

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

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

/*----------------------------------------------------
	トップ用メイン(右カラム)設定
----------------------------------------------------*/
#top #main{
	width:700px;
	padding: 0;
	background: none;
	float:right;
}

/*プラン表示
--------------------------------------------------- */
/*タブ表示設定*/
#top .tab_plans{
	width:700px;
	height: 31px;
	background: url(../images/top/bg_tab.gif) left bottom repeat-x;
}

#top .tab_plans li{
	width: 154px;
	height: 31px;
	text-indent: -9999px;
	float: left;
}

#top .tab_plans li a{
	width: 154px;
	height: 31px;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
}

/*タブ：ビジネスおすすめプラン*/
#top .tab_plans li.tabnav_business{
	background: url(../images/top/tabnav_plans.gif) 0px 0;
}

/*タブ：ビジネスおすすめプランON*/
#top .tab_plans li.tabnav_business a.active{
	background: url(../images/top/tabnav_plans.gif) 0px -31px;
}

/*タブ：石川観光おすすめプラン*/
#top .tab_plans li.tabnav_tourism{
	background: url(../images/top/tabnav_plans.gif) -154px 0;
}

/*タブ：石川観光おすすめプランON*/
#top .tab_plans li.tabnav_tourism a.active{
	background: url(../images/top/tabnav_plans.gif) -154px -31px;
}

/*タブ切り替えコンテンツ*/
#top .tab_content{
	width:698px;
	margin: 0 0 30px;
	padding: 10px 0;
	border-left: 1px solid #5E5953;
	border-right: 1px solid #5E5953;
	border-bottom: 1px solid #5E5953;
}

/*プラン表示本体*/
#top .tab_content .plan_list{
	width: 698px;
	clear: both;
	background: url(../images/top/bg_tab_border.gif) left top repeat-y;
	overflow: hidden;
}

#top .tab_content p{
	width: 349px;
	float: left;
}

#top .tab_content p a{
	width: 329px;
	padding: 10px;
	display: block;
	overflow: hidden;
}

#top .tab_content p a:link,
#top .tab_content p a:visited{
	color: #BBAD9D;
}

#top .tab_content p a:hover,
#top .tab_content p a:active{
	width: 328px;
	margin: 0 1px 0 0;
	height: auto;
	color: #BBAD9D;
	background: #3A2E1E;	
}

/*プラン写真表示*/
#top .tab_content p span.photo{
	width: 80px;
	height: 60px;
	margin: 0 10px 0 0;
	display: block;
	float: left;
}

/*プランテキスト料金カラー設定*/
#top .tab_content span.rate{
	color: #A48D4F;
	display: block;
	text-decoration: underline;
}


/* #banner
	団体向け・ビジネス向けリンクバナー
--------------------------------------------------- */
#top #banner {
	width:700px;
	margin: 0 0 30px;
	clear: both;

}

#top #banner li{
	float: left;
		margin: 0 0 10px 0;
}

#top #banner .bn_margin{

	margin: 0 20px 10px 0;
}


/*feed表示
--------------------------------------------------- */
/*タブ表示設定*/
#top #tab_feeds{
	width:700px;
	height: 31px;
	background: url(../images/top/bg_tab_feed.gif) left bottom repeat-x;
}

#top #tab_feeds li{
	height: 31px;
	text-indent: -9999px;
	float: left;
}

#top #tab_feeds li a{
	height: 31px;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
}

/*タブ：新着情報*/
#top #tab_feeds li#tabnav_news{
	width: 93px;
	background: url(../images/top/tabnav_feeds.gif) 0px 0;
}

/*タブ：新着情報ON*/
#top #tab_feeds li#tabnav_news a.active{
	background: url(../images/top/tabnav_feeds.gif) 0px -31px;
}

/*タブ：レストラン・バー*/
#top #tab_feeds li#tabnav_restaurant{
	width: 117px;
	background: url(../images/top/tabnav_feeds.gif) -93px 0;
}

/*タブ：レストラン・バーON*/
#top #tab_feeds li#tabnav_restaurant a.active{
	background: url(../images/top/tabnav_feeds.gif) -93px -31px;
}

/*タブ：ウェディング*/
#top #tab_feeds li#tabnav_wedding{
	width: 117px;
	background: url(../images/top/tabnav_feeds.gif) -210px 0;
}

/*タブ：ウェディングON*/
#tab_feeds li#tabnav_wedding a.active{
	background: url(../images/top/tabnav_feeds.gif) -210px -31px;
}

/*タブ切り替えコンテンツ*/
#top #tab_news,
#top #tab_restaurant,
#top #tab_wedding{
	width:698px;
	min-height: 250px;
	margin: 0 0 30px;
	padding: 10px 0;
	border-left: 1px solid #80736A;
	border-right: 1px solid #80736A;
	border-bottom: 1px solid #80736A;
	background-color: #38322C;
}

#top #tab_news li,
#top #tab_restaurant li,
#top #tab_wedding li{
	width:668px;
	margin: 15px 0;
	padding: 0 15px;
	line-height: 2em;
	color: #90724A;
	background-color: #38322C;
}

#top #tab_news li span.date,
#top #tab_restaurant li span.date,
#top #tab_wedding li span.date{
	margin: 0 10px 0 0;
	padding: 5px;
	color:#D8AB76;
	font-size: 90%;
	background: #1B1611;
}

#top #tab_news li span.title,
#top #tab_restaurant li span.title,
#top #tab_wedding li span.title{
	color:#E9D8C4;
	font-weight: bold;
}


#top #tab_news img ,
#top #tab_restaurant img,
#top #tab_wedding img{
	margin: 100px 0 0 330px;
}


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

	hack - 各種cssハック - for IE7

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


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

	hack - 各種cssハック - for IE6

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

* html #top #tab_news,
* html #top #tab_restaurant,
* html #top #tab_wedding{
	height: 250px;
}