p {
  color: #003300;
  line-height: 1.5;
  font-size: small;
}
.c1 { 
  color: #663300;
  font-size: x-small;
  padding: 10px;
}
.c2 {
  color: #cc3333;
  line-height: 1.5;
  font-size: medium;
  font-wight: bold;
}
.c3 {
  color: #006600;
  line-height: 1.5;
  font-size: small;
  font-wight: bold;
  border-bottom:  dotted  2 #999999; 
  width: 250;
}
.c4 {
  color: #990000;
  line-height: 1.5;
  font-size: medium;
  font-wight: bold;
}
.c5 {
  color: #990000;
  line-height: 1.5;
  font-size: medium;
  font-wight: bold;
}
.c6 {
  color: #990000;
  line-height: 1.5;
  font-size: small;
  font-wight: bold;
}
h3 {
  color: #333333;
  margin-top: 10px;
  margin-right: 70px;
  font-size: small;
  background: #ffff66;
  padding: 6px;
  text-align: right;
  font: bold "ＭＳ ゴシック",Osaka,sans-serif;
  border-right:4px solid #ffcc00;
  border-bottom: 2px  solid  #ffcc00;
}
a:link {
  color: #006600;
  font: bold small"ＭＳ ゴシック",Osaka,sans-serif
}
a:visited {
  color: #003333;
  font: bold small"ＭＳ ゴシック",Osaka,sans-serif
}
a:hover {
  color: #990000;
  font: bold  small"ＭＳ ゴシック",Osaka,sans-serif
}
a:active {
  color: #006600;
  font: bold  small"ＭＳ ゴシック",Osaka,sans-serif
}
.navigation { text-align: center }

th {
  padding: 5px;
  color: #333333;
  background: #ffffcc;
    font: bold x-small"ＭＳ ゴシック",Osaka,sans-serif
}

td {
  padding: 5px;
  color: #333333;
     font: x-small"ＭＳ ゴシック",Osaka,sans-serif
}

ul {
  color: #006633;
  font-size: small;
}
.l1 { list-style-image: url(l1.gif) }
.l2 { list-style-image: url(l2.gif) }
.l3 { list-style-image: url(l3.gif) }
.l4 { list-style-image: url(l4.gif) }

#i1 {
  float: left;
  margin-right: 12px;
}
#i2 {
  float: right;
  margin-left: 12px;
}
hr {
  span style="border-bottom: dotted black 3px; width: 350;
}