body {
  background: #fdf5e6;
  color: #000000;
  text-align: center;
  margin: 30px 0px 0px 0px;
  padding: 0px 50px 0px 50px; 
}

#header {
  width: 49%;
  text-align: left;
  font-size: 155%;
  float: left;
  color: #ffffff;
  background-image: url(img/head1.gif);
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 20px;
}

#header a {
  text-decoration: none;
  color: #ffffff;
}

#main {
  width: 70%;
  float: left;
  text-align: left;
  background: #fffaf0;
  font-size: 100%;
  margin: 2px 2px 2px 2px;
  padding: 15px 20px 2px 20px;
}

#main ul {
  list-style-type: none;
}

#menu {
  width: 22%;
  float: left;
  background: #fffacd;
  font-size: 98%;
  text-align: left;
  margin: 2px 2px 2px 0px;
  padding: 2px 2px 2px 0px;
}

#menu ul {
  list-style-type: circle;
}

#footer {
  width: 70%;
  float: left;
  clear: both;
  text-align: left;
  background: fff8dc;
  font-size: 96%;
  margin: 10px 0px 10px 0px;
}

#navi {
  font-size: 95%;
  text-align: left;
  text-indent: 2em;
}

.menu2 {
  background: #fffacd;
  font-size: 98%;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 25px;
}

.menu3 {
  background: #fffacd;
  font-size: 98%;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 55px;
}

.menu4 {
  background: #fffacd;
  font-size: 98%;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 40px;
}

.mail {
  font-size: 90%;
  text-align: left;
}

.clear {
  clear: both;
}

.box {
  border-color: #008000;
  border-style: solid;
  border-width: 1px;
  padding: 10px 10px 10px 10px;
}

h1 {
  font-size: 100%;
  color: #808080;
  text-align: right;
  margin: 0px 0px 0px 0px;
  padding: 0px 20px 0px 0px;
}

h2 {
  background: #008000;
  font-size: 100%;
  color: #ffffff;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 10px;
}

h3 {
  font-size: 110%;
  color: #8b0000;
} 

h4 {
  background: #a0522d;
  color: #f0fff0;
  font-size: 110%;
  text-align: center;
}

p {
  line-height: 24px;
}

p.left {
  text-align: left;
}

p.right {
  text-align: right;
}

p.fleft {
  float: left;
}

p.fright {
  float: right;
}

div {
  line-height: 24px;
}

.gy {
  background-color: #adff2f;
}

img.right {
  float: right;
  margin: 0em 0em 1em 1em;
}

img.left { 
  float: left;
  margin: 0em 0em 1em 1em;
}

.ind30 {
  padding-left: 30px;
}

.ind50 {
  padding-left: 50px;
}

.height250 {
  height: 250px;
}

dt {
  margin-top: 1em;
  font-weight: bold;
 }

table, td, th {
  border-width: 2px;
  border-style: solid;
  border-color: #808000;
  border-collapse: collapse;
  padding: 6px;
}

th {
  background: #ffdead;
}

td {
  background: #f0fff0;
}

a:link {
  color: #0000ff;
}

a:visited {
  color: #8a2be2;
}

a:hover {
  color: #ffa500;
}

