/*=====================================
（財）自然公園財団
『地区ページ』スタイルシート
=====================================*/

@import "style.css";

/*-- #scon
--------------------*/

#OFFICE{background:url('../img/office_bg.jpg');margin:2em 0 0 24px;width:170px;padding:5px 0;}
#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{margin:15px 0 0 14px;background:url('../img/ban_bor.jpg') left top no-repeat;padding:20px 5px 0 8px;}
#SIDE #BANNER p{font-size:8pt;padding-bottom:10px;}
#BANNER img{margin-bottom:2px;}

#BANNER-2{margin:2em 0 0 25px;width:520px;padding:10px 0 0 0;background:url('../img/area/ban2_bor.gif') left top repeat-x;height:auto !important;height:50px;min-height:50px;}
#BANNER-2 p{float:left;height:50px;margin:5px 10px 0 0;}

#BANNER_C{margin:0 0 10px 22px;background:none}
#BANNER_C img{width:173px;height:46px;}


#BLOGMENU{margin:1.5em 0 0 14px;width:186px;}
#BLOGMENU p{margin:10px 0 3px 0;}
.calendar{border-bottom:1px solid #DEEBF5;}
.calendar table{border-collapse:collapse;width:175px;margin-left:5px;font-size:8pt;}
.calendar th,.calendar td{border:0px none;vertical-align:middle;text-align:center;white-space:nowrap;padding:2px 2px;}
.calendar .month th{color:#fff;background:#BED8EB;}
.calendar .week th{font-weight:normal;color:#009DE9;background:#DEEBF5;}
.calendar td{color:#666;}
.calendar td a{background:#fcc;text-decoration:none;color:#fff;width:2em;padding:2px 0;}
#BLOGMENU ul{font-size:85%;margin:3px 20px 0 0;}
#BLOGMENU li{border-bottom:none;padding:2px 0;}
#BLOGMENU li a{text-decoration:underline;padding-left:15px;background:url('../img/area/side_blog_li.gif') left top no-repeat;height:auto !important;height:1px;min-height:1px;}
#BLOGMENU li a:hover{background:url('../img/area/side_blog_li.gif') left top no-repeat;}


/*==パークサービス==*/

/*==ブログ==*/
.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 .next{float:right;}
.page-navi .next a{background:url('../img/navi_icon1.gif') right center no-repeat;padding:0 8px 0 0;}
.page-navi .back{float:left;}
.page-navi .back a{background:url('../img/navi_icon2.gif') left center no-repeat;padding:0 0 0 8px;}
.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-LIST{margin:0;}
#REPORT-LIST dl{margin:1.5em 15px 0 25px;}
#REPORT-LIST dt{margin:0;padding:0 0 0 20px;background:url('../img/icon_or1.gif') no-repeat 0 1px;font-weight:bold;}
#REPORT-LIST dd{height:auto !important;height:1px;min-height:1px;margin:0 0 0.5em 20px;font-size:90%;padding-bottom:1.5em;}
#REPORT-LIST .cat{margin:0 0 0 20px;color:#666;font-size:85%;padding:0.5em 0;}
#REPORT-LIST .cat a{text-decoration:none;}
#REPORT-LIST .totext{font-size:80%;}
#REPORT-LIST dt.photo{float:right;margin:0 0 0.5em 1em;padding:0;background:none;}
#REPORT-LIST p.clear-r{clear:right;height:1px;margin:0 15px 0 25px;background:url('../img/bor.gif') left bottom repeat-x;}

#REPORT{margin:0 15px 2em 25px;}
#REPORT h2{margin:1.5em 0 0 0;height:auto !important;height:25px;min-height:25px;background:url('../img/area/h2_bg.gif') left bottom no-repeat;color:#0E799C;padding:0 5px 5px 15px;}
#REPORT p{margin:1em 0 1em 1em;word-break: break-all;}
#REPORT .cat{text-align:right;font-size:80%;color:#666;}
#REPORT .cat a{text-decoration:none;}
#REPORT .totext{font-size:80%;}
.blog #REPORT td{line-height:120%;padding:2px;}
.blog #REPORT th{background:#eee;padding:2px;}

.listkind{font-size:120%;font-weight:bold;background:url('../img/area/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;}

#REPORT .maparea{margin:1em 0 2.5em 13px;border:1px solid #ddd;width:500px;height:500px;background:url('../img/area/mapsample.gif');}

.map-navi{height:1em;margin:0 20px 0.5em 0;padding:5px 0;text-align:right;}
#REPORT .map-navi p{font-size:90%;margin:1em 0 0 1em;}
.map-navi ul{list-style:none;margin:0;}
.map-navi li{display:inline;margin:0;font-size:90%;}
.map-navi .number{}
.map-navi .page-1{}
.map-navi .page-2{}
.map-navi .page-2 ul{display:inline;}
.map-navi .page-2 li{margin:0 0 0 5px;}


/*==主な自然ふれあい施設==*/
#SERVICE h2{clear:right;margin:1.5em 0 1em 25px;height:auto !important;height:25px;min-height:25px;background:url('../img/area/h2_bg.gif') left bottom no-repeat;color:#0E799C;padding:0 5px 5px 15px;}
#SERVICE dl{margin:1.5em 15px 1em 35px;}
#SERVICE .dl-gr dt{font-weight:bold;}
#SERVICE .dl-gr dl{margin:0;}
.table-s{margin:0;border-collapse:collapse;}
.table-s td, .table-s th{padding:3px;border:1px solid #ccc;text-align:left;}
.table-s th{background:#F8F7F1;font-weight:normal;}
.table-s .rate{text-align:right;}
#SERVICE .dl-gr .cir-or{background:url('../img/icon_or2.gif') no-repeat 0 5px;padding:2px 0 0 17px;}

#SERVICE .col1{float:left;margin-right:15px;}
#SERVICE .f90{font-size:90%;}
#SERVICE .indent{padding-left:5.7em;text-indent:-5.7em;}
#SERVICE .indent2{margin-left:-5.7em;}

/*==リンク集==*/
#LINK li{margin:0 0 3px 2em;}


/*==アクセスマップ==*/
#ACCESS{margin:0 15px 2em 25px;}
#ACCESS dl{margin-left:15px;}
#ACCESS dt{font-weight:bold;background:url('../img/icon_or1.gif') left center no-repeat;padding:0 5px 0 18px;height:auto !important;height:15px;min-height:15px;}
#ACCESS .maparea{margin:1em 0 2.5em 13px;border:1px solid #ddd;width:500px;height:400px;background:#eee;}


/*==駐車場案内==*/
#PARKING{margin:0 15px 2em 25px;}
#PARKING p{margin-left:15px;}
#PARKING .p-name{font-weight:bold;background:url('../img/icon_or1.gif') left center no-repeat;padding:0 5px 0 18px;height:auto !important;height:15px;min-height:15px;}
#PARKING table{margin-left:15px;border-collapse:collapse;}
#PARKING caption{text-align:left;}
#PARKING th,#PARKING td{padding:5px 15px;border:1px solid #ccc;text-align:left;}
#PARKING th{background:#F8F7F1;padding:5px 10px;}
#PARKING .maparea{margin:1em 0 1.5em 13px;border:1px solid #ddd;width:500px;height:400px;background:#eee;}
#PARKING .note{margin:3px 0 0 30px;;font-size:80%;}


/*==キャンプ場案内==*/
#CAMP{margin:0 10px 2em 25px;}
#CAMP h2{clear:right;margin:1.5em 0 1em 0;height:auto !important;height:25px;min-height:25px;background:url('../img/area/h2_bg.gif') left bottom no-repeat;color:#0E799C;padding:0 5px 5px 15px;}
#CAMP p{margin-left:15px;}
#CAMP .campphoto{margin-left:10px;}
#CAMP .campphoto img{font-size:0%;}
#CAMP .p-name{font-weight:bold;background:url('../img/icon_or1.gif') left center no-repeat;padding:0 5px 0 18px;height:auto !important;height:15px;min-height:15px;}
#CAMP dl{margin:1.5em 15px 1em 15px;}
#CAMP dt{font-weight:bold;margin-top:1em;}
#CAMP .table-s{margin:0;border-collapse:collapse;}
#CAMP .table-s td, .table-s th{padding:3px;border:1px solid #ccc;text-align:left;}
#CAMP .table-s th{background:#F8F7F1;font-weight:normal;}
#CAMP .table-s .rate{text-align:right;}

#CAMP .col_w{width:460px;}
#CAMP .col1{float:left;padding-right:15px;}
#CAMP .col2{float:left;padding-right:0;}
#CAMP .f90{font-size:90%;}
#CAMP .indent{padding-left:5.7em;text-indent:-5.7em;}
#CAMP .indent2{margin-left:-5.7em;}

#CAMP .maparea{margin:1em 0 1.5em 13px;border:1px solid #ddd;width:500px;height:400px;background:#eee;}
#CAMP .maparea-n{display:none;}


/*==見どころカレンダー==*/
#CALENDAR{}
#CALENDAR table{border-collapse:collapse;margin:0 15px 2em 25px;width:515px;}
#CALENDAR td{padding:5px;border:1px solid #ccc;text-align:left;}
#CALENDAR .month-4,#CALENDAR .month-5,#CALENDAR .month-6,#CALENDAR .month-7,#CALENDAR .month-8,#CALENDAR .month-9,#CALENDAR .month-10,#CALENDAR .month-11,#CALENDAR .month-12,#CALENDAR .month-1,#CALENDAR .month-2,#CALENDAR .month-3,#CALENDAR .season-1,#CALENDAR .season-2,#CALENDAR .season-3{white-space:nowrap;}
#CALENDAR .season-1{background:#eee;}
#CALENDAR .season-2{background:#ddd;}
#CALENDAR .season-3{background:#ccc;}
#CALENDAR td ul{margin:0 0 0 10px;}
#CALENDAR .flower{background:#fcc;}

#CALENDAR .month-4{background:#ECFFD7;}
#CALENDAR .month-5{background:#D8FFD7;}
#CALENDAR .month-6{background:#D7FFE9;}
#CALENDAR .month-7{background:#D7FFF8;}
#CALENDAR .month-8{background:#D7F2FF;}
#CALENDAR .month-9{background:#D7E3FF;}
#CALENDAR .month-10{background:#E0D7FF;}
#CALENDAR .month-11{background:#F4D7FF;}
#CALENDAR .month-12{background:#FFD7F2;}
#CALENDAR .month-1{background:#FFD7D8;}
#CALENDAR .month-2{background:#FFEAD7;}
#CALENDAR .month-3{background:#FCFFD7;}

#CALENDAR .list-1 li.no-icon{background:none;padding:2px 0 0 0;}

/*==えびの支部==*/
#EBINO-FB{width:173px;height:138px;margin:0px 0px 5px 22px;background:url('../../ebino/img/fb_ebino.png') left top no-repeat;border-top:0px dotted #ccc;font-size:75%;}
#EBINO-FB p{}
#EBINO-FB a{display:block;text-indent:-9000px;width:173px;height:138px;}
/*EBINOTOWA-FB {display:none;}*/

/*==十和田湖支部==*/
#TOWA-FB{width:173px;height:138px;margin:0px 0px 5px 22px;background:url('../../towada/img/fb_towada.png') left top no-repeat;border-top:0px dotted #ccc;font-size:75%;}
#TOWA-FB p{}
#TOWA-FB a{display:block;text-indent:-9000px;width:173px;height:138px;}
/*#TOWA-FB {display:none;}*/

/*--エコツアーバナー--*/
#TOWA-ECO{margin:0 0 0 14px;width:186px;height:116px;background:url('../../towada/img/ecotour.jpg') left top no-repeat;}
#TOWA-ECO p{}
#TOWA-ECO a{display:block;text-indent:-9000px;width:186px;height:116px;}
#TOWA-ECO a:hover{background:url('../../towada/img/ecotour2.jpg') left top no-repeat;}

/*--エコツアーガイド--*/
#ECOTOUR{margin:0 15px 2em 25px;}
#ECOTOUR p{margin:1em 0 1em 1em;}
#ECOTOUR dl{margin:1em 0 1em 0.5em;}
#ECOTOUR dt{font-weight:bold;margin-top:1em;}
#ECOTOUR h2{margin:1.5em 0 0 0;height:auto !important;height:25px;min-height:25px;background:url('../img/area/h2_bg.gif') left bottom no-repeat;color:#0E799C;padding:0 5px 5px 15px;}
#ECOTOUR h3{margin:1.5em 0 1em 10px;}
#ECOTOUR .cancel{margin:0.5em 0 1em 0;}
#ECOTOUR .cancel th,#ECOTOUR .cancel td{border:1px solid #ccc;padding:3px 10px;}
#ECOTOUR .cancel th{background:#eee;}
#ECOTOUR .dl-or dt{clear:right;border-bottom:1px dotted #ccc;padding:2px 0 4px 17px;}
#ECOTOUR .dl-or .photo{float:right;}

#MENU-WIN{background:#fff;}



/*==上高地支部==*/
/*--ステーションバナー--*/
#KAMI-ST{margin:0 0 0 14px;width:186px;height:116px;background:url('../../kamikochi/img/kami_st.jpg') left top no-repeat;}
#KAMI-ST p{}
#KAMI-ST a{display:block;text-indent:-9000px;width:186px;height:44px;}
#KAMI-ST a:hover{background:url('../../kamikochi/img/kami_st2.jpg') left bottom no-repeat;}

/*--ステーション利用案内--*/
#STATION{margin:0 15px 2em 25px;}
#STATION h2{margin:1.5em 0 0 0;height:auto !important;height:25px;min-height:25px;background:url('../img/area/h2_bg.gif') left bottom no-repeat;color:#0E799C;padding:0 5px 5px 15px;}
#STATION p{margin:1em 0 1em 1em;}
#STATION .photo-r{margin:0 0 1em 1em;}

/*==空室状況==*/
#STATION table{float:left;border-collapse:collapse;margin:0 0 15px 5px;}
*html #STATION table{margin:0 0 0 5px;}
#STATION th,#STATION td{border:1px solid #ccc;vertical-align:middle;text-align:center;white-space:nowrap;padding:5px 8px;}
#STATION .date{font-weight:bold;}
#STATION .month th{color:#666;background:#BED8EB;}
#STATION .week th{font-weight:normal;color:#009DE9;background:#F8F7F1;}
#STATION .holi{background:#FFDFDF;}
#STATION .sat{background:#DEEBF5;}
#STATION .sun{background:#FFDFDF;}
#STATION .end{background:#EEE;}
#STATION .week .sat{background:#DEEBF5;}
#STATION .week .sun{background:#FFDFDF;color:#c00;}
#STATION .note{clear:left;}
#STATION ol li{margin:0 0 1em 1em;}
#STATION .back{text-align:right;font-size:80%;background:url('../img/navi_icon1.gif') right center no-repeat;padding:0 8px 0 0;margin:10px 25px 0 0;}
#STATION hr.clear-l{margin:0;padding:0;height:0px;border:0px none #fff;color:#fff;}

/*==申込フォーム==*/
#STATION #RESERVE dl{margin:0 0 1.5em 15px;}
#STATION #RESERVE dt{margin-top:1em;}
#STATION #RESERVE table{float:none;}
#STATION #RESERVE th,#STATION #RESERVE td{border:none;vertical-align:middle;text-align:left;white-space:nowrap;padding:5px 8px;}
#STATION #RESERVE th,#STATION #RESERVE td{border-bottom:1px solid #ddd;}
#STATION #RESERVE th{background:#ECF3F9;width:100px;white-space:normal;}
#STATION #RESERVE .item{background:#FFFFDF;width:80px;}
#STATION #RESERVE .caution{margin-top:5px;}

#STATION #RESERVE select{width:4em;}


#STA-RESERV p{margin:1em;}


/*==その他==*/
.list-1 li.mb1e{margin:0 0 1em 0;}
/*===============================*/