@charset "Shift_JIS";

/*** nav ** */
.navtop{
	
  margin-top : 0px auto;
  margin-bottom : 0px;
}
.navtop ul{
  margin-top : 0px;
  margin-bottom : 0px;
  list-style-type : none;     
  overflow : hidden;
  padding: 0;
}
.navtop li a{
  text-decoration : none;
  color : #ffffff;
  background-color : #009999;
  display : block;
  padding-top : 12px;
  padding-bottom : 12px;
  font-size:18px;
}
.navtop li p{
 margin: 0;
  text-decoration : none;
  color : #ffffff;
  background-color : #98fb98;
  display : block;
  padding-top : 12px;
  padding-bottom : 12px;
  font-size:18px;
}
.navtop li a:hover{
  background-color:#fff2cc;
  color : #009999;
}
.navtop ul::after{
    margin-top:0;
    margin-bottom:0;
    content: "";
    display: block;
    clear: both;
}
.navtop li{

  font-weight : bold;
  text-align : center;
  margin-bottom:5px;
  padding-left:15px;
  padding-right:5px;
  width : 150px;
  float : left;
}
/*** nav end ***/


/* media クエリ― */
/* 480 以下の場合スマホ対応*/
@media(max-width:600px){ 

/*** nav ***/
 
.navtop{
   margin:3px;
   width:100%;
}
.navtop li a{
  text-decoration : none;
  color : #ffffff;
  background-color : #009999;
  display : block;
  padding-top : 5px;
  padding-bottom : 5px;
  font-size:16px;
} 
.navtop li p{
 margin: 0;
  text-decoration : none;
  color : #ffffff;
  background-color : #000088;
  display : block;
  padding-top : 5px;
  padding-bottom : 5px;
  font-size:16px;
}
.navtop li{
  font-weight : bold;
  text-align : center;
  margin-bottom:3px;
  padding-left:5px;
  padding-right:5px;
  width : 30%;
  float : left;
}

}