/*=====================================
（財）自然公園財団　スタイルシート
=====================================*/

*{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 1em 1em 35px;line-height:120%;}
ul, ol, dl{margin:1em 0 1em 2em;}
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%;}

li ul, dd ul, li ol, #CONTENTS dd ol{margin:0 0 0 1em;}
h1{margin:1em 0;font-size:130%;}
h2{margin:0 0 1em 25px;font-size:120%;}
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;}

.b{font-weight:bold;}
.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;}
.u{text-decoration:underline;}
.must{font-size:80%;color:red;}
.caution{font-size:80%;color:#555;}
.error{font-weight:bold;color:red;}

.f90{font-size:90%;}
.f80{font-size:80%;}

.mt0{margin-top:0;}
.mt1e{margin-top:1em;}
.mt2e{margin-top:2em;}
.mt15{margin-top:15px;}
.mb0{margin-bottom:0;}

.red{color:#CC0000;}
.red-b{color:#CC0000;font-weight:bold;}

.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{padding:0;background:url('../img/main_bg.jpg') left top repeat-y;height:auto !important;height:500px;min-height:500px;}
#CONTENTS{float:left;width:560px;padding:0 0 30px 0;height:auto !important;height:500px;min-height:500px;}
#SIDE{float:right;width:210px;background:url('../img/side_bg.jpg') left top repeat-y;}
#SMENU{background:url('../img/smenu_bg.jpg') left bottom no-repeat;padding-bottom:50px;}
#SCON{background:url('../img/scon_bg.jpg') left top repeat-y;}
#PANKUZU{padding:5px 0 10px 35px;}
#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;width:86px;height:30px;}
#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:72px;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:72px;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;}

#SERV #GMENU .gm-1 a{background:url('../img/gmenu2_on.jpg') left top no-repeat;background-position:-80px -16px;}
#PUBL #GMENU .gm-2 a{background:url('../img/gmenu2_on.jpg') left top no-repeat;background-position:-212px -16px;}
#OUTL #GMENU .gm-3 a{background:url('../img/gmenu2_on.jpg') left top no-repeat;background-position:-304px -16px;}
#LINK #GMENU .gm-4 a{background:url('../img/gmenu2_on.jpg') left top no-repeat;background-position:-397px -16px;}


/*-- #side
--------------------*/
#SIDE p{margin:0;}

#BN-MANGA{margin:10px 0px -20px 25px;width:167px;height:67px;background:url('/common/img/bn_manga.jpg') left top no-repeat;}
#BN-MANGA p{}
#BN-MANGA a{display:block;text-indent:-9000px;width:167px;height:67px;}
#BN-MANGA a:hover{background:url('/common/img/bn_manga2.jpg') left top no-repeat;margin-left:-14px;}


/*-- #smenu
--------------------*/
#SMENU p{margin:0 0 0 14px;}
#SMENU ul{list-style:none;margin:3px 15px 0 12px;}
#SMENU li{border-bottom:1px dotted #e4e4e4;padding:3px 0;}
#SMENU li a{text-decoration:none;padding-left:25px;background:url('../img/smenu_icon.png') left top no-repeat;height:auto !important;height:1px;min-height:1px;}
#SMENU li a:hover{background:url('../img/smenu_icon_on.png') left top no-repeat;color:#fC3;}
/*-- 各地区 --*/
.blog #SMENU li a#m-blog{background:url('../img/smenu_icon_on.png') left top no-repeat;}
.base #SMENU li a#m-base{background:url('../img/smenu_icon_on.png') left top no-repeat;}
.park #SMENU li a#m-park{background:url('../img/smenu_icon_on.png') left top no-repeat;}
.camp #SMENU li a#m-camp{background:url('../img/smenu_icon_on.png') left top no-repeat;}
.area #SMENU li a#m-area{background:url('../img/smenu_icon_on.png') left top no-repeat;}
.cale #SMENU li a#m-cale{background:url('../img/smenu_icon_on.png') left top no-repeat;}
.guide #SMENU li a#m-guide{background:url('../img/smenu_icon_on.png') left top no-repeat;}
.link #SMENU li a#m-link{background:url('../img/smenu_icon_on.png') left top no-repeat;}
/*-- 財団概要 --*/
.hist #SMENU li a#m-hist{background:url('../img/smenu_icon_on.png') left top no-repeat;}
.busi #SMENU li a#m-busi{background:url('../img/smenu_icon_on.png') left top no-repeat;}
.arch #SMENU li a#m-arch{background:url('../img/smenu_icon_on.png') left top no-repeat;}
.stru #SMENU li a#m-stru{background:url('../img/smenu_icon_on.png') left top no-repeat;}
.bran #SMENU li a#m-bran{background:url('../img/smenu_icon_on.png') left top no-repeat;}
.disc #SMENU li a#m-disc{background:url('../img/smenu_icon_on.png') left top no-repeat;}
.links #SMENU li a#m-link{background:url('../img/smenu_icon_on.png') left top no-repeat;}
.compl #SMENU li a#m-compl{background:url('../img/smenu_icon_on.png') left top no-repeat;}

#BRANCH{}
#BRANCH p{margin:10px 10px 10px 20px;}
#BRANCH li{border-bottom:none;padding:2px 0;}

#BRANCH li a{padding-left:15px;background:url('../img/icon_gr1.gif') no-repeat 0 2px;}
#BRANCH li a:hover{background:url('../img/icon_gr1.gif') no-repeat 0 2px;}

#INFORMATION-LIST{}
#INFORMATION-LIST p{margin:20px 0 10px 14px;}
#INFORMATION-LIST li{border-bottom:none;padding:2px 0;}
#INFORMATION-LIST li a{padding-left:15px;background:url('../img/icon_b1.gif') no-repeat 0 2px;}
#INFORMATION-LIST li a:hover{background:url('../img/icon_b1.gif') no-repeat 0 2px;}

#BRANCH li .new,#INFORMATION-LIST li .new{color:#CC0000;font-size:80%;}

/*-- #scon
--------------------*/
#SCON{color:#666;}

/*-- バナー --*/
#BOOK{margin:0 0 0 14px;width:186px;height:116px;}
#BOOK p{}
#BOOK a{display:block;text-indent:-9000px;width:186px;height:116px;}

.b-npf{background:url('../img/book.jpg') left top no-repeat;}
.b-npf a:hover{background:url('../img/book2.jpg') left top no-repeat;}
.b-shiretoko{background:url('../img/area/book_shiretoko.jpg') left top no-repeat;}
.b-shiretoko a:hover{background:url('../img/area/book2_shiretoko.jpg') left top no-repeat;}
.b-kawayu{background:url('../img/area/book_akan_masyu.jpg') left top no-repeat;}
.b-kawayu a:hover{background:url('../img/area/book2_akan_masyu.jpg') left top no-repeat;}
.b-akanko{background:url('../img/area/book_akan.jpg') left top no-repeat;}
.b-akanko a:hover{background:url('../img/area/book2_akan.jpg') left top no-repeat;}
.b-shikotsu{background:url('../img/area/book_shikotsu.jpg') left top no-repeat;}
.b-shikotsu a:hover{background:url('../img/area/book2_shikotsu.jpg') left top no-repeat;}
.b-nobori{background:url('../img/area/book_nobori.jpg') left top no-repeat;}
.b-nobori a:hover{background:url('../img/area/book2_nobori.jpg') left top no-repeat;}
.b-showa{background:url('../img/area/book_nobori.jpg') left top no-repeat;}
.b-showa a:hover{background:url('../img/area/book2_nobori.jpg') left top no-repeat;}
.b-oonuma{background:url('../img/area/book_oonuma.jpg') left top no-repeat;}
.b-oonuma a:hover{background:url('../img/area/book2_oonuma.jpg') left top no-repeat;}
.b-towada{background:url('../img/area/book_towada.jpg') left top no-repeat;}
.b-towada a:hover{background:url('../img/area/book2_towada.jpg') left top no-repeat;}
.b-hachiman{background:url('../img/area/book_hachiman.jpg') left top no-repeat;}
.b-hachiman a:hover{background:url('../img/area/book2_hachiman.jpg') left top no-repeat;}
.b-joudo{background:url('../img/area/book_joudo.jpg') left top no-repeat;}
.b-joudo a:hover{background:url('../img/area/book2_joudo.jpg') left top no-repeat;}
.b-nikko{background:url('../img/area/book_nikko.jpg') left top no-repeat;}
.b-nikko a:hover{background:url('../img/area/book2_nikko.jpg') left top no-repeat;}
.b-kusatsu{background:url('../img/area/book_kusatsu.jpg') left top no-repeat;}
.b-kusatsu a:hover{background:url('../img/area/book2_kusatsu.jpg') left top no-repeat;}
.b-hakone{background:url('../img/area/book_hakone.jpg') left top no-repeat;}
.b-hakone a:hover{background:url('../img/area/book2_hakone.jpg') left top no-repeat;}
.b-kamikochi{background:url('../img/area/book_kamikochi.jpg') left top no-repeat;}
.b-kamikochi a:hover{background:url('../img/area/book2_kamikochi.jpg') left top no-repeat;}
.b-daisen{background:url('../img/area/book_daisen.jpg') left top no-repeat;}
.b-daisen a:hover{background:url('../img/area/book2_daisen.jpg') left top no-repeat;}
.b-tottori{background:url('../img/area/book_tottori.jpg') left top no-repeat;}
.b-tottori a:hover{background:url('../img/area/book2_tottori.jpg') left top no-repeat;}
.b-naruto{background:url('../img/area/book_setonaikai.jpg') left top no-repeat;}
.b-naruto a:hover{background:url('../img/area/book2_setonaikai.jpg') left top no-repeat;}
.b-unzen{background:url('../img/area/book_unzen.jpg') left top no-repeat;}
.b-unzen a:hover{background:url('../img/area/book2_unzen.jpg') left top no-repeat;}
.b-aso{background:url('../img/area/book_aso.jpg') left top no-repeat;}
.b-aso a:hover{background:url('../img/area/book2_aso.jpg') left top no-repeat;}
.b-ebino{background:url('../img/area/book_kirishima.jpg') left top no-repeat;}
.b-ebino a:hover{background:url('../img/area/book2_kirishima.jpg') left top no-repeat;}
.b-takachiho{background:url('../img/area/book_kirishima.jpg') left top no-repeat;}
.b-takachiho a:hover{background:url('../img/area/book2_kirishima.jpg') left top no-repeat;}

#HANA{position:relative;margin:0 0 0 14px;width:186px;height:107px;background:url('../img/hana.jpg') left top no-repeat;}
#HPHOTO{position:absolute;top:16;left:18;width:60px;height:60px;background:#fff;z-index:2;}
#HPHOTO img{margin:2px;}
#HNAME{position:absolute;top:20;left:87;width:80px;font-size:8pt;z-index:3;}
*html #HNAME{font-size:7pt;}
#HNAME a{color:#666;text-decoration:none;}
#HNAME a:hover{color:#c00;}
#HINDEX{position:absolute;top:72;z-index:1;}
#HINDEX a{width:186px;height:35px;display:block;text-indent:-9000px;}
#HINDEX a:hover{background:url('../img/hana2.jpg') left bottom no-repeat;}

#KONCHU{position:relative;margin:0 0 0 14px;width:186px;height:107px;background:url('../img/konchu.jpg') left top no-repeat;}
#KPHOTO{position:absolute;top:16;left:18;width:60px;height:60px;background:#fff;z-index:2;}
#KPHOTO img{margin:2px;}
#KNAME{position:absolute;top:20;left:87;width:80px;font-size:8pt;z-index:3;}
*html #HNAME{font-size:7pt;}
#KNAME a{color:#666;text-decoration:none;}
#KNAME a:hover{color:#c00;}
#KINDEX{position:absolute;top:72;z-index:1;}
#KINDEX a{width:186px;height:35px;display:block;text-indent:-9000px;}
#KINDEX a:hover{background:url('../img/konchu2.jpg') left bottom no-repeat;}

#P-MAP{margin:0 0 0 14px;width:186px;height:93px;background:url('../img/pmap.jpg') left top no-repeat;}
#P-MAP p{}
#P-MAP a{display:block;text-indent:-9000px;width:186px;height:93px;}
#P-MAP a:hover{background:url('../img/pmap2.jpg') left top no-repeat;}

#C-ONG{margin:0 0 0 14px;width:186px;height:93px;background:url('../img/congestion.jpg') left top no-repeat;}
#C-ONG p{}
#C-ONG a{display:block;text-indent:-9000px;width:186px;height:93px;}
#C-ONG a:hover{background:url('../img/congestion2.jpg') left top no-repeat;}

#S-CALE{margin:0 0 0 14px;width:186px;height:93px;background:url('../img/calendar.jpg') left top no-repeat;}
#S-CALE p{}
#S-CALE a{display:block;text-indent:-9000px;width:186px;height:93px;}
#S-CALE a:hover{background:url('../img/calendar2.jpg') left top no-repeat;}

#S-INVITE{margin:0 0 0 14px;width:186px;height:93px;background:url('../img/invitation.jpg') left top no-repeat;}
#S-INVITE p{}
#S-INVITE a{display:block;text-indent:-9000px;width:186px;height:93px;}
#S-INVITE a:hover{background:url('../img/invitation2.jpg') left top no-repeat;}

#NP{margin:0 0 0 14px;width:186px;height:114px;background:url('../img/top/np.jpg') left top no-repeat;}
#NP p{}
#NP a{display:block;text-indent:-9000px;width:186px;height:114px;}
#NP a:hover{background:url('../img/top/np2.jpg') left top no-repeat;}


#BN_JWRC{width:173px;height:93px;margin:0px 0px -10px 22px;background:url('../img/bn_jwrc_kentei.png') left top no-repeat;border-top:1px dotted #ccc;font-size:75%;}
#BN_JWRC p{}
#BN_JWRC a{display:block;text-indent:-9000px;width:186px;height:93px;}

/*
#BN_JWRC {display:none;}
*/

/*-- #main
--------------------*/
#PANKUZU{font-size:80%;}
#PANKUZU ul{list-style:none;margin:0;}
#PANKUZU li{margin:0 3px 0 0;display:inline;}
#PANKUZU a{text-decoration:none;background:url('../img/pan_icon.gif') right top no-repeat;padding:0 10px 0 0;height:auto !important;height:1px;min-height:1px;}
#PANKUZU a:hover{text-decoration:underline;}

#PAGETOP{clear:both;width:770px;height:22px;background:url('../img/pagetop_bg.jpg') left bottom no-repeat;}
#PAGETOP p{margin:0 0 0 485px;}
#PAGETOP a{width:70px;height:22px;background:url('../img/pagetop.jpg') left top no-repeat;text-indent:-9000px;display:block;}
#PAGETOP a:hover{background:url('../img/pagetop_on.jpg') left top no-repeat;}


/*-- コンテンツページ
---------------------------------*/
#CONTENTS h1{margin:20px 0 20px 25px;}
#CONTENTS h1.park{margin:30px 0 1em 25px;}
#CONTENTS h2{margin:1.5em 0 1em 25px;}

.list-1,.list-2{list-style:none;}
.list-1 li{margin:0;background:url('../img/icon_or2.gif') no-repeat 0 5px;padding:2px 0 0 17px;line-height:120%;}
.list-2 li{margin:0;background:url('../img/icon_gr1.gif') no-repeat 0 5px;padding:2px 0 0 17px;line-height:120%;}

.dl-gr dt{margin-top:0.5em;background:url('../img/sq_gr.png') no-repeat 0 5px;padding:2px 0 0 17px;}
*html .dl-gr dt{background:url('../img/sq_gr.png') no-repeat 0 3px;height:8px;}

.dl-or dt{margin-top:0.5em;background:url('../img/sq_or.png') no-repeat 0 5px;padding:2px 0 0 17px;}
*html .dl-or dt{background:url('../img/sq_or.png') no-repeat 0 3px;height:8px;}

.dl-gr dd dl,.dl-or dd dl{margin:0;}
.dl-gr dd dt,.dl-or dd dt{margin:0;background:none;}
.dl-gr dd dd,.dl-or dd dd{margin-left:1.5em;}


.list-1 li,.list-2 li,.dl-gr dt{height:auto !important;height:1px;min-height:1px;}

hr.bor-1{height:1px;border:1px dotted #ccc;margin:0.5em;}
hr.bor-2{height:1px;border:1px solid #ccc;margin:0.5em;}

.box1{border:1px solid #ccc;margin-left:1em;}
.box2{border:1px solid #ddd;margin-left:1em;background:#FFFFE8;}
.box1 p,.box2 p{margin:1em;}

.photo-l{float:left;font-size:80%;margin:0 1em 1em 35px;}
*html .photo-l{margin:0 1em 1em 20px;}
.photo-r{float:right;font-size:80%;margin:0 10px 1em 1em;}

.link-1{background:url('../img/smenu_icon.png') left center no-repeat;padding:0 0 0 25px;}
.link-2{background:url('../img/smenu_icon_on.png') left center no-repeat;padding:0 0 0 25px;}

.table-1{margin:1em 0 0 10px;width:500px;border-collapse:collapse;}
.table-1 td, .table-1 th{padding:3px;border:1px solid #ccc;}
.table-1 th{background:#ccc;}

a.out{background:url('../img/out_icon.gif') right bottom no-repeat;padding:0 20px 0 0;}

/*socialButton*/
ul.socialButton{margin-left:1em;display:inline-block;}
.socialButton li {float:left;margin: 5px 5px 0 0;list-style:none;}

#INFORMATION ul.socialButton{margin-left:0;}
#INFORMATION .socialButton li{margin-left:0;margin-right:5px;}

/*===============================*/