body { background-color: #ffffdd; line-height:22pt; }
 table.miori1 { background-color: #ffffdd; width:600px; font-size: 120%; }
@media screen and (max-width: 800px) {
 table.miori1 { background-color: #ffffdd; width:480px; font-size: 115%; } }
@media screen and (max-width: 600px) {
 table.miori1 { background-color: #ffffdd; width:330px; font-size: 105%; } }
 td.shichi1 { background-color: #deb887; }
 th.shichi2 { background-color: #ff62f2; color: #000090; }
 tr.shichi3 { background-color: #0000ff; color: #ffffff; font-size: 110%; }
 td.shichi4 { text-align: right; }
 tr.shichi5 { background-color: #ff62f2; color: #ffffff; text-align: center; }

 h3 { color: #ff0000; }
 h2 { color: #ffffff; }
 .color1 { color: #ff0000;}
 .color2 { color: #0000ff;}
 .image3 { width: 500px; }
@media screen and (max-width: 800px) {
 .image3 { width: 400px; } }
@media screen and (max-width: 600px) {
 .image3 { width: 300px; } }

 .image4 { width: 400px; }
@media screen and (max-width: 800px) {
 .image4 { width: 350px; } }
@media screen and (max-width: 600px) {
 .image4 { width: 250px; } }


@media screen and (min-width: 480px) {
 hr.style1 { height: 2px; width: 40%; background-color: #0000ff; } }