body {
 margin-left:1em;
 margin-right:2em;
 font-size:90%;
}

html, body {
  scrollbar-base-color: #ccccff;
}


h2 {
  color: white
  background-color: #009900
  padding-left: 2em;
}
h3 {
  color: white;
  padding-left: 1em;
  padding-top: 0.2em;
  background-color: #003399;
}

h4.contents {
  padding-left: 1em;
  padding-top: 0.1em;
  background-color:palegoldenrod;
}
a {
  text-decoration: none;
}
a:link {
  font-weight: bold;
  color: #003399;
}
a:visited {
  font-weight: bold;
  color: #003399;
}
a:hover {
  background-color: #ccccff;
}
a:active {
 text-decoration:underline;
}
div#main {
  width: 70%;
  float: left;
}
div#menu {
  width: 24%;
  float: left;
  border-style: outset;
  border-width: 3px;
  background-color: white;
  margin-right: 1em;
  padding: 0.2em;
}
div#main1 {
  width: 30%;
  float: left;
  border-style: outset;
  border-width: 3px;
  background-color: white;
  margin-right: 1em;
  padding: 0.2em;
}
div#main2 {
  width: 30%;
  float: left;
  border-style: outset;
  border-width: 3px;
  background-color: white;
  margin-right: 1em;
  padding: 0.2em;
}
em {
 font-weight:bold;
}
ul {
  line-height: 1.3em;
}
ul.menu  {
  line-height: 1.1em;
}
ol {
  line-height: 1.3em;
}