<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">*{
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -ms-box-sizing:border-box;
  margin:0px;
  padding:0px;
}
ARTICLE,
ASIDE,
DIALOG,
FIGURE,
FOOTER,
HEADER,
NAV,
SECTION,
SMALL{
  display:block;
  font-size:100%;
}
BODY{
  font-family:Verdana;
  color:#56452d;
  background:url(back.gif) fixed;
  font-size:small;
}
A{
  color:#896a45;
}
#index{
  padding-top:31%;
  width:600px;
  margin:auto;
}
#index&gt;HEADER{
  position:relative;
  width:96px;
  height:123px;
  background:url(material/t1.gif) 50% no-repeat;
  float:left;
  margin:10px;
  text-align:justify;
  text-justify:distribute-all-lines;
  padding:10px;
}
#index&gt;HEADER H1{
  font-size:11px;
  padding-top:30px;
}
#index&gt;HEADER #update{
  position:absolute;
  top:100%;
  width:77px;
  font-size:9px;
  margin-top:-30px;
  text-align:justify;
  text-justify:distribute-all-lines;
}
#index&gt;SECTION{
  font-size:11px;
  width:96px;
  height:123px;
  background:url(material/t2.gif) no-repeat;
  float:left;
  margin:10px;
  text-align:justify;
  text-justify:distribute-all-lines;
  padding:13px;
  color:#fffaf0;
}
#index&gt;SECTION H2{
  font-size:100%;
  font-weight:normal;
}
#index&gt;SECTION LI{
  list-style:none;
  margin:12px 0px 12px 0px;
}
#index&gt;SECTION A{
  text-decoration:none;
}
#index&gt;SECTION A:hover{
  text-decoration:underline;
}
#note{
  width:410px;
  color:#16160e;
  background:#ffffff;
  filter:Alpha(opacity=70);
  opacity:.70;
  margin:auto;
  line-height:1.5em;
}
#note H1,
#note&gt;NAV{
  position:relative;
  font-size:small;
  text-align:center;
  line-height:60px;
  color:#fefee7;
  background:#56452d;
  letter-spacing:1px;
}
#note&gt;NAV A{
  color:#fefee7;
  text-decoration:none;
}
#note P{
  margin:0.5em 0em 0.5em 0em;
}
#note LI{
  margin:0em 0em 0em 2em;
}
</pre></body></html>