@charset "UTF-8";
*{
  padding : 0px;
  margin : 0px;
}
body{
  text-align : center;
  height : 100%;
}
.waku{
  width : 830px;
  margin-top : 20px;
  text-align : left;
  background-image : url(image/wakuback.jpg);
  background-repeat : repeat-y;

  margin-left : auto;
  margin-right : auto;
  
}

.subtitle{
  padding : 10px 5px 5px 15px;
  background-image : url(image/titleimage.gif);
  height : 40px;background-repeat : no-repeat;
  clear : both;
  font-size : 18px;
  width : 690px;
}
.cont{
  padding : 10px 10px 40px 20px;
  line-height : 1.5em;
  border-width : 0px;
  clear : both;
  width : 660px;
}

  .navi1{display:inherit;}
  .navi2 ul li {
    list-style-type : none;
  }
  .navi2 li a{
  width: 130px;
  height: 36px;
  display: block;
  font-size: 14px;
  text-align: center;
  background-image: none;
  text-decoration: none;
  color: white;
  background-color: #2fc136;
  margin-top: 2px;
  float: left;
  margin-left: 2px;
  margin-right: 2px;
  margin-bottom: 2px;
  padding-top: 15px;
}
  #selcted{
  background-color: #04ff04;
}


.footer-link{
  font-size : 12px;
  padding-top : 5px;
  padding-left : 5px;
  padding-right : 5px;
  padding-bottom : 5px;
  text-align : right;
  
  width : 690px;
}

.footer{
  font-size : 12px;
  padding-top : 5px;
  padding-left : 5px;
  padding-right : 5px;
  padding-bottom : 5px;
  width : 690px;
}
.border ul li{
  font-size : 12px;

  list-style-type : none;
  float : left;

  padding-top : 1px;
  padding-left : 1px;
  padding-right : 1px;
  padding-bottom : 1px;

  margin-left : 4px;
  margin-right : 4px;
}

.koumoku-mei{
  font-size : 14px;
  text-align : right;
  width : 140px;
  height : 20px;
  
  
  vertical-align : top;
  
}

.koumoku-naiyou{
  font-size : 14px;
  
  float : left;
  padding-left : 5px;
  vertical-align : top;
}

.main{
  width : 760px;
  
  
  margin-left : 70px;
  
  
}

h2{
  font-size : 18px;
  
  font-weight : bold;
}

.content2{
  font-size : 13px;
  line-height : 1.5pc;
  
  padding-left : 5px;
  padding-right : 5px;
  
  padding-top : 1px;
  padding-bottom : 1px;
}
h1{
  font-size : 18px;
  color : rgb(96, 0, 0);
}
.border ul li a{
  
  
  
  
  
  
  
  

  text-decoration : none;
  

  
  
  
  
  background-color : white;
  display : block;
}
.date{
  color : red;
}
#whatnew a:hover{
  background-color : rgb(217, 255, 217);
}
#whatnew a{
  background-color : rgb(250, 250, 250);
  padding-top : 1px;
  padding-left : 5px;
  padding-right : 5px;
  padding-bottom : 1px;border-width : 1px;border-style : solid;border-color : silver;
  color : black;
  text-decoration : none;
  font-size : 14px;
  
  margin-left : 3px;
  margin-right : 3px;
}
#whatnew p{
  font-size : 13px;
  padding-bottom : 8px;
}




@media screen and (max-width:414px){

  .navi1 img{
    margin-top : 5px;
    margin-left : 5px;
    width : 100%;
  
  }

  #osirase{display:none;}
  #whatnew{display:none;}

}


@media screen and  (max-width:830px){
  .waku{
    width :auto;
    margin-top : 0px;
    text-align : left;
    background-image : none;
    background-repeat : repeat-y;
  
  }


  .main
  {
    width : 100%;
    margin-left : 0px;
    margin-right : 0px;
  }

  .subtitle{
    padding : 10px;
    background-image : url(image/titleimage.gif);
    height : 40px;background-repeat : no-repeat;
    clear : both;
    font-size : 18px;
    width : 100%;
  
  }
  .cont{
    padding : 10px;
    line-height : 1.5em;
    border-width : 0px;
    clear : both;
    width : auto;
 /*   background-color : rgb(217, 255, 217);  */
  }

  #whatnew a{
    background-color : rgb(250, 250, 250);
    padding-top : 10px;
    padding-left : 5px;
    padding-right : 5px;
    padding-bottom : 10px;border-width : 1px;border-style : solid;border-color : silver;
    color : black;
    text-decoration : none;
    font-size : 14px;
  line-height : 3em;    
    margin-left : 3px;
    margin-right : 3px;
  }
  #whatnew p{
    font-size : 13px;
    padding-bottom : 20px;
  }
  




  .footer{display:none;}
  .footer-link{display:none;}
  .border ul li{display:none;}
}

}