@charset "utf-8";

/* CSS Document */

/* --------------------------------------------------------------------------------------
 CSS　style
--------------------------------------------------------------------------------------- */

/* 共通設定 -------------------- */

*{  margin:0;  padding:0;  font-style:normal;  }

body {
  font-family:  'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  font-size: 12px;
  text-align:center;
  background: #edefe2 url(../images/bg.gif) repeat-x left top;
}

h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal;}

ol,ul {  list-style: none;}

address,em,cite { font-style: normal;}

a { overflow: hidden;}

img{
  border:0;
  vertical-align:bottom;
}

/* マージン・余白 -------------------- */

.mgT05 { margin-top: 5px; }
.mgT10 { margin-top: 10px; }
.mgT25 { margin-top: 25px; }

/* フロート -------------------- */

.fltR { float: right; }
.fltL { float: left; }

/* 回り込み解除 -------------------- */

.clrL { clear: left; }
.clrR { clear: right; }



/* float解除 -------------------- */

.clear  { clear: both; font-size: 0px; line-height: 0px;}
.clearfix:after { content:""; display:block; clear:both; }
.clearfix { display:inline-block; }
/*\*/
* html .clearfix { height:1%; }
.clearfix {
  display:block;
}
/**/


/* テキスト色指定 -------------------- */

.txOR { color: #DF8600; }
.txBR {  color: #872323; }

/* ----------------------------------------------------------
 レイアウト
------------------------------------------------------------- */

#wrapper {
  width: 900px;
  margin-right: auto;
  margin-left: auto;
  background: #fff;
}

#header {
  width: 900px;
  height: 183px;
  background: url(../images/head_bg.jpg) no-repeat left top;
  position: relative;
}

#main {
  padding: 20px;
}

#leftContent {
  float: left;
  width: 200px;
  text-align: left;
  line-height: 1.4em;
}

#topContent {
  width: 645px;
  float: right;
  text-align: center;
  line-height: 1.4em;
}

#subContent {
  width: 630px;
  float: right;
  text-align: center;
  line-height: 1.4em;
  margin-right: 5px;
  display: inline;
}

#midContent {
  width: 430px;
  float: left;
}

#rightContent {
  float: right;
  width: 200px;
}

#LinkContent {
  clear: both;
  padding: 20px 0 25px 20px;
  line-height: 1.4em;
  text-align: left;
  font-size: 10px;
}

#footer .pagetop {
  position: absolute;
  top: -22px;
  right: 0px;
  height: 21px;
  width: 200px;
  background: url(../images/pagetop.gif) no-repeat;
}

#footer .pagetop a {
  height: 21px;
  display: block;
  text-indent: -9999px;
}

#footer .pagetop a:hover {
  background: url(../images/pagetop_on.gif) no-repeat;
}

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

h1 {
  position: absolute;
  top: 0px;
  left: 0px;
}

#header .htxt01 {
  position: absolute;
  top: 51px;
  left: 161px;
}

#hnavi {
  position: absolute;
  right: 10px;
  top: 51px;
}

#hnavi_top {
	width:7px !important;
	overflow:hidden;
}

#Gsearch {
  position: absolute;
  top: 15px;
  right: 10px;
  text-align: right;
}

#Gsearch ul {
  margin: 0px;
  padding: 0px;
}
#Gsearch li {
  display: inline;
  margin: 0px;
}

#Gsearch .area {
  width: 186px;
  height: 20px;
  vertical-align: top;
  margin: 1px 0 0 0;
  border: 1px solid #7E9DB9;
}
* html #Gsearch .area {  height: 22px;  margin: 0px;}
*:first-child+html #Gsearch .area {  height: 20px;  margin: 0px;}

#hnavi li,#hnavi_top li {
  background: url(../images/ico01.gif) no-repeat left center;
  display: inline;
  padding-left: 20px;
  margin-left: 10px;
}
#hnavi li a {  color: #936625;  text-decoration: underline; }
#hnavi li a:hover {  color: #614418;  text-decoration: none; } /* 090316 EDIT */

/* ----------------------------------------------------------
 フッター
------------------------------------------------------------- */

#footer {
  width: 900px;
  clear: both;
  text-align: center;
  padding: 20px 0 35px 0;
  line-height: 1.4em;
  border-top: 1px solid #087a00;
  position: relative;
}

#footer li {
  display: inline;
  font-size: 10px;
}

#footer li a:link {  text-decoration:underline; color:#936625; }
#footer li a:visited {  text-decoration:underline; color:#936625; }
#footer li a:hover {  text-decoration:none; color:#614418; } /* 090316 EDIT */

.copyright {
  text-align: left;
  width: 607px;
  padding: 35px 0 0 0;
  margin: 0px auto;
}

.copyright img {
  float: left;
  margin: 0 25px 0 0;
}

/* ----------------------------------------------------------
 グローバルナビゲーション
------------------------------------------------------------- */

#gnavi {
  height: 50px;
  width: 900px;
  display: block;
  color:#fff;
  text-decoration: none;
  font-size: 8px;
  letter-spacing: 3px;
  text-align: center;
  background: url(../images/gnavibg.gif) no-repeat left top;
}

#gnavi .gn01 a {   background: url(../images/gnavi01.gif) no-repeat left top; padding-left: 15px; }
#gnavi .gn02 a {   background: url(../images/gnavi02.gif) no-repeat left top; }
#gnavi .gn03 a {   background: url(../images/gnavi03.gif) no-repeat left top; }
#gnavi .gn04 a {   background: url(../images/gnavi04.gif) no-repeat left top; padding-left: 10px;  }
#gnavi .gn05 a {   background: url(../images/gnavi05.gif) no-repeat left top; }
#gnavi .gn06 a {   background: url(../images/gnavi06.gif) no-repeat left top; padding-left: 10px; }
#gnavi li a { background: url(none) ; height: 49px; color:#fff;  text-decoration: none; }
#gnavi li span {
  margin: 30px 0 15px;
  display: block;
}
#gnavi li a:hover {   background: url(none) ; height: 49px; color:#fff;  text-decoration: none; }
#gnavi li a.stay {   background: url(none) ; height: 49px; color:#fff;  text-decoration: none; }



#gnavi ul {  background: url(../images/gnavi_bg.gif) no-repeat left top; }
#gnavi li {
  float: left;
  width: 150px;
}
#gnavi li a {  display: block; }
#gnavi li a:hover img,
#gnavi li a.stay img {  visibility:hidden;}
#gnavi li a:hover,
#gnavi li a.stay {  background-color:transparent; }
#gnavi li a.stay {   cursor: default; }

/* ----------------------------------------------------------
 スペシャルバー（グローバルナビゲーション下）2009-09-29
------------------------------------------------------------- */

div#sp_bar {
  height: 1.1em;
  width: 898px;
  margin:0 auto;
  padding:5px 0;
  background-image:url(../images/bg_sp_bar.png);
  color:#fff;
  font-size: 0.9em;
  letter-spacing: 0.1em;
  text-align: center;
}

div#sp_bar p a {
  color:#fff;
  text-decoration:none;
}

div#sp_bar p a:hover {
  text-decoration:underline;
}



/* ----------------------------------------------------------
 左カラム　スタイル
------------------------------------------------------------- */

#leftContent .bg01 {
  background: url(../images/guidemap_bg.jpg) no-repeat left top;
  height: 180px;
  width: 200px;
  margin-bottom: 10px;
}

#leftContent .bg02 {
  background: url(../images/nature_bg.jpg) repeat-y left bottom;
  margin-top: 5px;
  height: 180px;
  width: 200px;
  margin-bottom: 10px;
}

#leftContent .bg01 a,
#leftContent .bg02 a {
  display: block;
  height: 85px;
  padding-top: 95px;
  padding-right: 13px;
  padding-left: 13px;
  color: #333333;
  text-decoration: none;
}

* html #leftContent .bg01 a {
  height: 180px;
}

* html #leftContent .bg02 a {
  height: 180px;
}

#leftContent .bg01 a:hover {
  background: url(../images/guidemap_bg_on.jpg) no-repeat left top;
  color: #333333;
  text-decoration: none;
}

#leftContent .bg02 a:hover {
  background: url(../images/nature_bg_on.jpg) no-repeat left top;
  color: #333333;
  text-decoration: none;
}

#leftContent a {  color: #936625;  text-decoration: underline; }
#leftContent a:hover {  color: #614418;  text-decoration: none; }

#Iconavi {  margin-top: 10px; }

#Iconavi li {  width: 200px;}

#Iconavi li a {
  display: block;
  text-indent: -9999px;
}

#Iconavi .ico01 {  background: url(../images/Imgnavi01.gif);  height: 62px;}
#Iconavi .ico02 {  background: url(../images/Imgnavi02.gif);  height: 57px;}
#Iconavi .ico03 {  background: url(../images/Imgnavi03.gif);  height: 63px;}
#Iconavi .ico04 {  background: url(../images/Imgnavi04.gif);  height: 55px;}
#Iconavi .ico05 {  background: url(../images/Imgnavi05.gif);  height: 55px;}

#Iconavi .ico01 a {  height: 62px;}
#Iconavi .ico02 a {  height: 57px;}
#Iconavi .ico03 a {  height: 63px;}
#Iconavi .ico04 a {  height: 55px;}
#Iconavi .ico05 a {  height: 55px;}

#Iconavi .ico01 a:hover {  background: url(../images/Imgnavi01on.gif);}
#Iconavi .ico02 a:hover {  background: url(../images/Imgnavi02on.gif);}
#Iconavi .ico03 a:hover {  background: url(../images/Imgnavi03on.gif);}
#Iconavi .ico04 a:hover {  background: url(../images/Imgnavi04on.gif);}
#Iconavi .ico05 a:hover {  background: url(../images/Imgnavi05on.gif);}

#lnavi01,
#lnavi02,
#lnavi03,
#lnavi04,
#lnavi05,
#lnavi06,
#lnavi07,
#lnavi08,
#lnavi09,
#lnavi10 {
  margin-bottom: 20px;
}

#lnavi01 {
  border-bottom: solid 1px #c0d2bd;
}

#lnavi10 {
  border-bottom: solid 1px #E8D0DD;
}

#lnavi01 li,
#lnavi02 li,
#lnavi03 li,
#lnavi04 li,
#lnavi05 li,
#lnavi06 li,
#lnavi07 li,
#lnavi08 li,
#lnavi09 li,
#lnavi10 li {
  width: 200px;
  display: block;
}

.bdr0 { border-bottom: 0px none !important; }


#lnavi01 a,
#lnavi02 a,
#lnavi03 a,
#lnavi04 a,
#lnavi05 a,
#lnavi06 a,
#lnavi07 a,
#lnavi08 a,
#lnavi09 a,
#lnavi10 a  {
  width: 165px;
  font-weight: bold;
  padding-left: 35px;
  display: block;
  padding-top: 8px;
  padding-bottom: 8px;
}

* html #lnavi01 a,
* html #lnavi02 a,
* html #lnavi03 a,
* html #lnavi04 a,
* html #lnavi05 a,
* html #lnavi06 a,
* html #lnavi07 a,
* html #lnavi08 a,
* html #lnavi09 a,
* html #lnavi10 a {
  width: 200px;
}

#lnavi01 a:hover, #lnavi01 a.stay,
#lnavi02 a:hover, #lnavi02 a.stay,
#lnavi03 a:hover, #lnavi03 a.stay,
#lnavi04 a:hover, #lnavi04 a.stay,
#lnavi05 a:hover, #lnavi05 a.stay,
#lnavi06 a:hover, #lnavi06 a.stay,
#lnavi07 a:hover, #lnavi07 a.stay,
#lnavi08 a:hover, #lnavi08 a.stay,
#lnavi09 a:hover, #lnavi09 a.stay,
#lnavi10 a:hover, #lnavi10 a.stay {
  width: 165px;
  font-weight: bold;
  padding-left: 35px;
  display: block;
  padding-top: 8px;
  padding-bottom: 8px;
}

* html #lnavi01 a:hover, #lnavi01 a.stay,
* html #lnavi02 a:hover, #lnavi02 a.stay,
* html #lnavi03 a:hover, #lnavi03 a.stay,
* html #lnavi04 a:hover, #lnavi04 a.stay,
* html #lnavi05 a:hover, #lnavi05 a.stay,
* html #lnavi06 a:hover, #lnavi06 a.stay,
* html #lnavi07 a:hover, #lnavi07 a.stay,
* html #lnavi08 a:hover, #lnavi08 a.stay,
* html #lnavi09 a:hover, #lnavi09 a.stay,
* html #lnavi10 a:hover, #lnavi10 a.stay {
  width: 200px;
}

#lnavi01 a {  background: url(../images/lnavi01.gif) no-repeat left top; }
#lnavi02 a {  background: url(../images/lnavi02.gif) no-repeat left top; }
#lnavi03 a {  background: url(../images/lnavi03.gif) no-repeat left top; }
#lnavi04 a {  background: url(../images/lnavi04.gif) no-repeat left top; }
#lnavi05 a {  background: url(../images/lnavi05.gif) no-repeat left top; }
#lnavi06 a {  background: url(../images/lnavi06.gif) no-repeat left top; }
#lnavi07 a {  background: url(../images/lnavi07.gif) no-repeat left top; }
#lnavi08 a {  background: url(../images/lnavi08.gif) no-repeat left top; }
#lnavi09 a {  background: url(../images/lnavi09.gif) no-repeat left top; }
#lnavi10 a {  background: url(../images/lnavi10.gif) no-repeat left top; }

#lnavi01 a:hover, #lnavi01 a.stay {  background: url(../images/lnavi01on.gif) no-repeat left top; }
#lnavi02 a:hover, #lnavi02 a.stay {  background: url(../images/lnavi02on.gif) no-repeat left top; }
#lnavi03 a:hover, #lnavi03 a.stay {  background: url(../images/lnavi03on.gif) no-repeat left top; }
#lnavi04 a:hover, #lnavi04 a.stay {  background: url(../images/lnavi04on.gif) no-repeat left top; }
#lnavi05 a:hover, #lnavi05 a.stay {  background: url(../images/lnavi05on.gif) no-repeat left top; }
#lnavi06 a:hover, #lnavi06 a.stay {  background: url(../images/lnavi06on.gif) no-repeat left top; }
#lnavi07 a:hover, #lnavi07 a.stay {  background: url(../images/lnavi07on.gif) no-repeat left top; }
#lnavi08 a:hover, #lnavi08 a.stay {  background: url(../images/lnavi08on.gif) no-repeat left top; }
#lnavi09 a:hover, #lnavi09 a.stay {  background: url(../images/lnavi09on.gif) no-repeat left top; }
#lnavi10 a:hover, #lnavi10 a.stay {  background: url(../images/lnavi10on.gif) no-repeat left top; }

#lnavi01 .slnavi01 a,
#lnavi02 .slnavi02 a,
#lnavi03 .slnavi03 a,
#lnavi04 .slnavi04 a,
#lnavi05 .slnavi05 a,
#lnavi06 .slnavi06 a,
#lnavi07 .slnavi07 a,
#lnavi08 .slnavi08 a,
#lnavi09 .slnavi09 a,
#lnavi10 .slnavi10 a {
  width: 160px;
  font-weight: normal;
  padding-left: 40px;
  display: block;
  padding-top: 8px;
  padding-bottom: 8px;
}

#lnavi01 .slnavi01 a {  background: url(../images/slnavi01.gif) no-repeat left top; }
#lnavi02 .slnavi02 a {  background: url(../images/slnavi02.gif) no-repeat left top; }
#lnavi03 .slnavi03 a {  background: url(../images/slnavi03.gif) no-repeat left top; }
#lnavi04 .slnavi04 a {  background: url(../images/slnavi04.gif) no-repeat left top; }
#lnavi05 .slnavi05 a {  background: url(../images/slnavi05.gif) no-repeat left top; }
#lnavi06 .slnavi06 a {  background: url(../images/slnavi06.gif) no-repeat left top; }
#lnavi07 .slnavi07 a {  background: url(../images/slnavi07.gif) no-repeat left top; }
#lnavi08 .slnavi08 a {  background: url(../images/slnavi08.gif) no-repeat left top; }
#lnavi09 .slnavi09 a {  background: url(../images/slnavi09.gif) no-repeat left top; }
#lnavi10 .slnavi10 a {  background: url(../images/slnavi10.gif) no-repeat left top; }


* html #lnavi01 .slnavi01 a ,
* html #lnavi02 .slnavi02 a ,
* html #lnavi03 .slnavi03 a ,
* html #lnavi04 .slnavi04 a ,
* html #lnavi05 .slnavi05 a ,
* html #lnavi06 .slnavi06 a ,
* html #lnavi07 .slnavi07 a ,
* html #lnavi08 .slnavi08 a ,
* html #lnavi09 .slnavi09 a ,
* html #lnavi10 .slnavi10 a  {
  width: 200px;
}

#lnavi01 .slnavi01 a:hover,
#lnavi02 .slnavi02 a:hover,
#lnavi03 .slnavi03 a:hover,
#lnavi04 .slnavi04 a:hover,
#lnavi05 .slnavi05 a:hover,
#lnavi06 .slnavi06 a:hover,
#lnavi07 .slnavi07 a:hover,
#lnavi08 .slnavi08 a:hover,
#lnavi09 .slnavi09 a:hover,
#lnavi10 .slnavi10 a:hover {
  width: 160px;
  padding-left: 40px;
  font-weight: normal;
  display: block;
  padding-top: 8px;
  padding-bottom: 8px;
}

#lnavi01 .slnavi01 a:hover {  background: url(../images/slnavi01on.gif) no-repeat left top; }
#lnavi02 .slnavi02 a:hover {  background: url(../images/slnavi02on.gif) no-repeat left top; }
#lnavi03 .slnavi03 a:hover {  background: url(../images/slnavi03on.gif) no-repeat left top; }
#lnavi04 .slnavi04 a:hover {  background: url(../images/slnavi04on.gif) no-repeat left top; }
#lnavi05 .slnavi05 a:hover {  background: url(../images/slnavi05on.gif) no-repeat left top; }
#lnavi06 .slnavi06 a:hover {  background: url(../images/slnavi06on.gif) no-repeat left top; }
#lnavi07 .slnavi07 a:hover {  background: url(../images/slnavi07on.gif) no-repeat left top; }
#lnavi08 .slnavi08 a:hover {  background: url(../images/slnavi08on.gif) no-repeat left top; }
#lnavi09 .slnavi09 a:hover {  background: url(../images/slnavi09on.gif) no-repeat left top; }
#lnavi10 .slnavi10 a:hover {  background: url(../images/slnavi10on.gif) no-repeat left top; }


* html #lnavi01 .slnavi01 a:hover, #lnavi01 .slnavi01 a.stay,
* html #lnavi02 .slnavi02 a:hover, #lnavi02 .slnavi02 a.stay,
* html #lnavi03 .slnavi03 a:hover, #lnavi03 .slnavi03 a.stay,
* html #lnavi04 .slnavi04 a:hover, #lnavi04 .slnavi04 a.stay,
* html #lnavi05 .slnavi05 a:hover, #lnavi05 .slnavi05 a.stay,
* html #lnavi06 .slnavi06 a:hover, #lnavi06 .slnavi06 a.stay,
* html #lnavi07 .slnavi07 a:hover, #lnavi07 .slnavi07 a.stay,
* html #lnavi08 .slnavi08 a:hover, #lnavi08 .slnavi08 a.stay,
* html #lnavi09 .slnavi09 a:hover, #lnavi09 .slnavi09 a.stay,
* html #lnavi10 .slnavi10 a:hover, #lnavi10 .slnavi10 a.stay {
  width: 200px;
}

#lnavi01 a,
#lnavi02 a,
#lnavi03 a,
#lnavi04 a,
#lnavi05 a,
#lnavi06 a,
#lnavi07 a,
#lnavi08 a,
#lnavi09 a,
#lnavi10 a  {
  color: #333333;
  text-decoration: none;
}

#lnavi01 a:hover,
#lnavi02 a:hover,
#lnavi03 a:hover,
#lnavi04 a:hover,
#lnavi05 a:hover,
#lnavi06 a:hover,
#lnavi07 a:hover,
#lnavi08 a:hover,
#lnavi09 a:hover,
#lnavi10 a:hover {
  color: #333333;
  text-decoration: none;
}

#lnavi01 .slnavi01 a,
#lnavi02 .slnavi02 a,
#lnavi03 .slnavi03 a,
#lnavi04 .slnavi04 a,
#lnavi05 .slnavi05 a,
#lnavi06 .slnavi06 a,
#lnavi07 .slnavi07 a,
#lnavi08 .slnavi08 a,
#lnavi09 .slnavi09 a,
#lnavi10 .slnavi10 a {
  color: #fff;
  text-decoration: none;
}

#lnavi01 .slnavi01 a:hover,
#lnavi02 .slnavi02 a:hover,
#lnavi03 .slnavi03 a:hover,
#lnavi04 .slnavi04 a:hover,
#lnavi05 .slnavi05 a:hover,
#lnavi06 .slnavi06 a:hover,
#lnavi07 .slnavi07 a:hover,
#lnavi08 .slnavi08 a:hover,
#lnavi09 .slnavi09 a:hover,
#lnavi10 .slnavi10 a:hover {
  color: #fff;
  text-decoration: none;
}


#Iconavi ul {  background: url(../images/snavi02_bg.gif) no-repeat left top; }
#Iconavi li {  width: 200px;  margin: 0 0 15px;}

/* ----------------------------------------------------------
 中カラム　スタイル
------------------------------------------------------------- */

#midContent .topBanaList {
  margin: 0px;
  padding: 0px;
}

#midContent .tb01 {
  background: url(../../images/banner_seisenryo_renewal_over.jpg) no-repeat left top;
}
#midContent .tb02 {
  background: url(../../images/top_bana02on.jpg) no-repeat left top;
}
#midContent .tb03 {
  background: url(../../images/top_bana03on.jpg) no-repeat left top;
}

#midContent .topBanaList li.tb02,
#midContent .topBanaList li.tb03 {
  width: 430px;
  height: 110px;
}
#midContent .topBanaList li.tb01 {
  width: 430px;
  height: 179px;
}

#midContent .topBanaList li a {  display: block; }
#midContent .topBanaList li a:hover img,
#midContent .topBanaList li a.stay img {  visibility:hidden;}
#midContent .topBanaList li a:hover,
#midContent .topBanaList li a.stay {  background-color:transparent; }
#midContent .topBanaList li a.stay {   cursor: default; }



#midContent h2 {
  text-indent: -9999px;
  height: 40px;
  width: 420px;
  margin: 0px auto;
  position: relative;
  }

#midContent .h2news {
  background: url(../../images/h3news.gif) no-repeat left bottom;
}
#midContent .h2event {
  background: url(../../images/h3event.gif) no-repeat left bottom;
}


#midContent h2 img {
  position: absolute;
  top: 18px;
  right: 10px;
  width: 33px;
}

.newsList {
  width: 420px;
  height:250px;
  margin: 6px 5px;
  clear: both;
  overflow:auto;
}
.newsList .all {  background: url(none); }
.newsList ul {
  width: 400px;
  text-align: left;
  background: url(../images/dot.gif) repeat-x left bottom;
}

.newsList .row {
  clear: both;
  padding-bottom: 3px;
}

.newsList .date {
  float: left;
  width: 70px;
  padding: 3px 0 3px 10px;
}

.newsList .sort {
  float: left;
  padding: 6px 0 0;
}
.newsList .sort img{ margin-left: 8px; }

.newsList .contents {
  clear: both;
  padding: 0px 10px 3px 20px;
  background: url(../../images/arrow_g.gif) no-repeat 10px 3px;
}

.newsList a { color: #669835; text-decoration: none; } /* 090316 EDIT */
.newsList a:hover { color: #466824; text-decoration: none; } /* 090316 EDIT */


.eventList {
  width: 420px;
  height:250px;
  margin: 6px 5px;
  clear: both;
  overflow:auto;
}
.eventList .all {  background: url(none); }
.eventList ul {
  width: 400px;
  text-align: left;
  background: url(../images/dot.gif) repeat-x left bottom;
}

.eventList .row {
  clear: both;
  padding-bottom: 3px;
}

.eventList .date {
  float: left;
  width: 70px;
  padding: 3px 0 3px 10px;
}

.eventList .sort {
  float: left;
  padding: 6px 0 0;
}
.eventList .sort img{ margin-left: 8px; }

.eventList .contents {
  clear: both;
  padding: 0px 10px 3px 20px;
  margin-top: 8px;
  margin-bottom: 8px;
  background: url(../../images/arrow_g.gif) no-repeat 10px 3px;
}

.eventList a { color: #669835; text-decoration: none; } /* 090316 EDIT */
.eventList a:hover { color: #466824; text-decoration: none; } /* 090316 EDIT */

/* ----------------------------------------------------------
 右カラム　スタイル
------------------------------------------------------------- */

#rnavi { margin: 3px 0 0 0; }
#rnavi li {  margin-bottom: 5px; }
#rnavi .rn01 {  background: url(../../images/rnavi01on.jpg) no-repeat left top; }
#rnavi .rn02 {  background: url(../../images/rnavi02on.jpg) no-repeat left top; }
#rnavi .rn03 {  background: url(../../images/rnavi03on.jpg) no-repeat left top; }
#rnavi .rn04 {  background: url(../../images/rnavi04on.jpg) no-repeat left top; }
#rnavi .rn05 {  background: url(../../images/rnavi05on.jpg) no-repeat left top; }
#rnavi .rn06 {  background: url(../../images/rnavi06on.jpg) no-repeat left top; }
#rnavi .rn07 {  background: url(../../images/rnavi07on.jpg) no-repeat left top; }
#rnavi .rn08 {  background: url(../../images/rnavi08on.jpg) no-repeat left top; }
#rnavi .rn09 {  background: url(../../images/rnavi09on.jpg) no-repeat left top; }
#rnavi .rn10 {  background: url(../../images/rnavi10on.jpg) no-repeat left top; }

#rnavi li {  width: 200px; height: 75px; }
#rnavi li a {  display: block; }
#rnavi li a:hover img,
#rnavi li a.stay img {  visibility:hidden; }
#rnavi li a:hover,
#rnavi li a.stay {  background-color:transparent; }
#rnavi li a.stay {   cursor: default; }

#banaList {
  margin-top: 17px;
  width: 145px;
  margin-left: auto;
  margin-right: auto;
}
#banaList li {  margin-bottom: 10px; }

/* ----------------------------------------------------------
 下部　リンク群スタイル
------------------------------------------------------------- */

#LinkContent a:link { color:#333; text-decoration:none; }
#LinkContent a:visited { color:#333; text-decoration:none; }
#LinkContent a:hover { color:#333; text-decoration:underline; }

#LinkContent .box {
  float: left;
  width: 170px;
  margin-right: 2px;
  display: block;
}

#LinkContent li {
  width: 160px;
  background: url(../images/dot.gif) repeat-x left bottom;
  padding: 8px 5px;
}

#LinkContent .ttl01 {
  background: url(../images/ttl01.gif);
  height: 24px;
}
#LinkContent .ttl02 {
  background: url(../images/ttl02.gif);
  height: 24px;
}
#LinkContent .ttl03 {
  background: url(../images/ttl03.gif);
  height: 24px;
}
#LinkContent .ttl04 {
  background: url(../images/ttl04.gif);
  height: 24px;
}
#LinkContent .ttl05 {
  background: url(../images/ttl05.gif);
  height: 24px;
}

#LinkContent .ttl01 a,
#LinkContent .ttl02 a,
#LinkContent .ttl03 a,
#LinkContent .ttl04 a,
#LinkContent .ttl05 a {
  display: block;
  height: 24px;
  width: 170px;
  text-indent: -9999px;
}

#LinkContent .ttl01 a:hover {  background: url(../images/ttl01on.gif);}
#LinkContent .ttl02 a:hover {  background: url(../images/ttl02on.gif);}
#LinkContent .ttl03 a:hover {  background: url(../images/ttl03on.gif);}
#LinkContent .ttl04 a:hover {  background: url(../images/ttl04on.gif);}
#LinkContent .ttl05 a:hover {  background: url(../images/ttl05on.gif);}


/* --------------------------------------------------------------------------------------
 サブページ　style
--------------------------------------------------------------------------------------- */


/* 090319 EDIT === 以下、#topContent を #subContent に変更 */

#pankuzu {
  text-align: left;
  width: 600px;
  padding-bottom: 7px;
  margin-left: 4px;
}

#pankuzu li {
  display: inline;
  padding-right: 4px;
}

#pankuzu  li a {  color: #936625;  text-decoration: underline ; }
#pankuzu  li a:hover {  color: #614418;  text-decoration: none; }

#subContent .h2watch {
  background: url(../../use_case/images/h2watch.jpg);
  height: 167px;
  text-indent: -9999px;
}

#subContent .h2study {
  background: url(../../use_case/images/h2study.jpg);
  height: 167px;
  text-indent: -9999px;
}

#subContent .h2eat {
  background: url(../../use_case/images/h2eat.jpg);
  height: 167px;
  text-indent: -9999px;
}

#subContent .h2shopping {
  background: url(../../use_case/images/h2shopping.jpg);
  height: 167px;
  text-indent: -9999px;
}

#subContent .h2stay {
  background: url(../../use_case/images/h2stay.jpg);
  height: 167px;
  text-indent: -9999px;
}

#subContent .h2tanbo {
  background: url(../../use_case/images/h2tanbo.jpg);
  height: 167px;
  text-indent: -9999px;
}


#subContent .ttl {
  font-weight: bold;
  background: url(../../use_case/images/ttlbg.gif) no-repeat left top;
  display: block;
  height: 34px;
  line-height: 2.4em;
  padding-left: 2.5em;
  margin-top: 16px;
  position: relative;
  clear: both;
  text-align: left;
}

#subContent .ttl a:link { color: #0a7900; text-decoration: underline; font-size:14px; }
#subContent .ttl a:hover { color: #043900; text-decoration: none; }
#subContent .ttl a:visited { color: #0a7900; text-decoration: underline; }

#subContent .ttl span {
  position: absolute;
  right: 10px;
  top: 5px;
  font-weight: normal;
  background: url(../../use_case/images/ico_tel.gif) no-repeat left 10px;
  padding-left: 18px;
}


#subContent .comBox {
  line-height: 1.5em;
  padding: 15px 0 20px;
  overflow: hidden;
  text-align: left;
}
#subContent .Photo {
  float: left;
  width: 150px;
  text-align: center;
}
#subContent .comBox .infoRight {  float: left;  width: 480px;}
#subContent .comBox .shopDate .dateTtl {  margin-left: 5px;}
#subContent .comBox .txt {  margin: 5px 0 0; }
#subContent .comBox .shopDate {
  background: #f0eed5;
  padding: 5px 0px;
  margin: 5px 0 0 0;
  width: 480px;
  clear: both;
  overflow: hidden;
}
#subContent .comBox .shopDate .icoList {  width: 460px; }
#subContent .comBox .shopDate .icoList li {
  padding: 0 8px 0 25px;
  margin: 5px 0 0 5px;
  display: block;
  float: left;
}
#subContent .comBox .shopDate .icoList .time {  background: url(../../use_case/images/ico01.gif) no-repeat left center; }
#subContent .comBox .shopDate .icoList .rest {  background: url(../../use_case/images/ico02.gif) no-repeat left center; }
#subContent .comBox .shopDate .icoList .park {  background: url(../../use_case/images/ico03.gif) no-repeat left center; }
#subContent .comBox .shopDate .icoList .info {  background: url(../../use_case/images/ico04.gif) no-repeat left center;  }
#subContent .comBox .shopDate .icoList .infoL {  background: url(../../use_case/images/ico04.gif) no-repeat left top;  width: 440px; }

.txtNw { white-space: nowrap; } /* 折り返さない */


#subContent .h3use_case {
  background: url(../../use_case/images/h3bg.gif) no-repeat left top;
  padding-left: 3em;
  font-size: 14px;
  text-align: left;
  display: block;
  line-height: 2.1em;
  clear: both;
  margin: 0px auto;
  color: #688A00;
  font-weight: bold;
  height: 31px;
}

.ImgBox {
  width: 620px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  line-height: 1.5em;
}


#subContent .commonTxt01 {
  width: 610px;
  margin: 8px auto;
  text-align: left;
}

#subContent .h4use_case  {
  background: #cae5c6 url(../../use_case/images/arrow_g.gif) no-repeat 5px 10px;
  padding-left: 2em;
  line-height: 2.4em;
  text-align: left;
  font-size: 12px;
  color: #0d3f04;
}

.commonBox {
  width: 620px;
  margin-left: auto;
  margin-right: auto;
}
#subContent .h4Box {
  width: 300px;
}
.commonTxt02 {
  width: 290px;
  text-align: left;
  font-size: 12px;
  margin-right: auto;
  margin-left: auto;
}
.markOR {
  color: #FFFFFF;
  background: #DF8600;
  padding: 3px 7px 1px 7px;
  font-weight: bold;
  font-size: 90%;
}
#subContent .ImgBox img {
  margin-right: 8px;
  float: left;
}
#subContent .commonBox .h4Box .commonImg01 {
  width: 290px;
  margin-left: 10px;
  text-align: right;
}
#subContent .commonBox .h4Box .commonImg01 img {
  float: left;
  margin-right: 20px;
  margin-bottom: 12px;
}

/* --------------------------------------------------------------------------------------
 各施設ページ　style
--------------------------------------------------------------------------------------- */
#subContent.shisetsu .h2hof {
  background: url(../../hof/images/h2hof.jpg);
  height: 167px;
  text-indent: -9999px;
}

#subContent.shisetsu .h2prf {
  background: url(../../prf/images/PRFHPlogo.jpg);
  height: 263px;
  text-indent: -9999px;
}

#subContent.shisetsu .h2paul {
  background: url(../../paul/images/h2paul.jpg);
  height: 167px;
  text-indent: -9999px;
}

#subContent.shisetsu .h2disclosure {
  background: url(../../disclosure/images/h2disclosure.jpg);
  height: 167px;
  text-indent: -9999px;
}

#subContent.shisetsu .h2shizen_school {
  background: url(../../shizen_school/images/h2shizen_school.jpg);
  height: 167px;
  text-indent: -9999px;
}

#subContent.shisetsu .h2fureai {
  background: url(../../fureai/images/h2fureai.jpg);
  height: 167px;
  text-indent: -9999px;
}

#subContent.shisetsu .h2yamane {
  background: url(../../yamane/images/h2yamane.jpg);
  height: 167px;
  text-indent: -9999px;
}

#subContent.shisetsu .h2yahane {
  background: url(../../yahane/images/h2yahane.jpg);
  height: 167px;
  text-indent: -9999px;
}

#subContent.shisetsu .h2activity {
  background: url(../../activity/images/h2activity.jpg);
  height: 167px;
  text-indent: -9999px;
}

#subContent.shisetsu .h2andere {
  background: url(../../andere/images/h2andere.jpg);
  height: 167px;
  text-indent: -9999px;
}

#subContent.shisetsu .h2mbf {
  background: url(../../mbf/images/h2mbf.jpg);
  height: 167px;
  text-indent: -9999px;
}

#subContent.shisetsu .h2foresters_school {
  background: url(../../foresters_school/images/h2foresters_school.jpg);
  height: 167px;
  text-indent: -9999px;
}

#subContent.shisetsu .h2experience {
  background: url(../../experience/images/h2experience.jpg);
  height: 167px;
  text-indent: -9999px;
}
/*  white_cameron  16:21 09/03/29  */
#subContent.shisetsu .h2seisen_ryo {
  background: url(../../seisen_ryo/images/h2seisen_ryo.jpg);
  width: 625px;
  height: 130px;
  text-indent: -9999px;
}

#subContent.shisetsu .h2discover {
  background: url(../../discover/images/h2discover.jpg);
  height: 167px;
  text-indent: -9999px;
}

#subContent.shisetsu .h2nishimajo {
  background: url(../../nishimajo/images/h2nishimajo.jpg);
  width:625px;
  height: 200px;
  text-indent: -9999px;
}

/*  white_cameron  18:22 10/12/08  */
#subContent.shisetsu .h2kwp {
  background: url(../../kwp/images/h2kwp.jpg);
  height: 160px;
  text-indent: -9999px;
}




#subContent.shisetsu .h3sttl01 {
  height: 40px;
  margin: 25px 0 15px 0;
  padding: 10px 0 0 30px;
  font-size: 19px;
  font-weight: bold;
  text-align: left;
  vertical-align: baseline;
  background: url(../images/h3sttl01.jpg) no-repeat left top;
}

#subContent .h4sttl01 {
  background: url(../../use_case/images/h3bg.gif) no-repeat left top;
  padding-left: 3em;
  font-size: 14px;
  text-align: left;
  display: block;
  line-height: 2.1em;
  clear: both;
  margin: 0px auto;
  color: #688A00;
  font-weight: bold;
  height: 31px;
}


#subContent.shisetsu a:link {
  color: #688A00;
  text-decoration:none;
  font-weight:bold;
}

#subContent.shisetsu a:visited {
  color: #688A00;
  text-decoration:none;
  font-weight:bold;
}

#subContent.shisetsu a:hover {
  color:#0066CC;
  text-decoration:none;
  font-weight:bold;
}


#subContent.shisetsu a:active {
  color:#f00;
  text-decoration:none;
  font-weight:bold;
}

#subContent.shisetsu .byline {
  background: url(../images/dot.gif) repeat-x left top;
  padding: 8px 5px;
  text-align: right;
  width: 580px;
}

#subContent.shisetsu div.entry_content {
  width: 605px;
  clear: both;
  overflow: hidden;
  margin: 0 0 10px 5px;
  border: 1px #ccc solid;
  padding: 20px 10px;
}

#subContent.shisetsu div.entry_content div.entry_body {
  text-align: left;
  padding: 5px 0;
}

#subContent.shisetsu div.entry_content div.entry_body p.info_image img {
  margin: 0px 20px 20px 0px;
  float: left;
}

#subContent.shisetsu div.entry_content div.entry_body p.info_text {

}


#subContent.shisetsu div.entry_content ul {
  width: 580px;
  text-align: left;
}

#subContent.shisetsu div.entry_content ul li {
  width: 580px;
  margin: 5px 0;
  border-bottom: 1px dashed #ccc;
}

#subContent.shisetsu div.entry_content table {
  margin: 0 auto;
}

/* --------------------------------------------------------------------------------------
 共通ページ　style
--------------------------------------------------------------------------------------- */

#subContent.common .h3sttl01 {
  height: 40px;
  margin: 25px 0 15px 0;
  padding: 10px 0 0 30px;
  font-size: 19px;
  font-weight: bold;
  text-align: left;
  vertical-align: baseline;
  background: url(../images/h3sttl01.jpg) no-repeat left top;
}

#subContent.common {
  text-align: left;
}

#subContent.common ol {
  list-style-type: decimal;
  padding-left: 30px
}

#subContent.common ul {
  list-style-type: circle;
  padding-left: 30px
}


/* --------------------------------------------------------------------------------------
 programs
--------------------------------------------------------------------------------------- */

div.pro_s {
  width:580px;
  margin:0 auto 1em auto;
  overflow:hidden;
  clear:both;
}

h3.pros_title{
  width:580px;
  margin:1em 0 1em 0;
  padding:0 0 0.2em 0;
  line-height:1.2em;
  font-size:1.3em;
  font-weight:bold;
  color:#333;
  border-bottom:1px solid #f60;
  clear:both;
}

div.pro_s div.pros_left{
  width:270px;
  float:left;
}

div.pro_s div.pros_right{
  width:270px;
  float:right;
}

div.pro_s h4{
  font-size:1em;
  font-weight:bold;
  color:#633;
  border-bottom:1px solid #ccc;
}

div.pro_s ul{
  width:270px!important;
  border:0 !important;
}


div.pro_s ul li{
  width:270px!important;
  border:0 !important;
}

div.pro_s ul li a{
  color:#069 !important;
  font-weight:normal !important;
  text-decoration:underline !important;
}


/* --------------------------------------------------------------------------------------
 css_seisenryo_top
--------------------------------------------------------------------------------------- */

.middle{
  width:580px;
  text-align:left;
}

.middle_inner{
  overflow:hidden;
  clear:both;
}

.middle_inner .left{
  float:left;
}
.middle_inner .left_inner{
  margin:15px 15px 10px 15px;
}
.middle_inner .in_right{
  margin:0 0 0 300px;
}
.middle_inner .in_right_inner{
  margin:20px 40px 0 0;
}
.leaf{
  float:left;
}

.middle_inner h2.vil{
  background-image:url(images/top01.jpg);
  background-repeat:no-repeat;
  width:491px;
  height:75px;
  margin:0 0 0 15px;
}

.middle_inner h3{
  width:580px;
  margin:25px 0 0 15px;
  border-bottom:1px dashed #ccc;
  font-size:1.2em;
  font-weight:bold;
}

.box_click{
  margin:0 0 30px 0;
  clear:both;
  background-color:#DFFFDF;
  padding:10px;
  width:580px;
  text-align:center;
  font-weight:bold;
}

.center{
  width:580px;
  margin:0 auto;
  clear:both;
}

.center_inner h3{
  margin:2em 0 0.2em 0;
  border-bottom:1px solid #ccc;
}

.center .caption{
  font-size:90%;
  margin:0px;
}


/* --------------------------------------------------------------------------------------
 top_event_list  added on 2009-08-11
--------------------------------------------------------------------------------------- */

div#top_list dl{
  margin:10px 0;
  padding:0;
  width:570px;
  border-bottom:1px dashed #ccc;
}

div#top_list dl dt{
  color:#666;
  margin:0;
  padding:0;
}


div#top_list dl dd {
  font-size:1.2em;
  margin:0;
  padding: 3px 0;
}

div#top_list dl dd a,
ul#list_footer li a {
 color: #669835; text-decoration: none;
}

div#top_list dl dd a:hover,
ul#list_footer li a:hover {
  color: #466824; text-decoration: none;
}

ul#list_footer {
  font-weight:bold;
  margin:30px auto;
  text-align:center;
}

ul#list_footer li{
  display:inline;
  list-style-type:none;
  border:1px solid #ccc;
  padding:5px;
  margin:0 10px 0 0;
}


h3#caution_list {
  width:570px;
  border-bottom:1px solid #ccc;
  margin:0;
  padding:0 0 3px 0;
  color:orange;
}