BODY  { background: url(../image/skin/background.jpg) fixed; margin: 0px; padding: 0px; font-family: 'Osaka-UI', 'lr@SVbN'; font-size: 9pt; color: #006 }

A { text-decoration: none }
:link,:active,:visited { color: #093 }
:link.new,:active.new,:visited.new { color: #F6C }
:link.renew,:active.renew,:visited.renew { color: #C93 }
:hover { color: #69F; text-decoration: underline overline }

#container { background: url(../image/skin/menu.gif); width: 850px }
#header    { background: url(../image/skin/header.gif); height: 150px }
#main      { width: 100% }

#note      { width: 610px; float: right }
.update    { float: right; line-height: 18px; font-size: 7.5pt; color: #999 }
.counter   { float: left; line-height: 18px; font-size: 7.5pt; color: #09F }
#note-box  { width: 580px; float: right }
.note-hdr  { background: url(../image/skin/note-hdr.gif); padding: 5px 15px 5px 295px; line-height: 15px; color: #6CF }
.note-tt1  { background: url(../image/skin/note-tt1.gif); padding: 5px 10px; font-size: 10.5pt; line-height: 15px; color: #36C }
.note-tt2  { background: url(../image/skin/note-tt2.gif); padding: 5px 10px; font-size: 10.5pt; line-height: 15px; color: #36C }
.note-itm  { background: url(../image/skin/note-itm.gif); padding: 5px 10px 0px }
.note-dat  { background: url(../image/skin/note-dat.gif); padding: 15px 20px 15px 325px; line-height: 20px }
.note-ftr  { background: url(../image/skin/note-ftr.gif); padding: 15px 20px 10px 325px; line-height: 20px }

#menu      { width: 240px; float: left }
#top       { background: url(../image/skin/top.jpg); width: 240px; height: 320px }
#menu-box  { width: 230px }
.menu-hdr  { background: url(../image/skin/menu-hdr.gif); padding: 5px 80px 15px 10px; line-height: 15px; color: #6CF }
.menu-itm  { background: url(../image/skin/menu-itm.gif); padding: 0px 10px 0px 15px }
.menu-ftr  { background: url(../image/skin/menu-ftr.gif); height: 15px }

#contents-hdr { background: url(../image/skin/contents-hdr.gif); width: 240px; height: 15px }
#contents-bcg { background: url(../image/skin/contents-bcg.gif) repeat-y }
#contents-ftr { background: url(../image/skin/contents-ftr.gif); width: 240px; height: 15px }

#footer    { clear: both; background: url(../image/skin/footer.gif); padding: 20px 10px 5px 15px; line-height: 20px; color: #36C }

.bld       { font-weight: bold }
.lft       { text-align: left }
.rit       { text-align: right }
.cnt       { text-align: center }
.mdl       { vertical-align: middle }
