@charset "utf-8";
/* CSS Document */
body{
  font-size: 12px;
  font: 13px verdana,"?????? ProN W4","Hiragino Maru Gothic ProN","????","Meiryo","MS P????","MS PGothic",Sans-Serif;
  line-height: 2em;
  background-color: #7EC9DA;
  margin: 0px;
}
.pagetitle{
  margin: 0 auto;
  overflow: hidden;
  clear: both;
  /* background: #F2F2F2; */
  border-bottom: 1px solid #fff;
  width: 1000px;
}
h1{
 margin: 0 auto;
 overflow: hidden;
 text-align: center;
 color: #333;
 width: 1000px;
 font-size: 17px;
 line-height: 41px;
}
div#boxArea {
    margin: auto;
}
*{
  padding:0px;
  margin:0px;
}
.footer{
  margin:auto;
  overflow: hidden;
  /* background: #D8CEC6; */
  width: 100%;
  border-top: 1px solid #46A2B7;
}
.foot{
  text-align: center;
  color: #000;
  padding:10px;
}
.foot a{
  color: #f00;
}
.foot a:hover{
  text-decoration: underline;
  color: #f00;
}
.sub{
  padding:10px;
  margin:5px;
  overflow: hidden;
  background: #CFF4FD;
  border: 1px solid #95DCEC;
}
.sub img{
  float: right;
  margin:10px;
  width: 50%;
}
div#boxArea div:nth-child(3) {
    margin-right: -3px;
}
.Notice_top_main{
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  /* border-bottom: 1px solid #BDADA1; */
  border-top: 4px solid #20869C;
  /* background: #DACBC0; */
}
.Notice_main{
  width:1000px;
  margin:auto;
  background: #45ACC3;
  text-align: center;
  margin-bottom: 9px;
  border-bottom: 2px solid #FFF;
  border-radius: 0px 0px 30% 30%;
  -moz-border-radius: 0px 0px 30% 30%;
  -webkit-border: 0px 0px 30% 30%;
}
.Notice_main ul {
  padding:0px;
  margin:0px;
}
.Notice_main ul li {
  display: inline-block;
  line-height: 53px;
  list-style-type: none;
}
.Notice_main ul li a{
  padding: 10px 28px;
  text-decoration: none;
  color: #FFF;
}
.Notice_main ul li a:hover{
  /* background: #BDA898; */
  text-decoration: none;
  color: #000;
}
.Notice_main ul li:hover{
}
.Notice_main_top{
  width:1000px;margin:auto;
  overflow: hidden;
}
.Notice_box_img{
  width:1000px;
  margin:auto;
  overflow: hidden;
}
.Notice_box_img img{
  width:1000px;
  margin:auto;
  overflow: hidden;
}
.content_sub_page{
  width:1000px;
  margin:5px auto 5px auto;
  overflow: hidden;
  background: #fff;
}
p{
  margin:0px;
  margin:0px;
  text-align: justify;
  line-height: 30px;
}

.Notice_cont{
  padding:10px;
  margin:5px;
  overflow: hidden;

}
.Notice_middle{
  padding:10px;
  margin:5px;
  overflow: hidden;
  background: #CFF4FD;
  border: 1px solid #99DAE8;
}
.Notice_middle img{
  float: right;
  margin:10px;
  width: 50%;
}
h3{
  margin-top:15px;
}
.Notice_block{
  clear: both;
  overflow: hidden;
}

.Notice_box{
  padding:10px;
  margin:5px;
  overflow: hidden;
  border: 1px solid #99DAE8;
  background-color: #CFF4FD;
}

img.Notice_iu {
    width: 93%;
    margin: 10px;
}
a{
  color:#f00;
  text-decoration: none;
}
p a:hover{
  text-decoration: underline;
}
p.Detail_MDI a{
  float: right;
  padding: 5px 15px;
  text-decoration: none;
  color: #f00;
}
p.Detail_MDI a:hover{
  /* background: #3E80B9; */
  color: #f00;
  text-decoration: underline;
}
.Notice_box21{
  padding:10px;
  margin:5px;
  background-color: gainsboro;
  overflow: hidden;
  width: 318px;
  float: left;
}

img.Notice21 {
    width: 91%;
    margin: 10px;
    padding: 5px;
    box-shadow: 0 0 10px;
}

.Notice_box1{
  overflow: hidden;
  padding:10px;
  margin:5px;
  background: #CFF4FD;
  border: 1px solid #99DAE8;
}
img.Notice{
  float: left;
  margin:10px;
  width: 40%;
}
.pr_link_block{
  padding:10px;
  margin:5px;
  overflow: hidden;
  background: #CFF4FD;
  border: 1px solid #99DAE8;
}
.pr_link_block ul{
  padding:0px;
  margin:0px;
}
.pr_link_block ul li {
  list-style-type: none;
  line-height: 30px;
  /* border-bottom: 1px solid gray; */
}
.pr_link_block ul li a:hover{
  text-decoration: underline;
}
.Notice_left{
  float: right;
  width:300px;
  overflow: hidden;
}
.Notice_right{
  float: left;
  width:698px;
  overflow: hidden;
}
h2  {
    position: relative;
    font-size: 1.143em;
    font-weight: bold;
    text-align: center;
    line-height: 42px;
    /* border-top: 4px double #FFFFFF; */
    border-bottom: 4px double #7EC9DA;
    color: #333;
    /* background-color: #D6CCC4; */
    margin-bottom: 8px;
}
h2:before {
    /* content: ""; */
    /* position: absolute; */
    /* background: #FFFFFF; */
    /* top: 50%; */
    /* left: 0.5em; */
    /* margin-top: -10px; */
    /* height: 20px; */
    /* width: 20px; */
    /* border-radius: 100%; */
}
.Notice_sitebar{
  padding:10px;
  margin:5px;
  overflow: hidden;
  background: #ddd;
}
.Notice_sitebar ul{
  padding:0;
  margin:0px;
}
.Notice_sitebar ul li {
  list-style-type: none;
  text-align: center;
  padding:10px;
  border-bottom: 1px solid gray;
}
.Notice_sitebar ul li a{
  text-decoration:none;
  font-weight: bold;
  display: block;
}
.Notice_sitebar ul li:hover{
  background: gray;
}

@media screen and (max-width: 480px) {
  .pagetitle{
    width:100%;
  }
  h1{
    width:100%;
    font-size: 14px;
  }
  .Notice_top_main{
    width:100%;
  }
  .Notice_main{
    width:100%;
  }
  .Notice_main ul li{
    display: block;
  }
  .Notice_main ul li a{
    display: block;
    padding:0px;
  }
  .Notice_main_top{
    width:100%;
  }
  .Notice_box_img{
    width:100%;
  }
  .Notice_box_img img{
    width:100%;
  }
  .content_sub_page{
    width:100%;
  }
  .Notice_left{
    width:100%;
  }
  .Notice_sitebar{
    width:93%;
  }
  .Notice_block{
    width:100%;
  }
  .Notice_box{
    width:93%;
  }
  img.Notice_iu{
    float: none;
    width: 95.3%;
  }
  .Notice_right{
    width:100%;
  }
  .Notice_middle{
    width:93%;
  }
  .Notice_middle img{
    float: none;
    width: 95.3%;
  }
  .Notice_box21{
    width:93%;
  }
  img.Notice21{
    float: none;
    width:93%;
  }
  .Notice_box1{
    width:93%;
  }
  img.Notice{
    float: none;
    width: 95.3%;
  }
  .pr_link_block{
    width:93%;
  }
  .sub{
    width:93%;
  }
  .sub img{
    float: none;
    width: 95.4%;
  }
  .footer{
    width:100%;
  }
  .foot{
    width:93%;
  }
}
.Notice_box_img img{
   border-radius: 10px 10px 10px 10px;
  -moz-border-radius:10px 10px 10px 10px;
  -webkit-border:10px 10px 10px 10px;

}