/*=====================================
（財）自然公園財団
サイトトップページ　スタイルシート
=====================================*/

*{margin:0;padding:0;font-size:100%;}
body{text-align:center;background:#EFEFEF;color:#333;}
a{color:#108EB7;}
a:hover{color:#c00;}
a:active{}
img{border:none;}

/*-- 書式
---------------------------------*/
p{margin:1em 0 1em 1em;line-height:120%;}
ul, ol, dl{margin:1em 0 1em 1em;}
li{margin:0 0 0 1em;line-height:120%;}
dt{margin:0 0 0.5em 0;}
dd{margin:0 0 0.5em 1em;line-height:120%;}
sup{vertical-align:top;font-size:80%;}
sub{vertical-align:bottom;font-size:80%;}

h1,h2{margin:0;}
li ul, dd ul, li ol, #CONTENTS dd ol{margin:0 0 0 1em;}
ul.no-mark, ol.no-mark{list-style:none;margin:0;}
dl ul.no-mark li{none;margin:0}
dl.horizon{}
dl.horizon dt{float:left;padding:0 5px 0 0;}

.t-r{text-align:right;}
.t-c{text-align:center;}
.t-l{text-align:left;}
.f-r{float:right;}
.f-l{float:left;}
.clear-l{clear:left;}
.clear-r{clear:right;}
.clear{clear:both;}
.note{font-size:85%;}
.nw{white-space:nowrap;}

.no-disp{position:absolute;top:-9000px;left:-9000px;}

/*-- パーツ
---------------------------------*/
#WRAPPER-1{background:url('../img/head_bg2.gif') left top repeat-x;}
#WRAPPER-2{position:relative;width:770px;margin:0 auto;text-align:left;}
#HEADER{}
#H-TITLE{height:75px;width:265px;}
#GMENU{position:absolute;left:265;top:16;height:59px;width:505px;background:url('../img/gmenu2.jpg') left top no-repeat;background-position:0 -16px;}
#MAIN-IMAGE{height:333px;width:770px;}
#MAIN{padding:0;background:url('../img/top/main_bg.jpg') left top repeat-y;height:auto !important;height:400px;min-height:400px;}
#STAFFBLOG{float:right;width:560px;padding:0 0 20px 0;height:auto !important;height:400px;min-height:400px;}
#SIDE{float:left;width:210px;background:url('../img/top/side_bg.jpg') left top repeat-y;}
#INFO{background:url('../img/top/info_bg.jpg') left bottom no-repeat;padding-bottom:50px;}
#SCON{background:url('../img/top/scon_bg.jpg') left top repeat-y;}
#FOOTER{clear:both;background:url('../img/foot_bg.gif') left top repeat-x #d4d4d4;margin-top:15px;height:auto !important;height:85px;min-height:85px;}

/*-- #header 
--------------------*/
#HEADER{}
#HEADER p, #HEADER ul, #HEADER li{margin:0;}
#HEADER a{}
#H-TITLE{}

/*-- #footer 
--------------------*/
#FOOTER{clear:both;}
#FOOTER p, #FOOTER ul, #FOOTER li{margin:0;font-size:80%;}
#FMENU{width:770px;height:40px;margin:0 auto;text-align:left;background:url('../img/besmark.gif') right bottom no-repeat;}
#FOOTER #FMENU ul{list-style:none;margin:0;padding-top:15px;}
#FMENU li{text-indent:-9000px;display:inline;float:left;margin:0 1em 0 0;}
#FMENU a{display:block;height:12px;background:url('../img/fmenu.gif') left top no-repeat;}
#FMENU .fm-1 a{width:70px;background-position:0 0;}
#FMENU .fm-1 a:hover{background-position:0 -50px;}
#FMENU .fm-2 a{width:80px;background-position:-100px 0;}
#FMENU .fm-2 a:hover{background-position:-100px -50px;}
#FMENU .fm-3 a{width:120px;background-position:-200px 0;}
#FMENU .fm-3 a:hover{background-position:-200px -50px;}
#ADDRESS{position:relative;width:770px;margin:0 auto;text-align:left;clear:left;padding:10px 0 10px 0;background:url('../img/address.gif') left bottom no-repeat;}
#FOOTER #ADDRESS .tomap{margin:0 0 0 420px;padding-top:15px;}
*html #FOOTER #ADDRESS .tomap{margin-bottom:-3px;}
#FOOTER #ADDRESS .tomap a{width:80px;height:12px;background:url('../img/tomap.gif') left top no-repeat;display:block;text-indent:-9000px;}
#FOOTER #ADDRESS .tomap a:hover{background-position:0 -50px;}
#FOOTER #ADDRESS .tositetop{position:absolute;bottom:10px;left:0;}
#FOOTER .txtpr_f{border-bottom:1px dotted #CCCCCC;width:770px;text-align:left;margin:0 auto;}
#FOOTER .txtpr_f li{display: inline;list-style-type: none;}

/*-- #lmenu
--------------------*/
#LMENU{position:absolute;left:684;top:0;width:85px;height:16px;background:url('../img/gmenu2.jpg') left top no-repeat;background-position:-419px 0;}
#LMENU li{text-indent:-9000px;display:inline;float:left;margin:0;}
#LMENU a{display:block;text-indent:-9000px;height:16px;background:url('../img/gmenu2.jpg') left top no-repeat;background-position:-419px 0;}
#LMENU a:hover{background:url('../img/gmenu2_on.jpg') left top no-repeat;}
#LMENU .lm-1 a{width:85px;background-position:-419px 0;}
#LMENU .lm-1 a:hover{background-position:-419px 0;}

/*-- #gmenu
--------------------*/
#GMENU ul{list-style:none;margin:0 0 0 80px;}
#GMENU li{display:inline;float:left;margin:0;}
#GMENU a{display:block;text-indent:-9000px;height:50px;background:url('../img/gmenu2.jpg') left top no-repeat;background-position:0 -16px;}
#GMENU a:hover{background:url('../img/gmenu2_on.jpg') left top no-repeat;}
#GMENU .gm-1 a{width:132px;background-position:-80px -16px;}
#GMENU .gm-1 a:hover{background-position:-80px -16px;}
#GMENU .gm-2 a{width:92px;background-position:-212px -16px;}
#GMENU .gm-2 a:hover{background-position:-212px -16px;}
#GMENU .gm-3 a{width:93px;background-position:-304px -16px;}
#GMENU .gm-3 a:hover{background-position:-304px -16px;}
#GMENU .gm-4 a{width:93px;background-position:-397px -16px;}
#GMENU .gm-4 a:hover{background-position:-397px -16px;}

/*-- #main-image
--------------------*/
#MAIN-IMAGE{}
#MAIN-IMAGE h1,#MAIN-IMAGE p{display:none;}
#MAIN-IMAGE .photo{}


/*-- #side
--------------------*/
#SIDE p{margin:0;}

/*-- #smenu
--------------------*/
#INFO{padding-top:10px;}

#INFO ul{list-style:none;margin:1.5em 25px 0 10px;}
#INFO li{margin:0 0 5px 15px;padding-left:15px;background:url('../img/icon_gr1.gif') no-repeat 0 2px;}
#INFO .toinfo{text-align:right;font-size:75%;background:url('../img/navi_icon1.gif') right center no-repeat;padding:0 8px 0 0;margin:10px 15px 0 0;}
#INFO .toinfo a{text-decoration:none;}
#INFO li a .new{color:#CC0000;font-size:80%;text-decoration:none !important;}

#PMAP{margin:0 0 0 10px;width:186px;height:93px;background:url('../img/top/p-map.jpg') left top no-repeat;}
#PMAP a{display:block;text-indent:-9000px;width:186px;height:93px;}
#PMAP a:hover{background:url('../img/top/p-map_2.jpg') left top no-repeat;}

#CALEN{margin:0 0 0 10px;width:186px;height:93px;background:url('../img/top/calendar.jpg') left top no-repeat;}
#CALEN a{display:block;text-indent:-9000px;width:186px;height:93px;}
#CALEN a:hover{background:url('../img/top/calendar_2.jpg') left top no-repeat;}

#HANA{margin:0 0 0 10px;width:186px;height:93px;background:url('../img/top/hanaz.jpg') left top no-repeat;}
#HANA a{display:block;text-indent:-9000px;width:186px;height:93px;}
#HANA a:hover{background:url('../img/top/hanaz_2.jpg') left top no-repeat;}

#KONCHU{margin:0 0 15px 10px;width:186px;height:93px;background:url('../img/top/konchuzu.jpg') left top no-repeat;}
#KONCHU a{display:block;text-indent:-9000px;width:186px;height:93px;}
#KONCHU a:hover{background:url('../img/top/konchuzu_2.jpg') left top no-repeat;}

#MANGA{margin:0 0 0 10px;width:186px;height:93px;background:url('../img/top/manga.jpg') left top no-repeat;}
#MANGA a{display:block;text-indent:-9000px;width:186px;height:93px;}
#MANGA a:hover{background:url('../img/top/manga_2.jpg') left top no-repeat;}

.ban-area{width:173px;margin:10px 0 15px 17px;padding-top:15px;border-top:1px dotted #ccc;text-align:center;}
.ban-area p{margin:0 0 10px 0;}

#SIDE #INFO .txtpr{border-bottom:1px dotted #CCCCCC;padding-bottom:10px;margin-bottom:10px;margin-left:1em;font-size:75%;}
#SIDE #INFO .txtpr p{margin-bottom:0;margin-left:1em;}
#SIDE #INFO .txtpr ul{margin-top:0;}
#SIDE #INFO .txtpr li{list-style-type: none;background:none;padding:0;margin:0;}

/*-- #scon
--------------------*/
#SCON{color:#666;}

#PHOTO{margin:0 0 5px 7px;width:186px;height:107px;background:url('../img/top/photo.jpg') left top no-repeat;}
#PHOTO a{display:block;text-indent:-9000px;width:186px;height:107px;}
#PHOTO a:hover{background:url('../img/top/photo2.jpg') left top no-repeat;}

#BOOK{margin:0 0 5px 7px;width:186px;height:116px;background:url('../img/top/book.jpg') left top no-repeat;}
#BOOK p{}
#BOOK a{display:block;text-indent:-9000px;width:186px;height:116px;}
#BOOK a:hover{background:url('../img/top/book2.jpg') left top no-repeat;}

#P-MAP{display:none;}

#KAMI-ST{margin:7px 0 0 7px;width:186px;height:116px;background:url('../img/top/kami_st.jpg') left top no-repeat;}
#KAMI-ST p{}
#KAMI-ST a{display:block;text-indent:-9000px;width:186px;height:116px;}
#KAMI-ST a:hover{background:url('../img/top/kami_st2.jpg') left top no-repeat;}


#OFFICE{background:url('../img/office_bg.jpg');margin:2em 0 0 15px;width:173px;padding:5px 0;border:1px solid #fff;}
#OFFICE dl{margin:0;color:#555;}
#OFFICE dt{margin:0.5em;padding:0 0 0 15px;background:url('../img/icon_g1.gif') no-repeat 0 1px;font-weight:bold;height:auto !important;height:1px;min-height:1px;}
#OFFICE dd{margin:0.5em 0.5em 0.5em 1em;}
#OFFICE .toaccess{font-size:85%;}
#OFFICE .toaccess{font-size:80%;background:url('../img/navi_icon1.gif') left center no-repeat;padding:0 0 0 8px;margin-left:15px;}

#BANNER{width:170px;margin:20px 15px 0 15px;border-top:1px dotted #ccc;font-size:75%;}
*html #BANNER{padding-top:15px;}
#ECO-KENTEI{margin:15px 0 0 5px !important;width:165px;height:65px;background:url('../img/top/banner_ecokentei.gif') left top no-repeat;}
#ECO-KENTEI a{display:block;text-indent:-9000px;width:165px;height:65px;margin-bottom:3px;}

#PAGETOP{clear:both;width:770px;height:16px;background:url('../img/top/main_bottom.jpg') left bottom no-repeat;}
#PAGETOP p{display:none;}

/*-- #main
--------------------*/
#STAFFBLOG p{margin:1em;}

/*==活動紹介==*/

#STAFFBLOG{}

#STAFFBLOG h2{margin-left:0;}
#STAFFBLOG h3{margin:0 0 5px 0;}

.page-navi{clear:both;height:1em;margin:0 1em 1em 25px;padding:15px 0 5px 0;font-size:80%;background:url('../img/bor.gif') left top repeat-x;}
.page-navi ul{list-style:none;margin:0;text-align:center;}
.page-navi li{display:inline;margin:0;}
.page-navi a,.page-navi2 a{text-decoration:none;height:auto !important;height:1px;min-height:1px;}
.page-navi .list a{background:url('../img/navi_icon3.gif') left center no-repeat;padding:0 0 0 12px;}

.page-navi2{clear:both;margin:0 1em 1em 25px;padding:5px 0;font-size:80%;}

.page-navi .more,.page-navi2 .more{text-align:right;}
.page-navi .more a,.page-navi2 .more a{background:url('../img/navi_icon1.gif') right center no-repeat;padding:0 8px 0 0;}

#REPORT-WRAP{position:relative;margin-bottom:1.5em;}

#REPORT-LIST{width:400px;}
#REPORT-LIST dl{width:380px;margin:0 0 0 10px;padding:10px 0;clear:right;background:url('../img/bor.gif') left top repeat-x;}
*html #REPORT-LIST dl{width:390px;}
#REPORT-LIST dt{margin:10px 0 0 0;padding:0 0 0 20px;background:url('../img/icon_or1.gif') no-repeat 0 1px;font-weight:bold;height:auto !important;height:1px;min-height:1px;}
#REPORT-LIST dd{margin:0 0 0 20px;font-size:90%;padding-bottom:10px;}
#REPORT-LIST .cat{margin:0 0 10px 20px;color:#666;font-size:80%;padding:0.5em 0;}
#REPORT-LIST .totext{font-size:80%;}
#REPORT-LIST dt.photo{float:right;margin:10px 0 15px 1em;padding:0;background:none;}
#REPORT-LIST p.clear-r{clear:right;height:1px;margin:0 0 0 1em;background:url('../img/bor.gif') left bottom repeat-x;}

#REPORT-LIST-S{position:absolute;top:0;right:0;width:145px;padding-right:15px;font-size:75%;}
#REPORT-LIST-S ul{list-style:none;margin:0;}
#REPORT-LIST-S li{margin-bottom:5px;padding-left:15px;background:url('../img/area/side_blog_li.gif') left top no-repeat;height:auto !important;height:1px;min-height:1px;color:#666;}
#REPORT-LIST-S li a{text-decoration:underline;}

.listkind{font-size:120%;font-weight:bold;background:url('../img/park/kind_icon.gif') left center no-repeat;padding:10px 0 10px 37px;height:auto !important;height:32px;min-height:32px;margin:0 0 0 2em;}

#STAFFBLOG  #TOLIST{float:right;margin:0;padding-top:1em;height:12px;}
#STAFFBLOG  #TOLIST a{height:12px;width:62px;text-indent:-9000px;display:block;background:url('../img/top/more.gif') left top no-repeat;}
#STAFFBLOG  #TOLIST a:hover{background-position:0 -50px;}

.mt1e{margin-top:1em !important;}
.mb1e{margin-bottom:1em !important;}

/*===============================*/