@charset "utf-8";
/*------------------------------------------------------------------------------
[1] トップページレイアウト
[2] 詳細デザイン
------------------------------------------------------------------------------*/
/*******************************************************************************
[1] トップページレイアウト
*******************************************************************************/
/*==============================================================================
		配置
==============================================================================*/
#wrapbg{
	background:#ECFBCE url(images/top/bg.gif) repeat-x 0px 0px;
}
#wrapbg .pattern1{/*　デフォルト　*/
	background:url(images/header/topheaderbg_bg.png) no-repeat center top;
}
#wrapbg .pattern2{/*　梅　*/
	background:url(images/header/topheaderbg_bg2.png) no-repeat center top;
}
#wrapbg .pattern3{/*　あじさい　*/
	background:url(images/header/topheaderbg_bg3.png) no-repeat center top;
}
#wrapbg .pattern4{/*　夏　*/
	background:url(images/header/topheaderbg_bg4.png) no-repeat center top;
}
#wrapbg .pattern5{/*　紅葉　*/
	background:url(images/header/topheaderbg_bg5.png) no-repeat center top;
}
#wrapbg .pattern6{/*　雪　*/
	background:url(images/header/topheaderbg_bg6.png) no-repeat center top;
}
#wrapbg .pattern1 p.pagetop,
#wrapbg .pattern2 p.pagetop,
#wrapbg .pattern3 p.pagetop,
#wrapbg .pattern4 p.pagetop,
#wrapbg .pattern5 p.pagetop,
#wrapbg .pattern6 p.pagetop{
	display:block;
}
#leftbox{
	margin-bottom:20px;/*　フッタとのすき間　*/
	width:630px;
	float:left;
}
#rightbox{
	margin-bottom:20px;/*　フッタとのすき間　*/
	width:280px;
	float:right;
	text-align:left;
}
/*******************************************************************************
[2] 詳細デザイン
*******************************************************************************/
/*==============================================================================
	ヘッダ
==============================================================================*/
#util{
	padding:23px 0px 0px 30px;
}
/*==============================================================================
	グローバルナビ　ドロップダウン
==============================================================================*/
#gnavi h2{
	margin:0px 0px 0px 11px;
	width:149px;
	float:left;
}
#gnavi .scate1 h2{
	margin:0px 1px 0px 0px;
}
#gnavi .scate .navi{
	top:149px;
}
/*==============================================================================
		ページ
==============================================================================*/
/*==============================================================================
	スクロールメニュー（トップページ）
==============================================================================*/
#list{
	width:1210px;
	margin:0px auto 0px auto;
	padding:0px;
	position:relative;
	text-align:center;
}
#carousel{
	margin-bottom:30px;
	width:100%;
	height:300px;
	position:relative;
	clear:both;
}
.carousel_smp{
	width: 300px !important;
	height:107px !important;
 }

#carousel img{
	visibility:hidden; /* hide images until carousel can handle them */
	cursor:pointer; /* otherwise it's not as obvious items can be clicked */
}
#controll ul{
	list-style-type:none;
}
#controll ul li#t_prev{
	position:absolute;
	left:205px;
	top:118px;
	z-index:999;
}
#controll ul li#t_next{
	position:absolute;
	right:205px;
	top:118px;
	z-index:999;
}
#controll ul li#t_stop,#controll ul li#t_play{
	position:absolute;
	right:255px;
	top:275px;
	z-index:999;
}
#controll ul li#t_jump{
	position:absolute;
	left:255px;
	top:275px;
	z-index:999;
}
/*==============================================================================
	緊急ツイッター
==============================================================================*/
#kinkyu-tw p{
	margin:0px auto;
	width:500px;
}
/*==============================================================================
	緊急情報
==============================================================================*/
.kinkyu{
	margin:0px auto 20px auto;
	background:#FFFFFF;
	border:3px solid #990000;
	text-align:left;
}
.kinkyu h2{
	margin:0px 0px 10px 0px;
	padding:6px 10px 4px 10px;
	font-size:120%;
	color:#FFFFFF;
	background:#990000;
	border:1px solid #D69494;
}
.kinkyu h3{
	margin:0px 12px 10px 12px;
	padding:8px 5px 4px 5px;
	border-left:6px solid #990000;
	border-bottom:1px solid #CCCCCC;
	font-size:100%;
}
.kinkyu p{
	padding:0px 15px 5px 15px;
}
.kinkyu ul{
	padding:0px 15px 5px 25px;
	list-style-type:none;
}
.kinkyu ul li{
	margin-bottom:3px;
	padding-left:13px;
	background:url(images/top/mark_kinkyu.gif) no-repeat left 4px;
}
/*==============================================================================
	重要なお知らせ
==============================================================================*/
.important{
	margin:0px auto 20px auto;
	background:#FFFFFF;
	border:3px solid #FBCE00;
	text-align:left;
}
.important h2{
	margin:0px 0px 10px 0px;
	padding:6px 10px 4px 10px;
	font-size:120%;
	color:#333;
	background:#FBCE00;
	border:1px solid #FEF3C0;
}
.important h3{
	margin:0px 12px 10px 12px;
	padding:8px 5px 4px 5px;
	border-left:6px solid #FBCE00;
	border-bottom:1px solid #CCCCCC;
	font-size:100%;
}
.important p{
	padding:0px 15px 5px 15px;
}
.important ul{
	padding:0px 15px 5px 25px;
	list-style-type:none;
}
.important ul li{
	margin-bottom:3px;
	padding-left:13px;
	background:url(images/top/mark_important.gif) no-repeat left 4px;
}
/*==============================================================================
	バナー
==============================================================================*/
/*------------------------------------------------------------------------------
		テキストバナー
------------------------------------------------------------------------------*/
.bannertxt{
	margin:0px 0px 0px 0px;
	padding:0px 0px 10px 0px;
	clear:both;
}
.bannertxt ul{
	list-style-type:none;
}
.bannertxt ul li{
	margin:0px 0px 10px 0px;
	padding:10px 12px 8px 12px;
	background:#FFFFFF;
	border:2px solid #CCCCCC;
}
.bannertxt ul li a{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	display:inline;
	color:#333333;
	background:#FFFFFF;
}
/*------------------------------------------------------------------------------
		画像バナー
------------------------------------------------------------------------------*/
.bannerimg{
	padding:0px 0px 10px 0px;
	clear:both;
}
.bannerimg ul{
	list-style-type:none;
}
.bannerimg ul li{
	margin:0px 0px 10px 0px;
	display:block;
}
.bannerimg ul li img{
	vertical-align:bottom;
}
/*==============================================================================
	本日は休館日です
==============================================================================*/
#todayclosed{
	margin:0px 0px 20px 0px;
	padding:5px 5px 5px 5px;
	background:#003366;
}
#todayclosed p{
	padding:20px 5px 16px 5px;
	font-size:120%;
	font-weight:bold;
	color:#FFFFFF;
	border:1px solid #FFFFFF;
	text-align:center;
}
/*==============================================================================
		左
==============================================================================*/
/*------------------------------------------------------------------------------
		イベント
------------------------------------------------------------------------------*/
#view{
	margin:0px 0px 30px 0px;
}
#view p{
	margin-bottom:20px;
}
/*------------------------------------------------------------------------------
		イベント
------------------------------------------------------------------------------*/
#topics{
	margin:0px 0px 30px 0px;
	clear:both;
	zoom:1;
}
#topics ul#tab{
	list-style-type:none;
	zoom:1;
}
#topics ul#tab li{
	margin:0px 0px 0px 10px;
	width:auto;
	float:left;
}
#topics ul#tab li:first-child{
	margin:0px 0px 0px 0px;
}
#topics ul#tab li a{
	padding:0px 5px 0px 5px;
	display:block;
	width:137px;
	min-height:37px;
	font-size:120%;
	color:#FFFFFF;
	background:#003366;
	border-top:4px solid #003366;
	border-right:none;
	border-bottom:none;
	border-left:none;
	text-align:left;
	text-decoration:none;
	line-height:1;
	overflow:hidden;
}
#topics ul#tab li a:hover,
#topics ul#tab li.ui-tabs-active a{
	color:#003366;
	background:#FFFFFF;
	border-bottom:none;
}
#topics ul#tab li a img{
	margin:4px 5px 0px 3px;
	vertical-align:top
}
#topics ul#tab li a span{
	padding:10px 0px 11px 0px;
	display:inline-block;
}
#topics ul#tab li#for_topics4 a img{
	margin:4px 12px 0px 7px;
}
#topics ul#tab li#for_topics4 a span{
	padding:3px 0px 2px 0px;
}
#tmenu{
	margin:0px 0px 0px 0px;
	padding:20px 0px 0px 0px;
	background:#FFFFFF;
}
#tmenu .topicslist{
	margin:0px 10px 15px 10px;
	padding:0px 7px 10px 7px;
	clear:both;
	border-bottom:1px dashed #CCCCCC;
	zoom:1;
}
#tmenu .topicslist .topicslistimg{
	width:80px;
	float:left;
}
#tmenu .topicslist .topicslisttxt{
	width:502px;
	float:right;
}
#tmenu .topicslist .topicslisttxt h2{
	margin:0px 0px 3px 0px;
	width:auto;
	float:none;
	font-size:100%;
	font-weight:normal;
}
#tmenu .topicslist .topicslisttxt p{
	line-height:1.75;
}
#tmenu p.topicslistlink{
	padding:10px 10px 8px 10px;
	clear:both;
	background:#C7D2DD;
	text-align:right;
	zoom:1;
}
#tmenu p.topicslistlink a{
	padding:0px 0px 0px 18px;
	background:url(images/top/mark_ul.gif) no-repeat 0px 3px;
}
#tmenu ul{
	padding:0px 10px 15px 15px;
	list-style-type:none;
}
#tmenu ul li{
	margin:0px 0px 8px 0px;
	padding:0px 0px 0px 22px;
	background:url(images/top/mark_ul.gif) no-repeat 2px 3px
}
#tmenu ul li.box{
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	background:none;
}
#tmenu ul li.box img{
	margin:0px 0px 0px 0px;
	width:30px;
	float:left
}
#tmenu ul li.box img.external{
	margin-left:5px;
	width:auto;
	float:none;
}
#tmenu ul li.box span.date{
	padding:0px 5px 0px 0px;
	display:block;
	float:left;
	width:130px;
}
#tmenu ul li.box span.newsli{
	padding:0px 0px 0px 10px;
	display:block;
	float:left;
	width:430px;
}
#tmenu ul li.pdf{
	padding-left:20px;
	background:url(../images/icon/pdf.gif) no-repeat left 3px;
}
#tmenu ul li.gif{
	padding-left:20px;
	background:url(../images/icon/gif.gif) no-repeat left 3px;
}
#tmenu ul li.jpg{
	padding-left:20px;
	background:url(../images/icon/jpg.gif) no-repeat left 3px;
}
#tmenu ul li.xls{
	padding-left:20px;
	background:url(../images/icon/xls.gif) no-repeat left 3px;
}
#tmenu ul li.png{
	padding-left:20px;
	background:url(../images/icon/png.gif) no-repeat left 3px;
}
#tmenu ul li.doc{
	padding-left:20px;
	background:url(../images/icon/doc.gif) no-repeat left 3px;
}
#tmenu ul li.mp3{
	padding-left:20px;
	background:url(../images/icon/mp3.gif) no-repeat left 3px;
}
#tmenu ul li.csv{
	padding-left:20px;
	background:url(../images/icon/csv.gif) no-repeat left 3px;
}
#tmenu ul li.zip{
	padding-left:20px;
	background:url(../images/icon/zip.gif) no-repeat left 3px;
}
#tmenu ul li.ppt{
	padding-left:20px;
	background:url(../images/icon/ppt.gif) no-repeat left 3px;
}
#tmenu ul li.jtd{
	padding-left:20px;
	background:url(../images/icon/jtd.gif) no-repeat left 3px;
}
#tmenu ul li.txt{
	padding-left:20px;
	background:url(../images/icon/txt.gif) no-repeat left 3px;
}
#tmenu ul li.xml{
	padding-left:20px;
	background:url(../images/icon/xml.gif) no-repeat left 3px;
}
#tmenu ul li.wmv{
	padding-left:20px;
	background:url(../images/icon/wmv.gif) no-repeat left 3px;
}
#tmenu ul li.rdf{
	padding-left:20px;
	background:url(../images/icon/rdf.gif) no-repeat left 3px;
}
#tmenu ul li.com{
	padding-left:20px;
	background:url(../images/icon/com.gif) no-repeat left 3px;
}
#tmenu #topics4 p{
	margin:0px 15px 15px 15px;
}
/*------------------------------------------------------------------------------
		ご来館の皆様へ
------------------------------------------------------------------------------*/
#borderbox{
	margin:0px 0px 0px 0px;
	padding:15px 20px 12px 20px;
	background:#FFFFFF;
	border:3px solid #FFCC01;
}
#borderbox h2{
	margin:0px 0px 1px 0px;
	font-size:110%;
}
#borderbox h3{
	margin:0px 0px 1px 0px;
	font-size:100%;
}
#borderbox p{
	margin:0px 0px 5px 0px;
	font-size:100%;
	line-height:1.75;
}
#borderbox ul{
	padding:0px 0px 0px 10px;
	list-style:none
}
#borderbox ul li{
	margin:0px 15px 8px 0px;
	padding-left:20px;
	background:url(images/content/mark_ul.gif) no-repeat 0px 4px;
}
/*==============================================================================
		右
==============================================================================*/
/*------------------------------------------------------------------------------
		Twitter
------------------------------------------------------------------------------*/
.topsns{
	margin:0px 0px 20px 0px;
}
.topsns h2{
	padding:10px;
	font-size:105%;
	background:#C7D2DD;
}
/*------------------------------------------------------------------------------
		現在園内でご覧になれる花
------------------------------------------------------------------------------*/
#photonews{
	margin:0px 0px 20px 0px;
	padding:0px 0px 10px 0px;
	background:#FFFFFF url(images/top/photonews_bg.gif) no-repeat 0px 60px;
}
#photonews p.photoimg{
	margin:0px auto 10px auto;
	text-align:center;
}
#photonews p.textleft{
	margin:0px 15px 15px 15px;
}
#photonews p.photodetail{
	margin:0px 15px 0px 15px;
	text-align:right;
}
#photonews p.photodetail a{
	padding:0px 0px 0px 20px;
	background:url(images/top/mark_ul.gif) no-repeat 0px 2px;
}
/*------------------------------------------------------------------------------
		イベントカウントダウン
------------------------------------------------------------------------------*/
#topevent{
	margin:0px 0px 20px 0px;
	padding:0px 0px 9px 0px;
	background:#FFB53D url(images/top/topevent_bg.gif) no-repeat 0px 42px;
}
#topevent .eventpicup{
	margin:0px 9px 0px 9px;
	padding:10px 8px 5px 8px;
	background:#FFFFFF;
}
#topevent .eventpicup p{
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 20px;
	background:url(images/top/mark_ul.gif) no-repeat 0px 2px;
}
#topevent .eventpicup p#pickupevent{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background:none;
	text-align:center;
	line-height:1.4;
}
#topevent .eventpicup p#pickupevent span.countdown span{
	padding:0px 5px 0px 10px;
	font-size:300%;
	font-weight:bold;
	color:#CD3B3B;
	text-decoration:none;
}
/*------------------------------------------------------------------------------
		園内マップ図
------------------------------------------------------------------------------*/
#info{
	margin:0px 0px 20px 0px;
	padding:12px 15px 15px 15px;
	background:#FFFFFF;
}
#info h2{
	margin-bottom:10px;
	padding:6px 5px 5px 5px;
	font-size:110%;
	background:url(images/top/info_h2_bg.gif) no-repeat 0px 0px;
	text-align:center;
}
#info h3{
	margin:7px 0px 5px 0px;
	padding:5px 10px 3px 10px;
	font-size:100%;
	border-bottom:1px solid #CCCCCC;
}
#info p{
	margin:0px 10px 10px 10px;
}
/*　マーク付きテキストリンク　*/
#info ul{
	margin:10px 10px 10px 10px;
	list-style-type:none;
}
#info ul li{
	margin-bottom:10px;
	padding:0px 0px 0px 20px;
	background:url(images/top/mark_ul.gif) no-repeat 0px 2px;
	border:none;
}
/*　画像バナー　*/
#info ul li.imglink{
	padding:0px;
	background:none;
	border:none;
}
/*　テキストリンク　*/
#info ul.infodetail{
	margin:0px;
	list-style:none;	
}
#info ul.infodetail li{
	margin:7px 0px 0px 0px;
	padding:5px 10px 3px 10px;
	font-size:100%;
	font-weight:normal;
	background:#F0F0F0;
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
}
#info ul.infodetail li a{
	color:#333333;
	text-decoration:none;
	display:block;
}
/*　休館日　*/
#info #closed ul{
	list-style-type:none;
}
#info #closed ul li{
	margin-bottom:5px;
	padding:0px 0px 0px 10px;
	background:url(images/top/mark_closed.png) no-repeat 0px 5px;
	border:none;
}
/*------------------------------------------------------------------------------
		郷土の森俳句優秀作品
------------------------------------------------------------------------------*/
.infolink{
	padding:0px 0px 10px 0px;
	list-style:none;
}
.infolink li{
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 20px;
	background:url(images/top/mark_ul.gif) no-repeat 0px 2px;
}