@charset "Shift_JIS";

h3 {
  position: relative;
  margin: 1em 0 0.5em;
  width: 21em;
  height: 2em;
  overflow: hidden;
  padding: 0.2em 0.5em;
  font-size: 150%;
  font-weight: bolder;
  color: #000;
}

h3 span {
  display: block;
  position: absolute;
  bottom: -0.4em;
  right: 0;
  z-index: -1;
  font-family: "Arial Black" sans-serif;
  font-size: 250%;
}

h3.waku_red{
  border: dotted 1px #f33;

}
h3.waku_red span{
  color: #f99;
}

h3.waku_pin{
  border: dotted 1px #f39;

}
h3.waku_pin span{
  color: #fcf;
}

h3.waku_yel{
  border: dotted 1px #fc3;

}
h3.waku_yel span{
  color: #ff6;
}

h3.waku_gre{
  border: dotted 1px #cf6;

}
h3.waku_gre span{
  color: #cf9;
}

h3.waku_blu{
  border: dotted 1px #9ff;

}
h3.waku_blu span{
  color: #cff;
}

h3.waku_pur{
  border: dotted 1px #c9f;

}
h3.waku_pur span{
  color: #ccf;
}

div.m-komento {
  margin: 1em 0 0;
  width: 100%;
  overflow: hidden; /* clear float */
}

div.m-komento h3 {
  margin: 1em 0;
  padding: 3px 10px;
  border-bottom: solid 3px #78CE7A;
  color: #363;
}

div.m-komento p {
  margin: 1em 0 1em 20px;
}

div.m-komento img.figure {
  float: right; /* 画像を左寄せにする場合は left */
  display: inline; /* for IE6,7 */
  margin: 0 0 1em 20px;
}

div.b_com {
  margin: 1em 0;
  border: solid 1px #FF6464;
}

div.b_com h3 {
  margin: 0 0 1em 0;
  background: #FF6464;
  padding: 5px 15px;
  color: #FFF;
}

div.b_com p {
  margin: 0.5em 15px 0.5em 30px;
}

div.b_com ol {
  margin-left: 0;
  padding-left: 0;
}

div.b_com ol li {
  margin-left: 60px;
  list-style: outside decimal;