body {
  font-size: 12px;
  padding: 10px;
  background: #fff; }

table {
  width: 100%; }
  table:first-child {
    margin-bottom: 5px; }

#ttl {
  line-height: 40px;
  height: 40px;
  background: url(../img/fun/pop-title.gif) no-repeat; }
  #ttl .date {
    padding-top: .5em;
    text-align: right; }
    #ttl .date .f14 {
      font-size: 14px;
      font-weight: bold;
      color: #333; }

.orangeb {
  font-size: 12px;
  font-weight: bold;
  line-height: 25px;
  color: #b76206; }

.table1 {
  margin-bottom: 10px;
  border: solid 1px #999; }
  .table1 td {
    line-height: 1.8;
    padding: 5px; }

.o_color {
  background: url(../img/fun/o-color.gif); }
  .o_color .date {
    padding: 5px;
    text-align: right; }
    .o_color .date:first-child {
      border-top: solid 1px #fff; }

.m_color {
  background: url(../img/fun/m-color.gif); }
  .m_color .date {
    padding: 5px;
    text-align: right; }
    .m_color .date:first-child {
      border-top: solid 1px #fff; }

.k_color {
  background: url(../img/fun/k-color.gif); }
  .k_color .date {
    padding: 5px;
    text-align: right; }
    .k_color .date:first-child {
      border-top: solid 1px #fff; }

.fontb {
  font-weight: bold; }

.font .date {
  text-align: right; }

.navi {
  margin-bottom: 10px;
  text-align: center;
  border: solid 1px #ccc; }

.close {
  width: 100%; }