@charset "utf-8";
/* CSS Document */
body{

color: #333;

background: #E0E2CB;

font-size: 12px;

font: 12px verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;

line-height: 2em;
}
.HEADCONTAINER{
  width:100%;
  min-width: 1000px;
  overflow: hidden;
  background: #92A71C;
  margin:auto;
  text-align: center;
}
h1{
  width:1000px;
  padding:10px;
  text-align: center;
  margin: auto;
  color:#fff;
}
*{
  padding:0px;
  margin:0px;
}
.MAINPAGE{
  width:100%;
  min-width: 1000px;
  margin:auto;
  /* background: #DEBFBE; */
  /* border-bottom: 2px solid #DC8CA1; */
}
.main_img{
  width:1000px;
  margin:auto;
  text-align: center;

}
.main_img ul li{
  display: inline-block;
  list-style-type:none;
  margin-top: 10px;
  border-radius: 0px 0px 10px 10px;
  padding: 0px 54.5px;
  line-height: 40px;
  border-top: 4px solid #E0B625;
  margin-bottom: 10px;
  background: #92A71C;
}
.main_img ul li:hover{
  background: #BC8D7B;
}
.main_img ul li a{
  padding:10px;
  text-decoration: none;
  /* background: #C789B5; */
  font-weight: bold;
  color:#fff;
}
.main-img{
  width:100%;
  min-width:1000px;
  margin:auto;
  overflow: hidden;
  background: #E0E2CB;
}
.worspace_box_img{
  width:1000px;
  margin:auto;
  overflow: hidden;
}
.NAVICONTAINER{
  width:1000px;
  margin:auto;
  overflow: hidden;
  margin-top: 5px;
  margin-bottom: 10px;
  background: #F7F0F0;
  box-shadow: 0px 0px 10px #92A71C;
}
.BOXAREA{
  padding:10px;
  margin:5px;
  overflow: hidden;
}
.workspace_block{
  overflow: hidden;
  clear: both;
}
.workspace_box{
  padding:10px;
  margin:5px;
  box-shadow: 0px 0px 10px #E0E2CB;
  overflow: hidden;
}
img.workspace_img{
  padding:5px;
  margin:10px;
  overflow: hidden;
  width:35%;
  /* box-shadow: 0px 0px 10px #f00; */
  float: left;
}
p {
  padding:0px;
  margin:0px;
  line-height: 30px;
  text-align:justify;
}
a{
  text-decoration: none;
  color:#f00;
}
p a:hover{
  text-decoration: underline;
}
.article-list{
  padding:10px;
  margin:5px;
  overflow: hidden;
  box-shadow: 0px 0px 10px #E0E2CB;
}
.article-list img{
  float: left;
  width: 45%;
  margin:10px;
  padding:5px;
  /* box-shadow: 0px 0px 10px #f00; */
}
.workspace_box1{
  width: 293px;
  float: left;
  padding:10px;
  margin:5px;
  overflow: hidden;
  box-shadow: 0px 0px 10px #f00;
}
img.workspace1_img{
  padding:5px;
  margin:10px;
  box-shadow: 0px 0px 10px;
  width:90%;
}
.workplace_img1{
  float: left;
  padding:10px;
  margin:5px;
  overflow: hidden;
  width: 455px;
  box-shadow: 0px 0px 10px #f00;
}
img.workplace_img11 {
    width: 94%;
    padding: 5px;
    margin: 10px;
    box-shadow: 0px 0px 10px #f00;
}
.links_pr_block{
  padding:10px;
  margin:5px;
  overflow: hidden;
  box-shadow: 0px 0px 10px #E0E2CB;
}
.links_pr_block ul {
  padding:0px;
  margin:0px;

}
.links_pr_block ul li{
  list-style-type: none;
  line-height: 30px;
  border-bottom: 1px solid #F7F0F0;
}
.links_pr_block ul li a:hover{
  text-decoration: underline;
}
.FOOTCONTAINER{
  width:100%;
  min-width: 1000px;
  margin:auto;
  /* box-shadow: 0px 0px 10px; */
  background: #92A71C;
}
.foot{
  width:1000px;
  margin:auto;
  text-align: center;
  padding:10px;
}
.foot a{
  text-decoration: none;
  color:#fff;
}
.foot a:hover{
  text-decoration: underline;
}
div#boxArea {
    margin: auto;
}
.sub {
  padding:10px;
  margin:5px;
  overflow: hidden;
  box-shadow: 0px 0px 10px #E0E2CB;
}
.sub img{
  float: left;
  width:45%;
  padding:5px;
  margin:10px;
  box-shadow: 0px 0px 10px;
}
h2  {
    background: rgb(146, 167, 28);
    /* border: 3px solid #B351BC; */
    text-align: center;
    padding: 10px;
    /* margin-bottom: -10px; */
    color: #FFF;
    padding-bottom: 10px;
    position: relative;
    margin: 5px;
    /* border-radius: 10px; */
}
h2:before {
    content: "";
    position: absolute;
    top: 15px;
    left: 8px;
    border-radius: 99%;
    /* border: 10px solid #FFFFFF; */
}
h2:after {
    content: "";
    position: absolute;
    top: 15px;
    right: 8px;
    border-radius: 99%;
    /* border: 10px solid #FFFFFF; */
}
p.readmore a{
  padding:10px;
  float: right;
}

@media screen and (max-width: 480px)  {
 .HEADCONTAINER{
  width:100%;
  min-width: auto;
  margin:auto;

 }
 h1{
  width:100%;
  font-size: 12px;
 }
 .MAINPAGE{
  width:100%;
  min-width: auto;
  margin:auto;
 }
 .main_img{
  width:100%;
 }
 .main_img ul li{
  display: block;
  padding:none;
 }
 
 .main-img{
  width:100%;
  min-width: auto;
  margin:auto;
 }
 .worspace_box_img {
  width:100%;
 }
 .worspace_box_img img{
   width:100%;
 }
 .NAVICONTAINER{
  width:100%;
 }
 .BOXAREA{
  width:93%;
 }
 .workspace_block{
  width:100%;
 }
 .workspace_box{
  width:93%;
 }
 img.workspace_img{
  width:93%;
  float: none;
 }
 .article-list{
  width:93%;
 }
 .article-list img{
  width: 93%;
  float: none;
 }
 .workspace_box1{
  width:93%;
 }
 img.workspace1_img{
  width:93%;
  float: none;
 }
 .workplace_img1{
  width:93%;
 }
 img.workplace_img11{
  float: none;
  width:93%;
 }
 .links_pr_block{
  width:93%;
 }
 .sub{
  width:93%;
 }
 .sub img{
  float: none;
  width:93%;
 }
 .FOOTCONTAINER{
  width:100%;
  min-width: auto;
  margin:auto;
 }
 .foot{
  width:89%;
 }
}
@media screen and (max-width: 320px)  {
.HEADCONTAINER{
  width:100%;
  min-width: auto;
  margin:auto;

 }
 h1{
  width:100%;
  font-size: 12px;
 }
 .MAINPAGE{
  width:100%;
  min-width: auto;
  margin:auto;
 }
 .main_img{
  width:100%;
 }
 .main_img ul li{
  display: block;
  padding:none;
 }
 
 .main-img{
  width:100%;
  min-width: auto;
  margin:auto;
 }
 .worspace_box_img {
  width:100%;
 }
 .worspace_box_img img{
   width:100%;
 }
 .NAVICONTAINER{
  width:100%;
 }
 .BOXAREA{
  width:93%;
 }
 .workspace_block{
  width:100%;
 }
 .workspace_box{
  width: 89%;
 }
 img.workspace_img{
  width: 89%;
  float: none;
 }
 .article-list{
  width: 89%;
 }
 .article-list img{
  width: 89%;
 }
 .workspace_box1{
  width: 89%;
 }
 img.workspace1_img{
  width: 89%;
  float: none;
 }
 .workplace_img1{
  width: 89%;
 }
 img.workplace_img11{
  float: none;
  width: 89%;
 }
 .links_pr_block{
  width: 89%;
 }
 .sub{
  width:89%;
 }
 .sub img{
  float: none;
  width:89%;
 }
 .FOOTCONTAINER{
  width:100%;
  min-width: auto;
  margin:auto;
 }
 .foot{
  width:89%;
 }
}