body { background-color: #ffffdd; line-height:18pt; }

 table.miori1 { background-color: #ffffdd; width:460px; font-size: 120%; line-height:20pt; }
@media screen and (max-width: 600px) {
 table.miori1 { background-color: #ffffdd; width:100%; font-size: 100%; line-height:19pt; } }
 table.miori2 { line-height:18pt; }
 tr.model1 { text-align: center; font-size: 120%; background-color: #99ff99; }
 th.model2 { background-color: #ff62f2; color: #000090; font-size: 150%; line-height:30pt; }
 td.model3 { text-align: left; }
 td.model4 { text-align: right; }
 th.model5 { text-align: center; background-color: #ff0000; color: #ffffff; font-size: 120%; width:300px; }
 td.model6 { text-align: left; background-color: #99ff66; font-size: 110%; }
 td.model7 { text-align: left; background-color: #ffccff; }
 td.model8 { font-size: 90%; }
 td.model9 { background-color: pink; width: 50%; }
 tr.subj1 { background-color: #ff0000; color: #ffffff; width: 100%; font-size: 120%; }
 tr.subj2 { text-align: center; font-size: 120%; background-color: #90ee90; }
 tr.subj3 { text-align: center; font-size: 180%; background-color: #bbffff; color: #660000; line-height:40pt; }

  .moji1 { font-size:20px; }
  .moji15 { font-size:15px; }

 .image3 { width: 400px; }
@media screen and (max-width: 800px) {
 .image3 { width: 400px; } }
@media screen and (max-width: 600px) {
 .image3 { width: 300px; } }
 h2,h3 { color: #ff0000;} 

 .color1 { color: #ff0000; }
 .color2 { color: #0000ff; } /* blue */
 .color3 { color: #000099; } /* darkblue */
 .color4 { color: #006400; } /* lightgreen */
 .color5 { color: #ff6600; } /* orange */
 .color6 { color: #c71585; } /*    @ C I   b g */
 .color7 { color: #ff00ff; } /* Pink */
 .color8 { color: #800000; } /* Brown */
 .color9 { color: #ff8c00; } /* Gold */
 hr.style1 { height: 2px; width: 60%; background-color: #0000ff; }
 hr.style2 { width: 300px; }