html {
margin: 0px; padding: 0px; width: 100%; height: 100%;
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
background-color: rgb(247, 247, 247);
}

body {
    position: relative;
    left: 0;
    overflow-x: hidden;
}



@media screen and (min-width: 1200px){
body {
	margin: 0px; padding: 0px; width: 100%; height: 100%; background-color: rgb(247, 247, 247);
}
}

@media screen and (max-width: 1199px){
body {
	margin: 0px; padding: 0px; width: 100%; height: 100%; background-color: rgb(247, 247, 247);
}
}

#pageTop {
	right: 20px; bottom: 20px; position: fixed;
}
#pageTop i {
	padding-top: 6px;
}
#pageTop a {
	padding: 8px 0px 0px; border-radius: 30px; width: 120px; height: 35px; text-align: center; color: rgb(255, 255, 255); font-weight: bold; text-decoration: none; display: block; z-index: 999; background-color: rgb(0, 132, 200);
}
#pageTop a:hover {
	text-decoration: none; opacity: 0.7;
}
.copyright {
	text-align: center; margin-top: 20px;
}
.total-rows {
	width: 500px; text-align: center; display: inline-block;
}
#filter-value {
	width: 220px;

}
.kensaku {
	text-align: right; margin-right: -1px;margin-bottom:1em;
}
.header {
background-position: 0% 0%; 
margin: 0px auto; 
width: 100%; 
height: 120px; 
background-attachment: scroll; 
background-repeat: repeat; 
background-size: auto auto; 
background-origin: padding-box; 
background-clip: border-box;
overflow:hidden;

}

@media screen and (max-width: 1199px){
.header {
	min-width:500px;
}
}


#map .header {
background-position: 0% 0%; 
margin: 0px auto; 
width: 100%; 
height: 120px; 
background-attachment: scroll; 
background-repeat: repeat; 
background-size: auto auto; 
background-origin: padding-box; 
background-clip: border-box;
overflow:hidden;
min-width:1200px;
}

#page .header {
	background-position: 0% 0%; margin: 0px auto; width: 100%; height: 120px;  background-attachment: scroll; background-repeat: repeat; background-size: auto auto; background-origin: padding-box; background-clip: border-box;
}

.header-title {
	background: 0% 0% / auto auto rgba(255, 255, 255, 0.8); margin: 0px auto; width: 100%; height: 58px; position: absolute; z-index: 1;min-width:1200px;
}
@media screen and (max-width: 1199px){
.header {
	min-width:500px;
}
.header-title {
min-width:500px;
}

}


@media screen and (min-width: 1200px){
.innerBlock {
margin: 0px auto; width: 1200px;}
}


@media screen and (max-width: 1199px){
.innerBlock {
	margin: 0px auto; width: 100%;
}
}




.header-logo {
	height: 58px; position: absolute; z-index: 2;
}


.header-inner {
	margin: 0px auto; width: 1200px; height: 58px;
}

.header-text{ z-index: 2;
margin-left: 350px;
padding-top: 5px;
float: left;}

@media screen and (max-width: 1199px){
	.header-inner {
	width: 100%;
}
.innerBlock {
	margin: 0px auto; width: 100%; height: 58px;
}
.header-text{ 
display:none;
}

}



.goto_archives{ float: right;

z-index: 2;

width: 120px;

margin-top: 2em;
}

.explanation {
	margin: 0px auto; width: 1200px;
}

@media screen and (max-width: 1199px){
.explanation {
	width: 100%;
}
}
.image1, .image2, .image3, .image4, .image5{
	background-position: center; cursor: pointer;background-image: linear-gradient(rgba(255, 255, 255, 0) 55%, rgba(0, 0, 0, 0.4)); background-attachment: scroll, scroll; background-repeat: repeat, no-repeat; background-size: cover; background-origin: padding-box, padding-box; background-clip: border-box, border-box; background-color: transparent;
}

#page .contents{ margin: 0 auto; width:980px;}

.explanation-mitsui li {
	display: inline-block;
}
.explanation-gaihouzu li {
	display: inline-block;
}
li.first {
	font-family: MS Mincho; font-size: 25px; font-weight: 900;
}
li.second {
	font-family: MS Mincho; font-size: 18px; font-weight: 700;
}
.footer {
	height: 80px;
}
.footer p {
	text-align: center;
}
.text1 {
	
}
.main-inner {
	margin: 0px auto; 
}
@media screen and (min-width:1537px)
{
.main-inner {
	width: 1536px;
}
}
@media screen and (max-width:1536px) and (min-width:1200px)
{
.main-inner {
	width: 100%;
}
}
@media screen and (max-width:1199px)
{
.main-inner {
	width: 100%;
}
}
.item {
	margin: 0px 10px 5px 0px; border-radius: 5px; border: 1px solid rgb(204, 204, 204); border-image: none; width: 500px; overflow: hidden; box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
}
.link-image {
	margin: 20px 15px 20px 20px; width: 250px; float: left;
}
.float-left {
	float: left;
}
.float-left:hover {
	opacity: 0.7;
}
.main-inner a:visited {
	color: black;
}
.main-inner a:link {
	color: black;
}
.float-right {
	float: right;
}
.float-right:hover {
	opacity: 0.7;
}
.kaisetu-text {
	width: 210px; margin-top: 1em; float: left; display: inline-block;
}
main {
	margin: 30px auto 0px; width: 100%;
}
.subtitle {
	font-size: 1.2em; font-weight: bold;
}
.margin-top-zero {
	margin-top: 0px;
}
.open-close {
	margin: 0px 0px 0px auto; border-radius: 0px 0px 10px 10px; width: 200px; text-align: center; color: aliceblue; font-weight: bold; cursor: pointer; background-color: rgb(0, 132, 200);
}
.open-close:hover {
	opacity: 0.8;
}
.breadcrumb {
	margin: 0px auto; width: 1200px;
}

@media screen and (max-width:1199px)
{
	.breadcrumb {
	margin: 0px auto; width: 100%;
}
.breadcrumb-inner {
	width: 100%;
}
}

.breadcrumb-back {
	width: 100%; background-color: rgb(0, 132, 200);position: absolute;z-index: 1;margin:58px 0px 0px 0px;
}
.breadcrumb ol li {
	display: inline-block;
}
.breadcrumb ol li a:link {
	color: white;
}
.breadcrumb ol li a:visited {
	color: white;
}
.breadcrumb ol li::after {
	color: white; content: ">";
}
.breadcrumb ol li:last-child::after {
	content: none;
}
.breadcrumb ol li:hover {
	cursor: pointer; opacity: 0.7;
}
.subtitle {
	text-indent: 1em;
}
.explanation-gaihouzu {
	margin: 0px auto; width: 1024px; height: 410px;
}

/* ----menu---- */
#dropmenu {
  list-style-type: none;
  width: 1200px;
  height: 50px;
  margin: 0px auto 0px;
  padding: 10px 0 0 0;
  background: rgb(0, 132, 200);
  border-bottom: 0px solid #696969;
  border-radius: 3px 3px 0 0;
}



#dropmenu li {
  position: relative;
  width: calc((100% - 120px) / 5);
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
  z-index: 1000;
}
@media screen and (max-width:1199px)
{
#dropmenu {
	width: 100%;
}
#dropmenu li {
  position: relative;
  width: calc(100% / 5);
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
  z-index: 1000;
}

}

#dropmenu li.goto_home {
text-align: center;
margin: 0;
padding: 0;
width: 120px;
float: left;
position: relative;
z-index: 1000;
}


#dropmenu li a {
  display: block;
  margin: 0;
  padding: 15px 0 11px;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
}
#dropmenu li.goto_home a{
  padding: 5px 0 6px;

}

#dropmenu li.goto_home a:before {
  content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 30px;/*画像の幅*/
  height: 30px;/*画像の高さ*/
  background-image: url(../images/home.png);
  background-size: contain;
  vertical-align: middle;
}

#dropmenu li ul {
  list-style: none;
  position: absolute;
  z-index: 100;
  top: 100%;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 0;
}
#dropmenu li ul li {
  overflow: hidden;
  width: 100%;
  height: 0;
  color: #fff;
  opacity: 0.9;
  transition: .2s;
}
#dropmenu li ul li a {
  padding: 13px 15px;
  background: #004265;
  text-align: left;
  font-size: 12px;
  font-weight: normal;
}
#dropmenu > li:hover > a {  background: #004265; color:#fff; border-radius:.2em;border:3px solid #004265;}
#dropmenu > li:hover li:hover > a {  background: #a2882c; }
#dropmenu li:hover > ul > li {
  overflow: visible;
  height: 38px;
  border-top: 1px solid #707070;
}
#dropmenu li ul li ul {
  top: 0;
  left: 100%;
}
#dropmenu li:last-child ul li ul {
  left: -100%;
  width: 100%;
}
#dropmenu li ul li ul li a {  background: #303030 }
#dropmenu li:hover ul li ul li:hover > a {  background: #a2882c }
#dropmenu li ul li ul:before {
  position: absolute;
  content: "";
  top: 13px;
  left: -20px;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-left-color: #fff;
}
#dropmenu li:last-child ul li ul:before {
  position: absolute;
  content: "";
  top: 13px;
  left: 200%;
  margin-left: -20px;
  border: 5px solid transparent;
  border-right-color: #fff;
}


a.topimage:hover img {opacity: 0.6;filter: alpha(opacity=60);}

.wrap{width:100%; margin:0 auto;}

@media screen and (max-width:1199px)
{
.wrap {
	width: 100%;
}
}

.container{width:100%; margin:1em auto;}

.main_menu{width: 100%; overflow: hidden; margin-right:0px;}
.main_menu > div{width : calc((100% / 3) - 1em) ; background:#fff; margin-right:1em; margin-bottom:2em; float:left;box-shadow: 0px 0px 5px #666;}
.main_menu .grid{}
.main_menu .grid a{}
.main_menu .grid .category{color:#fff; padding:.5em 1em; display:inline-block; font-weight:bold;}
.main_menu .grid .catimg{ width:100%; height: 180px; overflow: hidden; padding:.5em 1em; }
.main_menu .grid .catimg img{ width:calc(100% - 2em);}
.main_menu .grid .title{font-weight:bold; font-size:1.4em; padding:.5em 1em; color:rgb(0, 132, 200);}
.main_menu .grid .desc{font-weight:normal; font-size:1em; padding:.5em 1em;height:4em;}
.main_menu .menu1 .category{background:rgb(0, 132, 200);}
.main_menu .menu2 .category{background:rgb(0, 132, 200);}



.main_menu {
  display: -webkit-box; /*Android4.3*/
  display: -moz-box;    /*Firefox21*/
  display: -ms-flexbox; /*IE10*/
  display: -webkit-flex; /*PC-Safari,iOS8.4*/
  display: flex;
  flex-wrap: wrap;
}
.main_menu .grid{
 position: relative;
 }

.main_menu .grid a{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.sub_block h2{color:rgb(0, 132, 200);font-size:2em; font-weight:bold;border-left:10px solid #0084c8; border-bottom:1px solid #aaa; padding:0px 0px 3px .5em; margin-bottom:0em;}
.sub_block .top_backno{position: relative;top: -2.5em;left: 50em; width:12em;}
.sub_block .top_backno a{background: #0084c8;padding: 0.2em 1em;border-radius: 10px;color:#fff;text-decoration: none;}

.sub_block dl.news{}
.sub_block dl.news dt{float: left; margin-bottom:1.5em; margin-left:1em;}
.sub_block dl.news p.cat{display: inline-block;border-radius: .5em;color: #fff;padding: .2em 1em;font-size: .8em;margin-right: 1em;width:5em;text-align:center;}
.sub_block dl.news p.c1{background: #73762E;float: left;}/*その他*/
.sub_block dl.news p.c2{background: #00765D;float: left;}/*資料*/
.sub_block dl.news p.c3{background: #8E196E;float: left;}/*所在情報*/
.sub_block dl.news p.c4{background: #831c1c;float: left;}/*検討会議*/
.sub_block dl.news p.c5{background: #1c4983;float: left;}/*広報*/
.sub_block dl.news dd{margin-left: 8em; margin-bottom:1.5em;}
.sub_block dl.news dd a{ text-decoration: none; color:rgb(0, 132, 200);}
.sub_block dl.news dd a:hover{ text-decoration: none; color:#aaa;}
.note{
	background-color: white;
	text-align: center;
	margin-top: 2em;
	padding: 1em;
	border: 1px #CCCCCC solid;
}
ul.act_list li{
margin-left:1em;
margin-bottom:1em;
}
ul.act_list li:before{
content:'●';
}
/* ---category title--- */
h1{color:rgb(0, 132, 200);font-size:2em; font-weight:bold;}

@media screen and (max-width: 1199px){
h1{font-size:4vw;}
}

@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, h1{
    /* IE11 にのみ適用される */
margin-top:1em;
  }
}
h2{color:rgb(0, 132, 200);font-size:1.2em; font-weight:bold; margin-top:1em;border-left:6px solid #0084c8; border-bottom:1px solid #aaa; padding-left:.5em;margin-bottom:1em;}
h3{color:rgb(0, 132, 200);font-size:1.5em; font-weight:bold;}
h4{color:#666;font-size:1em; font-weight:normal; margin-bottom:.5em; padding:.1em .5em; border-radius:4px; border:1px solid #aaa;display:inline-block;}
h4:before{
content:'';
}
h2.itemshiryou{color:#000;font-size:2em; font-weight:bold;border-left:10px solid #000; border-bottom:0px solid #aaa; padding:0px 0px 3px .5em; margin-bottom:0em;}
/* ---category menu--- */

.cat_menu{width: 100%; overflow: hidden; margin-right:0px;}
.cat_menu > div{width : calc((100% / 4) - 1em) ; background:#fff; margin-right:1em; margin-bottom:2em; float:left;border:0px solid #0084c8;}


@media screen and (max-width: 1199px){
.cat_menu > div{width : calc((100% / 3) - 1em) ; background:#fff; margin-right:1em; margin-bottom:2em; float:left;border:0px solid #0084c8;}
}

@media screen and (max-width: 789px){
.cat_menu > div{width : calc((100% / 2) - 1em) ; background:#fff; margin-right:1em; margin-bottom:2em; float:left;border:0px solid #0084c8;}
}

.cat_menu .grid{}
.cat_menu .grid a{}
.cat_menu .grid .category{color:#fff; padding:.5em 1em; display:inline-block; font-weight:bold;}
.cat_menu .grid .catimg{ width:100%; height: 180px; overflow: hidden; padding:0em; }
.cat_menu .grid .catimg img{ width:calc(100% - 0em);}
.cat_menu .grid .title{font-weight:normal; font-size:1.2em; padding:.5em 1em 0em; color:rgb(0, 132, 200);height: 2.6em;}

@media screen and (max-width: 789px){
.cat_menu .grid .title{font-weight:normal; font-size:4vw; padding:.5em 1em 0em; color:rgb(0, 132, 200);height: auto;}
.cat_menu .grid .catimg{ width:100%; height: auto; overflow: hidden; padding:0em; }

}

.cat_menu .grid .desc{font-weight:normal; font-size:1em; padding:.5em 1em;height: 9em;}
.cat_menu .grid .hold{display:inline-block;padding:.2em 1em; background:#e5f0f6;border-radius:.5em;color:#000;margin: 0 1em;border:0px solid #0084c8;}
.cat_menu .grid .data{ font-size: 1em; text-align: right; padding: .5em 1em; }
.cat_menu .grid .arc{display:inline-block;padding:.2em 1em; background:#e5f0f6;border-radius:.5em;color:#000;margin:  1em 0em 0 1em;border:0px solid #0084c8;float:left;font-size: .9em;}
.cat_menu .grid .area{display:inline-block;padding:.2em 1em; background:#e5f0f6;border-radius:.5em;color:#000;margin: 1em 1em 1em 1em;border:0px solid #0084c8;font-size: .9em;}
.item_text{margin:1em;border-bottom:0px dotted #ccc;padding-bottom:1em;}
.item_text{
	overflow-wrap: break-word;
	
}

.cat_menu {
  display: -webkit-box; /*Android4.3*/
  display: -moz-box;    /*Firefox21*/
  display: -ms-flexbox; /*IE10*/
  display: -webkit-flex; /*PC-Safari,iOS8.4*/
  display: flex;
  flex-wrap: wrap;
}
.cat_menu .grid{
 position: relative;
 }

.cat_menu .grid a{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

div .item_img img{
max-width: 500px;
max-height: 400px;
}


div .item_img{float:right;margin-left:1em;width:550px;}

@media screen and (max-width: 789px){
div .item_img{
float: none;
margin:0 auto
text-align: center;
width:100%;
}
div .item_img img{
width:100%;
max-width: 500px;
max-height: 400px;
}
}

div .item_desc{min-height: 400px;}
div .item_document{
border: 1px solid #ccc;
padding: 1em;
background: #fff;
margin-top: 1em;
}
div .item_hold{}
div .item_img{}

.bc{width:980px;margin:0 auto;}


table.s-tbl{width:1200px;}
table td{ text-align: left; padding: .2em; border: 1px #666 solid; }
.s-tbl {
	border-collapse: collapse;
	background: #fff;
}
.s-tbl th, .s-tbl td {
	border: 1px solid #666;
}
.s-tbl tr:nth-child(even) {
	background: rgba(0, 132, 200,0.1);
}
.s-tbl tr:hover {
	background: rgba(0, 132, 200,0.3)
}
.s-tbl .hold {
	background: rgb(0, 132, 200);
	color:#fff;
	border-radius:8px;
	display:inline-block;
	padding:.2em .5em;
	font-size:.8em;
}

.s-tbl .year {
	width:200px;

}
.s-tbl .month {
	width:50px;

}


.textover {
  visibility: hidden;

}

.selectbox{text-align:right;margin-bottom:1em;}
.searchb_btn{
	margin:1em;
	text-align:center;
}


.sortbox td{border:0px solid #fff;}

table.sortbox{
 margin-left: auto;
 margin-bottom:1em;
}
div.sort{display:block;
background:rgb(0, 132, 200);
padding:.3em 2em;
font-size:.8em;
cursor: pointer;
text-align:center;
color:#fff;
border-radius:.5em;
}
 

.sortbox{
    margin:0;
    padding:0;
}

.sort_button button {
	cursor: pointer;
    color: rgb(0, 132, 200);
    border: 2px solid rgb(0, 132, 200);
    background: #fff;
    padding: 3%;
    width: 94%;
    border-radius: 5px;
    margin: 5% 3%;
    line-height: 14px;
    letter-spacing: 1px;
    font-weight: bold;
    white-space: nowrap;
    font-size: 11px;
    height:40px;
	padding:0 1em;
}

.sort_button .active{
    background:rgb(0, 132, 200);
    color:#fff;
}

.sort_button button::after {
    display: block;
    width: 10px;
    height: 10px;
    font-size: 11px;
    position: relative;
    float: right;
    top: 0;
    right: 0;

}

.sort_button {
    display: block;
    margin: 0px;
	
}

.main-inner{display:table;}
.SearchMenu{
	display:table-cell;
	font-size:.7em;
	line-height:1.3;
	width: 300px;
}
.SearchArea{
	background:#fff;
	padding:1em;
	margin-right:1em;
	border:1px solid #ccc;
	border-top:3px solid rgb(0, 132, 200); 
}
.SearchArea dt{
	margin-top:1em; 
	padding-top:1em; 
}
.SearchArea dl{
	border-top:0px dotted #ccc; 
}

.SearchArea dt:first-child {margin-top:0;}

.SearchArea dd{
display: inline-block;	
}

.SearchArea .grouplist dd{
}

.shcount{font-size:.9em;}
.MainArea{display:table-cell;}
.clr{clear:both;}
.material-icons{
	color:rgb(0, 132, 200);
	vertical-align: bottom;
}

#gridsel .mix{
    display: none;
}

dl{margin-left:1em;}
dl:before, dl:after {
    content:"";
    display:table
}
dl:after { clear:both }
dt{font-weight:bold;margin-left:-1em;}
dd{float: left; margin-left:0em;}
.htitle{font-weight:bold;}
h5{font-weight:bold;
font-size:1.1em;
color:rgb(0, 132, 200)}


@media screen and (max-width: 950px){

.main-inner{display:block;}
.SearchMenu{
	display:block;
	font-size:.8em;
	line-height:1.3;
	width: 100%;
}
.SearchArea{
	background:#fff;
	padding:1em;
	margin-right:1em;
	border:1px solid #ccc;
	border-top:3px solid rgb(0, 132, 200); 
}
.SearchArea dt{
	margin-top:1em; 
	padding-top:1em; 
}
.SearchArea dl{
	border-top:0px dotted #ccc; 
}

.SearchArea dt:first-child {margin-top:0;}

.SearchArea dd{
display: inline-block;	
}

.SearchArea .grouplist dd{
display: inline-block;	
}

.MainArea{display:block;}

}



.main,
.main li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.main {
  margin-bottom: 5px;
}
.main li {
  width: 460px;
  height: 340px;
  overflow: hidden;
}
.main li.item2,
.main li.item3,
.main li.item4 {
  display: none;
}
.main li:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}
.thumb,
.thumb li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.thumb li {
  display: inline-block;
  width: 111px;
  height: 111px;
  overflow: hidden;
  cursor: pointer;
  vertical-align: top;
  margin-bottom: 4px;
}
.thumb li img {
  width: 100%;
  height: auto;
}
.thumb li:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}


	.highlight{
  background-color:yellow;
}
        img{
            width: 100%;
            height: auto;
        }
        #mainImg{
            border: 0px solid #111;
            margin-bottom: 1em;
            height: 400px;
        }
        #subImg{
            display: flex;
            /*justify-content: space-between;*/
        }
        #subImg li{
            width: 23%;
            border: 1px solid #ccc;
			margin-right:2%;
			height: 100px;
        }
        #subImg li.current{
            border: 1px solid #14dfff;
        }

        @media (max-width: 1000px) {
            #mainImg{height: auto;}
        #subImg li{
			height: auto;
        }
		
        }



.button {
  display       : inline-block;
  border-radius : 5%;          /* 角丸       */
  font-size     : .9em;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : .5em 1em;   /* 余白       */
  background    : rgb(0, 132, 200);     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  border        : 2px solid rgb(0, 132, 200);    /* 枠の指定 */
}
.button:hover {
  color         : rgb(0, 132, 200);     /* 背景色     */
  background    : #ffffff;     /* 文字色     */
}