@charset "utf-8";
/** MENU **/
body{
  padding: 0px;
  margin: 0px;
  font-size: 16px;
  font-family: ’ヒラギノ角ゴ Pro W3’, ‘Hiragino Kaku Gothic Pro’, メイリオ, Meiryo, Osaka, ‘MS Pゴシック’, ‘MS PGothic’, sans-serif;
  background-color: #b6dea5;
  /* background-image: url("http://www.transparenttextures.com/patterns/classy-fabric.png"); */
/* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */
 }
p{
  line-height: 30px;
  padding:0px;
  margin:0px;
  text-align:justify;
}
h3 {
    margin-top: 12px;
    FONT-SIZE: 16PX;
}
h2  {
    position: relative;
    margin: 0 0 1.5em;
    padding: 0.8em 0 0.8em 2.5em;
    font-size: 18PX;
    font-weight: bold;
    -moz-border-radius: 20px;
    border-bottom: 4px solid#337318;
    color: #FFFFFF;
    background-color: #85ce66;
}
h2:before {
    content: "";
    position: absolute;
    background: #FFFFFF;
    top: 50%;
    left: 0.5em;
    margin-top: -10px;
    height: 20px;
    width: 20px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    box-shadow: 1px 1px 1px #B92A2C inset;
    -moz-box-shadow: 1px 1px 1px #B92A2C inset;
    -webkit-box-shadow: 1px 1px 1px #337318 inset;
    -o-box-shadow: 1px 1px 1px #B92A2C inset;
    -ms-box-shadow: 1px 1px 1px #B92A2C inset;
}



.surround_topcontent h2{
margin-bottom:10px;
}
 .cont_link {
    padding: 10px;
    margin: 5px;
    border: 1px solid gainsboro;
}
.cont_link ul{
padding:0px;
margin:0px;
}
.cont_link ul li {/* border-bottom:1px solid gray; */list-style-type:none;line-height:30px;}
.cont_link ul li a:hover{
text-decoration:none;
}
.surround_controller{
width:1000px;
margin:5px auto;
overflow:hidden;
box-shadow:0 0 10px;
}
.surround_cont{padding:10px;margin:5px;background: #FFF;overflow:hidden;}
.surround_block{
 overflow:hidden;
 clear:both;
 } 
 .surround_01{
 padding:10px;
 margin:5px;
 overflow:hidden;
 border: 1px solid gainsboro;
 width: 291px;
 float: left;
 }
 img.surround_img{
 padding:0px;
 margin:0px;
 width:100%;
 }
 .menu_bar{
 width:1000px;
 margin: 4px auto;
 overflow:hidden;
 text-align:center;
 background: #8ec167;
 }
.menu_bar ul{
padding:0px;
margin:0px;
}
.menu_bar ul li {
display:inline-block;
list-style-type:none;
line-height:50px;
}
.menu_bar ul li a{padding: 0px 40px;text-decoration:none;color: #fff;display: block;/* background: #F4F2F3; */}
.menu_bar ul li a:hover{background: #cebb30;color: #fff;}
#surround_top_Img{width: 1000px;margin: 0 auto;}
a{color: #e6c134;text-decoration: none;}
div#boxArea {
    margin: 5px auto;
}
a:hover{text-decoration: underline;}
p.readmore a{padding: 5px;background: #a28929;color: #fff;float:right;text-decoration:none;}
p.readmore a:hover{background: #57a934;}
.h1_title{
  width: 100%;
  margin: 0px auto;
  background: #F4F2F3;
  text-align:center;
  }
  h1{
  font-size:20px;
  line-height: 49px;
  color:#fff;
  }
  h1 a{
  text-decoration:none;
  color: #333;
  }
  h1 a:hover{
  /* color: #fff; */
  text-decoration: underline;
  }
  .footer{
  width:1000px;
  background: #85ce66;
  overflow:hidden;
  margin: 0 auto;
  }
  .surround_02{
  padding:10px;
  margin:5px;
  border:1px solid gainsboro;
  overflow:hidden;
  }
  img.surround_img02 {
    width: 35%;
    padding: 7px 10px 0 0;
    margin: 0;
    float: left;
}
.surround_03{padding:10px;margin:5px;overflow:hidden;border:1px solid gainsboro;width: 453px;float: left;}

img.surround_img03 {
    width: 100%;
    padding: 0px;
    margin: 0;
}
.surround_topcontent{
padding:10px;
margin:5px;
overflow:hidden;
border:1px solid gainsboro;
}
.surround_topcontent img{width: 40%;margin: 9px 9px 0 0;padding:0px;float:left;}

div#boxsurround {
    margin: 10px auto;
}
.footer_menu{width:1000px;margin: auto;overflow:hidden;background: #666666;border-bottom:2px solid #fff;text-align:center;}
.footer_menu ul{padding:0px;margin:0px;}
.footer_menu ul li {
display:inline-block;
list-style-type:none;
line-height:50px;
}
.footer_menu ul li a{
  padding: 0px 10px;
  font-weight:bold;
  text-decoration:none;
  color: #FFF;
  border-right: 1px solid gray;
  }
.footer_menu ul li a:hover{color: #C8EAFB;}
.sub {
padding:10px;
margin:5px;
overflow:hidden;
border:1px solid gainsboro;
}
.sub img{
float:left;
margin:0 9px 0 0;
width:35%;
padding:0px;
}
.surround_01 h2{background:none;border-bottom: none;text-align: center;margin-bottom: 10px;border: none;}
.surround_01 h2:before,.surround_01 h2:after{top:0px;height:0px;border:none;content: "";}
.surround_01 h2 a{
color:#f00;
}
.surround_01 h2 a:hover{
color:blue;
}


.surround_03 h2 a{color:#f00;}
.surround_03 h2 a:hover{
color:blue;
}
*{
margin:0px;
padding:0px;
}
.surround_img_top{width:1000px;margin: 10px auto;}
.foot{
width:1000px;
margin:auto;
}
.foot a {
    color: #fff;
}
.foot p{
 text-align:center
}
.surround_left{width:250px;float:left;}
.surround_right{width:720px;float:right;}
.menu_sitebar{
padding:10px;
margin:5px;
background:#ddd;
text-align:center;
}
.menu_sitebar ul{
 padding:0px;
 margin:0px;
}
.menu_sitebar ul li {
display:block;
padding:10px;
list-style-type:none;
border-bottom:1px solid gray;
}
.menu_sitebar ul li a{text-decoration:none;display: block;}
.menu_sitebar ul li:hover{
background:gray;
}
.cont_link{
padding:10px;
margin:5px;
border:1px solid gainsboro;
overflow:hidden;
}
.cont_link ul{
padding:0px;
margin:0px;
}
.cont_link ul li {list-style-type:none;line-height: 35px;/* border-bottom:1px solid gray; */}
.cont_link ul li a:hover{text-decoration: underline;}
.sub h2 {
    margin: 2px 0px 15px 2px;
}
.surround_img_top img {
    /* margin-top: -3px; */
}
.footer_menu ul li:last-child a{border:none;}

/*========media screen==============*/
@media screen and (max-width:480px){
.h1_title{
 width:100%;
}
h1 a{width:100%;font-size: 14px;}
#surround_top_Img{
width:100% !important;
}
#surround_top_Img img{
width:100% !important;
}
.menu_bar{
width:100%;
}
.menu_bar ul li {
display:block;
}
.menu_bar ul li:hover{
background:red;
 }
 .menu_bar ul li a:hover{
   /* background:none; */
   }
  .surround_controller{
  width:100%;
  }
  .surround_cont{
  width:93%;
  }
  .surround_block{
  width:100%;
  }
  .surround_01{
  width:93%;
  }
  img.surround_img{
  width:100%;
  float:none;
  }
  .surround_02{
  width:93%}
  img.surround_img02{
  width:100%;
  float:none;
  }
  .surround_03{
  width:93%;
  }
  img.surround_img03{
  width:100%;
  float:none;
  }
  .surround_topcontent{
  width:93%;
  }
  .surround_topcontent img{
  width:100%;
  }
  .footer_menu{
  width: 100%;
  }
  .footer_menu ul li {
  display:block;
  }
  .footer{
  width:100%;
  }
  
 .foot{
 width:93%;
 }
 .sub img{
 width:100%;
 float:none;
 }
 .surround_img_top{
 width:100%;
 }
 .footer_menu ul li a{
 border:none;
 display: block;
 }
 .surround_left{width:100%;}
 .surround_right{width:100%;}
/*===end media screen===*/

}