@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: #000 url(../images/bg_body.jpg) no-repeat center 130px; }

/*----------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: 35px; }

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

/*----------menu----------*/
#menu ul {
  padding: 0 0 0 9px;
  font-size: 0; }
  #menu ul li {
    width: 213px;
    height: 70px;
    display: inline-block;
    margin: 5px 9px 5px 0; }
    #menu ul li.m01 a {
      background: url(../images/btn_menu.png) no-repeat 0 0; }
    #menu ul li.m02 a {
      background: url(../images/btn_menu.png) no-repeat -213px 0; }
    #menu ul li.m03 a {
      background: url(../images/btn_menu.png) no-repeat -426px 0; }
    #menu ul li.m04 a {
      background: url(../images/btn_menu.png) no-repeat -639px 0; }
    #menu ul li.m05 a {
      background: url(../images/btn_menu.png) no-repeat -852px 0; }
    #menu ul li.m06 a {
      background: url(../images/btn_menu.png) no-repeat -1065px 0; }
    #menu ul li a {
      width: 213px;
      height: 70px;
      display: block; }

/*----------main----------*/
#main {
  width: 675px;
  padding-bottom: 10px;
  background: url(../images/bg_main.png) repeat 0 0; }

/*----------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----------*/
#footer {
  border-top: #af0e1e 1px solid; }

/*----------totop----------*/
#totop {
  width: 60px;
  height: 60px;
  text-indent: -30000px;
  position: absolute;
  z-index: 9999;
  display: none; }

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

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

/*----------header----------*/
#header {
  height: 765px;
  background: url(../images/top/bg_header.png) no-repeat 0 0; }
  #header h1 {
    position: absolute;
    top: 313px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background: url("../images/top/h1_header.png") left top no-repeat;
    -moz-background-size: 675px 130px;
    -o-background-size: 675px 130px;
    -webkit-background-size: 675px 130px;
    background-size: 675px 130px;
    text-indent: -9999em;
    width: 675px;
    height: 130px;
    height: 130px; }
  #header h2 {
    position: absolute;
    top: 463px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background: url("../images/top/h2_header.png") left top no-repeat;
    -moz-background-size: 675px 55px;
    -o-background-size: 675px 55px;
    -webkit-background-size: 675px 55px;
    background-size: 675px 55px;
    text-indent: -9999em;
    width: 675px;
    height: 55px;
    height: 100px; }
  #header p.catch {
    position: absolute;
    top: 15px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background: url("../images/top/catch_header.png") left top no-repeat;
    -moz-background-size: 340px 120px;
    -o-background-size: 340px 120px;
    -webkit-background-size: 340px 120px;
    background-size: 340px 120px;
    text-indent: -9999em;
    width: 340px;
    height: 120px;
    height: 120px; }
  #header p.copyright {
    position: absolute;
    top: 546px;
    right: 0px;
    bottom: 0px;
    left: 310px;
    background: url("../images/top/copyright_header.png") left top no-repeat;
    -moz-background-size: 339px 40px;
    -o-background-size: 339px 40px;
    -webkit-background-size: 339px 40px;
    background-size: 339px 40px;
    text-indent: -9999em;
    width: 339px;
    height: 40px;
    height: 40px; }
  #header #btn-sbm {
    position: absolute;
    top: 555px;
    right: 0px;
    bottom: 0px;
    left: 30px; }
  #header #menu {
    position: absolute;
    top: 601px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    height: 160px; }

.block {
  color: #fff; }
  .block h3 {
    height: 50px;
    margin: 20px 0 0;
    text-indent: -9999em; }
  .block#onair h3 {
    background: url(../images/top/h3_onair.png) no-repeat 0 0; }
  .block#onair ul {
    padding: 25px 30px 20px; }
    .block#onair ul li.oa_title {
      font-size: 24px;
      font-weight: bold;
      color: #eed923; }
    .block#onair ul li.oa_date {
      padding: 10px 0 20px;
      font-size: 18px; }
      .block#onair ul li.oa_date span {
        font-size: 14px; }
    .block#onair ul li.oa_photo {
      text-align: center; }
    .block#onair ul li.oa_txt {
      padding: 20px 0 25px;
      font-size: 16px;
      line-height: 1.6em; }
    .block#onair ul li.oa_link {
      text-align: center; }
  .block#intro h3 {
    background: url(../images/top/h3_intro.png) no-repeat 0 0; }
  .block#intro h4 {
    padding: 25px 30px 15px;
    font-size: 20px;
    font-weight: bold;
    color: #eed923;
    line-height: 1.5em; }
  .block#intro p {
    padding: 0 30px 35px;
    font-size: 16px;
    line-height: 1.6em; }
    .block#intro p.thumb {
      text-align: center;
      margin-bottom: -15px; }
  .block#music h3 {
    background: url(../images/top/h3_music.png) no-repeat 0 0; }
  .block#music h4 {
    padding: 25px 30px 0;
    font-size: 16px;
    line-height: 2em; }
    .block#music h4 span {
      font-size: 22px;
      font-weight: bold;
      color: #eed923; }
  .block#music table {
    width: 615px;
    margin: 15px auto 25px; }
    .block#music table td {
      padding: 10px 0;
      vertical-align: top; }
      .block#music table td.artist {
        text-align: center; }
      .block#music table td.jacket {
        width: 50%;
        padding-left: 63px; }
        .block#music table td.jacket img {
          border: #fff 1px solid; }
      .block#music table td.info {
        width: 50%; }
        .block#music table td.info li {
          margin: 10px 0;
          font-size: 16px;
          line-height: 2em; }
  .block#staff {
    padding: 0 0 25px; }
    .block#staff h3 {
      margin: 0 0 20px;
      background: url(../images/top/h3_staff.png) no-repeat 0 0; }
    .block#staff p {
      padding: 10px 30px;
      font-size: 16px; }

#is2nd #header {
  height: 300px;
  background: url(../images/sub/bg_header.png) no-repeat 0 0; }
  #is2nd #header h1 {
    position: absolute;
    top: 30px;
    right: 0px;
    bottom: 0px;
    left: 9px;
    width: 355px;
    height: 92px;
    background: url(../images/sub/h1_header.jpg) no-repeat 0 0; }
    #is2nd #header h1 a {
      width: 355px;
      height: 92px;
      display: block;
      -webkit-transition: all ease;
      -moz-transition: all ease;
      transition: all ease; }
      #is2nd #header h1 a:hover {
        background: url(../images/sub/h1_header.jpg) no-repeat 0 -92px; }
  #is2nd #header h2 {
    position: absolute;
    top: 29px;
    right: 0px;
    bottom: 0px;
    left: 369px;
    background: url("../images/sub/h2_header.png") left top no-repeat;
    -moz-background-size: 286px 88px;
    -o-background-size: 286px 88px;
    -webkit-background-size: 286px 88px;
    background-size: 286px 88px;
    text-indent: -9999em;
    width: 286px;
    height: 88px;
    height: 88px; }
  #is2nd #header #menu {
    position: absolute;
    top: 142px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    height: 166px; }

#backnumber {
  min-height: 1000px; }
  #backnumber h3 {
    background: url(../backnumber/images/h3_backnumber.png) no-repeat 0 0; }
  #backnumber ul {
    margin: 0 25px;
    padding: 30px 0 10px;
    border-bottom: #edd73c 1px solid; }
    #backnumber ul.noborder {
      border-bottom: none; }
    #backnumber ul li.oa_title {
      font-size: 24px;
      font-weight: bold;
      color: #eed923; }
    #backnumber ul li.oa_date {
      padding: 10px 0 20px;
      font-size: 18px; }
    #backnumber ul li.oa_photo {
      text-align: center; }
    #backnumber ul li.oa_txt {
      padding: 20px 0 25px;
      font-size: 16px;
      line-height: 1.6em; }
    #backnumber ul li.oa_link {
      text-align: center; }

#cast {
  position: relative; }
  #cast h3 {
    background: url(../cast/images/h3_cast.png) no-repeat 0 0; }
  #cast #chart {
    width: 675px;
    height: 834px;
    background: url(../cast/images/bg_chart.png) no-repeat 0 0; }
    #cast #chart ul li {
      width: 124px;
      height: 165px; }
      #cast #chart ul li.photo01 {
        width: 181px;
        height: 372px;
        position: absolute;
        top: 90px;
        right: 0px;
        bottom: 0px;
        left: 247px; }
        #cast #chart ul li.photo01 a {
          width: 181px;
          height: 372px;
          background: url(../cast/images/photo_chart_01.png) no-repeat 0 0; }
      #cast #chart ul li.photo02 {
        position: absolute;
        top: 574px;
        right: 0px;
        bottom: 0px;
        left: 335px; }
        #cast #chart ul li.photo02 a {
          background: url(../cast/images/photo_chart_02.png) no-repeat 0 0; }
      #cast #chart ul li.photo03 {
        position: absolute;
        top: 266px;
        right: 0px;
        bottom: 0px;
        left: 485px; }
        #cast #chart ul li.photo03 a {
          background: url(../cast/images/photo_chart_03.png) no-repeat 0 0; }
      #cast #chart ul li.photo04 {
        position: absolute;
        top: 574px;
        right: 0px;
        bottom: 0px;
        left: 510px; }
        #cast #chart ul li.photo04 a {
          background: url(../cast/images/photo_chart_04.png) no-repeat 0 0; }
      #cast #chart ul li.photo05 {
        position: absolute;
        top: 423px;
        right: 0px;
        bottom: 0px;
        left: 42px; }
        #cast #chart ul li.photo05 a {
          background: url(../cast/images/photo_chart_05.png) no-repeat 0 0; }
      #cast #chart ul li.photo06 {
        position: absolute;
        top: 600px;
        right: 0px;
        bottom: 0px;
        left: 42px; }
        #cast #chart ul li.photo06 a {
          background: url(../cast/images/photo_chart_06.png) no-repeat 0 0; }
      #cast #chart ul li.photo07 {
        position: absolute;
        top: 600px;
        right: 0px;
        bottom: 0px;
        left: 176px; }
        #cast #chart ul li.photo07 a {
          background: url(../cast/images/photo_chart_07.png) no-repeat 0 0; }
      #cast #chart ul li.photo08 {
        position: absolute;
        top: 90px;
        right: 0px;
        bottom: 0px;
        left: 68px; }
        #cast #chart ul li.photo08 a {
          background: url(../cast/images/photo_chart_08.png) no-repeat 0 0; }
      #cast #chart ul li:hover a {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
        opacity: 0.6; }
      #cast #chart ul li a {
        width: 124px;
        height: 165px;
        display: block;
        text-indent: -9999em; }
  #cast #character ul {
    overflow: hidden;
    *zoom: 1;
    padding: 0 30px;
    font-size: 15px; }
    #cast #character ul li {
      padding: 0 0 30px;
      float: left;
      line-height: 1.6em; }
      #cast #character ul li.name {
        width: 390px;
        padding: 10px 0 10px 20px;
        color: #eed923;
        font-weight: bold; }
        #cast #character ul li.name span {
          font-size: 19px;
          font-weight: bold; }
      #cast #character ul li.txt {
        width: 390px;
        padding: 0 0 0 20px; }