BODY{
  font-family:Verdana;
  font-size:x-small;
  margin:0px;
  background:url(back.jpg) no-repeat;
  scrollbar-arrow-color : #ffffff;
  scrollbar-3dlight-color : #000000;
  scrollbar-base-color : #ffffff;
  scrollbar-shadow-color : #000000;
  scrollbar-face-color : #000000;
  scrollbar-highlight-color : #000000;
  scrollbar-darkshadow-color : #000000;
  scrollbar-track-color : #1f3134;
}
A{
  color:#302833;
}
A:HOVER,
.index A:HOVER{
  color:#c53d43;
}
#top{
  overflow-y:hidden;
}
H1{
  font-size:10px;
  text-align:center;
  letter-spacing:1.3em;
  width:600px;
  color:#ffffff;
  margin:0px;
  float:left;
  background:#000000;
}
.lay{
  position:absolute;
  top:70%;
  left:0px;
  width:100%;
  overflow-x:scroll;
  background:#000000;
  padding:4px 0 4px 0;
}
.index{
  white-space:nowrap;
  position:absolute;
}
.index LI{
  font-size:10px;
  margin-right:1em;
  display:inline;
  padding-right:90px;
}
.index A{
  white-space:nowrap;
  color:#ffffff;
  text-decoration:none;
}
.writer, .update{
  color:#595857;
  font-size:8px;
  letter-spacing:6px;
  text-decoration:none;
  padding:3px;
}

/* ³Æ¥Ú¡¼¥¸ */
#page{
  padding:5% 0 60px 0;
  margin:0px;
}
H2,
.footer{
  font-size:10px;
  text-align:right;
  letter-spacing:1.3em;
  background:#000000;
  color:#ffffff;
  padding:3px 1em 3px 0;
}
.footer A{
  color:#ffffff;
  text-decoration:none;
}
.note{
  padding:20px 30px 30px 350px;
  line-height:1.7em;
}