@charset "utf-8";
/* CSS Document */
body{
  font-size: 12px;
  font: 12px verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
  line-height: 2em; 
}
.header{
  width:1000px;
  margin:auto;
  line-height: 33px;
  overflow: hidden;
  background: #4D8CC3;
}
h1{
  width:1000px;
  margin:auto;
  text-align: center;
  padding:10px;
  color:#fff;
}
.border_main_top{
  width:1000px;
  margin:auto;
}
.border_box_img{
  width:1000px;
  margin:auto;
}
.border_top_main{
  width:1000px;
  margin:auto;
  overflow: hidden;
}
.border_main_menu{
  width:1000px;
  margin:auto;
  margin-top: -12px;
  text-align: center;
  margin-bottom: -8px;
  background-color: #4D8CC3;
}
.border_main_menu ul li {
  display: inline-block;
  list-style-type: none;
  line-height: 50px;
}
.border_main_menu ul li a{
  padding: 10px 50px;
  text-decoration: none;
  font-weight: bold;
  color:#fff;
}
.border_main_menu ul li:hover {
  background: gray;
}
.border_controler{
  width:1000px;
  margin:auto;
  background: #fff;
  overflow: hidden;
  box-shadow: 0px 0px 3px;
}
.bord_cont{
  padding:10px;
  overflow: hidden;
}
.border_box{
  width: 294px;
  float: left;
  border:1px solid gray;
  overflow: hidden;
  box-shadow: 0px 0px 10px;
  padding:10px;
  margin:5px 5px 5px 5px;
}
p a:hover{
  text-decoration: underline;
}
a{
  color:#f00;
  text-decoration: none;
}
img.border_img {
    width: 90%;
    padding: 5px;
    margin: 10px;
    box-shadow: 0px 0px 10px;
}
.border_block{
  overflow: hidden;
}
.border_box1{
  width: 458px;
  float: left;
  margin:5px 5px 5px 5px;
  overflow: hidden;
  border:1px solid gray;
  box-shadow: 0px 0px 1px;
  padding:10px;
}
img.border_imga {
    width: 53%;
    padding: 5px;
    float: left;
    margin: 10px;
}
p.readmore a{
  font-weight: bold;
}
.border_box2{
  border:1px solid gray;
  overflow: hidden;
  box-shadow: 0px 0px 10px;
  padding:10px;
  margin:5px 5px 5px 5px;
}
img.border_img2 {
    width: 29%;
    float: left;
    margin: 10px;
    padding: 5px;
    box-shadow: 0px 0px 10px;
}
.border_middle{
  border:1px solid gray;
  overflow: hidden;
  box-shadow: 0px 0px 10px;
  padding:10px;
  margin:5px 5px 5px 5px;
}
.border_middle img{
  width: 26%;
  float: left;
  padding:5px;
  margin:10px;
}
p{
  line-height: 30px;
  margin:0px;
  padding:0px;
  text-align: justify;
}
h3{
  margin-top:30px;
}
.links_pr_block{
  border:1px solid gray;
  overflow: hidden;
  padding:10px;
  box-shadow: 0px 0px 10px;
  margin:5px 5px 5px 5px;
}
.links_pr_block ul {
  margin:0px;
  padding:0px;
}
.links_pr_block ul li {
  list-style-type: none;
  border-bottom: 1px solid gray;
  line-height: 30px;
}
a:hover{
  text-decoration: underline;
}
.links_pr_block h2{
  border-bottom: 5px solid gray;
}
.border_box2 h2{
}
.border_box2 h2:before{
  content:" ";
  position:absolute;
  top:100%;
  left:0;
  width:0;
  height:0;
  border-width:0 10px 10px 0;
  border-style:solid;
  border-color:transparent;
  border-right-color: #9A4343;
}
.border_box2 h2:after{
  content:" ";
  position:absolute;
  top:100%;
  right:0;
  width:0;
  height:0;
  border-width:10px 10px 0 0;
  border-style:solid;
  border-color:transparent;
  border-top-color: #9A4343;
}
.border_middle h2{
}
.border_middle h2:before{
  content:" ";
  position:absolute;
  top:100%;
  left:0;
  width:0;
  height:0;
  border-width:0 10px 10px 0;
  border-style:solid;
  border-color:transparent;
  border-right-color: #9A4343;
}
.border_middle h2:after{
  content:" ";
  position:absolute;
  top:100%;
  right:0;
  width:0;
  height:0;
  border-width:10px 10px 0 0;
  border-style:solid;
  border-color:transparent;
  border-top-color: #9A4343;
}
h2{
  position:relative;
  margin:0 -10px 0 -10px;
  padding:10px 20px;
  margin-bottom: 12px;
  background: #4D8CC3;
  box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
  color: #fff;
  text-align: CENTER;
}
.border_box1 h2:before{
  content:" ";
  position:absolute;
  top:100%;
  left:0;
  width:0;
  height:0;
  border-width:0 10px 10px 0;
  border-style:solid;
  border-color:transparent;
  border-right-color: #9A4343;
}
.border_box1 h2:after{
  content:" ";
  position:absolute;
  top:100%;
  right:0;
  width:0;
  height:0;
  border-width:10px 10px 0 0;
  border-style:solid;
  border-color:transparent;
  border-top-color: #9A4343;
}
.border_box h2{
  position:relative;
  margin:0 -10px 0 -10px;
  padding:10px 20px;
  background: #9A4343;
  box-shadow:
    0 3px 3px 0 rgba(0,0,0,0.1);
  color: #fff;
}
.border_box h2:before{
  content:" ";
  position:absolute;
  top:100%;
  left:0;
  width:0;
  height:0;
  border-width:0 10px 10px 0;
  border-style:solid;
  border-color:transparent;
  border-right-color: #9A4343;
}
.border_box h2:after{
  content:" ";
  position:absolute;
  top:100%;
  right:0;
  width:0;
  height:0;
  border-width:10px 10px 0 0;
  border-style:solid;
  border-color:transparent;
  border-top-color: #9A4343;
}
.footer{
  width:1000px;
  margin:auto;
  background: #4D8CC3;
  overflow: hidden;
  box-shadow: 0 1px 2px #333;
  padding-bottom: 28px;
}
.foot{
  width:1000px;
  overflow: hidden;
  margin:auto;
  color:#fff;
  text-align: center;
}
.foot a{
}
.foot a:hover{
}
div#boxArea {
    margin: auto;
    margin-top: 10px;
}
.sub img{
  width: 26%;
  padding:5px;
  margin:10px;
  box-shadow: 0px 0px 10px;
  float: left;
}
.sub {
  overflow: hidden;
  padding:10px;
  /* margin:5px 5px 5px 5px; */
  /* box-shadow: 0px 0px 10px; */
}
.sub h2{
  border-bottom: 5px solid gray;
}
/*===>Media 480<===*/
@media screen and (max-width: 480px){
body{padding:10px;}
  .header{
    width:100%;
    margin:auto;
  }
  h1{
    font-size: 12px;
    width:100%;
  }
  .border_main_top{
    width:100%;
  }
  .border_box_img{
    width:100%;
  }
  .border_box_img img{
    width:100%;
  }
  .border_top_main{
    width:100%;
    background: red;
  }
  .border_main_menu{
    width:100%;
  }
  .border_main_menu ul li {
    display: block;
  }
  *{
    margin:0px;
    padding:0px;
  }
  .border_controler{
    width:100%;
  }
  .bord_cont{
    width:93%;
  }
  .border_block{
    width:100%;
  }
  .border_box{
    width:93%;
  }
  img.border_img{
    width:93%;
  }
  .border_box1{
    width:93%;
  }
  img.border_imga{
    width:93%;
  }
  img.border_img2{
    width:93%;
  }
  .border_middle img{
    width:93% !important;
  }
.footer{
  width:100%;
}
.foot{
  width:100%;
}
.sub img{
  width:93%;
}
}


/*===>Media 320<===*/
@media screen and (max-width: 320px){
  .header{
    width:100%;
    margin:auto;
  }
  h1{
    font-size: 12px;
    width:100%;
  }
  .border_main_top{
    width:100%;
  }
  .border_box_img{
    width:100%;
  }
  .border_box_img img{
    width:100%;
  }
  .border_top_main{
    width:100%;
    background: red;
  }
  .border_main_menu{
    width:100%;
  }
  .border_main_menu ul li {
    display: block;
  }
  *{
    margin:0px;
    padding:0px;
  }
  .border_controler{
    width:100%;
  }
  .bord_cont{
    width:93%;
  }
  .border_block{
    width:100%;
  }
  .border_box{
    width: 89%;
  }
  img.border_img{
    width: 89%;
  }
  .border_box1{
    width: 89%;
  }
  img.border_imga{
    width: 89%;
  }
  img.border_img2{
    width: 89%;
  }
  .border_middle img{
    width: 89% !important;
  }
.footer{
  width:100%;
}
.foot{
  width:100%;
}
.sub img{
  width:93%;
}
}