@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

/*head*/
div.sun{
  font-size: 15pt;
}
div#basesun {
  padding: 5px;
  height: 1055px;
  width: 623px;
  position: relative;
  border-color: #BDBDBD;
  background-color: #E6E6E6;
  border-style: dashed;
  border-width: 5px;
}

div.imsun{
  margin : 0px important;
  padding: 5px;
  height: 80px;
  width: 80px;
  position: absolute;
  border-style: outset;
  font-size: 17pt;
  vertical-align: middle !important;
  text-align: center;
  border-width: 5px;
}

div.exp{
  padding: 5px;
  height: 200px;
  width: 210px;
  position: absolute;
  font-size: 10pt;
  vertical-align: middle !important;
}

div.casun{
  padding: 5px;
  height: 80px;
  width: 120px;
  line-height: 20pt;
  position: absolute;
  font-size: 11pt;
  vertical-align: middle !important;
  text-align: east;
  float: right;
}

/*sample*/
.samplehead1{
  font-size: 15pt;
}
.samplehead2{
  font-size: 13pt;
}
.boxexp{
  padding: auto !important;
  text-align: center;
  line-height: 30px;
  position: absolute;
  font-size: 12pt;
}
.swboxa {
  width: 150px;
  height: 150px;
  margin: 0px 0px 0px 10px;
  position: absolute;
}
.swboxb {
  width: 150px;
  height: 150px;
  margin: 0px 0px 0px 160px;
  position: absolute;
}
.swboxc {
  width: 150px;
  height: 150px;
  margin: 0px 0px 0px 310px;
  position: absolute;
}
.swboxd {
  width: 150px;
  height: 150px;
  margin: 0px 0px 0px 460px;
  position: absolute;
}


/*header*/
body {
  margin : 0px;
  padding: 5px;
  background-color : #eff5ff;
}
h1 {
  font-size: 30pt;
  font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  margin : 20px;
  padding: 5px;
}

.head3 {
  font-size: 18pt;
  font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  padding: 5px !important;
  margin : 20px;
}

/*kizyu*/
div.kizyu {
  margin : 0px;
  padding: 5px;
  position: relative;
  border-style: outset;
  border-width: 5px;
  float: !important;
}
#swkizyu{
  margin: auto;
  height: 490px;
  width: 625px;
  border-color: #045FB4;
  background-color: #CEE3F6;
}
#slkizyu{
  margin: auto;
  height: 835px;
  width: 598px;
  border-color: #B40404;
  background-color: #F8E0E0;
}
#srkizyu{
  margin: auto;
  height: 835px;
  width: 721px;
  border-color: #AEB404;
  background-color: #F5F6CE;
}
#sekizyu{
  margin: auto;
  height: 675px;
  width: 430px;
  border-color: #08088A;
  background-color: #E0E0F8;
}
#smtkizyu{
  margin: auto;
  height: 661px;
  width: 661px;
  border-color: #088A08;
  background-color: #D8F6CE;
}
#swtkizyu{
  margin: auto;
  height: 660px;
  width: 185px;
  border-color: #B45F04;
  background-color: #F5D0A9;
}

/*h3*/
#swh3 {
  background-color : #CEE3F6;
  color: #000000 !important;
}
#slh3 {
  background-color : #F8E0E0;
  color: #000000 !important;
}
#srh3 {
  background-color : #F5F6CE;
  color: #000000 !important;
}
#seh3 {
  background-color : #E0E0F8;
  color: #000000 !important;
}
#smth3 {
  background-color : #BCF5A9;
  color: #000000 !important;
}
/*bodyset*/
.sbox {
  font-size: 15px;
  text-align: center !important;
  border-style: outset !important;
  border-width: 5px !important;
  position: absolute;
}


.sbox.vacant {
  color : #000000;
}
.sbox.soldout {
  border-color: #000000;
  background-color: #A4A4A4;
  color : #FAFAFA;
}

/*SWBOX*/
.swa {
  line-height: 30px;
  width: 90px !important;
  height: 90px !important;
}

.swb {
  line-height: 40px;
  width: 90px !important;
  height: 120px !important;
}

.swc {
  line-height: 30px;
  width: 120px !important;
  height: 90px !important;
}

.swd {
  line-height: 30px;
  width: 60px !important;
  height: 90px !important;
}

.swa.vacant {
  border-color: #B45F04;
  background-color: #F7BE81;
}

.swb.vacant {
  border-color: #B18904;
  background-color: #F5DA81;
}

.swc.vacant {
  border-color: #AEB404;
  background-color: #F3F781;
}

.swd.vacant {
  border-color: #86B404;
  background-color: #D8F781;
}

/*SLBOX*/
.sla {
  line-height: 30px;
  width: 108px !important;
  height: 90px !important;
}

.slb {
  line-height: 30px;
  width: 63px !important;
  height: 90px !important;
}

.slc {
  line-height: 30px;
  width: 186px !important;
  height: 90px !important;
}

.sla.vacant {
  border-color: #31B404;
  background-color: #9FF781;
}

.slb.vacant {
  border-color: #0489B1;
  background-color: #81DAF5;
}

.slc.vacant {
  border-color: #0431B4;
  background-color: #819FF7;
}

.sea {
  line-height: 23px;
  width: 130px !important;
  height: 70px !important;
}

.sea.vacant {
  border-color: #B40486;
  background-color: #F781D8;
}


.smta {
  line-height: 26px;
  width: 80px !important;
  height: 80px !important;
}

.smtb {
  line-height: 26px;
  width: 80px !important;
  height: 80px !important;
}

.smta.vacant {
  border-color: #FF0000;
  background-color: #F5A9A9;
}

.smtb.vacant {
  border-color: #8000FF;
  background-color: #E3CEF6;
}

.swta {
  line-height: 27px;
  width: 175px !important;
  height: 80px !important;
}

.swtb {
  line-height: 27px;
  width: 80px !important;
  height: 80px !important;
}

.swta.vacant {
  border-color: #FF00BF;
  background-color: #F6CEEC;
}

.swtb.vacant {
  border-color: #01DFA5;
  background-color: #A9F5E1;
}


  #sw501 {
    margin: 30px auto auto 0px;
  }  #sw502 {
    margin: 135px auto auto 0px;
  }#sw503 {
  margin: 240px auto auto 0px;
}#sw504 {
  margin: 345px auto auto 0px;
}#sw505 {
  margin: 0px auto auto 105px;
}#sw506 {
  margin: 135px auto auto 135px;
}#sw507 {
  margin: 240px auto auto 105px;
}#sw508 {
  margin: 345px auto auto 105px;
}#sw509 {
  margin: 45px auto auto 210px;
}#sw510 {
  margin: 180px auto auto 210px;
}#sw511 {
  margin: 285px auto auto 210px;
}#sw512 {
  margin: 390px auto auto 210px;
}#sw513 {
  margin: 0px auto auto 315px;
}#sw514 {
  margin: 105px auto auto 315px;
}#sw515 {
  margin: 240px auto auto 315px;
}#sw516 {
  margin: 345px auto auto 315px;
}#sw517 {
  margin: 30px auto auto 420px;
}#sw518 {
  margin: 135px auto auto 420px;
}#sw519 {
  margin: 240px auto auto 420px;
}#sw520 {
  margin: 0px auto auto 525px;
}#sw521 {
  margin: 105px auto auto 525px;
}#sw522 {
  margin: 210px auto auto 525px;
}#sw523 {
  margin: 315px auto auto 525px;
}    #sl541 {
      margin: 0px auto auto 0px;
    }    #sl542 {
      margin: 0px auto auto 123px;
    }    #sl543 {
      margin: 0px auto auto 201px;
    }    #sl544 {
      margin: 0px auto auto 324px;
    }    #sl545 {
      margin: 0px auto auto 402px;
    }    #sl546 {
      margin: 0px auto auto 525px;
    }    #sl547 {
      margin: 105px auto auto 0px;
    }    #sl548 {
      margin: 105px auto auto 78px;
    }    #sl549 {
      margin: 105px auto auto 201px;
    }    #sl550 {
      margin: 105px auto auto 279px;
    }    #sl551 {
      margin: 105px auto auto 402px;
    }    #sl552 {
      margin: 105px auto auto 480px;
    }    #sl553 {
      margin: 210px auto auto 0px;
    }    #sl554 {
      margin: 210px auto auto 123px;
    }    #sl555 {
      margin: 210px auto auto 201px;
    }    #sl556 {
      margin: 210px auto auto 324px;
    }    #sl557 {
      margin: 210px auto auto 402px;
    }    #sl558 {
      margin: 210px auto auto 525px;
    }    #sl559 {
      margin: 315px auto auto 0px;
    }    #sl560 {
      margin: 315px auto auto 78px;
    }    #sl561 {
      margin: 315px auto auto 201px;
    }    #sl562 {
      margin: 315px auto auto 279px;
    }    #sl563 {
      margin: 315px auto auto 402px;
    }    #sl564 {
      margin: 315px auto auto 480px;
    }    #sl565 {
      margin: 420px auto auto 0px;
    }    #sl566 {
      margin: 420px auto auto 123px;
    }    #sl567 {
      margin: 420px auto auto 201px;
    }    #sl568 {
      margin: 420px auto auto 324px;
    }    #sl569 {
      margin: 420px auto auto 402px;
    }    #sl570 {
      margin: 420px auto auto 525px;
    }    #sl571 {
      margin: 525px auto auto 0px;
    }    #sl572 {
      margin: 525px auto auto 78px;
    }    #sl573 {
      margin: 525px auto auto 201px;
    }    #sl574 {
      margin: 525px auto auto 279px;
    }    #sl575 {
      margin: 525px auto auto 402px;
    }    #sl576 {
      margin: 525px auto auto 480px;
    }    #sl577 {
      margin: 630px auto auto 0px;
    }    #sl578 {
      margin: 630px auto auto 201px;
    }    #sl579 {
      margin: 630px auto auto 402px;
    }    #sl580 {
      margin: 735px auto auto 0px;
    }    #sl581 {
      margin: 735px auto auto 201px;
    }    #sl582 {
      margin: 735px auto auto 402px;
    }    #sl583 {
      margin: 0px auto auto 0px;
    }    #sl584 {
      margin: 0px auto auto 123px;
    }    #sl585 {
      margin: 0px auto auto 201px;
    }    #sl586 {
      margin: 0px auto auto 324px;
    }    #sl587 {
      margin: 0px auto auto 402px;
    }    #sl588 {
      margin: 0px auto auto 525px;
    }  #sl589 {
    margin: 0px auto auto 603px;
  }    #sl590 {
      margin: 105px auto auto 0px;
    }    #sl591 {
      margin: 105px auto auto 78px;
    }    #sl592 {
      margin: 105px auto auto 201px;
    }    #sl593 {
      margin: 105px auto auto 279px;
    }    #sl594 {
      margin: 105px auto auto 402px;
    }    #sl595 {
      margin: 105px auto auto 480px;
    }  #sl596 {
    margin: 105px auto auto 603px;
  }    #sl597 {
      margin: 210px auto auto 0px;
    }    #sl598 {
      margin: 210px auto auto 123px;
    }    #sl599 {
      margin: 210px auto auto 201px;
    }    #sl600 {
      margin: 210px auto auto 324px;
    }    #sl601 {
      margin: 210px auto auto 402px;
    }    #sl602 {
      margin: 210px auto auto 525px;
    }  #sl603 {
    margin: 210px auto auto 603px;
  }    #sl604 {
      margin: 315px auto auto 0px;
    }    #sl605 {
      margin: 315px auto auto 78px;
    }    #sl606 {
      margin: 315px auto auto 201px;
    }    #sl607 {
      margin: 315px auto auto 279px;
    }    #sl608 {
      margin: 315px auto auto 402px;
    }    #sl609 {
      margin: 315px auto auto 480px;
    }  #sl610 {
    margin: 315px auto auto 603px;
  }    #sl611 {
      margin: 420px auto auto 0px;
    }    #sl612 {
      margin: 420px auto auto 123px;
    }    #sl613 {
      margin: 420px auto auto 201px;
    }    #sl614 {
      margin: 420px auto auto 324px;
    }    #sl615 {
      margin: 420px auto auto 402px;
    }    #sl616 {
      margin: 420px auto auto 525px;
    }  #sl617 {
    margin: 420px auto auto 603px;
  }    #sl618 {
      margin: 525px auto auto 0px;
    }    #sl619 {
      margin: 525px auto auto 78px;
    }    #sl620 {
      margin: 525px auto auto 201px;
    }    #sl621 {
      margin: 525px auto auto 279px;
    }    #sl622 {
      margin: 525px auto auto 402px;
    }    #sl623 {
      margin: 525px auto auto 480px;
    }  #sl624 {
    margin: 525px auto auto 603px;
  }    #sl625 {
      margin: 630px auto auto 0px;
    }    #sl626 {
      margin: 630px auto auto 201px;
    }    #sl627 {
      margin: 630px auto auto 402px;
    }  #sl628 {
    margin: 630px auto auto 603px;
  }    #sl629 {
      margin: 735px auto auto 0px;
    }    #sl630 {
      margin: 735px auto auto 201px;
    }    #sl631 {
      margin: 735px auto auto 402px;
    }  #sl632 {
    margin: 735px auto auto 603px;
  }    #se640 {
      margin: 0px auto auto 0px;
    }    #se641 {
      margin: 0px auto auto 145px;
    }    #se642 {
      margin: 0px auto auto 290px;
    }    #se643 {
      margin: 85px auto auto 0px;
    }    #se644 {
      margin: 85px auto auto 145px;
    }    #se645 {
      margin: 85px auto auto 290px;
    }    #se646 {
      margin: 170px auto auto 0px;
    }    #se647 {
      margin: 170px auto auto 145px;
    }    #se648 {
      margin: 170px auto auto 290px;
    }    #se649 {
      margin: 255px auto auto 0px;
    }    #se650 {
      margin: 255px auto auto 145px;
    }    #se651 {
      margin: 255px auto auto 290px;
    }    #se652 {
      margin: 340px auto auto 0px;
    }    #se653 {
      margin: 340px auto auto 145px;
    }    #se654 {
      margin: 340px auto auto 290px;
    }    #se655 {
      margin: 425px auto auto 0px;
    }    #se656 {
      margin: 425px auto auto 145px;
    }    #se657 {
      margin: 425px auto auto 290px;
    }    #se658 {
      margin: 510px auto auto 0px;
    }    #se659 {
      margin: 510px auto auto 145px;
    }    #se660 {
      margin: 510px auto auto 290px;
    }    #se661 {
      margin: 595px auto auto 0px;
    }    #se662 {
      margin: 595px auto auto 145px;
    }    #se663 {
      margin: 595px auto auto 290px;
    }    #smt664 {
      margin: 0px auto auto 0px;
    }    #smt665 {
      margin: 0px auto auto 95px;
    }    #smt666 {
      margin: 0px auto auto 190px;
    }    #smt667 {
      margin: 0px auto auto 285px;
    }    #smt668 {
      margin: 0px auto auto 380px;
    }    #smt669 {
      margin: 0px auto auto 475px;
    }    #smt670 {
      margin: 0px auto auto 570px;
    }    #smt671 {
      margin: 95px auto auto 0px;
    }    #smt672 {
      margin: 95px auto auto 95px;
    }    #smt673 {
      margin: 95px auto auto 190px;
    }    #smt674 {
      margin: 95px auto auto 285px;
    }    #smt675 {
      margin: 95px auto auto 380px;
    }    #smt676 {
      margin: 95px auto auto 475px;
    }    #smt677 {
      margin: 95px auto auto 570px;
    }    #smt678 {
      margin: 190px auto auto 0px;
    }    #smt679 {
      margin: 190px auto auto 95px;
    }    #smt680 {
      margin: 190px auto auto 190px;
    }    #smt681 {
      margin: 190px auto auto 285px;
    }    #smt682 {
      margin: 190px auto auto 380px;
    }    #smt683 {
      margin: 190px auto auto 475px;
    }    #smt684 {
      margin: 190px auto auto 570px;
    }    #smt685 {
      margin: 285px auto auto 0px;
    }    #smt686 {
      margin: 285px auto auto 95px;
    }    #smt687 {
      margin: 285px auto auto 190px;
    }    #smt688 {
      margin: 285px auto auto 285px;
    }    #smt689 {
      margin: 285px auto auto 380px;
    }    #smt690 {
      margin: 285px auto auto 475px;
    }    #smt691 {
      margin: 285px auto auto 570px;
    }    #smt692 {
      margin: 380px auto auto 0px;
    }    #smt693 {
      margin: 380px auto auto 95px;
    }    #smt694 {
      margin: 380px auto auto 190px;
    }    #smt695 {
      margin: 380px auto auto 285px;
    }    #smt696 {
      margin: 380px auto auto 380px;
    }    #smt697 {
      margin: 380px auto auto 475px;
    }    #smt698 {
      margin: 380px auto auto 570px;
    }    #smt699 {
      margin: 475px auto auto 0px;
    }    #smt700 {
      margin: 475px auto auto 95px;
    }    #smt701 {
      margin: 475px auto auto 190px;
    }    #smt702 {
      margin: 475px auto auto 285px;
    }    #smt703 {
      margin: 475px auto auto 380px;
    }    #smt704 {
      margin: 475px auto auto 475px;
    }    #smt705 {
      margin: 475px auto auto 570px;
    }    #smt706 {
      margin: 570px auto auto 0px;
    }    #smt707 {
      margin: 570px auto auto 95px;
    }    #smt708 {
      margin: 570px auto auto 190px;
    }    #smt709 {
      margin: 570px auto auto 285px;
    }    #smt710 {
      margin: 570px auto auto 380px;
    }    #smt711 {
      margin: 570px auto auto 475px;
    }    #smt712 {
      margin: 570px auto auto 570px;
    }#swt713 {
  margin: 0px auto auto 0px;
}    #swt714 {
      margin: 95px auto auto 0px;
    }    #swt715 {
      margin: 95px auto auto 95px;
    }    #swt716 {
      margin: 190px auto auto 0px;
    }    #swt717 {
      margin: 190px auto auto 95px;
    }    #swt718 {
      margin: 285px auto auto 0px;
    }    #swt719 {
      margin: 285px auto auto 95px;
    }    #swt720 {
      margin: 380px auto auto 0px;
    }    #swt721 {
      margin: 380px auto auto 95px;
    }  #swt722 {
    margin: 475px auto auto 0px;
  }  #swt723 {
    margin: 570px auto auto 0px;
  }