body{
font-size : 0.8em;
color : #1a0f09;
background : #E7BC94 url("data/bg.gif") repeat-y right;
padding : 0px;
margin : 5px;
}

a{
text-decoration : none;
}

a:link{
color : #004080;
}

a:visited{
color : #002142;
}

a:active{
color : #ff8040;
}

a:hover{
color : #ff8040;
text-decoration : underline;
}

h1{
color : #603815;
font-size : 20px;
text-align : center;
background : #fff7d7;
border-top : 4px double #b36a28;
border-right : none;
border-bottom : 4px double #b36a28;
border-left : none;
padding : 5px;
margin : 5px 0px 10px 0px;
}

h2{
color : #603815;
font-size : 16px;
border-top : none;
border-right : none;
border-bottom : 1px solid #b36a28;
border-left : none;
padding : 5px;
margin : 0px 0px 5px 0px;
}

p{
line-height : 1.3em;
margin : 12px 0px;
}

strong{
color : #b36a28;
}

table{
width : 298px;
height : 230px;
font-size : 12px;
text-align : left;
background : #FFFBEC;
border-top : none;
border-right : 2px solid #603815;
border-bottom : 3px solid #603815;
border-left : none;
padding : 0px;
margin : 0px 0px 5px 0px;
}

th{
color : #603815;
text-align : center;
background : #fff7d7;
border-top : 4px double #b36a28;
border-right : none;
border-bottom : 4px double #b36a28;
border-left : none;
padding : 3px;
}

td{
vertical-align : top;
padding : 3px;
margin : 0px;
}

#layout{
width : 600px;
text-align : center;
padding : 0px;
marigin : 5px;
}

#top_img{
width : 597px;
height : 300px;
border-top : none;
border-right : 2px solid #603815;
border-bottom : none;
border-left : none;
padding : 0px;
margin : 0px;
}

.box{
width : 587px;
text-align : left;
background : #fffbec url(./box.gif) no-repeat;
border-top : none;
border-right : 2px solid #603815;
border-bottom : 3px solid #603815;
border-left : none;
padding : 5px;
margin : 0px 0px 10px 0px;
}

.box li{
padding : 0px;
margin : 0px 0px 5px 0px;
}

.bt{
width : 120px;
height : 45px;
border : none;
padding : 0px;
margin : 0px;
}

.float{
float : left;
}

br.clr{
clear : both;
}

.thumb{
width : 180px;
height : 135px;
background : #fff;
border-top : 1px solid #E7BC94;
border-right : 2px solid #603815;
border-bottom : 3px solid #603815;
border-left : 1px solid #E7BC94;
padding : 4px;
margin : 2px;
}

#navi{
position : relative;
width : 597px;
height : 24px;
color : #fff;
font-size : 12px;
font-weight : bold;
background-color : #603815;
border-top : 2px solid #603815;
border-right : 1px solid #603815;
border-bottom : 2px solid #603815;
border-left : none;
list-style : none;
padding : 0px;
margin-top : 0px;
margin-left : auto;
margin-right : auto;
margin-bottom : 0px;
}

#navi li{
float : left;
width : 117px;
text-align : center;
background : #87511f;
display : block;
padding : 0px;
margin : 0px 1px;
}

#navi a{
color : #fff;
line-height : 2em;
text-decoration : none;
display : block;
}

#navi a:hover{
color : #fff;
line-height : 2em;
background-color : #b36a28;
text-decoration : none;
display : block;
}

#st_bg{
background : #fffbec url(./data/st_bg.jpg) no-repeat 98% 98%;
}

#st_bg a{
font-weight : bold;
}

#submenu{
float : left;
width : 180px;
border-top : 1px solid #E7BC94;
border-right : 2px solid #603815;
border-bottom : 3px solid #603815;
border-left : 1px solid #E7BC94;
background : #fffcec;
padding : 5px;
margin : 0px;
list-style : square inside;
}

#submenu li{
padding : 3px;
margin : 0px 0px 5px 5px;
}

#chara{
float : left;
width : 380px;
padding : 3px;
margin : 0px 5px 0px 0px;
border-top : 1px solid #E7BC94;
border-right : 2px solid #603815;
border-bottom : 3px solid #603815;
border-left : 1px solid #E7BC94;
background : #fffcec;
}

#chimg{
width : 380px;
height : 350px;
padding : 0px;
margin : 5px 0px 0px 0px;
}

br.clr{
clear : both;
}