body { font-family: MS Gothic,Osaka,sans-serif; color: #663300; font-size: 8pt;
       background-image: url("s/back1.gif"); 
       scrollbar-face-color: #bf9764; 
       scrollbar-arrow-color: #85653c;
       scrollbar-track-color: #85653c; 
       scrollbar-highlight-color: #DDD09F;
       scrollbar-shadow-color: #634F36;
       scrollbar-3dlight-color: #85653c;
       scrollbar-darkshadow-color: #634F36;}
A { text-decoration: none; }
A:link { color: #996600; }
A:visited { color: #663300; }
A:active { color: #cc9999; }
A:hover { color: #ffcc66; }
td { font-size: 8pt; color: #663300; }
<!-- トップに関するモノ -->
td#top { width: 600px;
         text-align: center;
         vertical-align: top;
         background-image: url("s/back1.gif"); }
div#suku { text-align: left;
           border:solid 1px #634F36;
           width: 300px;
           height: 150px;
           overflow-y: scroll;
           background-image: url("s/back4.gif");
           padding-right: 20px;
           padding-bottom: 20px;
           padding-left: 20px; }
div#kousin { width: 200px;
            font-weight: bold; color: #DDD09F;
            font-size: 10pt;
            margin-top: 20px;
            margin-bottom: 20px;
            margin-left: 25px;            
            padding-top: 7px;
            padding-bottom: 7px;
            padding-left: 70px; 
            border-width: 3px;
            border-style: double;
            border-color: #85653c;
            background-image: url("s/back2.gif"); }
img#swaku1 { border: solid medium #999966;
             border-style: double; }
div#osewa { border-style: double;
            border-color: #85653c; 
            border-width: 5px; 
            width: 400px; 
            height: 80px; 
            padding: 5px; 
            background-image: url("s/back4.gif"); }
div#touhyou { width: 300px;
              height: 80px;
              padding: 10px;
              border-style: solid;
              border-color: #85653c;
              border-width: 2px; 
              background-image: url("s/back4.gif");
              text-align: center; }
<!-- インフォに関するもの -->
div#info3 { color: #DDD09F;
            text-align: center;
            width: 350px; 
            height:500px;
            padding-top: 10px;
            padding-bottom: 7px;
            border-style: double;
            border-width: 3px;
            background-image: url("s/back2.gif");
            border-color: #663300; }
div#info2 { text-align: center; 
            width: 350px; 
            height:500px;
            padding-top: 10px;
            padding-bottom: 7px;
            border-style: double;
            border-width: 3px;
            background-image: url("s/back4.gif");
            border-color: #663300;  }
<!-- リンクに関するモノ -->
div#link { width: 600px;
          background-image: url("s/back4.gif"); }
div#lwaku1 { width: 500px;
             height; 200px; 
             padding: 10px;
             border-width: 3px; 
             border-style: double; 
             border-color: #663300; 
             background-image: url("s/back2.gif"); }
div#lin1 { width: 500px; padding-top: 50px; }
td#a1 { text-align: center; width: 260px; height: 60px; background-image: url("s/back2.gif"); padding-top: 5px; }
td#a2 { text-align: center; width: 240px; height: 60px; background-image: url("s/back1.gif"); }
td#a3 { text-align: center; width: 260px; height: 60px; background-image: url("s/back1.gif"); padding-top: 5px; }
td#a4 { text-align: center; width: 240px; height: 60px; background-image: url("s/back2.gif"); }
td#a5 { text-align: center; width: 260px; height: 60px; background-image: url("s/back2.gif"); padding-top: 5px; }
td#a6 { text-align: center; width: 240px; height: 60px; background-image: url("s/back1.gif"); }
td#a7 { text-align: center; width: 260px; height: 60px; background-image: url("s/back1.gif"); padding-top: 5px; }
td#a8 { text-align: center; width: 240px; height: 60px; background-image: url("s/back2.gif"); }
td#b1 { text-align: center; width: 150px; height: 100px; background-image: url("s/back2.gif"); padding-top: 5px; }
td#b2 { text-align: center; width: 150px; height: 100px; background-image: url("s/back1.gif"); padding: 10px; }
td#b3 { text-align: center; width: 150px; height: 100px; background-image: url("s/back2.gif"); padding-top: 5px; }
td#b4 { text-align: center; width: 150px; height: 100px; background-image: url("s/back1.gif"); padding: 5px; }
td#b5 { text-align: center; width: 150px; height: 100px; background-image: url("s/back1.gif"); padding-top: 5px; }
td#b6 { text-align: center; width: 150px; height: 100px; background-image: url("s/back2.gif"); padding: 10px; }
td#b7 { text-align: center; width: 150px; height: 100px; background-image: url("s/back1.gif"); padding-top: 5px; }
td#b8 { text-align: center; width: 150px; height: 100px; background-image: url("s/back2.gif"); padding: 5px; }
td#b9 { text-align: center; width: 150px; height: 100px; background-image: url("s/back2.gif"); padding-top: 5px; }
td#b10 { text-align: center; width: 150px; height: 100px; background-image: url("s/back1.gif"); padding: 10px; }
td#b11 { text-align: center; width: 150px; height: 100px; background-image: url("s/back2.gif"); padding-top: 5px; }
td#b12 { text-align: center; width: 150px; height: 100px; background-image: url("s/back1.gif"); padding: 5px; }
td#c1 { text-align: center; width: 70px; height: 70px; background-image: url("s/back2.gif"); padding-top: 5px; }
td#c2 { text-align: center; width: 70px; height: 70px; background-image: url("s/back1.gif"); padding-top: 5px; }
td#c3 { text-align: center; width: 70px; height: 70px; background-image: url("s/back2.gif"); padding-top: 5px; }
<!-- ギャラリーに関するモノ -->
td#gwaku1 { width: 150px;
            height; 700px;
            padding-top: 5px; 
            text-align: center;
            vertical-align: top; }
<!-- キリ番に関するモノ -->
div#kiri { width: 450px;
           height: 360px;
           background-image: url("s/back4.gif"); }
img#cwaku1 { border: solid medium #cccc99;
             border-style: double; }
td#hako1 { text-align: center; width: 90px; height: 90px; background-image: url("s/back2.gif"); }
td#hako2 { text-align: center; width: 90px; height: 90px; background-image: url("s/back4.gif"); }
td#hako3 { text-align: center; width: 90px; height: 90px; background-image: url("s/back2.gif"); }
td#hako4 { text-align: center; width: 90px; height: 90px; background-image: url("s/back4.gif"); }
td#hako5 { text-align: center; width: 90px; height: 90px; background-image: url("s/back2.gif"); }
td#hako6 { text-align: center; width: 90px; height: 90px; background-image: url("s/back4.gif"); }
td#hako7 { text-align: center; width: 90px; height: 90px; background-image: url("s/back2.gif"); }
td#hako8 { text-align: center; width: 90px; height: 90px; background-image: url("s/back4.gif"); }
td#hako9 { text-align: center; width: 90px; height: 90px; background-image: url("s/back2.gif"); }
td#hako10 { text-align: center; width: 90px; height: 90px; background-image: url("s/back4.gif"); }
td#hako11 { text-align: center; width: 90px; height: 90px; background-image: url("s/back2.gif"); }
td#hako12 { text-align: center; width: 90px; height: 90px; background-image: url("s/back4.gif"); }
td#hako13 { text-align: center; width: 90px; height: 90px; background-image: url("s/back2.gif"); }
td#hako14 { text-align: center; width: 90px; height: 90px; background-image: url("s/back4.gif"); }
td#hako15 { text-align: center; width: 90px; height: 90px; background-image: url("s/back2.gif"); }
td#hako16 { text-align: center; width: 90px; height: 90px; background-image: url("s/back4.gif"); }
td#hako17 { text-align: center; width: 90px; height: 90px; background-image: url("s/back2.gif"); }
td#hako18 { text-align: center; width: 90px; height: 90px; background-image: url("s/back4.gif"); }
td#hako19 { text-align: center; width: 90px; height: 90px; background-image: url("s/back2.gif"); }
td#hako20 { text-align: center; width: 90px; height: 90px; background-image: url("s/back4.gif"); }
<!-- その他 -->
img#na { -moz-opacity: 0.5; filter: Alpha(Opacity=50); }