body {
 background-image: url(./img/kabe.jpg);
 background-repeat: repeat-x;
 background-color: #FFFFFF;
 background-attachment: fixed;
}

#field {
 border: 3px solid #49A832;
 background-color: #22252D;
 width: 900px;
 margin-left: auto;
 margin-right: auto;
}

#top {
 width: 700px;
 height: 190px;
 margin: 1%;
}

#top_img {
 background-image: url(./img/frog.jpg);
 background-repeat: no-repeat;
 width: 700px;
 height: 150px;
 margin: 1%;
}

#top_title {
 float: right;
 margin: 1%;
}

#top_menu {
 background-image: url(./img/menu_border.gif);
 background-repeat: repeat-x;
 width: 700px;
 height: 34px;
 margin: 1%;
}

#main {
 border: 3px solid #333124;
 background-color: #655343;
 width: 650px;
 float: right;
 margin-right: 1%;
 margin-bottom: 1%;
}

#sub {
 border: 3px solid #333124;
 background-color: #655343;
 width: 210px;
 float: left;
 margin-left: 1%;
 margin-bottom: 1%;
}

#directory {
 border: 2px solid #D2C1E3;
 background-color: #FAFAFF;
 margin: 1%;
 margin-bottom: 2%;
}

#sub_directory {
 border: 2px solid #D2C1E3;
 background-color: #FAFAFF;
 margin: 1%;
 margin-bottom: 6%;
}

#border {
 border-bottom: 3px solid #D2C1E3;
 margin-bottom: 1%;
}

#game {
 margin-top: 1%;
}

#game_img {
 float: left;
 margin-left: 1%;
 width: 120px;
}

#news {
 background-color: #FAFAFF;
 margin-top: 3%;
 margin-bottom: 3%;
}

#bottom {
 background-image: url(./img/foot_border.gif);
 background-repeat: repeat-x;
 width: 900px;
 height: 30px;
 margin-top: 3%;
 margin-bottom: 3%;
}

.dir_property {
 color: #FFFFFF; 
}

.dir_head {
 font-size: 16pt;
 font-weight: bold;
 color: #000000;
}
.dir_main {
 font-size: 12pt;
 color: #000000;
 margin-bottom: 2%;
}
.fe {
 clear: both;
}