@charset"utf-8";

/* ■top.css内容
--------------------------------------------------------------------------
[body id="top" class="index"]
	:FLASH
	:バナー
	:お知らせ
	:ツアー案内
	:花へんろバナー
	:おすすめコンテンツ
	:お客様サポート
------------------------------------------------------------------------*/

/* ----- [FLASH] ----- */
#flash{
	width:800px;
	margin:10px auto 0;
	height:170px;
	}

/* ----- [バナー] ----- */
#banner{width:553px;}
#banner01{float:left;margin-right:7px;}
#banner02{margin-bottom:7px;}

/* ----- [お知らせ] ----- */
#info-top{
	height:10px;
	margin:10px 0 0;
	background:url(../images/info_top.gif) no-repeat left top;
	overflow:hidden;
	}
	
#info{
	background:url(../images/info_back.gif) repeat-y left;
	padding:0 10px 6px;
	}

#info-bottom{
	height:4px;
	background:url(../images/info_bottom.gif) no-repeat left top;
	overflow:hidden;
	}

#info h2{
	width:48px;
	float:left;
	text-align:left;
	}
	
#info td, #info th{
	line-height:110%;
	padding-bottom:5px;
	vertical-align:top;
	}
	
#info th{
	padding-right:10px;
	font-weight:normal;
	}
	
#info td{
	padding-left:8px;
	background:url(../images/arrow_rd.gif) no-repeat 0 4px;
	}

/* ----- [ツアー案内] ----- */
#tour-info{margin:10px 0 0;}
#tour-info #from-kag{width:275px;float:left;}
#tour-info #from-tok{width:275px;float:right;}

#tour-info .tour-lists{
	background:url(../images/tour_info_back.gif) repeat-y left;
	padding:5px 7px 7px 8px;
	}
	
.tour-info-bottom{
	height:4px;
	background:url(../images/tour_info_bottom.gif) no-repeat left top;
	overflow:hidden;
	}
		
#tour-info h3{
	width:256px;
	}
	
#tour-info .t-lists{
	width:256px;
	height:83px;
	margin-top:5px;
	overflow:hidden;
}

#tour-info .t-title{
	width:143px;
	height:83px;
	float:right;
	line-height:1.3em;
	font-weight:bold;
	}

#tour-info .t-image{
	width:109px;
	height:83px;
	float:left;
	text-align:left;
	background:url(../images/tpic_back.gif) no-repeat left top;
	}

#tour-info .tbutton{border-bottom:1px dashed #999;padding-bottom:5px;}
#tour-info .tbutton.last{border:none;}

#tour-info .tbutton p{
	width:76px;
	height:26px;
	margin:0 0 0 auto;
	}
/* ボタンのロールオーバー指定 */
#tour-info .tbutton p a{
	display:block;
	width:76px;
	height:26px;
	background-position:0%;
	background-attachment:scroll;
	background-repeat:no-repeat;
	}
#tour-info #from-kag .tbutton p a{background-image:url(../images/b_kag_on.gif);}
#tour-info #from-tok .tbutton p a{background-image:url(../images/b_tok_on.gif);}
#tour-info .tbutton p a:hover{background-color:transparent;}
#tour-info .tbutton p a:hover img{visibility:hidden;}


/* ----- [花へんろバナー] ----- */
#hana-banner-top{
	height:10px;
	margin:10px 0 0;
	background:url(../images/hana_banner_top.gif) no-repeat left top;
	overflow:hidden;
	}
	
#hana-banner{
	background:url(../images/hana_banner_back.gif) repeat-y left;
	padding:0 10px 10px;
	}

#hana-bottom{
	height:4px;
	background:url(../images/hana_banner_bottom.gif) no-repeat left top;
	overflow:hidden;
	}

#hana-banner img{float:left;margin-right:10px;}


/* ----- [おすすめコンテンツ] ----- */
h3#con-links-title{margin:10px 0 0;}
#con-links{
	padding:2px 0 8px 6px;
	background:url(../images/con_links_back.gif) no-repeat left bottom;
	}
#con-links img{margin:4px;}


/* ----- [お客様サポート] ----- */
h3#sup-title{margin:10px 0 0;}
	
#top-support{
	padding:5px 10px;
	background:url(../images/hana_banner_back.gif) repeat-y left;
	}
	
#sup-bottom{
	height:4px;
	background:url(../images/hana_banner_bottom.gif) no-repeat left top;
	overflow:hidden;
	}
	
#top-support .top-sup{padding:5px 0;}
#top-support .sup-icon{width:50px;float:left;} 
#top-support .sup-com{width:475px;float:right;} 

#top-support p.sup-link{
	margin-top:5px;
	background:url(../images/arrow_rd.gif) no-repeat 0 50%;
	padding-left:8px;
	} 
	
#top-support ul.sup-link{margin:5px 0 0 0;padding:0;list-style:none;}
#top-support .sup-link li{
	margin:0 15px 0 0;
	display:inline;
	background:url(../images/arrow_rd.gif) no-repeat 0 50%;
	padding-left:8px;
	}

#top-support #reservation{border-bottom:1px dashed #ccc;}