@charset "Shift_JIS";

h1 { width: 640px; margin: 8px auto; }

 .dai3 { width: 520px; margin: 0 auto; }

 .chu6 { float: left; white-space: nowrap;}
 .chu7 { float: right; text-align: right; white-space: nowrap;}

 .line1 { border-top: solid 2px #808080; margin: 5px auto; padding: 5px 0 0 0;}

 .font3 { color: #FFFFFF; font-weight:bold; }
 .font4 { color: #FFFF66; font-weight:bold; }

 .table2 { width: 500px; margin: 0 auto; }

 .td3{ background-color: #333333; }

@media screen and (max-width: 600px) {

 .dai3 { width:95%; }

h1 { width:100%; }

.table1 td { display: block; width: auto; }  /* tableを無視してtdをブロック要素として縦に並べる */
.table2 { width:100%; }

}