/* Last Update 2025/8/24 21:50 */

.clear{clear:both;}
.cpy{font-size: 0.9rem;}


table {
    border-collapse: collapse;
    width: 80%;
    font-family: sans-serif;
    font-size: 0.95rem;
  	margin-left: auto;
  	margin-right: auto;}

td {
    padding: 4px 2px;
    border-top: 1px solid #ddd;
    text-align: center;
}

th {
    padding: 4px 2px;
    text-align: center;
    background-color: #f5f5f5;
    font-weight: 600;
    color: #333;
}

/* ストライプ（偶数行に背景色） */
tr:nth-child(even) {
    background-color: #f0f8ff;
}

tr:hover {
    background-color: #AFDFE4;
}

a {
    color: #0078D4;
    text-decoration: none;
    font-weight: 500;
}

a:hover {
    text-decoration: underline;
}





#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;
}




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


@media screen and (max-width: 780px) {
table {
    width: 100%;
			}

/* font-size */
html { font-size: 80%;} /* = 10px */
body,table,tr,td, { font-size: 0.90rem; } /* = 16px */
img{max-width:90%;height:auto;}

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

}


@media screen and (max-width: 640px) {
table {width: 100%;}

/* font-size */
html { font-size: 85%;} /* = 10px */
body,table,tr,td { font-size: 0.9rem; } /* = 16px */
img{max-width:100%;height:auto;}

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