HTML {
 scrollbar-track-color: #212121;
 scrollbar-face-color: #000000;
 scrollbar-arrow-color: #2f4f4f;
 scrollbar-3dlight-color: #000000;
 scrollbar-darkshadow-color: #000000;
 scrollbar-highlight-color: #2f4f4f;
 scrollbar-shadow-color: #2f4f4f;
 }

A:link { color: #2f4f4f; text-decolation: underline; }
A:active { color: #8b0000; text-decolation: underline; }
A:visit { color: #2f4f4f; text-decolation: underline; }
A:hover { color: #8b0000; text-decolation: underline; }

BODY { color: #f5fffa; background-color: #000000;
 font-size: 12px; margin: 0px 0px 0px 0px; }

#b { font-size: 14px; font-weight: bold; text-decoration: underline;}

.tnbk { width: 680px; height: 540px;
 border-top: 200px #000000 solid;
 border-left: 200px #000000 solid;
 position: fixed; left: 0px; top: 0px; z-index: 2; }

.ltgd { width: 160px; height: 120px; color: #2f4f4f;  text-align: left;
 font: normal normal bold 12px/normal Arial, sans-serif;
 position: absolute; left: 10px; top: 90px; z-index: 3; }

.ttl1 { font: normal normal bold 50px/normal Impact, monospace;
 color: #708090; position: absolute; left: 170px; top: 85px; z-index: 3; }

.rtgd { width: 160px; height: 120px; color: #2f4f4f; text-align: left;
 font: normal normal bold 12px/normal Arial, sans-serif;
 position: absolute; left: 720px; top: 90px; z-index: 3; }

.ttl2 { font: normal small-caps bold 50px/normal Impact, monospace;
 color: #f5fffa; position: absolute; left: 190px; top: 105px; z-index: 4; }

.lptb { position: absolute; left: 0px; top: 165px; z-index: 4; }

.lpcp { color: #a9a9a9; font: normal normal bold 16px/normal Arial, sans-serif; }

.navi { width: 200px; height: auto; text-align: left; vertical-align: middle;
 font: normal normal bold 20px/normal Arial, sans-serif;
 position: absolute; left: 0px; top: 200px; z-index: 3; }

.main { width: 620px; height: 400px; overflow: auto;
 position: absolute; left: 210px; top: 210px; z-index: 1; }

<!-- TD for TOP -->
TD#w180 { width: 141px; height: auto; }
TD#w1 { width: 1px; height: auto; }
TD#w2 { width: 2px; height: auto; }
TD#w3 { width: 3px; height: auto; }
TD#w4 { width: 4px; height: auto; }
TD#w5 { width: 5px; height: auto; }
TD#w8 { width: 8px; height: auto; }
TD.bk { background-color: #2f4f4f; }
TD#lp { width: 501px; height: auto; text-align: center; vertivcal-align: middle; }

<!-- for NAVI -->
.cont1 { width: 185px; height: 26px; color: #708090;
 text-align: left; vertical-align: middle; padding-left: 15px; padding-bottom: 15px; }
.cont2 { width: 164px; height: 26px;
 text-align: left; vertical-align: middle; padding-left: 36px; padding-bottom: 10px; }
.cont3 { width: 140px; height: 24px; 
 text-align: left; vertical-align: middle; padding-left: 60px; padding-bottom: 10px; }

A#ctlk:link { color: #708090; text-decolation: none; }
A#ctlk:active { color: #8b0000; text-decolation: underline; }
A#ctlk:visit { color: #708090; text-decolation: none; }
A#ctlk:hover { color: #8b0000; text-decolation: underline; }

<!-- MAIN CONTENTS -->
#info { color: #a9a9a9; font: normal normal bold 16px/normal monospace; }
#ind { color: #708090; font: normal normal bold 16px/normal Arial, sans-serif; }
#ind_mini { color: #708090; font: normal normal bold 12px/normal Arial, sans-serif; }
#ctbl { font: normal normal bold 14px/normal monospace; }
#ctblen { font: normal normal bold 14px/normal Arial, sans-serif; }

.sorry { color: #f5fffa; font: normal small-caps bold 30px/normal Impact, monospace; }

A#lklk:link { color: #008080; text-decolation: underline; }
A#lklk:active { color: #8b0000; text-decolation: underline; }
A#lklk:visit { color: #008080; text-decolation: underline; }
A#lklk:hover { color: #8b0000; text-decolation: underline; }

.lk { font: normal normal bold 12px/normal Arial, sans-serif; }