body{
  color:#696969;
  text-align:center;
  background:#FEF5E7;
}
body, table{
  font-size:0.9em;
  font-family:'Comic Sans MS',Verdana,"‚l‚r ‚oƒSƒVƒbƒN";
}
td{
  vertical-align:top;
}
hr{ 
  border-style:dotted none none none;
  border-top-width:2px;
  border-top-color:#336600;
  margin:1em 0;
}
a{
  color:#666633;
  text-decoration:none;
}
a:visited{
  color:#669966;
  text-decoration:none;
}
a:active, a:hover{
  color:#CC6666;
  text-decoration:none;
}
select, input, textarea{
  color:#336600;
  background:#FCFAF3;
  border:1px solid #336600;
  font-size:0.9em;
}
a img{
  border:0px;
}
#counter{
  font-size:.6em;
  text-align:left;
}
#head{
  width:550px;
  margin:0 auto;
  text-align:center;
}
#menu{
  background:url("./img/menu.gif") left top repeat-x;
  clear:both;
  width:100%;
  height:70px;
  padding-top:14px;
  text-align:center;
}
#menu a{
  margin:3px;
  padding:3px;
  font-weight:normal;
}
#logo{
  float:left;
  vertical-align:top;
  text-align:left;
}
#title{
  color:#336600;
  float:right;
  text-align:right;
  vertical-align:bottom;
}
#copy{
  background:url("./img/foot.gif") left bottom repeat-x;
  clear:both;
  width:100%;
  margin-top:2em;
  text-align:center;
  font-size:0.6em;
}
#donemsg{
  background:#FFCCCC;
  width:550px;
  margin:0 auto;
  text-align:center;
  margin-bottom:1em;
  padding:1em;
}
#msg{
  background:#CCE3FF;
  width:550px;
  margin:0 auto;
  text-align:center;
  margin-bottom:1em;
  padding:1em;
}
.main_list table, .repo_list table, #edit table{
  width:100%;
}
.main_list, #form, #edit_list, #edit{
  border:1px solid #336600;
  background:#FCFAF3;
  width:550px;
  margin:0 auto;
  text-align:center;
  filter:alpha(opacity=80);
}
.article{
  border-bottom:1px solid #336600;
  text-align:left;
  vertical-align:middle;
  height:33px;
  background:url("./img/article.png") left top repeat-x;
}
.no{
  text-align:left;
  vertical-align:middle;
  font-weight:bold;
}
.date{
  text-align:right;
  vertical-align:middle;
  font-weight:bold;
}
.image{
  width:260px;
  height:310px;
  text-align:center;
  vertical-align:middle;
}
.name{
  text-align:left;
}
.item{
  text-align:right;
}
.detail{
  text-align:left;
}
.comment{
  border:1px solid #336600;
  margin-left:2px;
  padding:3px;
  font-size:.8em;
  height:125px;
  vertical-align:top;
  text-align:left;
}
.res{
  text-align:left;
}
.user_login{
  text-align:right;
}
.repo_list{
  border:1px solid #336600;
  background:#FCFAF3;
  width:550px;
  margin:0 auto;
  text-align:center;
}
.submit{
  text-align:right;
}
/*----- main -----------------------------------------------------------------*/
.main_list .item{
  width:100px;
}
.main_list .detail{
  width:190px;
}
.main_list .name{
  padding-left:3px;
  padding-top:0.5em;
  font-size:2em;
  font-weight:bold;
}
.repo_list .no{
  text-align:left;
  width:70px;
}
.repo_list .name{
  text-align:left;
  width:250px;
}
.repo_list .detail{
  text-align:left;
  width:230px;
}
/*----- user admin edt_list find res pass_edit error -------------------------*/
#form{
  padding-bottom:1em;
}
#form .article{
  font-size:1.2em;
}
/*----- edit_list res_list ---------------------------------------------------*/
#edit_list{
  padding-bottom:1em;
}
#edit_list .article{
  font-size:1.2em;
}
/*----- reg user_edit admin_edit res_list-------------------------------------*/
#edit .article{
  font-size:1.2em;
}
/*----- error ----------------------------------------------------------------*/
.error{
  color:#FF0000;
}