@charset "EUC-JP";
/* CSS Document */

/*--------------------初期化--------------------*/

*{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align:left;
}

img{
	border: 0px;
}

ul,li,ol{
list-style:none;
margin:0;
padding:0;
}

h1,h2,h3,h4,h5,h6{
display:none;
}

body{
background-color:#99C515;
margin:0;
padding:0;
font-size:85%;
line-height:1.5;
color:#333333;
font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"MS Pゴシック",sans-serif;
}

table{
font-size:90%;
}






/*--------------------背景画像--------------------*/

#background{
	width:910px;
	margin: 0px auto;
	background-image:url(../images/background_image.jpg);
}

#main-image-top{
	background-image:url(../images/main-image-top.jpg);
	background-repeat:no-repeat;
	width: 900px;
	margin-left: 5px;
	background-color: #71A13F;
	background-position: 0 58px;
}

#main-image-concept{
	background-image:url(../images/main-image-concept.jpg);
	background-repeat:no-repeat;
	width: 900px;
	margin-left: 5px;
	background-color: #71A13F;
	background-position: 0 58px;
}

#main-image-guide{
	background-image:url(../images/main-image-guide.jpg);
	background-repeat:no-repeat;
	width: 900px;
	margin-left: 5px;
	background-color: #71A13F;
	background-position: 0 58px;
}

#main-image-access{
	background-image:url(../images/main-image-access.jpg);
	background-repeat:no-repeat;
	width: 900px;
	margin-left: 5px;
	background-color: #71A13F;
	background-position: 0 58px;
}

#main-image-contact{
	background-image:url(../images/main-image-contact.jpg);
	background-repeat:no-repeat;
	width: 900px;
	margin-left: 5px;
	background-color: #71A13F;
	background-position: 0 58px;
}

#main-image-sitemap{
	background-image:url(../images/main-image-sitemap.jpg);
	background-repeat:no-repeat;
	width: 900px;
	margin-left: 5px;
	background-color: #71A13F;
	background-position: 0 58px;
}

#main-image-flower{
	background-image:url(../images/main-image-flower.jpg);
	background-repeat:no-repeat;
	width: 900px;
	margin-left: 5px;
	background-color: #71A13F;
	background-position: 0 58px;
}







/*--------------------コンテンツ全体エリア--------------------*/

#allcontents{
	width:847px;
	margin: 0px auto;
}

#allcontents-up{
	width:847px;
	height: 65px;
	background-image: url(../images/plate_up.gif);
	background-repeat: no-repeat;
}

#allcontents-under{
	width:847px;
	height: 23px;
	background-image:url(../images/plate_under.gif);
	background-repeat: no-repeat;
}







/*--------------------ヘッダー--------------------*/

#header{
	background-image: url(../images/head_back.jpg);
	background-repeat: repeat-x;
}

#header p{
	color:#FFFFFF;
	text-transform:uppercase;
	font-weight:bold;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	/*height:19px;*/
}







/*--------------------メインメニュー--------------------*/

#glovalnavi{
margin: 0px auto;
height: 58px;
width: 760px;
}

#glovalnavi ul li a{
display:block;
height:33px;
background-image:url(../images/main_menu.gif);
background-repeat:no-repeat;
background-position:0 0;
}

#glovalnavi span.alt{
display:none;
}

#glovalnavi li{
float:left;
}


/*トップページ*/
#glovalnavi ul li.toppage a{
width:87px;
background-position:0px 0px;
}

#glovalnavi ul li.toppage a:hover{
background-position:0px -33px;
}


/*コンセプト*/
#glovalnavi ul li.concept a{
width:81px;
background-position:-87px 0px;
}

#glovalnavi ul li.concept a:hover{
background-position:-87px -33px;
}

#glovalnavi ul li.concept a.now{
background-position:-87px -33px;
}


/*園内ガイド*/
#glovalnavi ul li.guide a{
width:83px;
background-position:-168px 0px;
}

#glovalnavi ul li.guide a:hover{
background-position:-168px -33px;
}

#glovalnavi ul li.guide a.now{
background-position:-168px -33px;
}


/*開園時間・アクセス*/
#glovalnavi ul li.access a{
width:130px;
background-position:-251px 0px;
}

#glovalnavi ul li.access a:hover{
background-position:-251px -33px;
}

#glovalnavi ul li.access a.now{
background-position:-251px -33px;
}


/*ショップ*/
#glovalnavi ul li.webshop a{
width:75px;
background-position:-381px 0px;
}

#glovalnavi ul li.webshop a:hover{
background-position:-381px -33px;
}

#glovalnavi ul li.webshop a.now{
background-position:-381px -33px;
}


/*レストラン*/
#glovalnavi ul li.restaurant a{
width:90px;
background-position:-456px 0px;
}

#glovalnavi ul li.restaurant a:hover{
background-position:-456px -33px;
}

#glovalnavi ul li.restaurant a.now{
background-position:-456px -33px;
}


/*お問い合わせ*/
#glovalnavi ul li.contact a{
width:90px;
background-position:-546px 0px;
}

#glovalnavi ul li.contact a:hover{
background-position:-546px -33px;
}

#glovalnavi ul li.contact a.now{
background-position:-546px -33px;
}


/*団体でお越しの方*/
#glovalnavi ul li.group a{
width:124px;
background-position:-636px 0px;
}

#glovalnavi ul li.group a:hover{
background-position:-636px -33px;
}

#glovalnavi ul li.group a.now{
background-position:-636px -33px;
}





/*--------------------サブメニュー--------------------*/
#submenu{
height: 25px;
width: 760px;
font-size:90%;
vertical-align:middle;
}

#submenu p.name{
display:block;
text-align:left;
float:left;
}

#submenu ul.menu{
float:right;
}

#submenu ul.menu a{
height:23px;
display:block;
float:left;
background-image:url(../images/sub_menu.gif);
background-repeat:no-repeat;
}

#submenu ul.menu a.faq{
width:103px;
}

#submenu ul.menu a.faq:hover{
background-position:0 -25px;
}

#submenu ul.menu a.recruit{
width:103px;
background-position:-103px 0px;
}

#submenu ul.menu a.recruit:hover{
background-position:-103px -25px;
}

#submenu ul.menu a.sitemap{
width:70px;
background-position:-206px 0px;
}

#submenu ul.menu a.sitemap:hover{
background-position:-206px -25px;
}

#submenu a:hover{
color:#CCFF00;
}







/*--------------------メインタイトルエリア--------------------*/

#main-title{
	margin: 0px auto;
	height: 192px;
	padding: 59px 0 0 30px;
}








/*--------------------メインコンテンツ--------------------*/

#maincontents-area{
	width:847px;
	background-image: url(../images/plate_main.gif);
	background-repeat: repeat-y;
}

#three-column-area{
	width:800px;
	margin-left: 20px;
}

#right-column-area{
	width:165px;
	float:right;
}

#two-column-area{
	width:620px;
	float:left;
}

#center-column-area{
	width:330px;
	float:right;
}

#left-column-area{
	width:275px;
	float:left;
}








/*--------------------お知らせエリア--------------------*/

#information-area{
	width:275px;
	margin-bottom: 20px;
}

#information-area table{
/*font-size:90%;*/
margin-bottom:0.5em;
padding-bottom:0.5em;
border-bottom:1px #CCCCCC dashed;
}

#information-area th{
width:7em;
text-align:left;
color:#FF6600;
font-weight:bold;
}

#information-area td{
text-align:left;
}






/*--------------------イベントエリア--------------------*/

#event-area{
width:275px;
}

/*リストエリア*/

#event-area{
	width:275px;
	margin-bottom: 20px;
}

#event-area table{
/*font-size:90%;*/
margin-bottom:0.5em;
padding-bottom:0.5em;
border-bottom:1px #CCCCCC dashed;
}

#event-area th{
width:9em;
text-align:left;
}

#event-area th.date{
color:#FF6600;
font-weight:bold;
}


#event-area td{
text-align:left;
padding-bottom:0.3em;
}

#event-area td.event{
background-image:url(../images/event_icon.gif);
background-repeat:no-repeat;
background-position:0 center;
padding-left:20px;
}

#event-area td.member{
background-image:url(../images/member_icon.gif);
background-repeat:no-repeat;
background-position:0 center;
padding-left:20px;
}



/*アイコンの説明*/

#event-area01{
border:1px #CCCCCC solid;
padding:0.6em;
margin-bottom:10px;
}

#event-area01 li{
display:block;
float:left;
padding-left:20px;
}

#event-area01 li.event{
background-image:url(../images/event_icon.gif);
background-repeat:no-repeat;
background-position:0px center;
}

#event-area01 li.member{
background-image:url(../images/member_icon.gif);
background-repeat:no-repeat;
background-position:0px center;
margin-left:15px;
}








/*--------------------講座エリア--------------------*/

#chair-area{
	width:275px;
	margin-bottom: 20px;
}

#chair-area table{
/*font-size:90%;*/
margin-bottom:0.5em;
padding-bottom:0.5em;
border-bottom:1px #CCCCCC dashed;
}

#chair-area th{
width:8em;
text-align:left;
}

#chair-area th.date{
color:#FF6600;
font-weight:bold;
}

#chair-area td{
text-align:left;
}









/*Flashバナーエリア----------------------------------------*/
/*---------------------------------------------------------*/
/*---------------------------------------------------------*/
/*---------------------------------------------------------*/
/*---------------------------------------------------------*/


#flashcontent{
	margin-bottom:10px;
	width:330px;
	height: 200px;
}

#noflash{
	border: 1px #FF0000 solid;
	padding: 10px;
}


/*---------------------------------------------------------*/
/*---------------------------------------------------------*/
/*---------------------------------------------------------*/
/*---------------------------------------------------------*/
/*---------------------------------------------------------*/






/*--------------------センター2コラムエリア--------------------*/

div.center-two-column{
	width:330px;
	margin-bottom: 10px;
}

#center-right-column{
	float:right;
	width:160px;
}

#center-left-column{
	float:left;
	width:160px;
}






/*--------------------彩花だよりエリア--------------------*/

#flower-column-area{
border: 1px #FF3366 solid;
}

#flower-column-image{
width:85px;
float:left;
}

#flower-column-area01{
width:243px;
float:right;
}

#flower-top-title{
margin-top:5px;
margin-bottom:5px;
color:#FF3366;
}

#flower-top-title p.title{
font-size:180%;
font-weight:bold;
}

#flower-top-body{
margin-top:15px;
}

#flower-top-body img{
float:right;
margin:0px 5px 5px 5px;
border:1px #999900 solid;
padding:3px;
}

/*続きを読む*/
#flower-top-body-next{
background-image:url(../images/arrow02.gif);
background-repeat:no-repeat;
background-position:0 0.5em;
padding-left:20px;
margin-top:10px;
}






/*--------------------中面バナー用エリア--------------------*/

#inner-banner-area{
	width:160px;
	margin-bottom: 10px;
}







/*--------------------彩花だより中面用--------------------*/

#flower-inner-title p{
color:#FF3366;
}

#flower-inner-title p.title{
font-size:150%;
font-weight:bold;
}

#flower-inner-area01{
width:160px;
margin-top:5px;
}

#flower-inner-area-next{
background-image:url(../images/arrow02.gif);
background-repeat:no-repeat;
background-position:0 center;
padding-left:20px;
margin-top:10px;
}

.border{
border:1px #999900 solid;
padding:3px;
}







/*--------------------ブログエリア--------------------*/

#blog-area{
	width:330px;
	margin-top: 20px;
}









/*--------------------会員エリア--------------------*/

#member-area{
	width:165px;
	margin-bottom: 30px;
}

#member-area ul{
margin-top:10px;
}

#member-area li{
background-image:url(../images/arrow01.gif);
background-repeat:no-repeat;
padding-left:2em;
padding-bottom:0.5em;
background-position:0 0.5em;
}

#member-illust{
	text-align:center;
	margin-top:10px;
	margin-bottom: 30px;
}







/*--------------------リンクエリア--------------------*/

#link-area{
	width:165px;
}







/*--------------------その他リンクエリア--------------------*/

#otherlink-area{
	width:165px;
}





/*--------------------ページトップへもどる--------------------*/

#top-arrow{
	text-align:center;
}




/*--------------------フッターエリア--------------------*/

#footer-area{
	background-color:#006600;
	margin-top: 20px;
	padding: 0.5em 0;
}





/*--------------------フッターメニュー--------------------*/

#footermenu-area{
	margin:0px auto;
	font-size:75%;
}

#footermenu-area ul{
text-align:center;
}

#footermenu-area li{
display:inline;
}

#footermenu-area a{
	padding: 0px 10px;
	text-decoration: none;
}

#footermenu-area li#menu1{
border-left:1px #999999 solid;
}

#footermenu-area a:link{
color:#FFFFFF;
}

#footermenu-area a:hover{
color:#FFE542;
}






/*--------------------コピーライトエリア--------------------*/

#copyright-area{
	margin-top: 10px;
	height: 70px;
}

#copyright-area p{
color:#FFFFFF;
text-align: center;
}







/*--------------------ブログバナーエリア（プログラムページ）--------------------*/

#blog-banner-area{
	width:160px;
	margin-top: 15px;
}









/*--------------------詳細画面添付ファイルエリア--------------------*/

#detail-file-area{
margin-bottom:15px;
margin-top:50px;
width:440px;
}

#detail-file-area img{
margin-bottom:15px;
}

#detail-file-area table{
/*font-size:100%;*/
margin-bottom:0.5em;
padding-bottom:0.5em;
border-bottom:1px #CCCCCC dashed;
}

#detail-file-area th{
width:70%;
text-align:left;
background-image:url(../images/arrow01.gif);
background-repeat:no-repeat;
background-position:0 center;
padding-left:20px;
font-weight:normal;
}

#detail-file-area td{
text-align:left;
background-image:url(../images/pdficon_small.gif);
background-repeat:no-repeat;
background-position:0 center;
padding-left:25px;
}

/*PDFダウンロード説明エリア*/
#detail-file-how-area{
margin-bottom:15px;
margin-top:30px;
width:440px;
}

#detail-file-how-area img{
margin-bottom:15px;
}

#detail-file-how-area img.get{
float:left;
margin:0px 10px 50px 0px;
}









/*-------------前の記事へ・次の記事へナビ-------------*/

#detail-navi{
margin-top:50px;
text-align:right;
border:1px #CCCCCC solid;
padding:0.4em 1em;
}









/*--------------------RSSについて--------------------*/

#rss-area01{
width:275px;
}

#rss-area02{
	float:right;
	width:100px;
}

#rss-area02 p{
text-align:right;
}

#rss-area03{
float:left;
width:175px;
}








/*--------------------クラス設定--------------------*/

.top-margin5{
margin-top:5px;
}

.top-margin10{
margin-top:10px;
}

.top-margin15{
margin-top:15px;
}

.top-margin20{
margin-top:20px;
}

.top-margin30{
margin-top:30px;
}

.bottom-margin3{
margin-bottom:3px;
}

.bottom-margin5{
margin-bottom:5px;
}

.bottom-margin10{
margin-bottom:10px;
}

.bottom-margin15{
margin-bottom:15px;
}

.bottom-margin20{
margin-bottom:20px;
}

.bottom-margin30{
margin-bottom:30px;
}

.bottom-margin50{
margin-bottom:50px;
}

.bottom-margin100{
margin-bottom:100px;
}

.left-margin5{
margin-left:5px;
}

.right-margin5{
margin-right:5px;
}

.right-margin10{
margin-right:10px;
}

.margin10{
margin:10px;
}

.english{
	color:#C0C000;
	font-weight:bold;
	letter-spacing:0.1em;
	text-transform:uppercase;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
}

.cation{
color:#FF0000;
}

/*リストエリア見出し*/
.list-title{
border-left:2px #006600 solid;
padding-left:0.5em;
color:#006600;
font-weight:normal;
}


/*準備中*/
.ready{
font-size:140%;
color:#FF6600;
margin-top:50px;
margin-bottom:0.3em;
}

.ready-e{
color:#999999;
font-weight:bold;
text-transform:uppercase;
letter-spacing:0.1em;
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

/*ブックマーク依頼*/
.bookmark{
font-size:140%;
margin:15px 0;
color:#009900;
}

.bookmark-link{
background-image:url(../images/arrow03.gif);
background-repeat:no-repeat;
background-position:0 center;
padding-left:1.5em;
margin-top:50px;
}