@charset "utf-8";

* { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset,img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}
strong { font-weight:bold }
a { text-decoration:underline;}
a img { border:none } /* Gets rid of IE's blue borders */
p { margin:0 0 1em 0;}

body { position:relative;background-color:#fff;line-height:1.7;border-top:1px solid #009861;}


/*ｔｙｐｏ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

body { font-size:82%;color:#000;font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,/*Helvetica,Arial,Verdana,*/Osaka,'ＭＳ Ｐゴシック',sans-serif;}

a:link,a:visited { color:#009861;}
a:hover,a:focus,a:active { background-color:#b4ffe4;}

.size-big { font-size:116%;}
.strong { /*color:#009861; green*/ color:#d3008e;/*pink*/ font-weight:bold;}

/*program　タイトルと申込情報*/
#page-program h2,#pg-No h3 { font-size:139%;font-weight:bold;}
#pg-info { font-size:123%;}
#pg-info .normal { font-size:82%;/*13pxに戻す*/}

/*webpage class .size-big .strong と同じ*/
h5, h5 a:link, h5 a:visited { font-size:116%;color:#009861;font-weight:bold;text-decoration:none;}


/*mint帯の見出し*/
#top-program h2 a,
#blog-headline h4 a,
.cat-archive h2,
.big-title { width:480px;height:15px;line-height:1;padding:12px 0 0 0;text-align:center;font-size:123%;letter-spacing:5px;color:#fff;background-color:#00cc81;}

#main h2 img { margin:0 0 10px 0;}
.cat-archive h2 { margin:10px 0 0 0;}
.big-title { margin:10px 0 27px;}
#top-program h2 a { display:block; margin:0 0 10px 0; text-decoration:none;}
#blog-headline h4 a { width:240px; display:block; margin:0 0 15px 0; text-decoration:none;}
#top-program h2 a:hover, #top-program h2 a:focus,
#blog-headline h4 a:hover,#blog-headline h4 a:focus {background-color:#4be0a9;}


/*ページ内の見出し（underline）・category-list TITLE*/
.webpage #main h4 { margin:3em 0 1em 0;width:100%;line-height:1;text-align:center;font-weight:bold;font-size:123%;border-bottom:3px solid #009861;}
.cat-archive h3 { margin:3em 0 1em 0;width:100%;line-height:1;text-align:center;font-weight:bold;font-size:123%;border-bottom:3px solid #009861; }
.cat-archive h3 a:link, .cat-archive h3 a:visited { text-decoration:none;}

/*program calendar EVENT TITLE：.cat-archive h3のスタイルをクリア*/
.pg-calendar h3  { margin:0 0 0 150px;width:230px;line-height:1.7;font-size:100%;font-weight:normal;text-align:left;border-bottom:none;}
.pg-calendar h3 a:link, .pg-calendar h3 a:visited { text-decoration:underline;}

p#ceiling-nav a { font-size:85%;text-decoration:none;}

.webpage p { margin:0 0 2em 0;}

/*サイトマップ
ul li ul li {margin:0 0 0 1em;}*/

/*画像のセンタリング*/
.webpage #main img {display:block;margin:0 auto;}


/*ｌａｙｏｕｔ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

#wrap { width:960px;margin:0 auto; background-color:#fff; position:relative;}

#contents { float:left;width:480px;margin-bottom:50px;padding:0 0 0 80px;}
#main { width:100%; background-color:#fff;}

#nav { float:left;width:400px;margin-bottom:50px;position:relative;}
#main-nav { width:400px;height:360px;position:relative;}
#nav-sub { float:left;width:160px;height:500px;padding:64px 0 0 0;/*10+27+27*/padding:76px 0 0 0;/*★改行を調整*/}
#communication { float:left;width:240px;}

#tree { width:400px;height:1300px;background:url(../img/tree.png) no-repeat left top;position:fixed; top:0; right:50%;margin-right:380px; }
*html #tree { width:0;height:0;background:none;position:relative;margin:0;} /*ie6 treeなし*/

#bird { width:47px;height:25px;background:url(../img/bird.png) no-repeat left top;position:absolute;top:65px;left:570px;}

#powered { color:#666; width:100%; border-top:1px solid #009861; margin:60px 0 0 0; padding:20px 0 0 0; text-align:center;font-size:85%;}

h1 { width:180px;height:190px;position:absolute;top:50px;left:750px;}

/*ｚ−ｉｎｄｅｘ*/

#tree { z-index:4;}
*html #tree { z-index:1;} /*ie6 treeなし*/

#bird { z-index:5;}

h1 { z-index:10;}
#logo  { z-index:3}　#nav { z-index:1;} /*position設定アリの親z-index（for IE）*/
#main-nav ul { z-index:1;}
p#ceiling-nav { z-index:2;}


/*ｎａｖ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

#main-nav ul { position:absolute;top:225px;left:0px;}
#main-nav ul li { text-indent:-9999em;}
#main-nav ul li a { display:block;width:440px;height:27px;}

li#nav-about a:link, li#nav-about a:visited { background:url(../img/nav5.png) no-repeat 0px 0px;}
li#nav-about a:hover, li#nav-about a:focus,li#nav-about a:active { background:url(../img/nav5.png) no-repeat -440px 0;}

li#nav-program a:link, li#nav-program a:visited { background:url(../img/nav5.png) no-repeat 0 -27px;}
li#nav-program a:hover, li#nav-program a:focus, li#nav-program a:active { background:url(../img/nav5.png) no-repeat -440px -27px;}

li#nav-facility a:link, li#nav-facility a:visited { background:url(../img/nav5.png) no-repeat 0 -54px;}
li#nav-facility a:hover, li#nav-facility a:focus, li#nav-facility a:active { background:url(../img/nav5.png) no-repeat -440px -54px;}

li#nav-gallery a:link,li#nav-gallery a:visited { background:url(../img/nav5.png) no-repeat 0 -81px;}
li#nav-gallery a:hover,li#nav-gallery a:focus { background:url(../img/nav5.png) no-repeat -440px -81px;}

li#nav-story a:link,li#nav-story a:visited { background:url(../img/nav5.png) no-repeat 0 -108px;}
li#nav-story a:hover,li#nav-story a:focus { background:url(../img/nav5.png) no-repeat -440px -108px;}


p#ceiling-nav { width:240px;text-align:center;position:absolute;top:2px;right:0px;}

#nav-sub li a { display:block;width:150px;height:27px;line-height:27px;padding:0 0 0 10px;text-decoration:none;font-size:117%;color:#000;letter-spacing:3px;}
#nav-sub li a:hover,ul#nav-sub li a:focus { color:#fff;background-color:#00cc81;}

#message { width:100%;margin:0 0 40px 0;padding-bottom:10px; text-align:center; background:url(../img/popup-bottom.png) no-repeat center bottom;}
#message h4 { height:10px;font-size:1px;text-indent:-9999em;background:url(../img/popup-top.png) no-repeat center top;}
#message p { width:220px;margin:0;padding:0 10px 0 10px;background:url(../img/popup-body.png) repeat-y;}

ul#banners li {margin-bottom:10px;}

li#ban-kengakukai a:link, li#ban-kengakukai a:visited,
li#ban-mlmg a:link, li#ban-mlmg a:visited,
li#ban-faq a:link, li#ban-faq a:visited { display:block;width:240px;height:27px;text-indent:-9999em;}

li#ban-kengakukai a:link, li#ban-kengakukai a:visited { background:url(../img/banner-kengaku.png) no-repeat 0 0;}
li#ban-kengakukai a:hover, li#ban-kengakukai a:focus, li#ban-kengakukai a:active { background:url(../img/banner-kengaku.png) no-repeat -240px 0;}
li#ban-mlmg a:link, li#ban-mlmg a:visited { background:url(../img/banner-mlmg.png) no-repeat 0 0;}
li#ban-mlmg a:hover, li#ban-mlmg a:focus, li#ban-mlmg a:active { background:url(../img/banner-mlmg.png) no-repeat -240px 0;}
 li#ban-faq a:link, li#ban-faq a:visited{ background:url(../img/banner-faq.png) no-repeat 0 0;}
li#ban-faq a:hover, li#ban-faq a:focus, li#ban-faq a:active { background:url(../img/banner-faq.png) no-repeat -240px 0;}

#blog-headline { margin:40px 0 0 0;}
#blog-headline ul { padding:0 10px 0;}
#blog-headline ul li { text-indent:-1em; padding:0 0 0 1em;}


/*ｔｏｐ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

#news { margin:0 10px 20px 10px;}

.pg-thumbs-block { clear:left;}
.pg-thumbs { width:140px;float:left;padding:10px;}
.pg-thumbs img { margin:0 0 5px 0;}
.pg-thumbs span { font-weight:bold;}
.pg-thumbs h3 { mrgin:5px 0 0 0;}



/*ｃａｔｅｇｏｒｙ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

/*program：80-160-240px*/

.cat-archive #main dt { position:relative;clear:left;font-weight:bold;width:100%;line-height:1.2;padding:27px 0 5px 0;border-bottom:3px solid #009861;}
span#pg-category { position:absolute;bottom:0;right:0;width:8.5em;padding:2px 0 0 0;text-align:center;color:#fff;background-color:#009861;font-weight:normal;line-height:1.7;letter-spacing:1px;}
.cat-archive #main dd { width:100%;margin:0 0 50px 0;}

.pg-calendar { clear:left;padding:0 0 0 90px;}/*left80px+10px*/
.pg-calendar img { width:140px;float:left;margin:0 0 10px 0;}
.pg-calendar p { width:230px;margin:0 0 0 150px;padding-top:5px;font-weight:bold;/*日付bold*/}/*left140px+10px｜right10px(>240-10)*/



/*ｅｎｔｒｙ　ｐｒｏｇｒａｍ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

#pg-main-photo { width:480px;height:360px;background-color:#ccf5e6;}

#page-program { margin:27px 0 0 0;}
#page-program p { margin:1em 0;}
#page-program #pg-info p { margin:0;}

#pg-No { width:480px;position:relative;}
#pg-No h3 { margin-bottom:0.5em;line-height:1;border-bottom:3px solid #009861;}
p#pg-category { position:absolute;bottom:0;right:0;width:8.5em;margin:0;padding:2px 0;text-align:center;color:#fff;background-color:#009861;letter-spacing:1px;}
#pg-info { margin:20px 0 30px 0;padding:0 0 0 10px;border-left:10px solid #009861;}