@charset "utf-8";

/*共通*/

#monthly {
  width: 900px;
  margin: 0px auto 0 auto;
  padding: 0px;
  font-size:16px;
}
#monthly p {
  line-height: 1.6;
  letter-spacing:0.05em;
  text-indent:1em;
  margin-bottom:0.6em;
}
#monthly p.ketujyo {
  margin-bottom:10px;
  text-align:left;
  text-indent:0;
}
#monthly .midashi{
  width:900px;
}

#monthly table {
  border-collapse:collapse;
}

#monthly br.clear {
  clear: both;}

#monthly .cf:before,
.cf:after {
    content: " ";
    display: table;
}

#monthly .cf:after {
    clear: both;
}

#monthly .cf {
    *zoom: 1;
}

#monthly a {
  text-decoration: underline;
}

#monthly a:hover {
  text-decoration: none;
}


/*各ページ*/

#monthly #dream-title{
  margin-bottom:30px;
}

#monthly div.dream-racer-l,
 #monthly div.dream-racer-r{
  width:100%;
  padding-bottom:10px;
}

#monthly div.dream-racer-r:last-child{
  padding-bottom:0px;
}

#monthly .dream-name{
  margin-top:-6px;
}

#monthly .dream-racer-r .dream-name{
  margin-left:-10px;
}

#monthly .dream-racer-l .dream-photo{
  float:right;
  margin-top:-10px;
  margin-right:10px;
  margin-left:10px;
}

#monthly .dream-racer-r .dream-photo{
  float:left;
  margin-top:-10px;
  margin-left:10px;
  margin-right:10px;
}

#monthly div.dream-racer-l div.comment{
  margin:8px 0;
  padding:10px 240px 10px 10px;
  text-indent:1em;
}

#monthly div.dream-racer-r div.comment{
  margin:8px 0;
  padding:10px 10px 10px 240px;
  text-indent:1em;
}

#monthly p{
  padding:10px;
}

#monthly div.waku1{background:#E7E7E8;}
#monthly div.waku2{background:#D2D3D5;}
#monthly div.waku3{background:#FCD2C0;}
#monthly div.waku4{background:#C7DBF1;}
#monthly div.waku5{background:#FFF9AD;}
#monthly div.waku6{background:#CBE8D3;}

#monthly .waku1 .comment{background:linear-gradient(90deg,#F8F8F9 0%,#F8F8F9 80%,transparent 80%,transparent 100%);}
#monthly .waku2 .comment{background:linear-gradient(270deg,#F3F3F4 0%,#F3F3F4 80%,transparent 80%,transparent 100%);}
#monthly .waku3 .comment{background:linear-gradient(90deg,#FEF3ED 0%,#FEF3ED 80%,transparent 80%,transparent 100%);}
#monthly .waku4 .comment{background:linear-gradient(270deg,#F0F6FB 0%,#F0F6FB 80%,transparent 80%,transparent 100%);}
#monthly .waku5 .comment{background:linear-gradient(90deg,#FFFDE9 0%,#FFFDE9 80%,transparent 80%,transparent 100%);}
#monthly .waku6 .comment{background:linear-gradient(270deg,#F1F9F3 0%,#F1F9F3 80%,transparent 80%,transparent 100%);}
