@charset "utf-8";


/*=======================================
全体的なスタイル
=======================================*/
html {
    scroll-behavior: smooth;
}
* {
    margin:0; padding:0;
}
body {
    background-color:#cccccc;
    background-image:url("images/bg_body.png");
    font-size:105%;
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック","Helvetica Neue","Helvetica",sans-serif;
    line-height:2.2;
    color:#3d3d3d;
}
div#pagebody {
    width:800px; margin:0 auto;
    background-color:#ffffff;
    background-repeat:repeat-y;
}
h1, h2, h3 {
   font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック","Helvetica Neue","Helvetica",sans-serif;
}
a {
    text-decoration:none;
}

a:hover {
    color:#cc0000; 
}
/*=======================================
ヘッダ
=======================================*/
div#header {
    height:245px;
    margin:4px 10px 0px 0px;
}
div#header img {
	margin:10px 35px 0px 30px;
        padding:0px 35px 0px 0px;
}	                                              
img {
border:0;
}
h1:hover{
filter:  sepia(30%);
}

/*========================================
　　　　　　　　　　　　本文
========================================*/
div#info {
    width:738px;
    float:left;
    padding:10px 10px 0px 30px;
}
div#map img{
    width:738px;
    height:517;
    padding:10px 0px 10px 0px;
}
h3 {
    font-size:18px;
    width:708px;
    padding:10px 0px 10px 30px; 
    background-color:#976a02;
    color:#ffffff;
}
h4 {
    font-size:18px;
    width:708px;
    padding:0px 20px 0px 10px;
    background-color:#fbda8f;
    color:#765302;
}
h5 {
    font-size:18px;
    width:708px;
    padding:0px 20px 0px 10px;
    background-color:#fff;
    color:#330033;
}
h6 {
    font-size:18px;
    width:704px;
    padding:0px 20px 0px 10px;
    background-color:#e7d7fc;
    color:#660099;
    border-color: #660099;
    border: solid 2px;
}
p {
    width:730px;
    margin:20px 25px 10px 10px;
    text-indent:1em;
    text-align: justify;
     font-size:105%;
     font-family: serif;
}
figcaption {
    text-align: center;
}
iframe {
    color:#242424;
}
.infoimg_index {
    width:600px; height:340px;
    margin:20px 0px 20px 30px;
    float:none;
}
.infoimg_index2 {
    width:600px; height:auto;
    margin:10px auto 0px auto;
    float:none;
}
.infoimg_index3 {
    width:530px; height:auto;
    margin:20px auto 0px auto;
    float:none;
}
.infoimg_index4 {
    width:700px; height:auto;
    margin:15px 10px 5px 10px;
    float:none;
}
.infoimg_index5 {
    width:738px; height:auto;
    margin:10px 0px 0px 0px;
    float:none;
}
.infoimg_index6 {
    width:738px; height:auto;
    margin:0px 0px 40px 0px;
    float:none;
}
.infoimg_index7 {
    width:400px; height:auto;
    margin:10px 0px 10px 10px;
    float:right;
}
.infoimg_index17 {
    width:400px; height:auto;
    margin:10px 0px 10px 18px;
    float:right;
}
.infoimg_index8 {
    width:400px; height:auto;
    margin:10px 20px 10px 0px;
    float:left;
}
.infoimg_index9 {
    width:738px; height:auto;
    margin:40px 0px 0px 0px;
    float:none;
}
.infoimg_index10 {
    width:400px; height:auto;
    margin:10px 0px 10px 15px;
    float:right;
}

.infoimg_subpage {
    width:300px; height:250px;
    margin:0px 10px 20px 20px;
    float:none;
}
.infoimg_subpage2 {
    width:220px; height:auto;
    margin:10px 20px 15px 0px;
    float:left;
}
.infoimg_subpage3 {
    width:300px; height:auto;
    margin:10px 0px 10px 15px;
    float:right;
}
.infoimg_subpage4 {
    width:350px; height:auto;
    margin:10px 16px 10px 0px;
    float:left;
}
.infoimg_subpage5 {
    width:300px; height:auto;
    margin:10px 20px 10px 0px;
    float:left;
}
.infoimg_subpage6 {
    width:350px; height:auto;
    margin:10px 0px 10px 16px;
    float:right;
}
.infoimg_subpage7 {
    width:220px; height:auto;
    margin:10px 0px 15px 20px;
    float:right;
}
.infoimg_subpage8 {
    width:180px; height:auto;
    margin:10px 0px 15px 20px;
    float:right;
}
.infoimg_subpage14 {
    width:350px; height:auto;
    margin:10px 16px 20px 0px;
    float:left;
}
.infoimg_subpage16 {
    width:350px; height:auto;
    margin:10px 0px 20px 16px;
    float:right;
}
.infoimg_subpage24 {
    width:350px; height:auto;
    margin:10px 24px 10px 0px;
    float:left;
}

hr {
    clear:both;
    width:738px;
    margin:5px 0px;
    border:1px dotted #976a02;
}  
div#info li {
    list-style-type:none;
}
span {
color:#930030;
}
img { vertical-align: -0.1em;
}
.hidden { 
visibility: hidden 
}
a:link, a:visited {
  color: #765302;
  text-decoration: none; 
}
a:hover {
    text-decoration:underline;
}
/*=======================================
ページトップへ
=======================================*/
#topbutton {
   /* ▼ボタンの表示位置を画面の右下に固定 */
   position: fixed; /* ←表示場所を固定 */
   bottom: 18px;   /* ←下端からの距離 */
   right: 2px;    /* ←右端からの距離 */
   width: 6em;     /* ←横幅 */

   /* ▼最初は非表示にしておく*/
   display: none; 

   /* ▼配色・配置・文字の装飾など */
   background-color: #976a02; /* ←背景色 */
   opacity: 0.75;        /* ←透明度 */
   border-radius: 15px;  /* ←角丸の半径 */
   text-align: center;  /* ←文字の位置 */
   font-size: 100%;     /* ←文字サイズ */
   font-family: "ヒラギノゴシック","MSゴシック",sans-serif; /* ←文字ゴシック */
   font-weight: bold;   /* ←文字の太さ */
   margin: 10 20 10 0px;          /* ←外側の余白 */
   padding: 10 20 10 0px;       /* ←内側の余白 */
}
#topbutton a {
   /* ▼リンクの装飾 */
   color: white;          /* ←文字色 */
   text-decoration: none; /* ←下線なし */
}
#topbutton a:hover {
   /* ▼マウスが載ったときの装飾 */
   color: #fef502;              /* ←文字色 */
   text-decoration: underline; /* ←下線あり */
}
/*========================================
フッタ
========================================*/ 
div#footer {
    clear:both;
    width:800px;height:100px;
    margin:0;
    background-image:url("images/footerimage.png");
    padding:20px 0px 0px 0px;
    text-align:center;
    font-size: 11px;
    color:#ffffff;
}