@charset "Shift_JIS";
.navbox{
  margin-left : auto;
  margin-right : auto;
  margin-top : 0px;
  margin-bottom : 0px;
  width :720px;
  padding: 0;
}

.navber ul{
  margin-top : 0px;
  margin-bottom : 0px;
  list-style-type : none;     
  overflow : hidden;
  padding: 0;
}
.navber li a{
  text-decoration : none;
  color : #ffffff;
  background-color : #009999;
  display : block;
  padding-top : 5px;
  padding-bottom : 5px;
  font-size:14px;
}
.navber li a:hover{
  background-color:#fff2cc;
  color : #009999;
}
.navber ul::after{
    margin-top:0;
    margin-bottom:0;
    content: "";
    display: block;
    clear: both;
}
.navber li{

  font-weight : bold;
  text-align : center;
  padding-left:5px;
  padding-right:5px;
  width : 110px;
  float : left;
}

/* ######## 599px ??? ###### */

@media (max-width:599px){
.navbar li a{
  padding:10px; 3px;
  font-size:11px;
 }
}
/* ######## 780px ??? ###### */
@media (min-width:780px){
.navbar li a{
  padding:12px; 10px;
  font-size:14px;
 }
}
.navside ul{
  margin-left : auto;
  margin-right : auto;
  margin-top : 0px;
  margin-bottom : 0px;
  list-style-type :none;     
  width : 400px;
  color : #ffffff;
  overflow : hidden;
  padding: 0;
 /* background-color:#7cbac1;*/
}
.navside li a{
  text-decoration : none;
  color : #ffffff;
  background-color : #008000;
  display : block;
  padding-top : 5px;
  padding-bottom : 0px;
  font-size:16px;
}
.navside li a:hover{
  background-color:#fff2cc;
  color : #0000dd;
}
.navside ul::after{
    content: "";
    display: block;
    clear: both;
}
.navside li{
  font-weight : bold;
  text-align : left;
  margin-top : 0px;
  margin-bottom : 0px;
  padding-top:10px;
  padding-botom:10px;
  width : 400px;
}