*{
  box-sizing : border-box;
  -moz-box-sizing : border-box;
}
BODY{
  font-size:x-small;
  font-family:Georgia, "Times New Roman", Times, serif;
  scrollbar-arrow-color : #ffffff;
  scrollbar-3dlight-color : #ffffff;
  scrollbar-base-color : #ffffff;
  scrollbar-shadow-color : #ffffff;
  scrollbar-face-color : #ffffff;
  scrollbar-highlight-color : #ffffff;
  scrollbar-darkshadow-color : #ffffff;
  scrollbar-track-color : #ffffff;
}
A{
  color:#ffffff;
}
A:HOVER{
  color:#9e3d3f;
}
#page A{
  color:#333333;
}
H1{
  font-family:"Courier New", Courier, mono;
  letter-spacing:0.5em;
  font-size:20px;
  margin:0px;
  position:absolute;
  top:50%;
}
H2{
  font-family:"Courier New", Courier, mono;
  font-size:12px;
  margin:0px;
  letter-spacing:2px;
　color: #000000;
  font-weight: 400;
  position:absolute;
  top:60%;
}

#copy{
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  margin:0px;
  letter-spacing:2px;
  position:absolute;
  top:55%;
}
#copy A{
  color:#000000;
  text-decoration:none;
}
#menu LI{
  font-size:90px;
  position:absolute;
  margin:0px;
  padding:0px;
  list-style:none;
}
#menu LI A{
  text-decoration:none;
  white-space:nowrap;
  display:block;
}
#menu A:first-letter,
#menu LI:first-letter{
  font-size:330px;
  color:#333333;
}
#menu LI A:HOVER,
#menu LI A:HOVER:first-letter,
#menu LI A:ACTIVE{
  color:#9e3d3f;
}
.mh{
  z-index:6;
  color:#9e3d3f;
}
#a1{
  top:5%;
  left:370px;
}
#a2{
  top:100px;
  left:420px;
}
#a3{
  top:150px;
  left:520px;
}
#a4{
  top:37%;
  left:420px;
}
#a5{
  top:65%;
  left:370px;
}



.m1{
  z-index:0;
}
.m2{
  z-index:4;
}
.m3{
  z-index:5;
}
.m4{
  z-index:1;
}
.m5{
  z-index:3;
}


/* 各ページ */
#page H2{
  position:absolute;
  top:35%;
  left:0;
  width:40%;
  font-size:100px;
  color:#333333;
  text-align:center;
}
#page H2:first-letter{
  font-size:330px;
  font-weight:normal;
}
#page H3{
  position:absolute;
  top:50%;
  left:0;
  width:40%;
  font-size:8px;
  color:#666666;
  text-align:center;
  letter-spacing:2em;
  font-weight:normal;
}


#note{
  position:absolute;
  top:0;
  left:40%;
  width:50%;
  height:100%;
  padding:30px;
  overflow-y:scroll;
  scrollbar-arrow-color : #333333;
  scrollbar-3dlight-color : #ffffff;
  scrollbar-base-color : #333333;
  scrollbar-shadow-color : #ffffff;
  scrollbar-face-color : #ffffff;
  scrollbar-highlight-color : #ffffff;
  scrollbar-darkshadow-color : #333333;
  scrollbar-track-color : #333333;
  font-family:Verdana;
  line-height:130%;
  background:#ffffff;
}
#note A{
  color:#9e3d3f;
  text-decoration:none;
}

#note A:HOVER{
  color:hotpink;
}