@charset "Shift_JIS";

/* =================================================================================================
   WOWOW ONLINE - 特集用のCSS
   http: //www.wowow.co.jp/
   Copyright (C) WOWOW INC. ALL RIGHTS RESERVED.
================================================================================================= */

/* 上位のCSSをインポート */
@import url("/common/css/default.css"); /* サイト全体共通（→タグの初期値をリセット） */

.pageFeature .main {
  color: #4b4b4b;
}

.pageFeature .main a {
  color: #254988;
}

.pageFeature .main .blockPageTitle .movieNotice {
  text-align: right;
  padding: 3px 0 0 20px;
  background: #fff url("/movie/feature/img/icon_movie.gif") no-repeat 0 5px;
}

.pageFeature .main .blockPageTitle .lead {
  padding: 10px;
}

.pageFeature .main .blockPageTitle .notice {
  padding: 10px 10px 5px;
}

.pageFeature .main .blockPageTitle .notice img {
  vertical-align: text-bottom;
}

.pageFeature .main .blockPageTitle .footerBlock {
  padding: 3px 0 0;
}

.pageFeature .main .blockPageTitle .footerBlock li {
  padding: 0 0 0 20px;
}

.pageFeature .main .blockReportList h3 {
  height: 26px;
  padding: 10px 0 0 15px;
  color: #000;
  font-weight: bold;
  background: #fff url("/movie/feature/img/block_title_back.gif") no-repeat left top;
}

.pageFeature .main .blockReportList .bodyBlock {
  width: 588px;
  padding: 9px 7px 3px;
  border-color: #ced6e4;
  border-style: solid;
  border-width: 0 1px 1px;
  background: #eff0f5 url("/movie/feature/img/block_body_back2.gif") repeat-x top;
}

.pageFeature .main .blockReportList .reportListRow {
  padding: 2px 0 0;
  background: transparent url("/movie/feature/img/list_item_back_lv1_lr.gif") no-repeat left top;
}

.pageFeature .main .blockReportList .reportListRowLv2 {
  padding: 0 0 14px;
  background: transparent url("/movie/feature/img/list_item_back_lv2_lr.gif") no-repeat left bottom;
}

.pageFeature .main .blockReportList .reportListRowLv3 {
  padding: 6px 8px 0;
  background: transparent url("/movie/feature/img/list_item_back_lv3_lr.gif") repeat-y left;
}

.pageFeature .main .blockReportList .reportListRowSingle {
  background-image: url("/movie/feature/img/list_item_back_lv1_l.gif");
}

.pageFeature .main .blockReportList .reportListRowSingle .reportListRowLv2 {
  background-image: url("/movie/feature/img/list_item_back_lv2_l.gif");
}

.pageFeature .main .blockReportList .reportListRowSingle .reportListRowLv3 {
  background-image: url("/movie/feature/img/list_item_back_lv3_l.gif");
}

.pageFeature .main .blockReportList .reportItem {
  width: 274px;
}

.pageFeature .main .blockReportList .reportItem .photo {
  width: 133px;
  height: 80px;
}

.pageFeature .main .blockReportList .reportItem .info {
  width: 137px;
}

.pageFeature .main .blockReportList .reportItem .infoNew .title {
  padding: 0 0 0 26px;
  background: transparent url("/movie/feature/img/icon_new.gif") no-repeat left top;
}

.pageFeature .main .blockReportList .reportItem .info .date {
  color: #ff3fb2;
}

.pageFeature .main .blockReportList .reportItem .infoWithMovie .date {
  padding: 0 20px 0 0;
  background: transparent url("/movie/feature/img/icon_movie.gif") no-repeat right center;
}

.pageFeature .main .blockReportList .footerBlock {
  text-align: right;
  padding: 3px 0 0;
}

.pageFeature .main .blockReportDetail .titleBlock {
  height: 36px;
  color: #000;
  font-weight: bold;
  background: #fff url("/movie/feature/img/block_title_back.gif") no-repeat left top;
}

.pageFeature .main .blockReportDetail .titleBlock .movieLink {
  width: 52px;
  height: 25px;
  line-height: 16px;
  padding: 11px 0 0 40px;
  font-weight: bold;
  font-size: 12px;
  background: transparent url("/movie/feature/img/block_title_movie_back.gif") no-repeat left top;
}

.pageFeature .main .blockReportDetail .titleBlock h3 {
  padding: 10px 0 0 15px;
  color: #000;
  font-weight: bold;
}

.pageFeature .main .blockReportDetail .bodyBlock {
  padding: 3px 0 0;
  border-color: #ced6e4;
  border-style: solid;
  border-width: 0 1px 1px;
  background: #fff url("/movie/feature/img/block_body_back.gif") repeat-x top;
}

.pageFeature .main .blockReportDetail .bodyBlock .sectionInfo {
  width: 584px;
  margin: 0 auto 9px;
  padding: 4px 0 9px;
  border-width: 0 0 1px;
  border-style: dotted;
  border-color: #94a5c1;
}

.pageFeature .main .blockReportDetail .bodyBlock .sectionInfo .info {
  text-align: right;
}

.pageFeature .main .blockReportDetail .bodyBlock .sectionInfo .info em {
  color: #1982c6;
  font-style: normal;
}

.pageFeature .main .blockReportDetail .bodyBlock .titleSection {
  padding: 5px 10px;
}

.pageFeature .main .blockReportDetail .bodyBlock h4 {
  padding: 0 0 0 10px;
  border-width: 0 0 0 5px;
  border-style: solid;
  border-color: #1982c6;
  color: #1982c6;
  font-weight: bold;
}

.pageFeature .main .blockReportDetail .bodyBlock .photoGroup {
  width: 170px;
  padding: 9px 9px 0 20px;
}

.pageFeature .main .blockReportDetail .bodyBlock .photoItem {
  margin: 0 0 10px;
}

.pageFeature .main .blockReportDetail .bodyBlock .bodySection {
  padding: 9px 9px 14px;
}

.pageFeature .main .blockReportDetail .bodyBlock .sectionSeparate .photoGroup {
  padding: 9px 9px 0 0;
}

.pageFeature .main .blockReportDetail .bodyBlock .sectionSeparate .bodySection {
  width: 394px;
}

.pageFeature .main .blockReportDetail .bodyBlock .sectionSeparate h4 {
  width: 367px;
}

.pageFeature .main .blockReportDetail .bodyBlockRelated {
  width: 588px;
  padding: 7px 7px 0;
  background: #eff0f5 url("/movie/feature/img/block_body_back2.gif") repeat-x top;
}

.pageFeature .main .blockReportDetail .bodyBlockRelated .item {
  padding: 2px 0 0;
  background: #f5f7fa url("/movie/feature/img/related_item_back_lv1.gif") no-repeat left top;
}

.pageFeature .main .blockReportDetail .bodyBlockRelated .item .itemLv2 {
  padding: 0 0 16px;
  background: transparent url("/movie/feature/img/related_item_back_lv2.gif") no-repeat left bottom;
}

.pageFeature .main .blockReportDetail .bodyBlockRelated .item .itemLv3 {
  padding: 6px 8px 0;
  background: transparent url("/movie/feature/img/related_item_back_lv3.gif") repeat-y left;
}

.clearBottomBorder {
  height: 1px;
  line-height: 1px;
  font-size: 1px;
}

.pageFeature .main .blockReportDetail .bodyBlockRelated .item .information {
  width: 434px;
  margin: 0 0 0 5px;
  padding: 0 0 4px;
  border-width: 0 0 1px;
  border-style: dotted;
  border-color: #ccc;
}

.pageFeature .main .blockReportDetail .bodyBlockRelated .item .information .title {
  padding: 2px 0 0;
  font-weight: bold;
}

.pageFeature .main .blockReportDetail .bodyBlockRelated .item .information .startDate {
  color: #ff3fb2;
}

.pageFeature .main .blockReportDetail .bodyBlockRelated .item .information .timeInfo {
  min-height: 15px;
  margin: 0 0 2px;
}

/* CSS-HACK: Windows old IE */
* html .pageFeature .main .blockReportDetail .bodyBlockRelated .item .information .timeInfo {
  height: 15px;
}

.pageFeature .main .blockReportDetail .bodyBlockRelated .item .information .timeInfo .specIcon {
  width: 13px;
  height: 13px;
  line-height: 13px;
  margin: 0 4px 0 0;
}

.pageFeature .main .blockReportDetail .bodyBlockRelated .item .information .timeInfo .chapter {
  margin: 0 5px 0 0;
  color: #292929;
}

.pageFeature .main .blockReportDetail .bodyBlockRelated .item .information .timeInfo .dateTime {
  margin: 0 5px 0 0;
  color: #292929;
}

.pageFeature .main .blockReportDetail .bodyBlockRelated .item .desc {
  width: 434px;
  margin: 2px 0 0 5px;
}

.pageFeature .main .blockReportDetail .bodyBlockRelated .item .desc .additionalInfo {
  font-weight: bold;
}

.pageFeature .main .blockReportDetail .bodyBlockRelated .relatedInfoTitle {
  margin: 0 0 3px;
  padding: 0 0 3px;
  border-width: 0 0 1px;
  border-style: dotted;
  border-color: #248;
}

.pageFeature .main .blockReportBacknumber h3 {
  height: 26px;
  padding: 10px 0 0 15px;
  color: #000;
  font-weight: bold;
  background: #fff url("/movie/feature/img/block_title_back.gif") no-repeat left top;
}

.pageFeature .main .blockReportBacknumber .bodyBlock {
  padding: 9px;
  border-color: #d8d8d8;
  border-style: solid;
  border-width: 0 1px 1px;
  background: #eff0f5 url("/movie/feature/img/block_body_back2.gif") repeat-x top;
}

.pageFeature .main .blockReportBacknumber .bodyBlock .navigator .pageLink li {
  padding: 0 10px 0 0;
}

.pageFeature .main .blockReportBacknumber .bodyBlock .tableBacknumber {
  width: 100%;
  margin: 9px 0;
  border: 1px solid #92a4c3;
  border-collapse: collapse;
}

.pageFeature .main .blockReportBacknumber .bodyBlock .tableBacknumber th {
  padding: 5px;
  border: 1px solid #92a4c3;
}

.pageFeature .main .blockReportBacknumber .bodyBlock .tableBacknumber td {
  padding: 10px 5px;
  border: 1px solid #92a4c3;
}

.pageFeature .main .blockReportBacknumber .bodyBlock .tableBacknumber .primary {
  font-weight: bold;
  background-color: #cae1ff;
}

.pageFeature .main .blockReportBacknumber .bodyBlock .tableBacknumber .secondary {
  text-align: center;
  background-color: #cae1ff;
}

.pageFeature .main .blockReportBacknumber .bodyBlock .tableBacknumber .odd td {
  background-color: #fff;
}

.pageFeature .main .blockReportBacknumber .bodyBlock .tableBacknumber .even td {
  background-color: #f6f7fb;
}

.pageFeature .main .blockReportBacknumber .bodyBlock .tableBacknumber .narrow {
  text-align: center;
  width: 60px;
}

/* CSS-HACK: Safari */
.pageFeature:first-of-type .main .blockReportBacknumber .bodyBlock .tableBacknumber .narrow {
  width: 70px;
}

.pageFeature .main .blockGossip h3 {
  height: 26px;
  padding: 10px 0 0 15px;
  color: #000;
  font-weight: bold;
  background: #fff url("/movie/feature/img/block_title_back.gif") no-repeat left top;
}

.pageFeature .main .blockGossip .bodyBlock {
  border-color: #ced6e4;
  border-style: solid;
  border-width: 0 1px 1px;
  background: #fff url("/movie/feature/img/block_body_back.gif") repeat-x top;
}

.pageFeature .main .blockGossip .bodyBlock .titleSection {
  margin: 0 10px;
  padding: 10px 0 5px;
  border-width: 1px 0 0;
  border-style: dotted;
  border-color: #9ac;
  border-top: 1px dotted #9ac;
}

.pageFeature .main .blockGossip .bodyBlock .firstTitleSection {
  border: 0;
}

.pageFeature .main .blockGossip .bodyBlock h4 {
  padding: 0 0 0 10px;
  border-width: 0 0 0 5px;
  border-style: solid;
  border-color: #1982c6;
  color: #1982c6;
  font-weight: bold;
}

.pageFeature .main .blockGossip .bodyBlock .update {
  padding: 0 0 3px 10px;
  border-width: 0 0 0 5px;
  border-style: solid;
  border-color: #1982c6;
}

.pageFeature .main .blockGossip .bodyBlock .updateNew span {
  padding: 0 30px 0 0;
  background: transparent url("/movie/feature/img/icon_new.gif") no-repeat right top;
}

.pageFeature .main .blockGossip .bodyBlock .photoGroup {
  width: 170px;
  padding: 9px 9px 0 20px;
}

.pageFeature .main .blockGossip .bodyBlock .photoItem {
  margin: 0 0 10px;
}

.pageFeature .main .blockGossip .bodyBlock .photoItem .caption {
  text-align: center;
}

.pageFeature .main .blockGossip .bodyBlock .bodySection {
  padding: 9px 9px 14px;
}

.pageFeature .main .blockGossip .bodyBlock .searchLink {
  padding: 0 0 15px 19px;
  background: #fff url("/movie/feature/img/icon_bluetriangle.gif") no-repeat 9px 5px;
}

.pageFeature .main .blockGossip .bodyBlock .gossipBacknumber {
  width: 100%;
  margin: 10px 0 0;
  border: 1px solid #92a4c3;
  border-collapse: collapse;
}

.pageFeature .main .blockGossip .bodyBlock .gossipBacknumber td {
  vertical-align: top;
  padding: 4px;
  border: 1px solid #92a4c3;
}

.pageFeature .main .blockGossip .bodyBlock .gossipBacknumber .date {
  text-align: center;
}

.pageFeature .main .blockGossip .bodyBlock .gossipBacknumber .odd td {
  background-color: #fff;
}

.pageFeature .main .blockGossip .bodyBlock .gossipBacknumber .even td {
  background-color: #f6f7fb;
}

.pageFeature .main .blockGossip .bodyBlock .gossipBacknumber .title {
  width: 235px;
  padding: 4px 4px 4px 5px;
}

.pageFeature .main .blockGossip .bodyBlock .gossipBacknumber .titleWide {
  padding: 4px 4px 4px 5px;
}

.pageFeature .main .linkWithBlueTri {
  padding: 0 0 0 30px !important;
  background: #fff url("/movie/feature/img/icon_bluetriangle.gif") no-repeat 20px 5px;
}

/* sub
 ---------------------------------------------------------------------------- */

.pageFeature .sub .moduleListing .body ul li {
  background-image: url("/common/img/icon_bluecircle.gif");
  background-position: 6px 5px;
}

.pageFeature .sub .moduleListing .body .noIcon {
  background-image: none;
}

/* 映画検索メニュー */
.pageFeature .sub .moduleSearchMenu .body {
  width: 174px;
  padding: 2px;
  border-width: 0 1px 1px;
  border-style: solid;
  border-color: #d0d0d0;
  background-color: #efefef;
}

.pageFeature .sub .moduleSearchMenu .body .selectItem {
  width: 170px;
  height: 42px;
  margin: 0 0 3px;
  padding: 1px;
  border: 1px solid #d1d1d1;
  background-color: #fff;
}

.pageFeature .sub .moduleSearchMenu .body .selectItem h3 {
  text-align: center;
  height: 16px;
  line-height: 16px;
  padding: 2px 0;
  color: #333;
  font-weight: bold;
  font-size: 12px;
  background: #fff url("/common/img/module_moviesearchmenu_subtitle_back.gif") repeat-x bottom;
}

.pageFeature .sub .moduleSearchMenu .body .selectItem form {
  position: relative;
  height: 22px;
}

.pageFeature .sub .moduleSearchMenu .body .selectItem form select {
  position: absolute;
  bottom: 2px;
  left: 0;
  width: 120px;
  height: 19px;
}

/* CSS-HACK: Windows old IE */
* html .pageFeature .sub .moduleSearchMenu .body .selectItem form select {
  bottom: 0;
}

.pageFeature .sub .moduleSearchMenu .body .selectItem form .submitButton {
  position: absolute;
  right: 0;
  bottom: 1px;
  width: 44px;
  height: 20px;
}