body {
    margin-right: auto;
    margin-left: auto;
    width: 860px;
    font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic'  
}

table.menu {
    border: solid;
    border-width: 4px;
    border-color: #cccccc;
    background-color: #ccccff;
    border-spacing: 0px;
}
table.menu:hover {
    background-color: #ffcccc;
    color: black;
}
.oftitle {
    font-weight: bold;
    color: #666666;
}
.oftext {
    color: #333333;
}

.about {
    color: #999999;
}
.news {
    color: #333333;
}
.links {
    background-color: #cccccc;
}
a {
    text-decoration: none;
}
.link {
    color: #333333;
}
.link:hover {
    color: #996699;
    text-decoration: underline;
}
.linkR {
    color: #663366;
}
.linkR:hover {
    color: #996699;
    text-decoration: underline;
}
.notes {
    background-color: #cccccc;
}
.note {
    color: #333333;
}

/* event table */
.eventLabel {
    background-color: #eeccee;
    color: #333333;
    padding-left: 1em;
    padding-right: 1em;
    width: 120px;
}
.eventData {
  background: #eeeeee;
  width: 360px;
  height: 24px;
  padding-left: 1em;
  padding-right: 1em;
  font-size: 14px;
}

/* form.html */
.formLabel {
    background-color: #ffcccc;
    color: #333333;
    padding-left: 1em;
    padding-right: 1em;
    width: 120px;
}
.formInput {
  border: 1px solid #999999;
  border-radius: 4px;
  background: #eeeeee;
  width: 360px;
  height: 24px;
  padding-left: 1em;
  padding-right: 1em;
  font-size: 14px;
}
.formTextarea {
  border: 1px solid #999999;
  border-radius: 4px;
  background: #eeeeee;
  width: 360px;
  height: 120px;
  padding-left: 1em;
  padding-right: 1em;
  font-size: 14px;
}
.confirmText {
  background: #eeeeee;
  width: 360px;
  height: 24px;
  padding-left: 1em;
  padding-right: 1em;
  font-size: 14px;
}