*{
  box-sizing : border-box;
  -moz-box-sizing : border-box;
  scrollbar-arrow-color : #e6e6fa;
  scrollbar-3dlight-color : #ffffff;
  scrollbar-base-color : #e6e6fa;
  scrollbar-shadow-color : #ffffff;
  scrollbar-face-color : #ffffff;
  scrollbar-highlight-color : #ffffff;
  scrollbar-darkshadow-color : #ffffff;
  scrollbar-track-color : #e6e6fa;
}
BODY{
  font-family : "Courier New", Courier, mono;
}
A{
  color : #666666;
}

/* 目次 */
#top{
  padding-left : 40%;
  font-size : x-small;
}
H1{
  position : absolute;
  top : 20px;
  left : 15%;
  font-family : "ＭＳ 明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
  font-size : 90px;
  width : 100px;
  text-align : center;
  font-weight : normal;
  line-height : 1em;
}
UL{
  margin-left : 1px;
  padding : 0px;
}
LI{
  font-family : "ＭＳ 明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
  font-size : 60px;
  list-style : none;
}
LI A{
  display : block;
  color : #cccccc;
  width : 190px;
  text-decoration : none;
  border : 1px solid #cccccc;
  padding : 3px;
}
LI A:HOVER{
  color : #666666;
  border : 1px solid #666666;
}
.a2{
  margin-left : 190px;
}
.writer,
.update,
.footer{
  text-align : right;
  color : #999999;
  letter-spacing : 3px;
  font-size : 90%;
}
.update{
  border-bottom : 1px solid #999999;
  padding-bottom : 1em;
}
#top .footer{
  border-top : 1px solid #999999;
  padding-top : 1em;
}

/* 各ページ */
#page{
  margin : 0px;
  padding-left : 30%;
}
H2{
  position : absolute;
  top : 0px;
  left : 0px;
  width : 580px;
  font-family : "ＭＳ 明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
  font-size : 190px;
  font-weight : normal;
  line-height : 1em;
  color : #e6e6fa;
  padding : 3px;
  z-index : -1;
}
.note{
  border-top : 1px solid #cccccc;
  border-left : 1px solid #cccccc;
  margin : 95px 0 0 0;
  padding : 30px;
  font-size : small;
  line-height:1.3em;
}
#page .footer{
  border-top : 1px solid #cccccc;
  padding : 30px 10px 30px 0;
}