@charset "utf-8";

.blue-box {
  background: url(../img/bg.gif) no-repeat #8fe1ff;
  background-size:100%;
}

.logo {
  padding-top: 10px;
}

.logo img{
  width: 80%;
  height: auto;
}

.cloud {
  width: 100%;
  height: auto;
}

.wood-area {
  background: url(../img/wood-bg.gif);
  width: 80%;
  text-align: center;
  margin: 0 auto;
  margin-top: 5px;
  padding: 3px 0 2px;
  font-weight: bold;
  position: relative;
  color:#711108;
  font-size: 14px;
}

.presented {
  text-align: center;
  font-size: 12px;
  margin-top: 4px;
  color:#0497c7;
}

.star-left {
  position: absolute;
  top: 4px;
  left: 7px;
}

.star-right {
  position: absolute;
  top: 4px;
  right: 7px;
}

.btn-box {
  width: 95%;
  margin: 0 auto;
  margin-top: 10px;
  margin-bottom: 10px;
}


.btn-box li:nth-child(2){
  margin-right: 0px;
}

.btn-box li a {
  position: relative;
  float: left;
  width: 49.5%;
  margin-right: 1px;
  margin-bottom: 1px;
  background: url(../img/btn-bg.png) repeat-x transparent;
  display: block;
  font-weight:bold;
  padding-top: 10px;
  height: 37px;
  vertical-align: middle;
  display:table-cell;
  font-size: 15px;
  text-decoration: none;
  line-height: 1.4;
}

.btn-box li a:link,
.btn-box li a:visited {
  color: #000000;
}

.rank {
  margin-left: 4px;
  margin-right: 3px;
}

img.piyo {
  position: absolute;
  top: 7px;
  right: 2px;
}

.w-box {
  background: #ffffff;
  padding-bottom: 20px;
}

.number-one-box {
  width: 95%;
  margin: 0 auto;
}

.number-one-ttl {
  background: #e04ce0;
  text-align: center;
  padding: 8px 0;
}

.lukey-total {
  background: #eaeaea;
}

.lukey-money {
  background: #ffeaa1;
}

.lukey-love {
  background: #ffd7e2;
}

.lukey-work {
  background: #d9edff;
}

.lukey-health {
  background: #d7ffcc;
}

.lukey-category {
  float: left;
}

.lukey-cell {
  padding: 10px;
}

.seiza-box {
  margin-left: 100px;
  background: #ffffff;
  padding: 9px 0 7px;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
}

.seiza-contents {
  width: 95%;
  margin: 0 auto;
}

.seiza-piyo {
  float: left;
}

.seiza-txt {
  font-size: 23px;
  font-weight: bold;
  margin-left: 60px;
  padding-top: 17px;
}

.seiza-ttl {
  background: url(../img/line.png) repeat-x left bottom;
  padding-bottom: 10px;
  margin-bottom: 20px;
}

.period {
  color:#ff00ff;
  font-size: 15px;
  margin-left: 5px;
}

.read-area {
  font-size: 15px;
  font-weight: normal;
}

.read {
  margin-bottom: 10px;
}

.lucky-color-txt {
  color:#0098ae;
}

.key-txt {
  color:#e04ce0;
}

.number-one-area {
  position: relative;
  margin-top: 20px;
  margin-bottom: 20px;
}

.gochan {
  position: absolute;
  bottom: 0px;
  left: 1px;
}

.number-one-area ul{
  margin-left: 57px;
}

.number-one-area li{
  text-align: center;
  border-radius: 10px;        /* CSS3草案 */
  -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
  -moz-border-radius: 10px;   /* Firefox用 */
  padding: 8px;
  margin-bottom: 5px;
}

.number-one-total {
  background: #e474e4;
}

.number-one-love {
  background: #eb7395;
}

.number-one-work {
  background: #5eaae4;
}

.number-one-health {
  background: #4fc677;
}

.number-one-health {
  background: #4fc677;
}

.number-one-money {
  background: #c9aa46;
}

.icon-money {
  margin: 0 2px;
}

.icon-love {
  margin: 0 2px;
}

.icon-work {
  margin: 0 2px;
}

.icon-health {
  margin: 0 3px;
}