@charset "utf-8";

/*
============================ Base CSS ==============================

      基本設定
        1.要素設定
        2.枠組み
          2-1.ヘッダー
          2-2.外枠
          2-3.パンくずリスト
          2-4.メイン
          2-5.右サイドエリア
          2-6.クレジットエリア
          2-7.フッター
        3.リンク
          3-1.アイコンリンク
        4.テーブル
        5.画像、ボックス回り込み
        6.テキスト
        7.テキストカラー
        8.背景カラー
        9.お客様総合窓口
        99.共通クラス

====================================================================
*/


/* 1.要素設定
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */

html,body {
  height: 100%;
  background: url(/img/common/page_bg.jpg) 0 0 repeat;
}

body { font: 13px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; margin: 0; padding: 0; }
* html body { font-size: small; } /* for IE6 */
*:first-child+html body { font-size: small; } /* for IE7 */

ul,dl,ol { text-indent: 0; }
li { list-style: none outside; }


input,textarea,select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}

.hr {
  clear: both;
  background: url(/img/common/line01.png) repeat-x 0 bottom;
  margin: 0 0 30px;
  padding: 0 0 10px;
}

hr{
  border:none;
  border-bottom: #999 dotted 1px;
  height: 1px;
  margin:0.25em 0;
}

* html pre,* html code { font-size: 100%; line-height: 100%; }
*:first-child+html pre,
*:first-child html+code { font-size: 108%; line-height: 100%; }

address,caption,
/*code,em,strong,th { font-style: normal; font-weight: normal; }*/
code,em,th { font-style: normal; font-weight: normal; }/* #####2012.01.06修正##### */
caption/*,th */{ text-align: left; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }

img.nodisplay{
  display: none;
}

/* IE
@font-face {
    font-family:dejima-mincho-r227;
    src: url(/font/dejima-mincho-r227.eot);
}*/

/* Firefox, Opera, Safari
@font-face {
    font-family:dejima-mincho-r227;
    src: url(/font/dejima-mincho-r227.ttf) format("truetype");
} */

/* @font-face {
    font-family: 'dejima-mincho-r227';
    src: url('/font/dejima-mincho-r227.eot?') format('eot'),
         url('/font/dejima-mincho-r227.woff') format('woff'),
         url('/font/dejima-mincho-r227.ttf')  format('truetype'),
         url('/font/dejima-mincho-r227.svg#svgipam') format('svg');
    } */

/* 2.枠組み
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */

  /* 2-1.ヘッダー
  ──────────────────── */
  /* /common/css/nav.css  を編集してください。 */



  /* 2-2.外枠
  ──────────────────── */

  #wrapper {
    clear: both;
    width: 980px;
    margin:0 auto;
    position: relative;
    }

  #wrapper:after {  /* clearfix */ clear: both; content: "."; display: block; height: 0; visibility: hidden; }


  /* 2-3.パンくずリスト
  ──────────────────── */
  #wrapper #breadList{
    clear: both;
    font-size: 93%;
    margin: 0 0 15px 0;
    /* 2016.08.10 コメントアウト */
    /*
        padding: 0.3em 0 0.6em 25px;
        background: url(/img/common/icon_waka.gif) left 0em no-repeat;
    */

    /* 2016.08.10 追加 */
    padding: 20px 0 0.6em 25px;
    background: url(/img/common/icon_waka.gif) left 16px no-repeat;
  }

  /* 2-4.メインエリア
  ──────────────────── */
  #wrapper #main{
    float:left;
    width:710px;
    margin:0 25px 30px 0;
    _margin:0 23px 30px 0;/*IE6*/
    }

  #wrapper #main #mainTitle {
    background: url(/img/common/main_tit_bg.jpg) 0 0 no-repeat;
    color: #d4be64;
    /*font-family:"dejima-mincho-r227",serif;*/
    font-family:"HGP 創英プレゼンス EB","HGP 明朝 E","ヒラギノ明朝 ProN W6","HiraMinProN-W6","ＭＳ Ｐ明朝","MS PMincho",serif;
    font-size: 153.9%;
    font-weight: bold!important;
    letter-spacing: 0.1em;
    overflow: hidden;
    text-align: center;
    padding: 20px 0 0 0;
    height: 40px;
  }

  /* 160829追記（法人契約） */

  #wrapper #main #mainTitle2 {
    background: url(/img/common/main_tit_bg_1.jpg) 0 0 no-repeat;
    color: #d4be64;
    /*font-family:"dejima-mincho-r227",serif;*/
    font-family:"HGP 創英プレゼンス EB","HGP 明朝 E","ヒラギノ明朝 ProN W6","HiraMinProN-W6","ＭＳ Ｐ明朝","MS PMincho",serif;
    font-size: 153.9%;
    font-weight: bold!important;
    letter-spacing: 0.1em;
    overflow: hidden;
    text-align: center;
    padding: 20px 0 0 0;
    height: 60px;
  }

  #wrapper #main #mainTitle2 h2.box{
    font-weight: bold!important;
  }

  /* 160829追記（法人契約） ここまで */

  #wrapper #mainInner{
    background:#efedd7;
    border-width:0 2px 2px 2px;
    border-color:#8e9184;
    border-style:solid;
    margin-bottom:30px;
    padding:18px;
  }

  #wrapper #mainInner2{
    background:#efedd7;
    border-width:0 2px 2px 2px;
    border-color:#8e9184;
    border-style:solid;
    border-bottom:none;
    padding:1em;
  }

  #wrapper #mainInner_step{
    background:#FFF;
    border-width:0 2px 2px 2px;
    border-color:#8e9184;
    border-style:solid;
    margin-bottom:30px;
    padding:12px;
    }



  /* 番組表などに使用　*/
  .noPadding{
    padding:0 0 1em 0!important;
    }
  .noPaddingAll{
    padding:0!important;
    }


  /* バナーエリア　*/

  #wrapper #main #bannerArea{
    margin-bottom:30px;
    margin-top:30px;
  }
  #wrapper #main #bannerArea ul{
    text-align:center;
  }
  #wrapper #main #bannerArea ul li{
    display:inline;
  }


/*  #wrapper #main #bannerArea{
    margin-bottom:30px;
  }
  #wrapper #main #bannerArea ul li{
    float:left;
  }
*/


  /* 2-5.右サイドエリア
  ──────────────────── */
  #wrapper #aside{
    float:left;
    width:245px;
    margin: 0 0 30px 0;
  }
  #wrapper #aside #lNavTitle {
    /* 2016.08.10 コメントアウト */
/*     background: url(/img/common/lnav_tit_bg.gif) 0 0 no-repeat; */
    color: #d4be64;
    font-family:"HGP 創英プレゼンス EB","HGP 明朝 E","ヒラギノ明朝 ProN W6","HiraMinProN-W6","ＭＳ Ｐ明朝","MS PMincho",serif;
    font-weight:bold;
    /*font-size: 123.9%;*/
    font-size:120%;
    font-weight: bold;
    min-height: 24px;
    padding: 20px 0 11px 55px;
    letter-spacing: 0.05em;
    }


  /* 140812追記 下部バナーエリア
  ────────────────────
  #footBanner {
    width: 980px;
    margin: 0 auto 20px;
    text-align: center;
    padding:20px 0;
    border:1px solid #D0C897;
    background: #F7F7EF;
  }
  #footBanner ul {
    margin: 0 auto;
    height: 60px;
  }
  #footBanner ul li {
    display: inline-block;
    margin-right: 20px;
    height: 60px;
    *display: inline;
    *zoom:1;
  }
  #footBanner ul li img {
     height:60px;
     width:auto;
  }
  #footBanner ul li.kill {
    margin: 0;
  } */



  /* あなたにオススメの映画　*/

  #wrapper #aside #recommend{
      background: url(/img/common/recommend_bg.jpg) 0 0 repeat-y;
    margin: 0 0 15px 0;
  }
  #wrapper #aside #recommend #recommendInner table th div{
    border-bottom: 1px dotted #a6a6a6;
    text-align :center;
      width:96px;
      padding: 10px;
  }
  #wrapper #aside #recommend #recommendInner table th img{
      max-width:100%;
    max-height:72px;
  }
  #wrapper #aside #recommend #recommendInner table td{
    border-bottom: 1px dotted #a6a6a6;
      font-size: 93%;
    line-height: 130%;
      padding: 10px;
  }



  /* ランキング　*/
  #wrapper #aside #ranking{
      background: url(/img/common/ranking_bg.jpg) 0 0 repeat-y;
    margin: 0 0 15px 0;
      font-size:93%;
    line-height: 130%;
  }
  #wrapper #aside #ranking #rank1Title{
      background: url(/img/common/ranking_icon_1.gif) 5px 8px no-repeat;
    margin:0 10px;
    padding: 10px 5px 10px 55px;
  }
  #wrapper #aside #ranking #rank1Photo{
    text-align:center;
    margin:5px auto 10px auto;
    width:180px
  }
  #wrapper #aside #ranking #rank1Photo img{
    max-height: 136px;
/*    width: 100%; */
    max-width: 100%; /* 120127 */
  }
  #wrapper #aside #ranking #rank2{background: #eee url(/img/common/ranking_icon_2.gif) 5px 5px no-repeat;}
  #wrapper #aside #ranking #rank3{background: #fff url(/img/common/ranking_icon_3.gif) 5px 5px no-repeat;}
  #wrapper #aside #ranking #rank4{background: #eee url(/img/common/ranking_icon_4.gif) 5px 5px no-repeat;}
  #wrapper #aside #ranking #rank5{background: #fff url(/img/common/ranking_icon_5.gif) 5px 5px no-repeat;}

  #wrapper #aside #ranking #rank2,
  #wrapper #aside #ranking #rank3,
  #wrapper #aside #ranking #rank4,
  #wrapper #aside #ranking #rank5 {
    padding:10px 5px 9px 55px;
    margin:0 10px;
  }

  /* PR　*/
  #wrapper #aside #pr{
    background: #eee url(/img/common/pr_bg.jpg) 0 0 repeat-y;
  }
  #wrapper #aside #pr h2{
    margin: 0 0 10px 0
  }
  #wrapper #aside #pr ul{
    padding: 0 10px 5px 10px;
  }
  #wrapper #aside #pr ul li{
    margin-bottom:5px;
  }

  /* 加入キャンペーン */
  #wrapper #aside #pr2{
    background: #eee url(/img/common/pr_bg.jpg) 0 0 repeat-y;
  }
  #wrapper #aside #pr2 h2{
    margin: 0 0 10px 0
  }
  #wrapper #aside #pr2 ul{
    padding: 0 10px 5px 10px;
  }
  #wrapper #aside #pr2 ul li{
    margin-bottom:5px;
  }


  /* 2-6.クレジットエリア
  ──────────────────── */
  #wrapper #credit{
    clear: left;
    background: #fff;
    border: 1px solid #ccc;
    color: #999;
    font-size: 77%;
    width: 100%;
    text-align:left; /* 120201 */
  }
  #wrapper #credit p{
    padding: 12px;
    text-align:left; /* 120201 */
  }
  #wrapper .creditHidden{ /* ###2012.01.06追加##　*/
    display:none;
  }


  /* 2-7.フッター★トップ計測★
  ──────────────────── */
  #footerPagetop{
    margin:0 auto 12px;
    width:980px;
    text-align:right;
  }
  #footerWrap {
    clear: both!important;
    background:#143a4d;
    padding:25px 0 0 0;
  }

  #footerWrap #footer{
    margin:0 auto;
    width:980px;

  }
  #footerWrap #footer .pageTop{
    margin:0;

  }
  #footerWrap #footer #colorWrap{
    background:#06C;

  }
  #footerWrap #footer #copyright{
    clear: both;
    height:30px;
  }
  #footerWrap #footer #copyright p{
    color: #fff;
    text-align:center;
  }


  /* スマホ用フッターナビー　2011/12/28追加　*/
  #footerWrap #footer #spNavi{
    display:none;
  }





/* 3.リンク
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */

a, area { overflow: hidden; outline: none; }

a:link,
a:visited { text-decoration: underline; color:#000; }
a:hover,
a:active { color: #bc0d17; }

/* 共通（赤） */
a.linkRed{color:#bc0d17;}
a.linkRed:visited{color: #f5616a;}
a.linkRed:hover{color: #0087ba;}
a.linkRed:active{color: #0087ba;}


/* 共通（赤）矢印アイコン *//*#####2012.01.06追加#####*/
a.arrowRed{
  background: url(/img/common/arrow_red.gif) left center no-repeat;
  display:block; /*#####2012.01.14追加#####*/
  margin: 0.3em 0;
  padding-left: 12px;
}
a.arrowGreen{
  background: url(/img/common/arrow_green.gif) left center no-repeat;
  display:block;
  margin: 0.3em 0;
  padding-left: 12px;
}
a:link.arrowRed,a:visited.arrowRed{color: #f5616a;}
a:hover.arrowRed,a:active.arrowRed{color: #0087ba;}

/* 共通（青） *//*#####2012.01.09追加#####*/
a.linkBlue{color:#0087ba;}
a.linkBlue:visited{color: #69C;}
a.linkBlue:hover{color: #bc0d17;}
a.linkBlue:active{color: #bc0d17;}

/* 検索｜パンくず｜ショートカットメニュー｜番組詳細／この作品の放送日程（赤） */
#main #mainInner .resultNav a:link,
#breadList a:link,
#main #mainInner table.hoso a:link {
  color:#bc0d17;
}
#main #mainInner .resultNav a:visited,
#breadList a:visited,
#main #mainInner table.hoso a:visited {
  color: #f5616a;
}
#main #mainInner .resultNav a:hover,
#main #mainInner .resultNav a:active,
#breadList a:hover,
#breadList a:active,
#main #mainInner div.mainR50 table.hoso a:hover,
#main #mainInner div.mainR50 table.hoso a:active {
  color: #0087ba;
}

/* レギュラー一覧（赤） */
#regular table th.name a:hover{
  color:#bc0d17;
}

#regular table th.name a:hover,#regular table th.name a:active{
  color:#bc0d17;
}

#regular table th.name a:visited{
  color: #f5616a;
}



/* 検索｜あなたにオススメ｜放送作品一覧｜週間番組表リンク｜日別番組表リンク（青）*/
#main #mainInner table#searchResult a:link,
#aside #recommend a:link,
#main #mainInner .progBoxTit a:link,
#main #mainInner table.week td a:link,
#main #mainInner table.daily td a:link{
  color: #0087ba;
}
#main #mainInner table#searchResult a:visited,
#aside #recommend a:visited,
#main #mainInner .progBoxTit a:visited,
#main #mainInner table.week td a:visited,
#main #mainInner table.daily td a:visited {
  color: #69C;
}
#main #mainInner table#searchResult a:hover,
#main #mainInner table#searchResult a:active,
#aside #recommend a:hover,
#aside #recommend a:active,
#main #mainInner .progBoxTit a:hover,
#main #mainInner .progBoxTit a:active,
#main #mainInner table.week td a:hover,
#main #mainInner table.week td a:active,
#main #mainInner table.daily td a:hover,
#main #mainInner table.daily td a:active {
  color: #bc0d17;
}

/* 放送作品一覧年代リスト（黒） */
#wrapper #main #mainInner #yearList a:hover { background: #0e8bb9; color: #fff; }
#wrapper #main #mainInner #yearList a:active { background: #0e8bb9; color: #fff; }


/* YOUR THEATER */
#wrapper #main #topYourtheater a:link,
#wrapper #main #topYourtheater a:visited { color: #fff; }/* ###2012.01.11追加###　*/
#wrapper #main #topYourtheater a:hover,
#wrapper #main #topYourtheater a:active { color: #bc0d17; }/* ###2012.01.11追加###　*/


/* 4.テーブル
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */
table{
/*  width:96%;*/
  border-collapse:collapse;
/*  margin:30px auto;*/
}

tr {
/*  padding:0px;*/
}

th {
/*  background:#ecffd1;*/
  font-weight:bold;
/*  padding: 7px 10px 6px 10px;*/
/*  width: 100px;*/
/*  text-align:center;*/
/*  vertical-align:middle;*/
/*  border-bottom: 1px solid #ccc;*/
}

/*th.midashi{
  text-align:left;
  color:#FFF;
  background:#36922c;
}*/

td {
/*  text-align:left;*/
/*  vertical-align: top; */
/*  padding: 8px 20px;*/
  /*white-space: nowrap;  /* IE6対策 */
/*  border-bottom: 1px solid #ccc;*/
}


/* 5.画像、ボックス回り込み
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */
/* 画像表示 */
img {
  -ms-interpolation-mode: bicubic!important;
}

/* ページレイアウト分割 */
.mainL{
  text-align:center;
  width:220px;
  float:left;
  margin:10px 10px 10px 15px;
}

.mainR{
  width:370px;
  float:right;
  margin:10px 10px 10px 10px;
}

.mainL50{
  width:50%;
  float:left;
  margin:10px auto 10px auto;
}

.mainR50{
  width:50%;
  float:right;
  margin:10px auto 10px auto;
}

.mainL33{
  width:33%;
  float:left;
  margin-top: 10px;
  margin-right: auto;
  margin-bottom: 10px;
  margin-left: auto;
}


.mainR30{
  width:30%;
  float:right;
  margin:10px auto 10px auto;
}

.mainR p{
  margin-left:0.25em;
}

/* 画像回り込み */

.imgL{
  text-align:center;
  float:left;
  margin:0 30px 40px 0;
}

.imgR{
  text-align:center;
  float:right;
  margin:0 0 40px 30px;
}






/* 8.背景カラー
================================================ */

/* ホワイト */
.bgWhite{background: #ffffff;}

/* 黒 */
.bgBlack{background: #000;}

/* レッド薄*/
.bgRed {background: #ffe3ed;}

/* レッド濃 */
.bgRed2 {background: #660033;}

/* ピンク薄*/
.bgPink {background: #ffedfc;}

/* ブルー薄 */
.bgBlue {background: #97b6dd;}

/* ブルー濃 */
.bgBlue2 {background: #5381be;}

/* ライトブルー薄 */
.bgLightblue {background: #aed8f1;}

/* ライトブルー濃 */
.bgLightblue2 {background: #65a4cc;}

/* オレンジ薄 */
.bgOrange {background: #f8b875;}

/* オレンジ濃 */
.bgOrange2 {background: #ea8621;}

/* グリーン薄 */
.bgGreen {background: #a8daaf;}

/* グリーン濃 */
.bgGreen2 {background: #66b470;}

/* イエロー薄 */
.bgYellow {background: #ffffde;}

/* イエロー濃 */
.bgYellow2 {background: #ffcc33;}

/* グレー薄 */
.bgGray {background: #ececec;}
.bgGray3 {background: #dfdfdf;}/*120105修正*/
.bgGray4 {background: #8b8b8b;}

/* グレー濃 */
.bgGray2{background: #666666;}

/* ブラウン薄 */
.bgBrown {background: #c8b3a0;}

/* ブラウン濃 */
.bgBrown2 {background: #a38164;}

/* 9.お客様総合窓口
================================================ */
.call_number_area {
  margin: 0 auto;
  max-width: 536px;
  background-color: #fdf9ef;
  border: 3px #a4825f solid;
  font-weight: bold;
  font-size: 18px !important;
  text-align: center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.call_number_area .ttl_call_number {
  margin-bottom: 10px;
  padding: 5px 0;
  background-color: #84603a;
  font-size: 15px !important;
  color: #fff;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  -ms-border-radius: 2px 2px 0 0;
  -o-border-radius: 2px 2px 0 0;
  border-radius: 2px 2px 0 0;
}
.call_number_area .ttl_call_number_guidebook {
  margin-bottom: 5px;
}
.call_number_area .ttl_call_number_houjin {
  font-size: 18px !important;
}
.call_number_area .ttl_call_number_houjin span {
  font-size: 16px !important;
  font-weight: normal;
}
.call_number_area .tel_call_number {
  padding: 0 0 15px;
  font-size: 30px !important;
  color: red;
}
.call_number_area .tel_call_number span {
  line-height: 5.5px;
  font-size: 14px !important;
  color: #000;
}

.call_number_area .tel_call_number_guidebook {
  padding: 0 0 10px;
}



/* 99.共通クラ
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */

/* ページTOPへ戻る */
.pageTop {
  clear: both;
  margin:0;
  margin-bottom:15px;
  text-align:right;
  /*width:145px;*/
}
.pageTop img{
  display: inline;
}
#footer .pageTop {
  margin:0;
  margin-bottom:45px;
}

/*SP切り替え*/

.hidden_pc { display: none; }
.hidden_sp { display: block;}
#sp_sw {
  margin:5% 5% 5% 22%;
  /*margin:0 0 0 100%;  2012.01.05 修正
  display:block;
  width:600px;*/
}
#sp_sw p{
  float:left;
}

/* 140825追記 */
.shichoHover img{
  filter:alpha(opacity=100);
    opacity: 1.0;
}
.shichoHover a:hover img{
  filter:alpha(opacity=90);
    opacity: 0.9;
}

/* END */