@charset "utf-8";
/* 縮尺バー用 */
div.olControlScaleLine {
	background-color:#ffffff;
	/* CSS3 standard */
	opacity:0.6;
}

div.olControlAttribution {
	font-size:12px;
	line-height:12px;
	bottom:5px;
}
/* 本体css */

table.dspOnly{border: 0px;
 	 	border-collapse: collapse;
		border-spacing: 0;
		background-color:#cccccc;}

table.sub{border: 1px teal dashed;
                width:285px;
	 	border-collapse: collapse;
		border-spacing: 0;
                margin-left:auto;margin-right:auto;}

table.pr{border:1px;
                width:285px;
          }

td.np{font-size:0.8em;
        color:black;
        }
td.leg  {text-align:center;
         width:50px;
         height:1.5em;}
td.leg2  {height:1.2em;
          background-color:lightseagreen;
          color	: #FFF;}

td.main {width: 250px;
         height:1.5em;
	color	: #FFF;
	font-weight:bold;
	background-color: teal;
	border: solid 2px teal;
	vertical-align	:middle;
	text-align	: center;
	font-size:1em;
        }
td.submenu{width:250px;
	height:1.5em;
	border: solid 2px teal;
	background-color: #fff;
	text-align:center;
	font-family:"ＭＳ Ｐゴシック";
	color:#11B;
        }

td.hanrei{font-size:0.9em;
        text-align:left;
	font-family:"ＭＳ Ｐゴシック";
	color:green;		
	border: solid 2px teal;
        width:295px;
        background-color: white;
        }

div.menu{width:250px;
        }
div#parent{position:absolute;
           top:80px;
           left:50%;
           }
div#map{border: solid 2px teal;
        width:900px;
        height:700px;
        position:relative;
        top:0%;
        left:-450px;
        block;z-index:1;}

div#footer{border: solid 2px teal;
        background-color:teal;
        width:900px;
        height:1.8em;
        text-align:center;
        font-size:1em;
        font-weight:bold;
        color:white;
        line-height:1.8em;
        position:relative;
        top:4px;
        left:-450px; 
        }
div#linkpage{border: solid 2px teal;
        background-color:teal;
        width:900px;
        height:1.8em;
        font-size:1em;
        font-weight:bold;
        color:white;
        line-height:1.5em;
        text-indent:1em;
        position:relative;
        top:0px;
        left:-450px; 
        }
div.img{width:100%;
        margin-top:-0.5em;
        margin-bottom:0em;
        text-align:center;
          }
          
input{font-size:0.9em;
           }

/*input#down{margin:12px 0px 0px 0px;
          }*/

input.s01{font-size:0.7em;
          padding:2px;
          float:right;
          }
input.s02{font-size:0.8em;
          margin: 2px 30px;
           padding:2px 4px;}
input.s03{font-size:0.8em;
          margin: 2px 10px;
           padding:2px 4px;}
input.com{font-size:0.8em;
          width:6em;
          margin-top:0.5em;
          margin-bottom:0.5em;
          }
input#botan08{float:right;
              }
input#leg{font-size:0.7em;
          padding:2px;
          float:right;}
input#Cpane{margin-left:1em;}
span#mapName{margin-left:0.3em;
             margin-right:0.3em;
            }
       a#leg{padding:1px;
             margin-left:0.3em;
             margin-right:0.3em;
             text-decoration:none;
             border: solid 1px blue;
             background-color:white;
             }
span.np{font-weight:bold;
        text-indent:2em;
        }
span.linkpage{
          font-size:0.9em;
          font-weight:normal;
          color:white;
         }
span.test{float:right;
          font-size:0.9em;
          font-weight:normal;
          color:white;
          margin-right:1em;}
span.linkpage2{
          font-size:0.9em;
          font-weight:bold;
          color:white;
         }

span.test{float:right;
          font-size:0.9em;
          font-weight:normal;
          color:white;
         }
a.test{color:white;}
a.test:hover{background-color:red;}

/* CSS filter for gray basemap! */
img{
//  filter: grayscale(100%);
//  -webkit-filter: grayscale(1);
  opacity: 1;
  margin-bottom:0em;
     border:none;
     }

img.title{
    filter: grayscale(0%);
    -webkit-filter: grayscale(0);
     vertical-align:middle;
     margin-right:auto;
     margin-left:auto;
     width:650px;
     height:80px;
     }
img.hanrei{
    filter: grayscale(0%);
    -webkit-filter: grayscale(0);
           margin-left:1em;
           vertical-align:middle;
           }
img.hanrei2{
    filter: grayscale(0%);
    -webkit-filter: grayscale(0);
           vertical-align:middle;
           height:16px;
           }
img.imgxx{
    filter: grayscale(0%);
    -webkit-filter: grayscale(0);
           vertical-align:middle;
}
img.imgyy{
    filter: grayscale(0%);
    -webkit-filter: grayscale(0);
           vertical-align:middle;
}
/* ドロップメニュー用CSS */
#dropmenu {
 list-style-type: none;
  width: 130px;
  margin: 0px 0px 0px 0px;
  padding: 0;
  }

#dropmenu li {
  position: relative;
  width: 100%;
  float: left;
  margin: 0px;
  padding: 0;
  text-align: center;
}

#dropmenu li a {
  display: block;
  margin: 0px;
  padding: 2px 0px;
  background: #339999;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
  }
#dropmenu li ul {
  list-style: none;
  position: absolute;
  z-index: 100;
  top: -200%;
  left: 100%;
  width: 170%;
  margin: 0px;
  padding: 0px;
}
#dropmenu li ul li {
  overflow: hidden;
  width: 100%;
  height: 0;
  color: #fff;
  transition: 1s;
  margin: 0;

}
#dropmenu li ul li a {
  padding: 3px 10px;
  background: #339999;
  text-align: left;
  font-size: 15px;
  font-weight: normal;
}
#dropmenu > li:hover > a {  background: #990000 }
#dropmenu > li:hover li:hover > a {  background: #990000 }
#dropmenu li:hover > ul > li {
  overflow: visible;
  height: 20px;
}


#dropmenu li ul li ul {
  list-style: none;
  position: absolute;
  top: 0%;
  left: 100%;
 width: 100%;
  margin: 0;
  padding: 0;
}

#dropmenu li:last-child ul li ul {
  left:  100%;
  width: 100%;
}

#dropmenu li ul li ul li a {  background: #339999;  padding: 0; }
#dropmenu li:hover ul li ul li:hover > a {  background: #990000 }
#dropmenu li ul li ul:after {
  position: absolute;
  content: "";
  top: 0px;
  left: -20px;
  width: 0;
  height: 0;
  border: 0px solid transparent;
  border-left-color: #fff;
}

img#icon{margin:0;
    padding-top:3;
    height:18px;
    }
/* ポップアップcss */
h4{margin-bottom:0em;
　　margin-top:0em;
}
/* テストcss */

.gnav {
  width: 0%;
  margin: 0;
  padding: 0;
}
ul.nav {
  list-style: none;
  text-align:center;
  font-weight:bold;
  width: 130px;
  margin: 0;
  padding: 0;
  display: flex;
}
ul.nav >li {
  position: relative;
  box-sizing: border-box;
  border-left: 0px solid #eee;
}
ul.nav > li a {
  display: block;
  width: 130px;  font-size: 16px;

  color: #fff;
  background: #339999;
  box-sizing: border-box;
  text-decoration: none;
}

.gnav .nav > li:hover > a {
  color: white;
  background: #990000;
}


.dp > li:hover a {
  color: white;
  background: #990000;
  list-style: none;
}

.gnav .nav li ul {

  top: -200%;
  left: 90px;
  position: absolute;
}
.gnav .nav li  {
  overflow: hidden;
  /*height: 0;*/
  }
.nav li a {width: 0%;
  border-top: 0px solid #eee;
}
.gnav .nav li:hover  {
  list-style: none;
  overflow: visible;
}

ul.dp{text-align: initial;
    font-size:  initial;
    font-weight:initial;
    text-indent: 0.5em;
    font-size: 15px;
    }