@charset "UTF-8";
/* fontCSS Document */
/*----------main----------*/
#main .program li.story {
  line-height: 1.8em; }

/*----------watch----------*/
#watch .txt_box h4 {
  font-size: 125%;
  font-weight: bold;
  color: #6a6315; }
#watch .txt_box p {
  font-size: 95%;
  line-height: 1.8em; }
  #watch .txt_box p span {
    font-size: 120%;
    font-weight: bold;
    line-height: 1.9em; }
#watch .bnr_box p {
  font-weight: bold;
  color: #6a6315; }

/*----------bottom----------*/
#bottomNav li {
  font-size: 90%; }
  #bottomNav li a {
    color: #333;
    text-decoration: none; }
    #bottomNav li a:hover {
      color: #1ab0db; }

/*----------footer----------*/
#footer .copy {
  font-size: 75%;
  line-height: 1.7em; }

/* mixinCSS Document */
/* clearfix */
/* animation */
/* keyframes */
/*color*/
/*font size*/
body {
  background: #e91f1f url(../images/bg_body.gif) repeat center top; }

/*----------wrapper----------*/
#wrapper {
  width: 1000px;
  margin: 0 auto;
  max-height: 100%; }

#wrapper #contents {
  width: 1000px; }

/* anchor */
#wrapper a,
#wrapper .article {
  -webkit-transition: all 0.2s 0s ease;
  -moz-transition: all 0.2s 0s ease;
  transition: all 0.2s 0s ease; }

#wrapper a:hover {
  text-decoration: none;
  /*filter: alpha(opacity=50);*/
  -moz-opacity: 0.5;
  opacity: 0.5; }

/* NAVIめーる半透明回避 */
#wrapper #contents #side #banner_navimail a:hover {
  /*filter: alpha(opacity=100);*/
  -moz-opacity: 1;
  opacity: 1; }

/*----------header----------*/
#header {
  position: relative; }

/*----------btn-sbm----------*/
#btn-sbm {
  height: 20px;
  text-align: left;
  margin-bottom: -7px; }

#btn-sbm li {
  display: inline-block;
  margin-left: 0px;
  margin-right: 5px;
  padding: 0px;
  line-height: normal;
  list-style: none;
  vertical-align: top; }

#btn-sbm li a {
  margin: 0px; }

#btn-sbm .btnFaceBook {
  width: 110px; }

#btn-sbm .btnHatenaBookmark {
  margin-right: 15px; }

#btn-sbm .btnGoogleCalendar {
  margin-right: 10px; }

/*----------menu----------*/
#nav {
  height: 94px;
  background: url(../images/bg_nav.gif) no-repeat 0 0; }
  #nav ul {
    padding-top: 10px;
    font-size: 0;
    position: relative;
    left: 5px; }
    #nav ul li {
      height: 74px;
      margin: 0 6px 0 0;
      display: inline-block; }
      #nav ul li.n01 a {
        width: 152px;
        background: url(../images/btn_nav.png) no-repeat 0 0; }
      #nav ul li.n02 a {
        width: 152px;
        background: url(../images/btn_nav.png) no-repeat -152px 0; }
      #nav ul li.n03 a {
        width: 191px;
        background: url(../images/btn_nav.png) no-repeat -304px 0; }
      #nav ul li.n04 a {
        width: 152px;
        background: url(../images/btn_nav.png) no-repeat -495px 0; }
      #nav ul li a {
        height: 74px;
        display: block; }

/*----------main----------*/
#main {
  width: 675px;
  margin-top: 10px;
  padding-bottom: 10px;
  background: #fff; }
  #main .block {
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px 10px 10px 10px;
    margin: 0 20px 25px;
    background: url(../images/top/bg_block.gif) repeat 0 0;
    border: #f3e4c0 4px solid; }

/*----------side----------*/
#side {
  padding: 10px 0px 0px; }

#side .box {
  /* border-radius */
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px; }

#wrapper #contents #side .box .title {
  background: #dae1e5;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f6f8f9 0%, #e5ebee 50%, #dae1e5 51%, #eef1f4 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f8f9), color-stop(50%, #e5ebee), color-stop(51%, #dae1e5), color-stop(100%, #eef1f4));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f6f8f9 0%, #e5ebee 50%, #dae1e5 51%, #eef1f4 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f6f8f9 0%, #e5ebee 50%, #dae1e5 51%, #eef1f4 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, #f6f8f9 0%, #e5ebee 50%, #dae1e5 51%, #eef1f4 100%);
  /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#dce2e6',GradientType=0 );
  /* IE6-9 */
  background: linear-gradient(to bottom, #f6f8f9 0%, #e5ebee 50%, #dae1e5 51%, #eef1f4 100%);
  /* W3C */ }

#wrapper #contents #side #oa .info a,
#wrapper #contents #side #blog .info a {
  background-color: rgba(153, 153, 153, 0.5);
  /* box-shadow */
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) inset;
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) inset;
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) inset; }

/*----------footer----------*/
/*----------totop----------*/
#totop {
  text-indent: -9999em;
  position: absolute;
  z-index: 9999;
  display: none; }

#totop a {
  display: block;
  width: 129px;
  height: 233px;
  background: url(../images/btn_totop.png) no-repeat 0 0; }

#totop a:hover {
  -moz-opacity: 0.8;
  opacity: 0.8; }

/*----------header----------*/
#top #header {
  min-height: 520px;
  background: url(../images/top/bg_header.gif) no-repeat 0 0; }
  #top #header h1 {
    position: absolute;
    top: 15px;
    right: 0px;
    bottom: 0px;
    left: 65px;
    background: url("../images/top/h1_header.png") left top no-repeat;
    -moz-background-size: 550px 100px;
    -o-background-size: 550px 100px;
    -webkit-background-size: 550px 100px;
    background-size: 550px 100px;
    text-indent: -9999em;
    width: 550px;
    height: 100px;
    height: 100px; }
  #top #header h2 {
    position: absolute;
    top: 110px;
    right: 0px;
    bottom: 0px;
    left: 70px;
    background: url("../images/top/h2_header.png") left top no-repeat;
    -moz-background-size: 550px 50px;
    -o-background-size: 550px 50px;
    -webkit-background-size: 550px 50px;
    background-size: 550px 50px;
    text-indent: -9999em;
    width: 550px;
    height: 50px;
    height: 50px; }
  #top #header .bnr {
    text-align: center;
    padding: 430px 0 10px; }

#sns ul {
  margin-right: 15px;
  text-align: right; }
  #sns ul li {
    margin-left: 10px;
    display: inline-block;
    vertical-align: top; }

#btn-sbm {
  margin-top: 15px;
  text-align: right; }

#nextoa {
  margin: 0 20px; }
  #nextoa h3 {
    height: 60px;
    background: url(../images/top/nextoa/h3_nextoa.gif) no-repeat 15px 0;
    text-indent: -9999em; }
  #nextoa #balloon p.balloon_top {
    height: 13px;
    margin: 0;
    background: url(../images/top/nextoa/bg_balloon_top.gif) no-repeat 0 0;
    text-indent: -9999em; }
  #nextoa #balloon p.balloon_middle {
    margin: 0;
    padding: 10px 25px 0;
    background: url(../images/top/nextoa/bg_balloon_middle.gif) repeat-y 0 0;
    font-size: 16px; }
    #nextoa #balloon p.balloon_middle span {
      width: 100%;
      display: inline-block;
      margin: 0 0 5px;
      font-weight: bold;
      color: #e91f1f; }
  #nextoa #balloon p.balloon_bottom {
    height: 158px;
    margin: 0;
    background: url(../images/top/nextoa/bg_balloon_bottom.gif) no-repeat 0 0;
    text-indent: -9999em; }

#bnrarea {
  overflow: hidden;
  *zoom: 1;
  margin-bottom: 15px; }
  #bnrarea ul {
    width: 630px;
    list-style: none;
    padding: 0;
    margin: 15px auto; }
    #bnrarea ul li {
      width: 315px;
      float: left; }
      #bnrarea ul li img {
        margin: 0 5px; }

.block h3 {
  height: 80px;
  margin: 20px 0 0;
  text-indent: -9999em; }
.block#twitter h3 {
  background: url(../images/top/twitter/h3_twitter.gif) no-repeat center top; }
.block#twitter .inner {
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px 10px 10px 10px;
  width: 550px;
  margin: 10px auto 30px;
  padding: 10px;
  background: #fff;
  border: #f3e4c0 3px solid; }
.block#corner h3 {
  background: url(../images/top/corner/h3_corner.gif) no-repeat center top; }
.block#corner ul.bnr {
  padding: 7px 0 20px 20px;
  text-align: center; }
  .block#corner ul.bnr li {
    padding: 0 5px;
    display: inline-block; }
.block#corner p.backnumber {
  text-align: center; }
.block#corner #update {
  height: 390px;
  margin: 20px 0 25px;
  background: url(../images/top/corner/bg_update.png) no-repeat 40px top;
  position: relative; }
  .block#corner #update .newsArea {
    position: absolute;
    top: 65px;
    right: 0px;
    bottom: 0px;
    left: 85px;
    width: 480px;
    height: 280px;
    overflow: auto; }
    .block#corner #update .newsArea h4 {
      margin: 15px 0;
      font-size: 20px;
      font-weight: bold; }
    .block#corner #update .newsArea ul {
      margin: 0;
      padding: 0; }
      .block#corner #update .newsArea ul li {
        margin: 0 0 15px;
        font-size: 15px; }
        .block#corner #update .newsArea ul li span {
          width: 100%;
          display: inline-block;
          color: #e91f1f; }
        .block#corner #update .newsArea ul li a {
          margin: 0 3px;
          color: #000; }
.block#wanted {
  overflow: hidden;
  *zoom: 1; }
  .block#wanted h3 {
    background: url(../images/top/wanted/h3_wanted.gif) no-repeat center top; }
  .block#wanted ul {
    padding: 7px 0 20px 24px;
    float: left; }
    .block#wanted ul li {
      padding: 0 5px;
      list-style: none;
      float: left; }
.block#mobile {
  text-align: center; }
  .block#mobile h3 {
    background: url(../images/top/mobile/h3_mobile.gif) no-repeat center top; }
  .block#mobile img {
    padding: 10px 0 20px; }

#is2nd #header {
  height: 127px;
  padding-top: 23px;
  background: url(../images/sub/bg_header.gif) no-repeat 0 0;
  text-indent: -9999em; }
  #is2nd #header h1 {
    width: 369px;
    height: 67px;
    margin: 0 0 0 30px;
    background: url(../images/sub/h1_header.png) no-repeat 0 0; }
    #is2nd #header h1 a {
      width: 369px;
      height: 67px;
      display: block; }
    #is2nd #header h1:hover {
      text-decoration: none;
      /*filter: alpha(opacity=50);*/
      -moz-opacity: 0.5;
      opacity: 0.5;
      -webkit-transition: all 0.2s 0s ease;
      -moz-transition: all 0.2s 0s ease;
      transition: all 0.2s 0s ease; }
  #is2nd #header h2 {
    height: 32px;
    margin: 5px 0 0 30px;
    background: url(../images/sub/h2_header.png) no-repeat 0 0; }

#nav {
  margin-bottom: 20px; }

.program #outline {
  position: relative; }
  .program #outline h3 {
    background: url(../../program/images/h3_outline.gif) no-repeat center top; }
  .program #outline h4 {
    height: 186px;
    margin: 10px 0 5px;
    background: url(../../program/images/h4_outline.png) no-repeat 25px top;
    text-indent: -9999em; }
  .program #outline img {
    position: absolute;
    top: 160px;
    right: 0px;
    bottom: 0px;
    left: 415px; }
  .program #outline p {
    padding: 20px 25px 25px;
    font-size: 16px;
    line-height: 1.8em; }
    .program #outline p span {
      font-size: 18px;
      font-weight: bold; }
      .program #outline p span.corner01 {
        color: #f91a44; }
      .program #outline p span.corner02 {
        color: #ec6014; }
      .program #outline p span.corner03 {
        color: #00b011; }
.program #cast {
  height: 1480px;
  position: relative; }
  .program #cast h3 {
    background: url(../../program/images/h3_cast.gif) no-repeat center top; }
  .program #cast ul li.c01 {
    position: absolute;
    top: 128px;
    right: 0px;
    bottom: 0px;
    left: 111px;
    width: 198px;
    height: 303px; }
  .program #cast ul li.c02 {
    position: absolute;
    top: 143px;
    right: 0px;
    bottom: 0px;
    left: 317px;
    width: 157px;
    height: 288px; }
  .program #cast ul li.c03 {
    position: absolute;
    top: 497px;
    right: 0px;
    bottom: 0px;
    left: 9px;
    width: 170px;
    height: 286px; }
  .program #cast ul li.c04 {
    position: absolute;
    top: 487px;
    right: 0px;
    bottom: 0px;
    left: 179px;
    width: 148px;
    height: 296px; }
  .program #cast ul li.c05 {
    position: absolute;
    top: 500px;
    right: 0px;
    bottom: 0px;
    left: 329px;
    width: 285px;
    height: 325px; }
  .program #cast ul li.c06 {
    position: absolute;
    top: 875px;
    right: 0px;
    bottom: 0px;
    left: 70px;
    width: 483px;
    height: 237px; }
  .program #cast ul li.c07 {
    position: absolute;
    top: 1161px;
    right: 0px;
    bottom: 0px;
    left: 149px;
    width: 159px;
    height: 283px; }
  .program #cast ul li.c08 {
    position: absolute;
    top: 1185px;
    right: 0px;
    bottom: 0px;
    left: 336px;
    width: 154px;
    height: 254px; }

.present #detail {
  padding: 0 25px 25px;
  font-size: 15px;
  line-height: 1.8em; }
  .present #detail ul {
    padding-left: 20px; }
    .present #detail ul li {
      list-style: disc outside; }
  .present #detail h3 {
    background: url(../../present/images/h3_detail.gif) no-repeat center top; }
  .present #detail h4 {
    margin: 0 0 5px;
    font-weight: bold; }
  .present #detail h5 {
    margin: 0 0 5px;
    font-weight: bold; }
  .present #detail .photo {
    padding: 15px 0;
    text-align: center; }
    .present #detail .photo img {
      border: #fff 4px solid; }
    .present #detail .photo p {
      margin: 0 0 5px;
      font-size: 18px;
      font-weight: bold;
      color: #e91f1f; }
  .present #detail .desc {
    margin: 0 0 20px; }
    .present #detail .desc p {
      margin: 5px 0; }
      .present #detail .desc p span {
        color: #e91f1f; }
  .present #detail .info {
    margin: 0 0 20px;
    padding: 15px;
    border: #e91f1f 2px solid; }
    .present #detail .info h4 {
      font-weight: bold;
      color: #e91f1f; }
  .present #detail .app {
    margin: 30px auto 20px;
    text-align: center; }
  .present #detail .privacy {
    margin: 0 0 20px; }
    .present #detail .privacy p {
      color: #e91f1f; }
      .present #detail .privacy p a {
        color: #e91f1f; }
  .present #detail .notice {
    padding: 20px 20px 10px;
    background: #f9edce;
    font-size: 14px; }
    .present #detail .notice ul {
      margin: 0 0 15px; }
      .present #detail .notice ul.nodisc {
        padding-left: 0; }
        .present #detail .notice ul.nodisc li {
          list-style: none; }
    .present #detail .notice p {
      margin: 0 0 15px; }
    .present #detail .notice a {
      color: #1a97e1; }