/** コンテンツ //////////////////////////////////////////////// */
.contents {
  margin-top: 8px;
  background-color: #ffffff;
  padding:  8px;
}
.contents h1 {
  margin-bottom:  1em;
  padding: 4px;
  background-color: #f4af20;
  color: #ffffff;
  font-family: Optima, "Lucida Sans Unicode", "Lucida Grande", Lucida, Helvetica, Arial, sans-serif;
  font-size:      150%;
}
.contents h2 {
  margin-top:   0.5em;
  margin-bottom:0.5em;
  padding-left: 0.5em;
  font-size:    110%;
}
.contents .iteminfo {
  margin:         4px;
  margin-bottom:  1em;
  color: gray;
  font-family: Verdana, "Lucida Sans Unicode", "Lucida Grande", Lucida, Helvetica, Arial, sans-serif;
  border-top: 1px dotted;
  font-size: 80%;
  clear: both;
}

.contents .item h3 {
  padding-left:   0.3em;
  padding-right:  0.5em;
  border-left:    1em solid #f4af20;
  border-right:   1px solid #f4af20;
  border-top:     1px solid #f4af20;
  border-bottom:  2px solid #f4af20;
  background-color: #f0f0f0;
  font-size: 120%;
  color: #030303;
}
.contents .item h3 a:link, .item h3 a:visited {
  color: #666666;
  text-decoration: none;
}
.contents .item h3 a:hover {
  color: #ec7600;
}
.contents h4{
  width: 80%;
  margin-top:     0em;
  margin-bottom:  -1.2em;
  border-bottom:1px solid #f4af20;
  border-left:  1em solid #f4af20;
}

.contents .link {
  margin-top: 0.5em;
  margin-left: 2em;
  margin-bottom: 0.5em;
}

/** 日付 //////////////////////////////////////////////// */
.contents .date h2 {
  padding-left: 0.5em;
  font-size:  80%;
  color:  #eb8310;
  border-left: 1px solid #f4af20;
  border-top: 1px solid #f4af20;
}

/** 記事 //////////////////////////////////////////////// */
.itembody {
  margin-top:     0.5em;
  margin-left:    1em;
  margin-bottom:  0.5em;
  padding-left:  1em;
  border-left:  2px solid #f4af20;
}
.itembody h4{
  border-top:     1px solid #f4af20;
  border-bottom:  2px solid #f4af20;
}
.itembody h5{
  width: 80%;
  margin-top:     0em;
  border-bottom:1px solid #f4af20;
  border-left:  1em solid #f4af20;
}

.remarks {
  margin-top: 0.5em;
  margin-left: 2em;
  margin-bottom: 0.5em;
}
.remarks h2{
  color: gray;
  border-top: 1px dotted gray;
}

.commentbody {
  margin-top:     0.5em;
  margin-left:    1em;
  margin-bottom:  1em;
  color: gray;
}
.commentform .formfield{
  width:90%;
  margin-bottom:  1em;
}
.commentinfo {
  margin-left:    1.0em;
  color: gray;
  font-size: 80%;
  border-bottom: 1px solid gray;
}

.morelink a:link, .morelink a:visited {
 text-decoration: none;
}
.morelink {
  font-weight: bold;
}
.morelink a{
  padding-left: 15px;
  background-image: url(../img/point_arrow_o.png);
  background-position: 0% 50%;
  background-repeat: no-repeat;
}