@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;
	display:none;
}

#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;
}



/* タブ設定 */

#top #con_osusume_plan .tabNav {
	width: 416px;
	height: 37px;
	background: url(../images/top/tab_osusume.gif) no-repeat 0 0;

}



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



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



#top #con_osusume_plan .tabNav li a:hover {
	background-color: ddd;
	filter: alpha(opacity=100);
	-moz-opacity: 1.00;
	opacity: 1.00;
}



#top #con_osusume_plan .tabNav .tab1 a {
	width: 118px;
}



#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: 93px;
}



#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: 78px;
}



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



#top #con_osusume_plan .tabNav .tab4 a {
	width: 61px;
}



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



#top #con_osusume_plan .tabNav .tab5 a {
	width: 66px;
}



#top #con_osusume_plan .tabNav .tab5 a:hover,

#top #con_osusume_plan .tabNav .tab5 a.active {
	background: url(../images/top/tab_osusume.gif) -350px -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;}