@charset "Shift_JIS";
#content{
	width:  960px;
	margin: 0 auto;
	padding: 0;
	background-color:#dcdcdc;
	font-family:"���C���I","Hiragino Kaku Gorhic Pro",sans-serif;
	vertical-align: bottom; 	
}

 
.img-size-1{
	border: solid 1px #000080;
     width: 400px;
     height: 40px;
     padding: 5px;
} 
/*** 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 : #000088;
  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 : 110px;
  float : left;
}
/*** nav end ***/




@media(max-width:600px){ 

#content{
	width:  100%;
	margin: 0 auto;
	padding: 0;
} 

.img-size-1{
	border: solid 1px #000080;
    width:100%;
    height:90px;
box-sizing: border-box;
}
/*** 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;
}

}