@charset "utf-8";

/*********************************************************************
*********************************************************************/

/*--Base------------------------------------------------------------*/

html,body {
	width: 100%;
	height: 100%;
}
/**
*/
/*--Reset-----------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
}

img {
	border: none;
	vertical-align: middle;
}

ul,ol {
	list-style: none;
}

/*--Text------------------------------------------------------------*/

body {
	font-size: 88%;
	font-weight: normal;
	line-height: 1.5;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ　Ｐゴシック","MS PGothic",sans-serif;
}

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

/*--Link------------------------------------------------------------*/
/**
a,
a:link {
	color: #333333;
}

a:visited {
	color: #333333;
}

a:hover,
a:active {
	color: #777777;
}

a:focus {
	outline: none;
}
*/

/*--HTML5-----------------------------------------------------------*/

article,aside,details,footer,header,main,menu,nav,section,summary {
	display: block;
}

/*--layout----------------------------------------------------------*/

/* ******************* 0 to 479px ******************* */

#wrapper {
    width  : 100%;
    height : 100%;
}

#header header {
    margin : 0 auto;
}

#contents {
    margin : 0 auto;
}

#mapField {
    min-width : 268px;
    width     : auto;
    height    : 348px;
}

#menu_head{
    width      : 100%;
    text-align : center;
    background : #F4F4F4;
}
#j_name{
    background  : #576e99;
    color       : #FFFFFF;
    font-size   : 12px;
    font-weight : bold;
    padding     : 3px 0px;
}
#web_name {
    color     : #607baf;
    font-size : 200%;
}
#copy_name {
    color     : #a0a0a0;
    font-size : 80%;
}
#main-menu {
    width   : 100%;
    margin  : 0px;
    padding : 0px;
    float   : left;
}
#menu li{
    float   : left;
    width   : 50%;
}
#menu li a {
    font-size       : 14px;
    line-height     : 24px;
    text-align      : center;
//    padding         : 0 12px;
    display         : block;
    text-decoration : none;
    background      : #f4f4f4;
    color           : #808080;
    cursor          : pointer;
    -webkit-transition: all .6s;
    transition: all .6s;
}
#menu li a:hover {
    background : #808080;
    color      : #ffffff;
}

#menu li.on a {
    background : #66CCFF;
    color      : #ffffff;
}
#sub-menu {
    width   : 100%;
    margin  : 0px;
    padding : 0px;
    float   : left;
    display : inline-flex;
}
#sub-menu .close {
    display    : block; 
    text-align : right;
    cursor: pointer;
}
#closeLink {
    cursor : pointer;
}
#content {
    position : relative;
    width    : 100%;
//    width    : 99.0%;
//    height   : 158px;
//    border   : 2.8px solid #66CCFF;
>    height : auto !important;
>    height : 470px;
>    min-height : 470px;
     background : #f4f4f4;
     opacity    : 0.8;
     z-index    : 1;
}
#content div {
    position  : absolute;
    display   : none;
    width     : 100%;
//    height    : 48px;
//    height    : 170px;
    font-size   : 14px;
    color       : #000000;
    line-height : 1em;
    text-align  : left;
    z-index     : 1;
}
#content li {
    width : 100%;
    text-align : center;
//    width : 25%;
//    float : left;
}
#content div li{
    margin    : 0px 0px;
    padding   : 2px 0px;
    background : #dddddd;
}
#content div p{
    font-weight : bold;
//    margin : -10px;
}
#alert {
    width : 100%;
}

#alerts p[class^="alert"] {
    text-align: center;
    width : 50%;
    float : left;
    position : relative;
    z-index  : 0;
    font-weight : bold;
    border-radius : 3em;
    border-top-left-radius     : 3em;
    border-top-right-radius    : 3em;
    border-bottom-left-radius  : 3em;
    border-bottom-right-radius : 3em;

		overflow : hidden;
		white-space : nowrap;
}
.alert0 {
    color      : #f4f4f4;
    text-shadow: #c0c0c0 1px 1px 0px, #c0c0c0 -1px 1px 0px, #c0c0c0 1px -1px 0px, #c0c0c0 -1px -1px 0px;
    background : #c0c0c0;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#EEEEEE, endColorstr=#c0c0c0)";
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#EEEEEE, endColorstr=#c0c0c0);
//    background-image : -moz-linear-gradient(top, #EEEEEE 0%, #c0c0c0 100%);
//    background-image : -webkit-linear-gradient(top, #EEEEEE 0%, #c0c0c0 100%);
//    background-image : -ms-linear-gradient(top, #EEEEEE 0%, #c0c0c0 100%);
//    background-image : linear-gradient(top, #EEEEEE 0%, #c0c0c0 100%);
//    background-image : -o-linear-gradient(top, #EEEEEE 0%, #c0c0c0 100%);
//    background-image : -webkit-gradient(linear, right top, right bottom, color-stop(0%,#EEEEEE), color-stop(100%,#c0c0c0));
    background-image : -moz-linear-gradient(-45deg, #EEEEEE 0%, #c0c0c0 100%);
    background-image : -webkit-linear-gradient(-45deg, #EEEEEE 0%, #c0c0c0 100%);
    background-image : -ms-linear-gradient(-45deg, #EEEEEE 0%, #c0c0c0 100%);
    background-image : linear-gradient(-45deg, #EEEEEE 0%, #c0c0c0 100%);
    background-image : -o-linear-gradient(-45deg, #EEEEEE 0%, #c0c0c0 100%);
    background-image : -webkit-gradient(linear, right top, left bottom, color-stop(0%,#EEEEEE), color-stop(100%,#c0c0c0));
/**
    -moz-background-size  : 10% 25%;
    -webkit-background-size  : 10% 25%;
    -ms-background-size  : 10% 25%;
    background-size  : 10% 25%;
*/
}
.alert1 {
		background:#32CD32;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#98FB98, endColorstr=#32CD32);
    background-image : -moz-linear-gradient(-45deg, #98FB98 0%, #32CD32 100%);
    background-image : -webkit-linear-gradient(-45deg, #98FB98 0%, #32CD32 100%);
    background-image : -ms-linear-gradient(-45deg, #98FB98 0%, #32CD32 100%);
    background-image : linear-gradient(-45deg, #98FB98 0%, #32CD32 100%);
    background-image : -o-linear-gradient(-45deg, #98FB98 0%, #32CD32 100%);
    background-image : -webkit-gradient(linear, right top, left bottom, color-stop(0%,#98FB98), color-stop(100%,#32CD32));
/**
    -moz-background-size  : 10% 25%;
    -webkit-background-size  : 10% 25%;
    -ms-background-size  : 10% 25%;
    background-size  : 10% 25%;
*/
}
.alert2 {
    background: #FFCC00;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFFFCC, endColorstr=#FFFF00);
    background-image : -moz-linear-gradient(-45deg, #FFFFCC 0%, #FFFF00 100%);
    background-image : -webkit-linear-gradient(-45deg, #FFFFCC 0%, #FFFF00 100%);
    background-image : -ms-linear-gradient(-45deg, #FFFFCC 0%, #FFFF00 100%);
    background-image : linear-gradient(-45deg, #FFFFCC 0%, #FFFF00 100%);
    background-image : -o-linear-gradient(-45deg, #FFFFCC 0%, #FFFF00 100%);
    background-image : -webkit-gradient(linear, right top, left bottom, color-stop(0%,#FFFFCC), color-stop(100%,#FFFF00));
/**
    -moz-background-size  : 10% 25%;
    -webkit-background-size  : 10% 25%;
    -ms-background-size  : 10% 25%;
    background-size  : 10% 25%;
*/
}
.alert3 {
    color      : #ffffff;
    text-shadow: #ff0000 1px 1px 0px, #ff0000 -1px 1px 0px, #ff0000 1px -1px 0px, #ff0000 -1px -1px 0px;
    background : #ff0000;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffabce, endColorstr=#ff0000);
    background-image : -moz-linear-gradient(-45deg, #ffabce 0%, #ff0000 100%);
    background-image : -webkit-linear-gradient(-45deg, #ffabce 0%, #ff0000 100%);
    background-image : -ms-linear-gradient(-45deg, #ffabce 0%, #ff0000 100%);
    background-image : linear-gradient(-45deg, #ffabce 0%, #ff0000 100%);
    background-image : -o-linear-gradient(-45deg, #ffabce 0%, #ff0000 100%);
    tbackground-image : -webkit-gradient(linear, right top, left bottom, color-stop(0%,#ffabce), color-stop(100%,#ff0000));
/**
    -moz-background-size  : 10% 25%;
    -webkit-background-size  : 10% 25%;
    -ms-background-size  : 10% 25%;
    background-size  : 10% 25%;
*/
}
.alert4 {
    /*color      : #ffffff;
    text-shadow: #844898 1px 1px 0px, #844898 -1px 1px 0px, #844898 1px -1px 0px, #844898 -1px -1px 0px;*/
    background : #844898;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#c29acf, endColorstr=#844898);
    background-image : -moz-linear-gradient(-45deg, #c29acf 0%, #844898 100%);
    background-image : -webkit-linear-gradient(-45deg, #c29acf 0%, #844898 100%);
    background-image : -ms-linear-gradient(-45deg, #c29acf 0%, #844898 100%);
    background-image : linear-gradient(-45deg, #c29acf 0%, #844898 100%);
    background-image : -o-linear-gradient(-45deg, #c29acf 0%, #844898 100%);
    tbackground-image : -webkit-gradient(linear, right top, left bottom, color-stop(0%,#c29acf), color-stop(100%,#844898));
/**
    -moz-background-size  : 3% 25%;
    -webkit-background-size  : 3% 25%;
    -ms-background-size  : 3% 25%;
    background-size  : 3% 25%;
*/
}
.alert5 {
    background: #ff8000;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffd5aa, endColorstr=#ff8000);
    background-image : -moz-linear-gradient(-45deg, #ffd5aa 0%, #ff8000 100%);
    background-image : -webkit-linear-gradient(-45deg, #ffd5aa 0%, #ff8000 100%);
    background-image : -ms-linear-gradient(-45deg, #ffd5aa 0%, #ff8000 100%);
    background-image : linear-gradient(-45deg, #ffd5aa 0%, #ff8000 100%);
    background-image : -o-linear-gradient(-45deg, #ffd5aa 0%, #ff8000 100%);
    background-image : -webkit-gradient(linear, right top, left bottom, color-stop(0%,#ffd5aa), color-stop(100%,#ff8000));
/**
    -moz-background-size  : 10% 25%;
    -webkit-background-size  : 10% 25%;
    -ms-background-size  : 10% 25%;
    background-size  : 10% 25%;
*/
}

.alert0 a {
    color      : #f4f4f4;
    cursor     : text;
}
.alert1 a,
.alert2 a,
.alert5 a {
    color      : #000000;
    cursor     : pointer;
}
.alert3 a,
.alert4 a {
    color      : #ffffff;
    cursor     : pointer;
}
#linker {
    clear : both;
}
#linker li {
    float : left;
    width : 33.3333333%;
    background  : #4682B4;
    text-align  : center;
    -webkit-transition: all .6s;
    transition: all .6s;
}
#linker li a {
    font-size   : 11px;
    color       : #ffffff;
    font-size   : 13px;
    -webkit-transition: all .6s;
    transition: all .6s;
    white-space: nowrap;
}
#linker li:hover,
#linker li a:hover {
    background : #808080;
}

#mainData {
    position  : absolute;
    top       : 304px;
    left      : 0;
    right     : 0;
    bottom    : 0;
    width     : 100%;
    min-height: 200px;
    height    : auto;
    overflow  : hidden;
}
#iframe_wrapper {
	position : relative;
	box-sizing : border-box;
	width : 100%;
	height : 100%;
}
#iframe1 {
    width  : 100%;
    height : 100%;
    //float  : left;
}

#menu li .btn-pdf,
#menu li.on .btn-pdf {
    width: 19px;
    height: 19px;
    line-height: 21px;
    margin-top: -24px;
    margin-right: 1px;
    position: relative;
    float: right;
    background-color: white;
    font-size: 16px;
    cursor: pointer;
    font-weight: bold;
    color: orange;
    border-radius: 4px;
    border: 2px solid orange;
    text-align: center;
    text-align: -moz-center;
    text-align: -webkit-center;
}
#menu li .btn-pdf:hover,
#menu li.on .btn-pdf:hover {
    background-color:#808080;
    color: orange;
}

/* メニューボタン２行 */
.MenuLines-2 div:first-child {
  padding-top     : 14px;
  line-height     : 300%;
}
.MenuLines-2 div:last-child {
  margin-top      : -24px;
  padding-bottom  : 13px;
  line-height     : 300%;
}


@media only screen and (min-width: 480px) {
#main-menu {
    width   : 100%;
    margin  : 0px;
    padding : 0px;
    float   : left;
}
#menu li{
    min-width : 77px;
    width     : 25%;
}

#menu li a {
//    font-size       : 12px;
    line-height     : 26px;
}
#sub-menu {
    width   : 100%;
    margin  : 0px;
    padding : 0px;
    float   : left;
}
#content {
    position : relative;
    width    : 100%;
//    width    : 99.7%;
//    height   : 120px;
//    border   : 2.8px solid #66CCFF;
//    background : #f4f4f4;
>    height: auto !important;
>    height: 470px;
>    min-height: 470px;
}
#content div {
    position    : absolute;
    display     : none;
    width       : 100%;
//    width       : 99.7%;
//    height    : 400px;
//    font-size   : 14px;
    color       : #000000;
    line-height : 1em;
    text-align  : left;
}
#content div li{
    margin  : 0px 0px;
    padding : 2px 0px;
}
#content div p{
}
#alert {
    width     : 100%;
//    font-size : 12px;
}
#alerts p[class^="alert"] {
    width : 25%;
    float : left;
}
#mainData {
    position:absolute;
    top:218px;
    left:0;
    right:0;
    bottom:0;
    width:100%;
    height: auto;
    overflow : hidden;
}

}

@media only screen and (min-width: 769px) {

body, .item {
    -webkit-box-sizing : border-box;
    -moz-box-sizing : border-box;
    box-sizing : border-box;
    height   : 100%;
    overflow-y : auto;
		overflow-x : hidden;
		-webkit-overflow-scrolling:touch;
}
#contents{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width          : 20%;
    height         : 100%;
    margin         : 0;
    padding-bottom : 181px;
    padding-top    : 82px;
    float          : left;
}
#menues {
    float : left;
    width : 100%;
    height: 100%;
    background : #f4f4f4;
}
/**
#iframe1 {
    float  : left;
    width  : 80%;
    height : 100%;
}
*/
#header {
    color      : #ffffff;
    height     : 84px;
    margin-top : -84px;
    text-align : center;
    background : #f4f4f4;
}
#main-menu {
    width   : 35%;
    height  : 100%;
    margin  : 0px;
    padding : 0px;
    float   : left;
}
#main-menu ul{
    height  : 96%;
}
#menu li{
    width   : 100%;
//    height  : 16.66666%;
//    height  : 16%;
}
#menu li a {
    font-size       : 14px;
    line-height     : 600%;
}

#sub-menu {
    width   : 64.6%;
    height  : 100%;
    margin  : 0px;
    padding : 0px;
    float   : left;
    z-index : auto;
}
#sub-menu .close {
    visibility : hidden;
}
#content {
    position : relative;
    width    : 98.4%;
//    height   : 357px;
//    height   : 596px;
    min-height   : 670px;
    height   : 95%;
    border   : 2.8px solid #66CCFF;
    background : #f4f4f4;
    opacity  : 1.0;
/**
>    height: auto !important;
>    height: 470px;
>    min-height: 470px;
*/
}
#content div {
//    border   : 2.8px solid #66CCFF;
    position    : absolute;
    display     : none;
    width       : 98.0%;
    font-size   : 14px;
    color       : #000000;
    line-height : 1.2em;
    text-align  : left;
    margin      : 0 0 0 2px;
}
#content li {
    width : 100%;
    clear : both;
}
#content div li{
    width  : 100%;
    margin : 0px;
    text-align : left;
    background : #f4f4f4;
}
#tab-menu-2 li:hover,
#tab-menu-3 li:hover,
#tab-menu-4 li:hover,
#tab-menu-5 li:hover,
#tab-menu-6 li:hover {
    background : #808080;
}

#tab-menu-2 a:hover,
#tab-menu-3 a:hover,
#tab-menu-4 a:hover,
#tab-menu-5 a:hover,
#tab-menu-6 a:hover {
    color : #fff;
}
#content div p{
    margin      : 3px 0px;
}
.indent {
    margin-left : 1em;
}
.sub_on {
    color : navy;
    font-weight : bold;
}
#alert {
    bottom       : 21px;
    width        : 20%;
    height       : 160px;
    -moz-opacity : 0.7;
    position     : absolute;
    text-align   : center;
}
#alerts p[class^="alert"] {
    width       : 50%;
    height      : 24px;
    text-align  : center;
    float       : left;
    padding-top : 8px;
}

#linker {
    bottom       : 0;
    color        : #fff;
    width        : 20%;
    height       : 21px;
    -moz-opacity : 0.7;
    position     : absolute;
    text-align   : center;
}

#linker {
    position : absolute;
    bottom   : 0;
    width    : 20%;
}
#linker li {
//    width      : 33.3333333%;
    min-height : 21px;
    float      : left;
//    background : #4682B4;
//    text-align : center;
}
#mainData {
    position: relative;
    top   : 0;
    width : 80%;
    height: 100%;
    float  : left;
    overflow : hidden;
}
#iframe1 {
    //float  : left;
    width  : 100%;
    height : 100%;
}

/* メニューボタン２行 */
.MenuLines-2 div:first-child {
  padding-top      : 14px;
  line-height      : 300%;
}
.MenuLines-2 div   :last-child {
	display	         :	block;
  margin-top       : -24px;
  padding-bottom   : 13px;
  line-height      : 300%;
}
}

@media only screen and (min-width: 769px)
									 and (max-width: 1350px) {
#mainData {
  width : 100%;
	/*
  width : calc(100% - 270px);
  width : -webkit-calc(100% - 270px);
  width : -moz-calc(100% - 270px);
	*/
  position : absolute;
  box-sizing : border-box;
  padding-left : 270px;
  overflow : hidden;
}
#contents {
	width : 270px;
	position : relative;
	z-index : 1;
}
#alert {
    width : 270px;
}
#linker {
    width : 270px;
}
}

/*
@media only screen and (min-width: 768px)
									 and (max-width: 1020px) {
#web_name {
	font-size : 1.5em;
	line-height : 1.8em;
}
}
*/
@media only screen and (max-width: 769px) {
/* メニューボタン２行 */
.MenuLines-2 div:first-child {
	line-height : 26px;
  padding-top : 0px;
}
.MenuLines-2 div:last-child {
	display:   none;
}
}