.clear{clear:both;}
.cpy{font-size: 14px;}

#nav{
		width:95%;
    background-color: #ffffff;	
    padding: 3px;	
}

#nav ul{
margin: 0; 
padding: 0; 
list-style: none;
}

#nav li{ 
 width:20%;
display: inline; 
padding: 0; 
margin: 0; 
float: left;

}

#nav li a{
display: block; 
border: 1px solid #666;
background-color: #F0F8FF;
 padding-left:2px; 
 padding-right:2px; 
 padding-top:8px; 
 padding-bottom:8px; 
text-decoration: none;
color: #333;
margin: 1px;
text-align: center;
font-size: 16px;
}
#nav li a:hover{
background-color: #2d56be;
color: #fff;
}

img {
width:100%;
max-width: 780px;
height: auto;
}




/* レスポンシブ対応　font-sizeの基準 */
html { font-size: 100%;} /* = 10px */
body { font-size: 16px; font-size: 1.6rem; } /* = 16px */


@media screen and (max-width: 780) {
/* font-size */
html { font-size: 100%;} /* = 10px */
body,table,tr,td { font-size: 2.0rem; } /* = 16px */
img{max-width:90%;height:auto;}

#nav li{ 
 width:20%;
display: inline; 
padding: 0; 
margin: 0; 
float: left;

}


@media screen and (max-width: 640) {
/* font-size */
html { font-size: 100%;} /* = 10px */
body,table,tr,td { font-size: 1.4rem; } /* = 16px */
img{max-width:80%;height:auto;}
#nav li{ 
width:25%;
display: inline; 
padding: 0; 
margin: 0; 
float: left;

}