*{
  box-sizing : border-box;
  -moz-box-sizing : border-box;
  -webkit-box-sizing : border-box;
  -ms-box-sizing : border-box;
  margin:0px;
  padding:0px;
  scrollbar-arrow-color:#FF6699;
  scrollbar-base-color:#FF6699;
  scrollbar-face-color:#000000;
  scrollbar-highlight-color:#FF6699;
  scrollbar-shadow-color:#FF6699;
  scrollbar-3dlight-color:#000000;
  scrollbar-darkshadow-color:#000000;
  scrollbar-track-color:#000000;
}
BODY{
  background-color:#000000;
  color:#ffffff;
  font-family:Verdana;
  font-size:small;
}
A{
  color:#FF6699;
}
A:hover{
  color:#ffffff;
}
#mainview{
  position:absolute;
  top:50%;
  left:50%;
  width:800px;
  height:450px;
  margin:-225px 0px 0px -400px;
  border:1px solid #ffffff;
  z-index:1;
}
#indexmenu{
  position:absolute;
  top:50%;
  left:50%;
  width:99px;
  height:450px;
  margin:-225px 0px 0px -340px;
  border-right:1px solid #ffffff;
  border-left:1px solid #ffffff;
  background:#000000;
  font-size:10px;
  line-height:1.9em;
  padding:0px;
  z-index:2;
}
#indexmenu H2{
  font-size:100%;
  font-weight:normal;
  padding:6px 0px 9px 9px;
}
#indexmenu H2:after{
  content:" ";
}
#indexmenu LI{
  display:block;
  list-style:none;
  padding:4px 0px 5px 0px;
}
#indexmenu LI A{
  display:block;
  line-height:1.3em;
  text-decoration:none;
  padding:0px 9px 0px 9px;
}
#indexmenu LI A:hover{
  background:#ffffff;
  color:#000000;
}
#indexmenu LI A:before{
  content:"�� ";
}
#indexlink{
  margin-top:1.3em;
}


#main{
  background:url(img/back.gif);
  margin:185px 10px 10px 190px;
}
#main H1{
  color:#ffffff;
  font-size:50px;
  font-family:"Lucida Sans Unicode";
  letter-spacing:10px;
  filter:dropshadow(offx=6,offy=6,color=#FF3366);
  width:80%;
}
#copyright,
#credit,
#update{
  display:block;
  font-size:10px;
  filter:alpha(opacity=60);
  background:#000000;
  color:#f0f8ff;
  padding:3px;
  float:center;
}
#update{
  display:block;
  filter:alpha(opacity=80);
  clear:both;
  width:225px;
}

BODY#page{
  background:#000000 url(img/back4.gif) 100% 0% repeat fixed;
  margin:50px 10px 10px 190px;
  overflow:auto;
}
#note>H1{
  color:#ffffff;
  font-size:21px;
  font-family:"Lucida Sans Unicode";
  letter-spacing:19px;
  filter:alpha(opacity=30,finishopacity=100,style=1) dropshadow(offx=6,offy=6,color=#808080);
  width:80%;
  line-height:1.9em;
}
#note SECTION H1{
  filter:alpha(opacity=60);
  font-size:small;
  background:#FF6699;
  color:#000000;
  padding:1px 1px 1px 7px;
  margin:17px 0px 10px 0px;
}
#note SECTION H1:before{
  content:" ";
}
#bookmark A{
  text-decoration:none;
}
#bookmark DT{
  filter:alpha(opacity=100,finishopacity=0,style=1);
  border-bottom:1px solid #a9a9a9;
  color:#a9a9a9;
  font-size:x-small;
  letter-spacing:2px;
}
#bookmark DD{
  padding:0px 0px 9px 10px;
}
#diary A{
  text-decoration:none;
}
#diary DT{
  filter:alpha(opacity=100,finishopacity=0,style=1);
  border-bottom:1px solid #a9a9a9;
  color:#a9a9a9;
  font-size:x-small;
  letter-spacing:2px;
}
#diary DD{
  padding:10px 0px 19px 10px;
}
#page NAV{
  display:block;
  text-align:right;
}