@charset="utf-8"; 
body { 
 margin: 0; 
 border-top:#f0e68c 10px solid;
 border-bottom:#f0e68c 10px 
solid; 
background-color: #8b4513; 
 position: center; 
 width: 100%; 
 height: 100%;}

#box { 
 display: flex; 
 margin: 0 auto; 
 border: 0px; 
 padding: 0px; 
 width: auto; 
 height: auto; 
 position: center; 
 left: 0; 
 right: 0; 
} 
#menu { 
 margin: 0px; 
 width: 100%; 
 height: auto;
 border-right: 5px solid #f0e68c; 
 border-left: 5px solid #f0e68c; 
 text-align: center; 
 padding-left: 1px; 
 position: relative; 
 font-size: 20px; 
line-height: 40px; 
 } 
ul.list{ 
 text-align: left; 
}
#contents { 
margin: 0px 0px 0px 0px; 
 width: 100%; 
 height: auto; 
 position: center; 
 } 
#footer { 
 font-size: 15px; 
 border-bottom:#f0e68c 5px 
solid; clear: left; text-align: center; 
 margin-bottom: 0px; 
 width: 100%; 
 }

a{
color:#ffd700;
text-decoration:underline;
}
a:link{
color:#ffd700;
text-decoration:underline;
}
a:visited{
color:#ff8c00;
text-decoration:underline;
}