@charset "utf-8";
*{
  padding:0px;
  margin:0px;
}
body{
  font-size: 12px;
  font: 12px verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
  line-height: 2em;
  background-color: #49BABB;
}
.header_site{
  width: 100%;
  margin:auto;
  overflow: hidden;
  background: #FFAA64;
}
h1{
  width:1000px;
  margin:auto;
  overflow: hidden;
  padding: 16px;
  text-align: center;
  color:#fff;
}
.social{
  width:340px;
  margin:0 auto;
}
.social div {
  margin:0 2px;
}
.img{
  width:1000px;
  margin:auto;
  overflow: hidden;
  background: #D4CCC1;
}
.banner{
  width:1000px;
  margin:auto;
  overflow: hidden;
  
}
.main_menu{
  width: 100%;
  margin:auto;
  overflow: hidden;
  background: #49BABB;
  text-align: center;
}
.Navigation ul li{
  display: inline-block;
  list-style-type: none;
}
.Navigation ul li a{
  padding: 10px 45px;
  font-weight: bold;
  text-decoration: none;
  color:#fff;
  display:block;
  line-height:35px;
}
.Navigation ul li a:hover{
  /* background: #D4BAA4; */
  color: #E27B26;
}
.AllIn{
  width:1000px;
  margin:auto;
  background-color: #fff;
  overflow: hidden;
}
.LeftSide{
  width: 315px;
  float: right;
  overflow: hidden;
}
.BlockBanner{
  overflow: hidden;
  clear: both;
  /* background: #ddd; */
}
.Locate{
  padding:10px;
  margin: 15px;
  overflow: hidden;
  border: 1px solid #FFFFFF;
  background: #C6E4E4;
}
.LocateImage{
  padding:5px;
  margin:10px;
  box-shadow: 0 0 10px;
  width: 89%;
  background: #fff;
}
p{
  margin:0;
  padding: 0 10px;
  text-align: justify;
  line-height: 30px;
}
a:hover{
  text-decoration: underline;
  /* color: blue; */
}
a{
  color:#f00;
  text-decoration: none;
}
.SideMenu {
  padding:10px;
  margin: 15px;
  overflow: hidden;
  clear: both;
  background: #FEB9FE;
}
.SideMenu ul{
  padding:0;
  margin: 0;
}
.SideMenu ul li {
  list-style-type: none;
  border-top:1px solid gray;
  text-align: center;
  margin: 0 10px;
}
.SideMenu ul li a{
  text-align: center;
  font-weight: bold;
  text-decoration: none;
  display: block;
  line-height: 40px;
}
.SideMenu ul li a:hover{
  background: #1D67AE;
  color: #fff;
}
.ReadMore a{
  float:right;
  padding: 5px 10px;
  background: #FFAA64;
  color:#fff;
  text-decoration: none;
}
.ForLink{
  overflow: hidden;
  clear: both;
  padding:10px;
  margin: 15px;
  border: 1px solid #FFFFFF;
}
.ForLink ul{
  padding:0px;
  margin:0;
}
.ForLink ul li{
  line-height: 35px;
  list-style-type: none;
  /* border-bottom: 1px solid gray; */
  margin: 0px 10px;
}
.ForLink ul li a:hover{
  text-decoration: underline;
}
.ReadMore a:hover{
  background: #49BABB;
}
.instructor{
  width: 681px;
  float: left;
  overflow: hidden;
  background: #C6E4E4;
  margin-top: 16px;
}
.insubordination{
  width: 287px;
  float: left;
  background-color: #FFBAFF;
  padding:10px;
  margin: 15px;
}
.labiate{
  padding:5px;
  margin:10px;
  width:90%;
  box-shadow: 0 0 1px;
}
.MainContent{
  padding:10px;
  margin: 15px;
  border: 1px solid #FFFFFF;
  overflow: hidden;
}
.MainContent img{
  float: right;
  width:50%;
  box-shadow: 0 0 1px #AFC944;
  padding:5px;
  margin:10px;
}
.Item{
  padding:10px;
  margin: 15px;
  overflow: hidden;
  border: 1px solid #FFFFFF;
}
.ItemImage{
  float: left;
  width: 44%;
  padding:5px;
  margin:10px;
  box-shadow: 0 0 1px #FFFFFF;
}
.footer{
  width: 100%;
  margin:auto;
  overflow: hidden;
  clear: both;
  background: #FFAA64;
}
.foot{
  width:1000px;
  margin:auto;
  text-align: center;
  padding:10px;
  color: #000;
}
.foot a{
  color:#fff;
}
.foot a:hover{
  text-decoration: underline;
  color: #FFF;
}
h2 {
    background-color: #FFAA64;
    padding:5px;
    text-align:center;
    border-top:7px double #fff;
    border-bottom:7px double #fff;
    color:#fff;
} 
.sub img{
  width: 45%;
  float: left;
  /* box-shadow: 0 0 10px; */
  overflow: hidden;
  padding:5px;
  margin:10px;
  margin-left: -4px;
}
.sub {
  padding:10px;
  margin: 15px;
  /* box-shadow: 0 0 10px; */
  overflow: hidden;
}
h3{
  margin-top: 17px;
  padding: 0 10px;
}


@media screen and (max-width: 480px)  {
 .header_site{
  width:100%;
 }
 h1{
  font-size: 12px;
  width:100%;
 }
 .img{
  width:100%;
 }
 .banner{
  width:100%;
 }
 .banner img{
  
  width:100%;
 }
 .main_menu{
  width:100%;
 }
 .Navigation{
  width:100%;
 }
 .Navigation ul li {
  display:block;
 }
 .Navigation ul li a{
  display: block;
  padding:0px;
  border-bottom: 1px solid #fff;
 }
 *{
  padding:0;
  margin:0;
 }
 .AllIn{
  width:100%;
 }
 .LeftSide{
  width:100%;
 }
 .SideMenu{
  width: 90%;
 }
 .BlockBanner{
  width: 100%;
  background: #C6E4E4;
 }
 .Locate{
  width: 90%;
 }
 .LocateImage{
  width: 97%;
  float: none;
  margin-left: 1px;
 }
 .ForLink{
  width: 90%;
 }
 .instructor{
  width:100%;
 }
 .insubordination{
  width: 90%;
 }
 .labiate{
  width: 92%;
  float: none;
 }
 .MainContent{
  width: 90%;
 }
 .MainContent img{
  float: none;
  width: 92%;
 }
 .Item{
  width: 90%;
 }
 .ItemImage{
  float: none;
  width: 97%;
  margin-left: 1px;
 }
 .sub{
  width: 90%;
 }
 .sub img{
  float:none;
  width:93%;
 }
 .footer{
  width:100%;
 }
 .foot {
  width:93%;
 }
 .SideMenu ul{
  padding:0;
  margin: 0 10px;
}
}