@charset "EUC-JP";

*{
margin:0;
padding:0;}
/*-------------------CONTENTS SET--------------------*/

#contents_index{
margin:0 auto;
padding-bottom:15px;
display:block;
text-align:left;
width:775px;
background: #ffffff;
min-height: 1em;
display: inline-table;
}

#contents_index:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

/*\*/
* html #contents_index {
height: 1em;
}

#contents_index {
display: block;
}
/**/
/*-------------------navi-------------------*/

ul#g_navi_index{
padding:10px;
display:block;
float:left;
}

ul#g_navi_index li{
display:block;
width:142px;
height:50px;
}

ul#g_navi_index li img{
border: none;
vertical-align: top;
}

ul#g_navi_index li#g_navi02{ background:url(../img/g_i_navi02_on.gif) 0 0 no-repeat;}
ul#g_navi_index li#g_navi03{ background:url(../share/g_navi03_on.gif) 0 0 no-repeat;}
ul#g_navi_index li#g_navi04{ background:url(../share/g_navi04_on.gif) 0 0 no-repeat;}
ul#g_navi_index li#g_navi05{ background:url(../share/g_navi05_on.gif) 0 0 no-repeat;}
ul#g_navi_index li#g_navi06{ background:url(../share/g_navi06_on.gif) 0 0 no-repeat;}
ul#g_navi_index li#g_navi07{ background:url(../img/g_i_navi07_on.gif) 0 0 no-repeat;}

ul#g_navi_index li a{
width:142px;
height:50px;
display:block;
overflow:hidden;
}

ul#g_navi_index li a:hover{ 
text-indent: -9999px;
}

#photo_slide{
	width: 603px;
	float: right;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	border-radius: 5px;
}

.slideshow {
	width: 603px; /* スライドショー幅（PC）*/
	list-style-type: none;
	position: relative;
}

.slideshow > li {
	opacity: 0;
	position: absolute;
	transition: opacity 3s ease-in-out; /*フェード時間・イージング*/
}

.slideshow > li.showSlide{
	opacity: 1;
}

.slideshow > li > img {
	width : 100%;
	height: auto;
	border-radius: 5px;
}

.onegai {
	width: 735px;
	margin: 0 auto 10px;
	padding: 10px;
	clear: both;
	border: 1px solid #e6ecdd;
	border-radius: 8px;
}

.onegai h2 {
	margin-bottom: 5px;
	font-size: 16px;
	color: #265425;
	text-align: center;
}

.onegai p {
	padding-left: 80px;
	font-size: 13px;
	margin-bottom: 5px;
}



/*------------float 右BOX-----------------*/

div#left_box{
width: 248px;
float:left;
display:block;
clear:both;
}

/*-------------------calendar カレンダー表示時に使用----------*/

#index div#calendar_box{
margin-bottom:9px;
border-left: 10px solid #ffffff;
clear:both;
display:block;
width: 238px;
text-align:center;
background: url(../img/calendar_bg.gif) 0 0 no-repeat;
}

#index div#calendar_box h2{
overflow:hidden;
height:44px;
text-indent: -9999px;
}


/*-----------カレンダー---------*/

#index div#calendar_box iframe{
border:none;
width: 236px;
height: 220px;
}

*:first-child+html #index div#calendar_box iframe{ height:185px;}
*html #index div#calendar_box iframe{ height:185px;}

#index div#calendar_wrap{
width: 236px;
text-align:center;
background: url(../img/calendar_day_bg.gif) center 26px no-repeat ;
}

*html #index div#calendar_wrap{
background: url(../img/calendar_day_bg.gif) center 28px no-repeat;
}

#index div#calendar_wrap table{
margin:0 auto ;
padding: 0 10px;
border-collapse: collapse;
font-family:Arial, Helvetica, sans-serif;
}


/*-----------カレンダー 月-------*/


#index div#calendar_wrap caption{
margin:0 auto;
font-weight:bold;
postion: relative;
vertical-align:middle;
height:26px;
}

*:first-child+html #index div#calendar_wrap caption{ height:26px;}
*html #index #index div#calendar_wrap caption{ height:26px;}


#index div#calendar_wrap table caption span{
padding: 0 10px;
width:24px;
}

#index div#calendar_wrap table caption span img{

vertical-align:middle;
}

/*

div#calendar_box table.calendar caption span#last_month{
postion: absolute;
left:40px;
background:url(../img/btn_last_on.gif) center 0 no-repeat;
}

div#calendar_box table.calendar caption span#next_month{
postion: absolute;
right:40px;
background:url(../img/btn_next_on.gif) center 0 no-repeat;
}


div#calendar_box table.calendar caption span a{
display:block;
overflow:hidden;
}
div#calendar_box table.calendar caption span a:hover{
text-indent: -9999px;
}
*/

/*------------カレンダー　曜日---------*/

#index div#calendar_wrap table th{
padding:1px 0;
height:20px;
text-align:center;
vertical-align: middle;
border: none;
color:#ffffff;
}

#index div#calendar_wrap table th.red{ 
color:#FDE1E1;
}

#index div#calendar_wrap table th.blue{ 
color:#E0E8FE;
}

/*------------カレンダー　日---------*/

#index div#calendar_wrap table.calendar td{
font-weight: bold;
font-size: 110%;
width:25px;
height:25px;
border:3px solid #ffffff;
text-align:center;
vertical-align:middle;
color:#999999;
}

*:first-child+html #index div#calendar_wrap table.calendar td{ height:23px;}
*html #index div#calendar_wrap table.calendar td{ height:23px;}

#index div#calendar_wrap table td.bg{
background: #DEF1A2;
color:#333333;
}

#index div#calendar_wrap table td.red{ 
color:#D85555 !important;
}

#index div#calendar_wrap td.blue{ 
color:#5586D8 !important;
}

#index div#calendar_box p{
padding-left:25px;
text-align: left;
}

#index div#calendar_box p{
padding-left:25px;
text-align: left;
}

#index div#calendar_box p span.color{
color:#DEF1A2;
}


/*-------カレンダー　5週目のある月用---------*/


#index div#calendar_wrap table.calendar02 td{
font-weight: bold;
font-size: 110%;
width:25px;
height:22px;
border:3px solid #ffffff;
text-align:center;
vertical-align:middle;
color:#999999;
}

*:first-child+html #index div#calendar_wrap table.calendar02 td{ height:20px;}
*html #index div#calendar_wrap table.calendar02 td{ height:20px;}


/*------------年間-カレンダー---------*/

#index div#calendar_box h4#btn_calendar{
background: url(../img/btn_calender_on.gif) 0 0 no-repeat;
}

#index div#calendar_box h4#btn_calendar a{
height:41px;
width:238px;
display:block;
overflow:hidden;
text-indent: -9999px;
background: url(../img/btn_calender.gif) 0 0 no-repeat;
}

#index div#calendar_box h4#btn_calendar a:hover{
background:none;
}



/*--------------開園終了のお知らせ-----*/

#index div#calendar_box div#close_box h3{
overflow:hidden;
height:42px;
text-indent:-9999px;
background: url(../img/stit_close.gif) 0 0 no-repeat;
}

#index div#calendar_box div#close_box strong{
display:block;
overflow:hidden;
height:65px;
text-indent:-9999px;
background: url(../img/text_close.gif) center 5px no-repeat;
}

#index div#calendar_box div#close_box p{
display:block;
width:202px;
padding:0;
margin:0 auto 15px;
line-height:1.4 !important;
}

#index div#close_box{
display:block;
width: 238px;
padding-bottom:7px;
background: url(../img/btm_close.gif) 0 bottom no-repeat;
}

/*-------------/開園終了のお知らせ---------*/


/*-------------天気情報---------*/

#index h3#bnr_weather{
padding-left:8px;
width:241px;
height:46px;
background: url(../img/bnr_weather_on.gif) 8px 0 no-repeat;
}

#index h3#bnr_weather a{
display:block;
width:241px;
height:46px;
display:block;
overflow:hidden;
text-indent: -9999px;
background: url(../img/bnr_weather.gif) 0 0 no-repeat;
}

#index h3#bnr_weather a:hover{
background:none;
}

/*------------float 右ボックス-----------------*/

#index div#right_box{
width: 520px;
float:right;
display:block;
}

#index div#right_box a:link {text-decoration:none;color:#333333;}
#index div#right_box a:visited {text-decoration:none;color:#333333;}
#index div#right_box a:hover {text-decoration:underline;color:#B73A14;}
#index div#right_box a:active {text-decoration:underline;color:#B73A14;}

/*-----------------新着情報---------------*/

#index div#whats_new_box{
margin-bottom:8px;
border-left:3px solid #ffffff;
display:block;
width: 507px;
text-align:left;
background: url(../img/news_bg.gif) 0 0 no-repeat;
}

#index div#whats_new_box h2{
overflow:hidden;
height:53px;
text-indent: -9999px;
}

#index div#news_box{
padding-bottom:10px;
background: url(../img/news_bottom.gif) 0 bottom no-repeat;
min-height: 1em;
display: inline-table;
}

#index div#news_box:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

/*\*/
* html #index div#news_box {
height: 1em;
}

#index div#news_box {
display: block;
}
/**/


#index div#whats_new_box ul{
padding:0px 0 0 8px;
width: 507px;
}

div#whats_new_box ul li{
float:left;
width:143px;
display:block;
padding:1px 11px 0 10px;
}

#index div#whats_new_box ul li img{
width:143px;
height:95px;
display:block;
margin-bottom:15px;
vertical-align: bottom;
}

#index div#whats_new_box ul li dl dt{
font-weight: bold;
color:#FC8E69;
}

#index div#whats_new_box ul li dl dd{
padding-top:5px;
line-height:1.4;
}

/*	2010/4/27 add */
#index div#right_box div#news_box dl dt{
background:url(../img/new_flower.gif) no-repeat scroll 10px 50% transparent;
float:left;
text-indent:30px;
font-weight: bold;
color:#FC8E69;
line-height:30px;
}
#index div#right_box div#news_box dl dd{
margin-left:100px;
text-decoration:underline;
line-height:30px;
}
#index div#right_box div#news_box dl dd a{
color:#0066FF;
}

#index div#right_box div#news_box dl dd a:visited{
color:#003399;
}
#index div#right_box div#news_box dl dd a:hover{
color:#0099FF;
}
#index div#right_box div#news_box div#last_list{
text-align:right;
padding:10px 20px 0px 0px;
}


/*	2010/4/27 add */



/*-----------------花ごよみ-------------*/
.story_gallery , .entry{
width:520px;
overflow:hidden;
clear:both;
}
.entry{
width:510px;
}
.entryPhoto{float:left;}
.entryRose{float:right;}

#index div#gallery_box{
clear:both;
margin-bottom:10px;
border-left:1px solid #ffffff;
display:block;
float:left;
width: 252px;
height: 120px;
text-align:left;
background: url(../img/b_photocon.jpg) 0 0 no-repeat;
}

#index div#gallery_box h3{
width:241px;
height:30px;
}

#index div#gallery_box h3 a{

display:block;
height:30px;
width: 252px;
text-indent: -9999px;
overflow: hidden;
background: url(../img/garelly_bg.jpg) 0 0 no-repeat;
}


#index div#gallery_box p{
margin-top:12px;
margin-left:12px;
line-height:1.4;
}

/*-----------------花ものがたり--------------*/

#index div#story_box{
margin-bottom:10px;
border-right: 8px solid #ffffff;
display:block;
float:right;
width: 253px;
height: 120px;
text-align:left;
background: url(../img/story_bg_on.jpg) 0 0 no-repeat;
}

#index div#story_box h3{
width:241px;
height:30px;
}

#index div#story_box h3 a{

display:block;
height:30px;
width: 253px;
text-indent: -9999px;
overflow: hidden;
background: url(../img/story_bg.jpg) 0 0 no-repeat;
}

#index div#story_box a:hover{
background:none;
}

#index div#story_box p{
margin-top:12px;
margin-left:12px;
line-height:1.4;
}


/*------ 	ロールオーバーとりあえず add 2010/4/27	 -----*/
/*
#index div#gallery_box a:visited { color: purple; }
#index div#gallery_box a:hover img { border: 1px ridge #FFFFFF; filter: Alpha(opacity=100); }

#index div#story_box a:visited { color: purple; }
#index div#story_box a:hover img { border: 1px ridge #FFFFFF; filter: Alpha(opacity=100); }

#index div.entry a:visited { color: purple; }
#index div.entry a:hover img { border: 1px ridge #FFFFFF; filter: Alpha(opacity=100); }
*/
/*-----------*/