*{
  box-sizing : border-box;
  -moz-box-sizing : border-box;
}
BODY{
  background : url(image.gif) fixed;
  margin : 0px;
  color : #ffffff;
  font-family : Verdana;
  font-size : x-small;
  scrollbar-arrow-color : #cccccc;
  scrollbar-3dlight-color : #000000;
  scrollbar-base-color : #cccccc;
  scrollbar-shadow-color : #000000;
  scrollbar-face-color : #000000;
  scrollbar-highlight-color : #000000;
  scrollbar-darkshadow-color : #000000;
  scrollbar-track-color : #cccccc;
  overflow : auto;
}
A{
  color : #ffffff;
  background : #000000;
  text-decoration : none;
}
A:HOVER{
  background : #666666;
}
#menu{
  text-align : center;
  height : 100%;
  margin : 0px;
  padding : 40% 0 0 0;
}
#menu LI{
  display : inline;
  list-style : none;
}
#menu A{
  padding : 0 1em 0 1em;
}
#menu A:HOVER{
  background : #666666;
  padding : 0 1em 0 1em;
}
#rec{
  width : 300px;
  height : 100%;
  background : #000000;
  text-align : center;
  line-height : 200%;
  float : right;
  padding : 7% 0 0 0;
}
H1{
  font-size : x-small;
}

/* 各ページ */
#note{
  color : #cccccc;
  background : #000000;
  filter : Alpha(opacity=80);
  opacity : .80;
  width : 450px;
  height : 100%;
  margin : 0 0 0 80px;
  overflow : auto;
  padding : 10px;
  line-height : 1.5em;
}
#navi{
  position : absolute;
  width : 100px;
  height : 100%;
  top : 0px;
  left : 580px;
  background : #000000;
  filter : Alpha(opacity=80);
}

/* 日記用 */
#diary H1{
  text-align : center;
  background : #000000;
  margin : 0px;
  padding : 15px;
  filter:Alpha(opacity=80);
  width : 100%;
}
.diary{
  vertical-align : top;
  padding : 0 10% 0 10%;
}
.day{
  color : #ffffff;
  filter : dropshadow(offx=1,offy=1,color=#cccccc);
  width : 100%;
  padding : 5px 0 5px 0;
}
.diarytext{
  color : #cccccc;
  filter:Alpha(opacity=80);
  background : #000000;
  padding : 10px;
  line-height : 150%;
  width : 100%;
}
.d1{
  color : #666666;
}
.d2{
  color : #cccccc;
}