body{
  color: #336600;
  font-size: 90%;
  font-family: 'MS UI Gothic', 'Osaka', 'ＭＳ Ｐゴシック';
  background-color: #FFFFFF;

}

/* リンク関係 */
a{ text-decoration: none; }
a:link{ color: #0000FF; }	/* 未訪問 */
a:visited{ color: #800080; } /* 訪問済み */
a:active{ color: #FF0000; } /* 訪問中 */
a:hover{ text-decoration: underline; color: #FF0000; } /* 訪問中 */

dl, dt, dd, p, form{
  margin: 0px;
}

.bbs_title{
  margin-left: 5%;
  color: #336600;
  font-size: 200%;
  font-weight: bold;
}


.button{
  width: 110px;
  text-align: center;
  margin: 0px 80% 0px 0px;
  padding: 5px;
  border-style: solid;
  border-width: 1px;
  border-color: #3366CC;
  background-color: #E0F0FF;
}

ul.controller{
  margin: 20px 15% 20px 5%;
  padding: 5px 10px;
  border-style: solid;
  border-width: 1px 0px;
  border-color: #3366CC;
  background-color: #E0F0FF;
}
ul.controller li{
  display: inline;
  margin: 0px 4px;
}

div.article{
  margin: 10px 5%;
  padding: 5px;
  color: #000000;
  border-style: solid;
  border-width: 1px;
  border-color: #3366CC;
  background-color: #FFFFFF;
}


.article .subject{
  font-size: 120%;
  margin: 5px 0px;
  color: #008000;
}
.article dt.name, dd.name, dt.date, dd.date, dd.link, dt.id, dd.id, .control li{
  display: inline;
}

.article dd.name{
  font-weight: bold;
  color: #000000;
}

.article dt.link, dt.comment{
  display: none;
}

.article .date, .id{
  font-size: 90%;
}

.article dd.link{
  font-size: 90%;
  margin-left: 4px;
}

.article dt.date{
  margin-left: 20px;
}

.article dd.comment{
  margin: 15px 5%;
  color: #000000;
}

.article ul.control{
  text-align: right;
  margin: 0px;
}

.article ul.control li{
  font-size: 90%;
  margin: 0px 4px 0px 0px;
}

.article blockquote{
  margin: 0px;
  padding-left: 7px;
  border-width: 0px 0px 0px 4px;
  border-style: solid;
}
.article blockquote.quote{
  color: #000080;
  border-color: #C0C0FF;
}
.article blockquote.quote2{
  color: #008000;
  border-color: #C0FFC0;
}
.article blockquote.quote3{
  color: #008080;
  border-color: #C0FFFF;
}


p.navi {
  color: #808080;
  margin-right: 5%;
  text-align: right;
}
span.navi{
  padding: 2px;
  background-color: #E0F0FF;
}

.now_page {
  color: #FF0000;
}

.copyright {
  margin: 10px 5% 0px 0px;
  text-align: right;
  font-size: 80%;
}


/* 投稿フォーム */
form.post dt{
  position: relative;
  top: 3px;
  text-align: right;
  float: left;
  width: 10%;
  
  padding-right: 5px;
}

form.post dd{
  float: left;
  width: 85%;
}

.res_quote{
  clear: left;
  border-style: solid;
  border-width: 1px;
  border-color: #3366CC;

  margin: 4px 5% 1em 0px;
  padding: 8px;
  background-color: #FFFFFF;
  color: #000000;
}

.res_quote dt{
  font-weight: bold;
}

.res_quote blockquote{
  color: #000080;
}

/* 管理人用 */
form.admin{
}

form.admin table{
  width: 99%;
}

form.admin p{
  color: #000000;
  text-align: center;
}

form.admin th{
  color: #000000;
  padding: 2px;
  background-color: #EEEEFF;
}
form.admin td{
  color: #000000;
  padding: 2px;
  background-color: #EEEEEE;
}


span.supplementary{
  font-weight: normal;
  font-size: 90%;
}

form.admin li{
  list-style-type: none;
  position: relative;
  margin: 10px 0px;
}

form.admin .input{
  position: absolute;
  left: 100px;
  top: -3px;
}
.adminmenu{
  border-style: solid;
  border-width: 1px;
  border-color: #000080;
  
  margin: 8px 0px;
  padding: 5px;
  color: #000000;
  background-color: #FFFFFF;
}
.adminmenu li{
  list-style-type: none;
  display: inline;
  margin-right: 1em;
}

.checklist{
  border-style: solid;
  border-width: 1px;
  border-color: #000080;
  color: #000000;
  background-color: #FFFFFF;
}

.adminmenu dd{
  margin: 5px 5%;
}
.adminmenu .subject{
  color: #008000;
}

span.color{
  border-width: 1px;
  border-style: solid;
  border-color: #404040;
}