body {
  background: #faebd7;
  color: #000000;
  text-align: center;
  margin:30px 0px 0px 0px;
  padding:0px 10px 10px 0px;
}

#header {
  width: 45%;
  float: left;
  background-image: url(img/fuji3.jpg);
  color: #ffaf0;
  font-size: 140%;
  font-weight: bold;
  text-align: left;
  margin: 0px 0px 0px 20px;
  padding: 0px 0px 0px 20px;
}

#header a {
  text-decoration: none;
  color: #fffaf0;
}

#main {
  width: 70%;
  float: left;
  background: #fffafa;
  font-size: 100%;
  text-align: left;
  margin: 10px 0px 0px 20px;
  padding: 10px 20px 10px 20px;
}

#menu {
  width: 20%;
  float: left;
  background: #fff5ee;
  fonf-size: 98%;
  text-align: left;
  margin: 10px 10px 10px 0px;
  padding: 10px 10px 10px 10px;
}

#footer {
  width: 93%;
  float: left;
  background: #fff5ee;
  clear: both;
  font-size: 97%;
  text-align: left;
  margin: 0px 20px 5px 20px;
  padding: 10px 10px 10px 20px;
}

#navi {
  font-size: 95%;
  text-align: left;
  margin: 10px 0px 10px 20px;
  padding: 0px 0px 0px 20px;
}

#banner {
  background-image: url(img/P1050626.jpg);
  width: 97%;
  height: 120px;
}

.height250 {
  height: 250px;
}

.menu2 {
  background: #fff5ee;
  font-size: 98%;
  text-align: center;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.clear {
  clear: both;
}

img.right {
  float: right;
  margin: 0em 0em 0em 1em;
}

img.left { 
  float: left;
  margin: 0em 0em 0em 0em;
}

h1 {
  font-size: 120%;
  color: #2e8b57;
  text-align: left;
  margin: 0px 0px 0px 20px;
  padding: 0px 0px 0px 20px;
}

h2 {
  font-size: 115%;
  color: #a52a2a;
  text-align: left;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

h3 {
  background: #cd5c5c;
  font-size: 110%;
  color: #fffafa;
  text-align: center;
}

p {
  line-height: 27px;
}

p.fleft {
  float: left;
}

a:link {
  color: #0000ff;
}

a:visited {
  color: #8a2be2;
}

a:hover {
  color: #ffa500;
}