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

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


/* FLASH
----------------------------------------------------*/
#top #flash {
	width: 100%;
	height: 490px;
	z-index: 1;
}

#top #flash p {
	width: 892px;
	margin: -55px auto 0 auto;
	text-align: right;
}

#top #flash p a:hover {
	background-color: ddd;
	filter: alpha(opacity=90);
	-moz-opacity: 0.90;
	opacity: 0.90;
}



/* 4つのバナー
----------------------------------------------------*/
#top #con_main_banner {
	width: 100%;
	height: 158px;
	padding: 18px 0 0 0;
	background: url(../images/bg_banner.gif) 0 0 repeat-x;
	clear: both;
}

#top #con_main_banner ul {
	width: 902px;
	margin: 0 auto;
	overflow: hidden;
}

#top #con_main_banner ul li {
	margin: 0 8px 0 0;
	float: left;
}

#top #con_main_banner ul li.last {
	float: left;
	margin: 0;
}



#top #bg_contents_top {
	padding: 0;
	width: 100%;
	height: 28px;
	background: url(../images/bg_contents_top.jpg) center no-repeat ;
}


/*	松背景
----------------------------------------------------*/
#top #wrp_matsu {
	overflow: hidden;
	width: 100%;
	background: url(../images/top/bg_matsu.gif) center bottom no-repeat;
}

/*	左コンテンツ共通
----------------------------------------------------*/
#top #main .wrp_main_con {
	width: 695px;
	background: url(../images/top/bg_plan.jpg) 0 0 no-repeat;
	overflow: hidden;
	
}

#top #main .con_top {
	width: 695px;
	padding: 0 0 15px 0;
	overflow: hidden;
	background: url(../images/top/line_plan.gif) center bottom no-repeat;
}

#top #main h2.subtitle {
	float: left;
	padding: 30px 18px 0 18px;
}

#top #main .line {
	width: 695px;
	height: 1px;
	margin: 20px 0 ;
	border-bottom: #dbdbd7 solid 1px;
}


/* バナー */
#top #main ul.con_bottom {
	clear: both;
	width: 640px;
	padding: 11px 0 9px 55px;
	background: url(../images/top/bg_plan_bottom.jpg) center bottom no-repeat;
	overflow: hidden;
}

#top #main ul.con_bottom li {
	float: left;
	margin: 0 7px 0 0;
}


/*	おすすめプラン
----------------------------------------------------*/

/* プランbox */
#top #con_osusume_plan .box_r {
	float: right;
	width: 417px;
	margin: 18px 5px 0 0;
}

/* タブ設定 */

/* 日帰り・団体を省いたものbox */
#top #con_osusume_plan .tabNav {
	clear: both;
	width: 417px;
	height: 37px;
	padding: 0;
	background: url(../images/top/tab_osusume_off.gif) 0 0 no-repeat;
}

/* 全部そろったときはこちらbox */

#top #con_osusume_plan .tabNav li {
	float: left;
	height: 37px;
	line-height: 37px;
}

#top #con_osusume_plan .tabNav .tab1 a {
	width: 116px;
	height: 37px;
	text-indent: -9999px;
	display: block;
}

#top #con_osusume_plan .tabNav .tab1 a:hover,
#top #con_osusume_plan .tabNav .tab1 a.active {
	background: url(../images/top/tab_osusume.gif) 0 -37px no-repeat;
}

#top #con_osusume_plan .tabNav .tab2 a {
	width: 83px;
	line-height: 37px;
	margin: 0 0 0 2px;
	text-indent: -9999px;
	display: block;
}

#top #con_osusume_plan .tabNav .tab2 a:hover,
#top #con_osusume_plan .tabNav .tab2 a.active {
	background: url(../images/top/tab_osusume.gif) -118px -37px no-repeat;
}

#top #con_osusume_plan .tabNav .tab3 a {
	width: 94px;
	line-height: 37px;
	margin: 0 0 0 2px;
	text-indent: -9999px;
	display: block;
}

#top #con_osusume_plan .tabNav .tab3 a:hover,
#top #con_osusume_plan .tabNav .tab3 a.active {
	background: url(../images/top/tab_osusume.gif) -203px -37px no-repeat;
}

#top #con_osusume_plan .tabNav .tab4 a {
	width: 57px;
	line-height: 37px;
	margin: 0 0 0 2px;
	text-indent: -9999px;
	display: block;
}

#top #con_osusume_plan .tabNav .tab4 a:hover,
#top #con_osusume_plan .tabNav .tab4 a.active {
	background: url(../images/top/tab_osusume.gif) -299px -37px no-repeat;
}

#top #con_osusume_plan .tabNav .tab5 a {
	width: 57px;
	line-height: 37px;
	margin: 0 0 0 2px;
	text-indent: -9999px;
	display: block;
}

#top #con_osusume_plan .tabNav .tab5 a:hover,
#top #con_osusume_plan .tabNav .tab5 a.active {
	background: url(../images/top/tab_osusume.gif) -358px -37px no-repeat;
}

/* タブの中 */
#top #con_osusume_plan .con_tab_in {
	float: left;
	width: 389px;
	margin: 0;
	padding: 6px 5px 6px 20px;
	border-left:#e6e5e1 solid 1px;
	border-right:#e6e5e1 solid 1px;
	border-bottom:#e6e5e1 solid 1px;
	background: #f7f7f7;
}

#top #con_osusume_plan #tab_o_1,
#top #con_osusume_plan #tab_o_2,
#top #con_osusume_plan #tab_o_3,
#top #con_osusume_plan #tab_o_4,
#top #con_osusume_plan #tab_o_5 {
	clear: both;
	width: 389px;
	height: 385px;
	margin: 0;
	padding: 0;
	background: #f7f7f7;
	overflow: auto;
}

/* 各タブ内プラン設定 */
#top #con_osusume_plan .con_tab_in .plan_list {
	width: 366px;
	padding: 6px 0;
	background: url(../images/line_dot.gif) bottom left repeat-x;
	overflow: hidden;
}


#top #con_osusume_plan .con_tab_in .plan_list .img_l {
	float: left;
	width: 71px;
	padding: 2px;
	border: #9a9999 solid 1px;
}

#top #con_osusume_plan .con_tab_in .plan_list .con_text {
	float: right;
	width: 265px;
	padding: 0 10px 0 0 ;
	overflow: hidden;
}

#top #con_osusume_plan .con_tab_in .plan_list .con_text h4 {
	clear: both;
	width: 270px;
	padding: 0 0 0 13px;
	background: url(../images/top/i_arrow.jpg) 0 7px no-repeat;
	font-weight: normal;
}

#top #con_osusume_plan .con_tab_in .plan_list .con_text h4 a {
	color: #6a7464;
}

#top #con_osusume_plan .con_tab_in .plan_list .con_text p {
	width: 245px;
	padding: 5px 0 0 15px;
}



/* ランキング */
#top #con_osusume_plan .con_ranking {
	float: left;
	width: 206px;
	margin: 18px 11px 0 0;
}

#top #con_osusume_plan .con_ranking h3 {
	clear: both;
	width: 204px;
	height: 33px;
	line-height: 33px;
	margin: 0 auto;
	background: url(../images/top/st_ranking.gif) center top no-repeat;
	text-indent: -9999px;
}

#top #con_osusume_plan .con_ranking .con_ranking_in {
	clear: both;
	width: 205px;
	height: 396px;
	margin: 0 auto;
	padding: 3px 0 2px 0;
	background: #f7f7f7;
}

#top #con_osusume_plan .con_ranking .div_plan_list {
	clear: both;
	width: 197px;
	height: 390px;
	margin: 0 auto;
	padding: 0;
	background: #f7f7f7;
	overflow: auto;
}

#top #con_osusume_plan .con_ranking .con_ranking_in .plan_list {
	width: 90%;
	margin: 0 auto;
	padding: 13px 0 11px 0;
	background: url(../images/line_dot.gif) bottom repeat-x;
	overflow: hidden;
}


#top #con_osusume_plan .con_ranking .con_ranking_in .img_l {
	float: left;
	margin: 0;
	padding: 2px;
	border: #9a9999 solid 1px;
}


#top #con_osusume_plan .con_ranking .con_ranking_in .plan_name {
	float: right;
	width: 60%;
	padding: 0 0 0 13px;
	background: url(../images/top/i_arrow.jpg) 0 7px no-repeat;
	font-weight: normal;
}

#top #con_osusume_plan .con_ranking .con_ranking_in .plan_name a {
	color: #505050;
}

#top #con_osusume_plan .con_ranking .con_ranking_in .st_rank1 {
	clear: both;
	width: 100%;
	height: 18px;
	line-height: 18px;
	margin: 0 auto 10px auto;
	padding: 0;
	background: #554806 url(../images/top/st_rank1.gif) 0 0 no-repeat;
	text-indent: -9999px;
}

#top #con_osusume_plan .con_ranking .con_ranking_in .st_rank2 {
	clear: both;
	width: 100%;
	height: 18px;
	line-height: 18px;
	margin: 0 auto 10px auto;
	padding: 0;
	background: #44400c url(../images/top/st_rank2.gif) 0 0 no-repeat;
	text-indent: -9999px;
}

#top #con_osusume_plan .con_ranking .con_ranking_in .st_rank3 {
	clear: both;
	width: 100%;
	height: 18px;
	line-height: 18px;
	margin: 0 auto 10px auto;
	padding: 0;
	background: #292816 url(../images/top/st_rank3.gif) 0 0 no-repeat;
	text-indent: -9999px;
}


/*	ピックアップ
----------------------------------------------------*/

/* 縦長タイトル背景設定 */
#top #con_pickup .con_pickup_in {
	float: right;
	width: 605px;
	margin: 12px 10px 0 0;
	padding: 10px 12px;
	border: #e6e5e1 solid 1px;
	background: #f7f7f7;
	overflow: hidden;
}

#top #con_pickup .con_pickup_in .box_pickup {
	float: left;
	width: 180px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#top #con_pickup .con_pickup_in .box_pickup .main_img {
	padding: 1px;
	background: #fff;
	border: #bab8ab solid 1px;
}

#top #con_pickup .con_pickup_in .box_pickup h4 {
	float: left;
	width: 180px;
	height: 20px;
	line-height: 20px;
	margin: 14px 0 10px 0;
	padding: 0;
	text-indent: -9999px;
}

#top #con_pickup .con_pickup_in .box_pickup .text {
	clear: both;
	width: 180px;
	padding: 0 0 5px 0;
}

#top #con_pickup .con_pickup_in .box_pickup .bt {
	width: 102px;
	height: 22px;
	line-height: 22px;
	margin: 0 0 3px 0;
	float: right;
}

#top #con_pickup .con_pickup_in .box_pickup .bt a {
	width: 102px;
	height: 22px;
	line-height: 22px;
	background: url(../images/top/bt_info.gif) 0 0 no-repeat;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
}

#top #con_pickup .con_pickup_in .wedding {
	margin: 0 ;
	padding: 0 15px 0 0;
	border-right: #d3d2ca solid 1px;
}
 
#top #con_pickup .con_pickup_in .wedding h4 {
	background: url(../images/top/sst_pick_wedding.gif) 0 0 no-repeat;
}

#top #con_pickup .con_pickup_in .satsuma {
	margin: 0 1px;
	padding: 0 14px;
	border-left: #d3d2ca solid 1px;
	border-right: #d3d2ca solid 1px;
}
 
#top #con_pickup .con_pickup_in .satsuma h4 {
	background: url(../images/top/sst_pich_satsuma.gif) 0 0 no-repeat;
}

#top #con_pickup .con_pickup_in .facilities {
	margin: 0;
	padding: 0 0 0 15px;
	border-left: #d3d2ca solid 1px;
}
 
#top #con_pickup .con_pickup_in .facilities h4 {
	background: url(../images/top/sst_pich_facilities.gif) 0 no-repeat;
}


/*	お知らせ
----------------------------------------------------*/

/* 縦長タイトル背景設定 */
#top #con_infomation .tabNav {
	float: left;
	width: 629px;
	height:37px;
	margin: 18px 0 0 0;
	padding: 0 1px;
	background:url(../images/top/tab_info.gif) 0 0 no-repeat;
}

#top #con_infomation .tabNav .tab1 a {
	width: 104px;
	height: 37px;
	margin: 0 1px 0 0;
	text-indent: -9999px;
	display: block;
}

#top #con_infomation .tabNav .tab1 a:hover,
#top #con_infomation .tabNav .tab1 a.active {
	background: url(../images/top/tab_info.gif) 0 -37px no-repeat;
}

#top #con_infomation .tabNav .tab2 a {
	width: 145px;
	height: 37px;
	margin: 0 2px 0 0;
	text-indent: -9999px;
	display: block;
}

#top #con_infomation .tabNav .tab2 a:hover,
#top #con_infomation .tabNav .tab2 a.active {
	background: url(../images/top/tab_info.gif) -106px -37px no-repeat;
}

#top #con_infomation .tabNav .tab3 a {
	width: 89px;
	height: 37px;
	margin: 0 2px 0 0;
	text-indent: -9999px;
	display: block;
}

#top #con_infomation .tabNav .tab3 a:hover,
#top #con_infomation .tabNav .tab3 a.active {
	background: url(../images/top/tab_info.gif) -253px -37px no-repeat;
}

#top #con_infomation .tabNav .tab4 a {
	width: 101px;
	height: 37px;
	margin: 0 2px 0 0;
	text-indent: -9999px;
	display: block;
}

#top #con_infomation .tabNav .tab4 a:hover,
#top #con_infomation .tabNav .tab4 a.active {
	background: url(../images/top/tab_info.gif) -344px -37px no-repeat;
}

#top #con_infomation .tabNav li {
	float: left;
	height:37px;
	margin: 0;
	padding: 0;
}

#top #con_infomation .con_tab_in {
	float: right;
	width: 605px;
	height: 319px;
	margin: 0 10px 0 0;
	padding: 10px 12px;
	border-right: #e6e5e1 solid 1px;
	border-bottom: #e6e5e1 solid 1px;
	border-left: #e6e5e1 solid 1px;
	background: #f7f7f7;
	overflow: hidden;
}

#top #con_infomation #tab_i_1,
#top #con_infomation #tab_i_2,
#top #con_infomation #tab_i_3,
#top #con_infomation #tab_i_4 {
	clear: both;
	width: 610px;
	height: 319px;
	margin: 0;
	padding: 0;
	overflow: auto;
}

/* 各タブ内新着情報設定 */
#top #con_infomation .con_tab_in .info_list {
	clear: both;
	width: 585px;
	padding: 6px 0;
	background: url(../images/line_dot.gif) bottom left repeat-x;
	overflow: hidden;
}


#top #con_infomation .con_tab_in .info_list .img_l {
	float: left;
	width: 71px;
	padding: 2px;
	border: #9a9999 solid 1px;
}

#top #con_infomation .con_tab_in .info_list .con_text {
	float: right;
	width: 487px;
	padding: 0 10px 0 0 ;
	overflow: hidden;
}


/* 日付・カテゴリ */
#top #con_infomation .con_tab_in .info_list .con_text p.info_hakusui {
	width: 487px;
	margin: 0 0 5px 0;
	background: url(../images/top/bg_info_hakusui.gif) no-repeat left center #aa99a6;
	border: 1px #e2e2e2 solid;
}

#top #con_infomation .con_tab_in .info_list .con_text p.info_event {
	width: 487px;
	margin: 0 0 5px 0;
	background: url(../images/top/bg_info_event.gif) no-repeat 0 0 #a29165;
	border: 1px #e2e2e2 solid;
}

#top #con_infomation .con_tab_in .info_list .con_text p.info_flower {
	width: 487px;
	margin: 0 0 5px 0;
	background: url(../images/top/bg_info_flower.gif) no-repeat 0 0 #8e918c;
	border: 1px #e2e2e2 solid;
}

#top #con_infomation .con_tab_in .info_list .con_text p.info_hakusui span,
#top #con_infomation .con_tab_in .info_list .con_text p.info_event span,
#top #con_infomation .con_tab_in .info_list .con_text p.info_flower span {
	width: 81px;
	padding: 3px;
	background: url(../images/top/bg_infotitle.png) no-repeat left center;
	font-size: 86%;
	display: block;
}


/* 見出し・詳細テキスト */
#top #con_infomation .con_tab_in .info_list .con_text h4 {
	clear: both;
	width: 474px;
	padding: 0 0 0 13px;
	background: url(../images/top/i_arrow.jpg) 0 7px no-repeat;
	font-weight: normal;
}

#top #con_infomation .con_tab_in .info_list .con_text h4 a {
	color: #6a7464;
}

#top #con_infomation .con_tab_in .info_list .con_text p {
	clear: both;
	width: 487px;
	margin: 0 0 0 13px;
	font-weight: normal;
}

#top #con_infomation .con_top {
	width: 695px;
	padding: 0 0 15px 0;
	overflow: hidden;
	background: url(../images/top/bg_plan_bottom.jpg) center bottom no-repeat;
}


/*	サブカラム Flash
----------------------------------------------------*/
#top #sub #sub_flash {
	width: 233px;
	height: 421px;
}






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

	hack - 各種cssハック - for IE7

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

*:first-child+html {}



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

	hack - 各種cssハック - for IE6

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

* html #top #con_osusume_plan .con_ranking {margin: 18px 5px 0 0;}

* html #top #con_menu {position: relative;}