.article-group {
  margin: 0.5em 0.2em 0.2em 0.2em;
  padding: 0.5em 0.5em 0.5em 0.5em;
  border-top: solid thin rgb(200, 215, 215);
  border-left: solid thin rgb(200, 215, 215);
  border-right: solid medium rgb(205, 205, 193);
  border-bottom: solid medium rgb(205, 205, 193);
}

.article-group tr {
  border: none;
}

.article-group tr td {
  border: none;
}

.article .subject {
  margin: 0.2em 0.2em 0.2em 0.2em;
  padding: 0.2em 0.2em 0.2em 0.2em;
  background: rgb(230, 245, 245);
}

.article .text {
  margin: 0.5em 0.5em 0.5em 0.5em;
  padding: 0.5em 0.5em 0.5em 0.5em;
  background: rgb(235, 235, 220);
}

.article-navi {
  text-align: right;
}

.article-navi .delete {
  float: right;
  width: 20%;
  height: 2em;
  margin-right: 1em;
}

.article-navi .reply {
  height: 2em;
}

.article-navi input {
  border: solid 1px rgb(195, 205, 205);
  background: rgb(230, 240, 240);
}

.article-form input.text {
  width: 15em;
}

.article-form textarea {
  width: 30em;
  height: 10em;
}

.page-navi {
  padding: 0.5em 0.5em 0.5em 0.5em;
}