@charset "utf-8";
  /* ページ全体の枠組み
---------------------------------------------------- */



@import url(pduwn/pdown.css);
body{
  margin: 0;
  padding: 0;
  border-top: 5px solid #699600;
  font-size : 14px;
  color : rgb(102, 102, 102);
  background-repeat : repeat-y;
  background-attachment : scroll;
  background-position : center top;
  
  background-image : url(../img/kabe_fusuma1.jpg);
}
#header{
  height: 675px;
  background-repeat : no-repeat;
  background-attachment: scroll;
  background-position: 0% 0%;
}
#header .inner{
  margin: 0 auto;
  width: 800px;
/*
  background-image : url(images/bla6b.gif);
*/
}
#content{
	background-position: center top;
/*
	background-color: white;
*/
	width: 800px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
}
#content .inner{
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 15px;
	padding-right: 35px;
	padding-bottom: 5px;
	padding-left: 35px;
	width: 730px;
	background-color: rgba(255, 255, 255, 0.7);
       border-radius: 10px;
}

#content .inner:hover{
/*
	background-color: rgba(255, 255, 255, 0.7);
       border-radius: 10px;
*/
}

#content .inner::after{
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#main{
	float: left;
	width: 495px;
}
#sub{
  float: left;
  width : 200px;
}
#footer{
  min-height: 80px;
  background: #699600;
}
#footer .inner{
  margin: 0 auto;
  width: 800px;
}
/* リンクと画像
---------------------------------------------------- */
a{
  text-decoration: none;
  color: #699600;
}
a:hover{
  text-decoration: underline;
}
img{
  border: none;
}
/* ヘッダ
---------------------------------------------------- */
#header .inner{
  position: relative;
  height: 423px;
}
#header ul{
  margin: 0;
  padding: 0;
}
#logo{
  position: absolute;
/*
  top : 5px;
*/
  left: 0;
}
#neco{
	position: absolute;
/*
	top: 5px;
*/
	right : 45px;
}
ul#headnav{
  position: absolute;
  top: 10px;
  right: 0;
  line-height: 1.0;
  margin-top: -0.5em;
}
ul#headnav li{
  list-style: none;
}
ul#headnav li a{
  padding-left: 9px;
  background: url(images/bulletgreen.png) no-repeat left center;
}
#mainvisual{
  position: absolute;
  top: 75px;
  left: 0px;
  background-image : url(ph/0a.png);
  background-repeat: no-repeat;
  width: 800px;
  height: 600px;
}
.on0#mainvisual{
  background-image : url(ph/0a.png);
  background-repeat: no-repeat;
}
.on1#mainvisual{
  background-image : url(ph/1a.jpg);
  background-repeat: no-repeat;
}
.on2#mainvisual{
  background-image : url(ph/2a.jpg);
  background-repeat: no-repeat;
}
.on3#mainvisual{
  background-image : url(ph/3a.jpg);
  background-repeat: no-repeat;
}
.on4#mainvisual{
  background-image : url(ph/4a.jpg);
  background-repeat: no-repeat;
}
.on5#mainvisual{
  background-image : url(ph/5a.jpg);
  background-repeat: no-repeat;
}
.on6#mainvisual{
  background-image : url(ph/6a.jpg);
  background-repeat: no-repeat;
}
.on7#mainvisual{
  background-image : url(ph/7a.jpg);
  background-repeat: no-repeat;
}
.on8#mainvisual{
  background-image : url(ph/8a.jpg);
  background-repeat: no-repeat;
}
.on9#mainvisual{
  background-image : url(ph/9a.jpg);
  background-repeat: no-repeat;
}
.on10#mainvisual{
  background-image: url(ph/10a.jpg);
  background-repeat: no-repeat;
  background-position: center center;
}
.on11#mainvisual{
  background-image : url(ph/11a.jpg);
  background-repeat: no-repeat;
}
.on12#mainvisual{
  background-image : url(ph/12b.jpg);
  background-repeat: no-repeat;
}
.on13#mainvisual{
  background-image : url(ph/13a.jpg);
  background-repeat: no-repeat;
}
.on14#mainvisual{
  background-image : url(ph/14a.jpg);
  background-repeat: no-repeat;
}
.on15#mainvisual{
  background-image : url(ph/15a.jpg);
  background-repeat: no-repeat;
}
.on16#mainvisual{
  background-image : url(ph/16a.jpg);
  background-repeat: no-repeat;
}
.on17#mainvisual{
  background-image : url(ph/17a.jpg);
  background-repeat: no-repeat;
}
.on18#mainvisual{
  background-image : url(ph/18a.jpg);
  background-repeat: no-repeat;
}
.on19#mainvisual{
  background-image : url(ph/19a.jpg);
  background-repeat: no-repeat;
}
.on20#mainvisual{
  background-image : url(ph/20a.jpg);
  background-repeat: no-repeat;
}
.on21#mainvisual{
  background-image : url(ph/21a.jpg);
  background-repeat: no-repeat;
}
.on22#mainvisual{
  background-image : url(ph/22a.jpg);
  background-repeat: no-repeat;
}
.on23#mainvisual{
  background-image : url(ph/23a.jpg);
  background-repeat: no-repeat;
}
.on24#mainvisual{
  background-image : url(ph/24a.jpg);
  background-repeat: no-repeat;
}
.on25#mainvisual{
  background-image : url(ph/25a.jpg);
  background-repeat: no-repeat;
}
.on26#mainvisual{
  background-image : url(ph/26a.jpg);
  background-repeat: no-repeat;
}
.on27#mainvisual{
  background-image : url(ph/27a.jpg);
  background-repeat: no-repeat;
}
.on28#mainvisual{
  background-image : url(ph/28a.jpg);
  background-repeat: no-repeat;
}
.on29#mainvisual{
  background-image : url(ph/29a.jpg);
  background-repeat: no-repeat;
}
.on30#mainvisual{
  background-image : url(ph/30a.jpg);
  background-repeat: no-repeat;
}
.on31#mainvisual{
  background-image : url(ph/31a.jpg);
  background-repeat: no-repeat;
}
.on32#mainvisual{
  background-image : url(ph/32a.jpg);
  background-repeat: no-repeat;
}
.on33#mainvisual{
  background-image : url(ph/33a.jpg);
  background-repeat: no-repeat;
}
.on34#mainvisual{
  background-image : url(ph/11b.jpg);
  background-repeat: no-repeat;
}
/* トピックパス（パンくずリスト）
---------------------------------------------------- */
#topicpath{
  font-size: 93%;
}
/* メインコンテンツ
---------------------------------------------------- */
#main h1{
  margin: 9px 0 15px 0;
  padding: 6px 0 6px 20px;
  line-height: 1.0;
  font-size: 232%;
  color: #699600;
  background: url(images/h1.png) no-repeat left center;
}
#main p{
  line-height: 1.6;
  font-size: 116%;
  padding-left: 20px;
}
/* サブコンテンツ
---------------------------------------------------- */
#sub h2{
  margin: 15px 0;
  line-height: 1.0;
  font-size: 131%;
  color: #699600;
}
ul#localnav{
  margin: 0;
  padding: 0;
}
ul#localnav li{
  display: block;
}
ul#localnav li a{
  display: block;
  padding: 0.9em 0 0.9em 20px;
  width: 180px;
  line-height: 1.0;
  color: #666666;
  background: url(images/lnavbg.png) no-repeat;
}
ul#localnav li a:hover{
  text-decoration: none;
  background: url(images/lnavbghover.png) no-repeat left center;
}
/* フッタ
---------------------------------------------------- */
#footer{
  padding-top: 15px;
  line-height: 1.0;
  font-size: 85%;
}

#footer h1{
	color: white;
	background-color: rgba(167, 160, 84, 0.5);
	text-align: center;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	border-width: 5px;
	border-style: ridge;
	border-color: rgba(167, 160, 84);
	border-radius: 8px;
}

#footer h1 a{
	text-decoration: none;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	width: 100%;
	display: block;
	padding-top: 10px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 10px;

}

#footer a{
  color: #ffffff;
}
ul#footnav{
  margin: 0;
  padding: 0;
}
ul#footnav li{
  float: left;
  display: block;
  padding: 0 10px;
  border-left: 1px solid #ffffff;
}
ul#footnav > li:first-child{
  padding-left: 0;
  border-left: none;
}
p#copyright{
  margin: 0;
  color: #ffffff;
  text-align: right;
}
p#setu1{
  color : white;
}
div#panel{
  width : 710px;
  position : relative;
  top : 10px;
  margin-left : auto;
  margin-right : auto;
}
div#panel a{
	background-image: url(images/can4.gif);
	width: 40px;
	height: 40px;
	display: block;
	float: left;
	font-size: 15pt;
	color: white;/*
	border-width: 2px;
	border-style: solid;
	border-color: black;
*/
	text-align: center;
	line-height: 1.5;
	border-top-left-radius: 8px 8px;
	border-top-right-radius: 8px 8px;
	border-bottom-right-radius: 8px 8px;
	border-bottom-left-radius: 8px 8px;
}
div#panel a:hover{
	color: black;
	text-decoration: none;
	background-image: url(images/can4b.gif);
	background-repeat: no-repeat;
	width: 40px;
	height: 40px;
	position: relative;
/*
	border-width: 2px;
	border-style: solid;
	border-color: black;
*/


}

/*
div#paup{
  width : 750px;
	height: 45px;
}

div#padown{
  width : 750px;
	height: 45px;
}
*/

a#hato{
  height : 500px;
  display : block;
  width : 0px;
  width : 800px;
}

a#hato img{
	float: right;
}
a:hover#hato{
	height: 500px;
	display: block;
	width: 800px;
	background-image : url(images/help2.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}


div#panel2{
  width : 20px;
  position: absolute;
  top: 70px;
  height: 600px;
  right : 1px;
}
div#panel2 a{
	background-repeat: no-repeat;
	width: 20px;
	height: 13px;
	display: block;
	background-color : rgb(152, 68, 32);
	border-width: 2px;
	border-style: solid;
	border-color: black;
	color : white;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
border-radius: 8px;
}
div#panel2 a:hover{
	background-color : rgb(188, 207, 150);
	width: 40px;
	height: 13px;
	border-color: black;
	text-align: left;
	position: relative;
	left: -20px;
border-radius: 8px;
  color : black;
}
div#updown{
  width : 80px;
  height : 53px;
  position : fixed;
  top : 5px;
  right : 50px;
/*
  display : none;
*/

}
div#updown a:hover img{
  filter:alpha(opacity=70);
  /* IE透明度 */
-moz-opacity:0.70;
  /* Firefox・Netscape透明度 */
opacity:0.70;
/* Opera・Safari透明度 */
}

div#updown img{
    border-radius: 8px;
}

div#help{
  width : 70px;
  height : 70px;
  position : fixed;
  top : 140px;
  right : 50px;
  display : none;
}


div#gnavi{
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  width: 800px;
  position: relative;
  height: 35px;
  background-color : rgb(51, 51, 51);
  z-index: 20;
}

iframe{
	background-color: rgba(255, 255, 255, 0.5);
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
       border-radius: 8px;
}