body {
  background: #ffffff;
  margin: 0;
  padding: 0;
  font-size: 1em;
  font-family: verdana,arial,helvetica,sans-serif;
  color: #000000;
}
img {
  border: 0;
}
a:link{color: #000000;}
a:visited{color:#000000;}
a:hover{color:#000000;}
a {text-decoration: none;}
b {
  color: #000000;
}
h1 {
  font-size: 150%;
  font-weight: bold;
  color: cc6633;
  border-bottom: solid;
  border-color: #c0c0c0;
  border-width: 1px;
}
h2 {
  font-size: 125%;
  font-weight: bold;
  color: #cc6633;
  border-bottom: dotted;
  border-color: #c0c0c0;
  border-width: 1px;
}
h3 {
  font-size: 110%;
  font-weight: bold;
  background: #cc6633;
  color: #ffffff;
  padding: 2px;
  margin-left: 30px;
}
.sm {
  font-size:90%;
  margin-left: 60px;
}
li {
  padding-bottom: 12px;
}

#head {
  background: #cc6633;
  padding-left: 30px;
}
#main {
  position: absolute;
  left: 150px; top: 20px;
  border-left: dotted;
  border-color: #ff9966;
  border-width: 1px;
  padding: 0 20px 0 20px;
}
#left {
  position: absolute;
  left: 0px; top: 60px;
  width: 149px;
  font-size: 100%;
}
.menu p {
  padding: 4px;
  margin: 0 0 1px 0;
  background: #ffe0c0;
}
.join {
  margin: 8px 8px 0 8px;
  padding: 0 4px 0 4px;
  border: dotted 1px #c0c0c0;
  font-size: 90%;
}
.detail {
  margin: 0 8px 0 20px;
  font-size: 90%;
}
.r {
  text-align: right;
  font-weight: bold;
}
.lline {
  border-left: dashed #ff9966 1px;
}