body{
margin: 0px;
padding: 0px;
background-color: #BE3E25;
color: #000;
font-family: Tahoma;
font-size: 13px;
}

td{
text-align: justify;
vertical-align: top;
}
h1{
margin: 0px;
}
h2{
margin: 0px;
}
h3{
margin: 0px;
}
h4{
margin: 0px;
padding-left: 2px;
}
p{
text-indent: 8px;
margin: 0px;
}
img{
padding: 0px;
border: 0px;
}

a{
color: #333;
text-decoration: none;
}
a:hover
{
color: #666;
text-decoration: underline;
}

#all{
position: relative;
left: 0px;
top: 0px;
width: 960px;
margin-left: auto;
margin-right: auto;
margin-top: -16px;
padding: 0px;
}

#logo{
width: 224px;
height: 192px;
background-color: #e27210;
background-image: url('gfx/logo.png');
background-repeat: no-repeat;
background-position: top left;
}

#header{
width: 728px;
height: 192px;
background-color: #e27210;
padding: 4px;
}

#navi{
width: 216px;
height: 400px;
background-color: #e89e18;
padding: 4px;
}

#main{
width: 728px;
height: 400px;
background-color: #eedd38;
padding: 4px;
}

#footer{
width: 960px;
height: 40px;
background-color: #e27210;
text-align: center;
vertical-align: middle;
}

.hidden{
visibility: hidden;
display: none;
}
.ten{
font-size: 10px;
}

.naviul{
padding-left: 0px;
}
.navi0{
background: #e27210;
list-style-type: none;
font-weight: bold;
padding-left: 2px;
margin-top: 4px;
}
.navi1{
background: 0px 6px url('gfx/bullet1.gif') no-repeat;
padding-left: 12px;
list-style-type: none;
font-weight: bold;
}
.navi2{
background: 0px 6px url('gfx/bullet2.gif') no-repeat;
padding-left: 12px;
list-style-type: none;
font-weight: bold;
}
.navi3{
background: 0px 6px url('gfx/bullet3.gif') no-repeat;
padding-left: 12px;
list-style-type: none;
font-weight: bold;
}
.navi4{
background: 0px 6px url('gfx/bullet4.gif') no-repeat;
padding-left: 12px;
list-style-type: none;
font-weight: bold;
}

.red{
font-weight: bold;
color: #f00;
}
.hsc2{
background-color: #e89e18;
}
.charcell{
width: 112px;
height: 112px;
padding: 4px;
text-align: center;
}