/*
  ページ全体、ヘッダー（エラー用含む）・フッター用CSS
  ver1.0
  作成日：2010/11/30
  更新日：
  更新内容：
*/
/* 全般
-------------------------------------------------------------------------------- */
.clear {
    clear:both;
}
/* 中央寄せ */
.centering {text-align: center;}
/* 左寄せ */
.lefting {text-align: left;}
.lefting_herf {width:50%;text-align: left;}
/* 右寄せ */
.righting {text-align: right;}
.position_righting {
    position:relative;
    text-align: right;
}
.position_righting>div{
    position:relative;
    margin-left:auto;
}
.righting_herf {width:50%;text-align: right;}
/* 右寄せ 左よせ文字 */
.righting_text_left {
    display:block;
    float: right;
}
.righting_text_left .width1{
    width:200px;
}
.righting_text_left .width2{
    width:320px;
}


/* 間隔空け用 */
.space1 {
    width:100%;display:block;
    height:2px;
}
.space2 {
    width:100%;display:block;
    height:4px;
}
.space3 {
    width:100%;display:block;
    height:5px;
}
.space4 {
    width:100%;display:block;
    height:15px;
}
.space5 {
    width:100%;display:block;
    height:20px;
}
.space6 {
    width:100%;display:block;
    height:40px;
}

/* デフォルト文字色 */
.default_color {color:#686f79;}
/* 注釈用薄い文字色 */
.exp_color {color:#a6a6a6;}
/* 選択時文字色 */
.select_color {color:#3366cc;}
/* 赤文字 */
.red {color:red;}
/* 黄色文字 */
.yellow {color:#fdb006;}
/* 紅文字 */
.darkred {color:#8B0000;}
/* 茶文字 */
.brown {color:#984807;}
/* 黄緑(タイトル等のポイント表記) */
.yellowgreen {color:#50ff00;}
/* 緑 */
.green {color:green;}
/* オレンジ(ポイント追加時等のポイント表記) */
.orange {color:#fa0;}
/* 白 */
.whiten {color:#fff;}
/* 薄い文字用グレー */
.gray {color:silver;}
/* ライトブルー（検索結果で使用） */
.lightblue {color:#10d0f0;}
/* ロイヤルブルー系（タイトル名で使用） */
.royalblue {color:#274a78;}
/* 濃い目グレー（文字色に使用） */
.dark_gray{color:#808080;}

/* 背景色*/
/* 白*/
.white_bg {background-color:#fff;}
/* 超薄ネズミ色 */
.light_gray_bg {background-color:#f5f6f7;}
/* 枠塗り用メイン 薄ネズミ色 */
.gray_bg {background-color:#dfe2e8;}
.darkgray_bg {background-color:#686f79;}
/* 選択時用メイン 濃青 */
.select_bg {background-color:#777e86;}
/* タグ塗り潰し用メイン  */
.non_select_bg {background-color:#dfe2e8;}
/* 赤*/
.red_bg {background-color:red;}
/* 黄色*/
.yellow_bg {background-color:lemonchiffon;}
/* オレンジ */
.orange_bg {background-color:orange;}
/* 濃い灰色（ピックアップ表示で使用） */
.dark_gray_bg {background-color:#BFBFBF;}
/* 背景なし */
.no_bg {
    background-color:transparent;
    background-image:none;
}

/* カテゴリ別ボーダーレフト色 */
/* ドラマ*/
.border_category_1 {border-left:4px solid #4166d4;border-color:#4166d4;}
/* 映画*/
.border_category_2 {border-left:4px solid #8f62c2;border-color:#8f62c2;}
/* アニメ*/
.border_category_3 {border-left:4px solid #ec3c3c;border-color:#ec3c3c;}
/* 韓流アジア */
.border_category_4 {border-left:4px solid #f49230;border-color:#f49230;}
/* パチ＆スロ */
.border_category_5 {border-left:4px solid #e8d642;border-color:#e8d642;}
/* バラエティ */
.border_category_6 {border-left:4px solid #571d53;border-color:#57b153;}
/* その他 */
.border_category_7 {border-left:4px solid #66c0c0;border-color:#66c0c0;}
/* カテゴリボーダー抜き */
.border_category_n {
    border-left:4px solid transparent;
}
/* カテゴリボーダーその他 */
.border_category_other {border-left:4px solid #bac0c8;border-color:#bac0c8;}

/* カテゴリ別ボーダー 色のみ */
/* ドラマ*/
.border_color_category_1 {border-color:#4166d4;}
/* 映画*/
.border_color_category_2 {border-color:#8f62c2;}
/* アニメ*/
.border_color_category_3 {border-color:#ec3c3c;}
/* 韓流アジア */
.border_color_category_4 {border-color:#f49230;}
/* パチ＆スロ */
.border_color_category_5 {border-color:#e8d642;}
/* バラエティ */
.border_color_category_6 {border-color:#57b153;}
/* その他 */
.border_color_category_7 {border-color:#66c0c0;}
/* カテゴリボーダー抜き */
.border_color_category_n {border-color:transparent;}
/* カテゴリボーダーその他 */
.border_color_category_other {border-color:#bac0c8;}

/* 幅指定 */
.width_set2 {
    width:240px;
}
.width_set3 { /* まだ未使用なので変更してください*/
    width:3000px;
}
.width_set4 {
    width:500px;
}
.width_set_max2 {
    max-width:300px;
    margin-left:auto;margin-right:auto;
}

/* Horizontal 関連
-------------------------------------------------------------------------------- */
.horizontal {
    display :block;
    width: 100%;
    margin:5px 0;
    text-align:center;
    border-top: 1px solid #bac0c8;
}
.horizontal_short {
    display :block;
    width: 100%;
    margin:5px 10px;
    text-align:center;
    border-top: 1px solid #bac0c8;
}
.horizontal_middle {
    display :block;
    width: 85%;
    margin:5px 7.5%;
    text-align:center;
    border-top: 1px solid #bac0c8;
}

/* width100% */
.width_max{
    width:100%;
}
/* 下行消し */
.non_bottom {
    border-bottom: 0;
}
/* テキスト下線 */
.text_border_u {
    text-decoration: underline;
}
/* テキスト取消線 */
.text_through {
    text-decoration: line-through
}

/* 太字なし */
.font_weight_normal {
    font-weight: normal;
    text-shadow: 1px 1px 1px rgba(190,190,190, 0.7);
}
/* 太字あり */
.font_weight {
    font-weight: 700;
}

.horizontal_bar {
    display :block;
    width: 100%;
    text-align:center;
}
.horizontal_bar img{
    max-width:360px;
    width:95%;
    margin:3px auto;
}

/* h属性 */
h1{
    font-size:67px;
    font-weight:normal;
}
/* タイトル、見出し用 */
h2{
    font-size: 42px;
    font-weight:normal;
}
/* 1サイズ上 */
h3{
    font-size: 15px;
    font-weight:normal;
}
/* 基準サイズ */
h4{
    font-size: 12px;
    font-weight:normal;
}
/* フォント標準以下サイズ指定 3が標準 */
.font_size_1 {
    font-size: 67px;
}
.font_size_2 {
    font-size: 42px;
}
.font_size_3 {
    font-size: 15px;
}
.font_size_3b {
    font-size: 24px;
}
.font_size_4 {
    font-size: 13px;
}
.font_size_5 {
    font-size: 11px;
}


/*アイコン設定行 */
.add_icon_row {
    display:block;
    position:relative;
}
.add_icon_row img{
    float:left;
    width: 18px;
    height: 18px;
    margin: 0 5px 0 0;
}
.add_icon_row div{
    float:left;
}
.add_icon_row:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
.icon_row{
    position:relative;
    width: 100%;
}
.icon_row img{
    width: 18px;
    height: 18px;
    margin: 0 5px 0 0;
}
.icon_row h2{
    display: inline-block;
}
.icon_center {
    position:relative;
    margin: 0 auto;
    text-align:center;
}
.icon_center img{
    position:relative;
    width: 24px;
    height: 24px;
    margin-right:10px;
    top:5px;
}
.icon_center h2{
    display:inline-block;
}
.icon_center h3{
    display:inline-block;
}

/* 背景アイコン設定 */
.icon_bg{
    background-repeat: no-repeat;
    background-position: left center;
    background-size:18px 18px;
}
/* 背景アイコン設定 */
.icon_bg_big{
    background-repeat: no-repeat;
    background-position: left center;
    background-size:36px auto;
    padding-left: 45px;
    margin-left:5px;
}

/* 小アイコン */
img.mini_icon   {
    width:14px;
    margin:0 2px;
}
/* 国アイコン */
img.country_icon   {
    position:relative;
    width:24px;
    height: 18px;
    margin:0 3px;
    border-width:0;
    -moz-box-shadow: 0 2px 3px #777; /* Firefox用 */
    -webkit-box-shadow: 0 2px  3px #777; /* Safari,Google */
    box-shadow: 0 2px  3px #777; /* 共通 */
}
.country_icon img {
    width:36px;
    height: 24px;
    margin:0 3px;
    border-width:0;
    -moz-box-shadow: 0 2px 3px #777; /* Firefox用 */
    -webkit-box-shadow: 0 2px  3px #777; /* Safari,Google */
    box-shadow: 0 2px  3px #777; /* 共通 */
}
/* NOD用 お試し無料用アイコン */
.otameshi_icon {
    position:relative;
    height:22px;
    line-height: 22px;
}
.otameshi_icon>a{
    display:block;
    text-align: center;
    text-overflow: ellipsis;
    color:#fff;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    padding:0 8px;
    border: 1px solid #fff;
    background-color:#f00;
    background: -webkit-gradient(linear,left top,left bottom,from(#f00),to(#a00));
    background: gradient(linear,left top,left bottom,from(#f00),to(#a00));
    background: -moz-linear-gradient(top, #f00, #a00);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255, 0.35), inset 0 1px 1px rgba(0,0,0, 0.25);
    box-shadow: 0 1px 0 rgba(255,255,255, 0.35), inset 0 1px 1px rgba(0,0,0, 0.25);
}
.otameshi_icon>div{
    display:block;
    text-align: center;
    text-overflow: ellipsis;
    color:#fff;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    padding:0 10px;
    border: 1px solid #fff;
    background-color:#f00;
    background: -webkit-gradient(linear,left top,left bottom,from(#f00),to(#a00));
    background: gradient(linear,left top,left bottom,from(#f00),to(#a00));
    background: -moz-linear-gradient(top, #f00, #a00);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255, 0.35), inset 0 1px 1px rgba(0,0,0, 0.25);
    box-shadow: 0 1px 0 rgba(255,255,255, 0.35), inset 0 1px 1px rgba(0,0,0, 0.25);
}
.otameshi_icon>a:hover {
  border-color: rgba(255, 170, 25, 0.8);
  outline: 0;
}
/* NOD見放題登録画像サイズ 通常サイズ */
img.nod_pack_img{
    height:60px;
}
/* 中 */
img.nod_pack_img_middle{
    height:40px;
}
/* 小 */
img.nod_pack_img_mini{
    height:30px;
}

/* リンク用右アロー表示 */
.right_allow_link {
    position:relative;
    padding-right:15px;
    background-repeat: no-repeat;
    background-position: right center;
    background-size:12px 12px;
    background-image: url('http://img.videomarket.jp/icon/vm_pc/mini_icon/next_allow.png');
}

/* a属性用ボタン */
.a_button_row {
    width:100%;
    margin: 0 auto;
    min-height: 60px;
    text-align: center;
    padding: 3px 0 2px 0;
}

.a_button_row a{
    position:relative;
    display:inline-block;
    height: 54px;
    padding: 3px 0;
    margin: 3px 0;
    font-size: 14px;
    line-height: 54px;
    text-align: center;
    text-overflow: ellipsis;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #bac0c8;
    background-color:f5f5f5;
    background: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#fff));
    background: -moz-linear-gradient(top, #f5f5f5, #fff);
    background: gradient(linear,left top,left bottom,from(#f5f5f5),to(#fff));
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255, 0.35), inset 0 1px 1px rgba(0,0,0, 0.25);
    box-shadow: 0 1px 0 rgba(255,255,255, 0.35), inset 0 1px 1px rgba(0,0,0, 0.25);
}

/* ボタン大 */
.a_button_row .big{
    width: 95%;
    max-width:300px;
    margin:auto;
}
/* ボタン中 */
.a_button_row .middle{
    width: 40%;
}
/* ボタン中2 */
.a_button_row .middle2{
    width: 46%;
}
.a_button_row .middle2 .fod_img{
    height: 20px;
    position: relative;
    top: 5px;
    margin-right: 2px;
}
/* ボタン小 */
.a_button_row .small{
    width: 25%;
}
.a_button_row .h-big{
    height: 44px;
    padding-top: 34px;
    font-size: 20px;
    line-height: 20px;
}
.a_button_row .h-mini{
    height: 22px;
    line-height: 22px;
    padding:3px 0;
}
.a_button_row .h-middle_2row{
    height: 54px;
    line-height: 27px;
    padding:5px 0;
}
/* 通常ボタン */
.a_button_row .normal {
    border: 1px solid rgba(198,207,210, 0.4);
    -webkit-box-shadow: 0 1px 0 rgba(198,207,210, 0.35),inset 0 1px 1px rgba(0,0,0, 0.25);
    box-shadow: 0 1px 0 rgba(198,207,210, 0.35),inset 0 1px 1px rgba(0,0,0, 0.25);
    background-color:#cacaca;
    background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), color-stop(0.5, #d0d0d0),color-stop(0.51, #cccccc), to(#cacaca) );
    background: -moz-linear-gradient(top, #fefefe, #cacaca);
    background: gradient(linear,left top,left bottom,from(#fefefe),to(#cacaca));
}
/* ログインボタン */
.a_button_row .login {
    border: 1px solid rgba(125,125,125, 0.4);
    -webkit-box-shadow: 0 1px 0 rgba(155,190,89, 0.35),inset 0 1px 1px rgba(0,0,0, 0.25);
    box-shadow: 0 1px 0 rgba(155,190,89, 0.35),inset 0 1px 1px rgba(0,0,0, 0.25);
    background-color:#ffcc4a;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff8e0), color-stop(0.5, #ffd055), color-stop(0.51, #ffcc4a),to(#FFDE59) );
    background: -moz-linear-gradient(top, #fff8e0, #FFDE59);
    background: gradient(linear,left top,left bottom,from(#fff8e0),to(#FFDE59));
}
/* 課金ボタン */
.a_button_row .regist {
    color: #fff;
    border: 1px solid rgba(165,0,33, 0.4);
    -webkit-box-shadow: 0 1px 0 rgba(165,0,33, 0.35),inset 0 1px 1px rgba(0,0,0, 0.25);
    box-shadow: 0 1px 0 rgba(165,0,33, 0.35),inset 0 1px 1px rgba(0,0,0, 0.25);
    background-color:#CE1020;
    background: -webkit-gradient(linear, left top, left bottom, from(#DE1D24), color-stop(0.5, #CE1020), color-stop(0.51, #C5091E),to(#640E0E) );
    background: -moz-linear-gradient(top, #DE1D24, #640E0E);
    background: gradient(linear,left top,left bottom,from(#DE1D24),to(#640E0E));
}
/* 青系ボタン */
.a_button_row .blueBtn {
    color: #fff;
    border: 1px solid rgba(220,220,230, 0.4);
    -webkit-box-shadow: 0 1px 0 rgba(165,0,33, 0.35),inset 0 1px 1px rgba(0,0,0, 0.25);
    box-shadow: 0 1px 0 rgba(165,0,33, 0.35),inset 0 1px 1px rgba(0,0,0, 0.25);
    background-color:#546078;
    background: -webkit-gradient(linear, left top, left bottom, from(#a1a7b5), color-stop(0.53, #4d5973),color-stop(0.61, #546078), to(#5b687c) );
    background: -moz-linear-gradient(top, #a1a7b5, #5b687c);
    background: gradient(linear,left top,left bottom,from(#a1a7b5),to(#5b687c));
}
.a_button_row .regist_red {
    border: 1px solid rgba(125,160,69, 0.4);
    -webkit-box-shadow: 0 1px 0 rgba(155,190,89, 0.35),inset 0 1px 1px rgba(0,0,0, 0.25);
    box-shadow: 0 1px 0 rgba(155,190,89, 0.35),inset 0 1px 1px rgba(0,0,0, 0.25);
    border: 1px solid #CC0000;
    background-color: #FF4444;
    color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff3636), color-stop(0.5, #e22e2e),to(#9d1b1b) );
    background: -moz-linear-gradient(top, #ff3636, #9d1b1b);
    background: gradient(linear,left top,left bottom,from(#ff3636),to(#9d1b1b));
}
.a_button_row .regist_orange {
    border: 1px solid rgba(247,150,70, 0.4);
    -webkit-box-shadow: 0 1px 0 rgba(155,190,89, 0.35),inset 0 1px 1px rgba(0,0,0, 0.25);
    box-shadow: 0 1px 0 rgba(155,190,89, 0.35),inset 0 1px 1px rgba(0,0,0, 0.25);
    background-color: #ffc024;
    color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffc024), color-stop(0.76, #e3a11c), color-stop(0.93, #a67511),to(#a67511) );
    background: -moz-linear-gradient(top, #ffc024, #e3a11c, #a67511);
    background: gradient(linear,left top,left bottom,from(#ffc024), color-stop(0.76, #e3a11c), color-stop(0.93, #a67511),to(#a67511));
}

/* 2列並びa属性用ボタン ul属性1つのliタグにボタン1つ(色：通常ボタンデフォルト) */
.a_button_row2 {
    width:100%;
    margin:0 auto;
    text-align:center;
}
.a_button_row2 li{
    width:45%;
    height: 70px;
    text-align: center;
    float:left;
    padding: 5px 0;
}
.a_button_row2 li:nth-child(2n+1){
    margin: 5px 1% 5px 4%;
}
.a_button_row2 li:nth-child(2n){
    margin: 5px 4% 5px 1%;
}
.a_button_row2 li.h-middle{
    height:44px;
}
.a_button_row2 li.h-free{
    height:auto;
}
.a_button_row2 li.f-left{
    height:40px;
    width: 38%;
    margin-top:0;
    margin-left:0;
}
.a_button_row2 a{
    display:block;
    width:100%;
    height: 40px;
    font-size: 14px;
    line-height: 1.3em;
    padding-top:20px;
    text-shadow: 1px 1px 1px rgba(190,190,190, 0.7);
    text-align: center;
    text-overflow: ellipsis;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid rgba(10,10,10, 0.4);
    background-color:#cccccc;
    background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), color-stop(0.5, #d0d0d0),color-stop(0.51, #cccccc), to(#cacaca) );
}
.a_button_row2 input{
    display:block;
    width:100%;
    height: 28px;
    line-height: 20px;
    font-size: 14px;
    padding: 0 ;
    margin: 8px 0 ;
    text-align: left;
    border: 1px solid rgba(10,10,10, 0.4);
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 1px 1px 1px #eee;
    box-shadow: 1px 1px 1px #eee;
    background-color:#f5f5f5;
    background: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#fff));
    background: -moz-linear-gradient(top, #f5f5f5, #fff);
    background: gradient(linear,left top,left bottom,from(#f5f5f5),to(#fff));
}
/* 各種ボタン */
.a_button_row2 .login {
    border: 1px solid rgba(125,160,69, 0.4);
    -webkit-box-shadow: 0 1px 0 rgba(155,190,89, 0.35),inset 0 1px 1px rgba(0,0,0, 0.25);
    box-shadow: 0 1px 0 rgba(155,190,89, 0.35),inset 0 1px 1px rgba(0,0,0, 0.25);
    background-color:#FFDE59;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff8e0), color-stop(0.5, #ffd055), color-stop(0.51, #ffcc4a),to(#FFDE59) );
    background: -moz-linear-gradient(top, #fff8e0, #FFDE59);
    background: gradient(linear,left top,left bottom,from(#fff8e0),to(#FFDE59));
}
.a_button_row2 .orange_btn {
    border: 1px solid rgba(125,160,69, 0.4);
    -webkit-box-shadow: 0 1px 0 rgba(155,190,89, 0.35),inset 0 1px 1px rgba(0,0,0, 0.25);
    box-shadow: 0 1px 0 rgba(155,190,89, 0.35),inset 0 1px 1px rgba(0,0,0, 0.25);
    background-color:#ff6600;
    background: -webkit-gradient(linear, left top, left bottom, from(#cc6633), color-stop(0.5, #ff6600), color-stop(0.51, #ff6600),to(#ffaa00) );
    background: -moz-linear-gradient(top, #cc6633, #ffaa00);
    background: gradient(linear,left top,left bottom,from(#cc6633),to(#ffaa00));
}
.a_button_row2 .blue_btn {
    border: 1px solid rgba(220,220,230, 0.4);
    -webkit-box-shadow: 0 1px 0 rgba(165,0,33, 0.35),inset 0 1px 1px rgba(0,0,0, 0.25);
    box-shadow: 0 1px 0 rgba(165,0,33, 0.35),inset 0 1px 1px rgba(0,0,0, 0.25);
    background-color:#44aaee;
    background: -webkit-gradient(linear, left top, left bottom, from(#006699), color-stop(0.53, #3399ee),color-stop(0.61, #44aaee), to(#33aaee) );
    background: -moz-linear-gradient(top, #006699, #33aaee);
    background: gradient(linear,left top,left bottom,from(#006699),to(#33aaee));
}
.a_button_row2 .regist_red {
    border: 1px solid rgba(125,160,69, 0.4);
    -webkit-box-shadow: 0 1px 0 rgba(155,190,89, 0.35),inset 0 1px 1px rgba(0,0,0, 0.25);
    box-shadow: 0 1px 0 rgba(155,190,89, 0.35),inset 0 1px 1px rgba(0,0,0, 0.25);
    border: 1px solid #CC0000;
    background-color: #FF4444;
    color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff3636), color-stop(0.5, #e22e2e),to(#9d1b1b) );
    background: -moz-linear-gradient(top, #ff3636, #9d1b1b);
    background: gradient(linear,left top,left bottom,from(#ff3636),to(#9d1b1b));
}
.a_button_row2 .regist_orange {
    border: 1px solid rgba(247,150,70, 0.4);
    -webkit-box-shadow: 0 1px 0 rgba(155,190,89, 0.35),inset 0 1px 1px rgba(0,0,0, 0.25);
    box-shadow: 0 1px 0 rgba(155,190,89, 0.35),inset 0 1px 1px rgba(0,0,0, 0.25);
    background-color: #ffc024;
    color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffc024), color-stop(0.76, #e3a11c), color-stop(0.93, #a67511),to(#a67511) );
    background: -moz-linear-gradient(top, #ffc024, #e3a11c, #a67511);
    background: gradient(linear,left top,left bottom,from(#ffc024), color-stop(0.76, #e3a11c), color-stop(0.93, #a67511),to(#a67511));
}
.a_button_row2 li a.h-mini{
    height: 22px;
    line-height: 22px;
    padding:3px 0;
}
.a_button_row2 li a.h-middle{
    height: 20px;
    line-height: 1.2em;
    padding-top:10px;padding-bottom:5px;
    margin:0 0;
}
.a_button_row2 .explain{
    margin:2px 0;
    line-height:1.3em;
}
.a_button_row2 .disabled {
    cursor: default;
}
.a_button_row2 li.h-2row a{
    line-height: 1.2em;
    padding-top:15px;padding-bottom:5px;
    margin:0 0;
}


/* a属性用ボタン 1個用 */
.add_button_row {
    min-height: 60px;
    padding: 3px 0 2px 0;
}
.add_button_row a{
    position:relative;
    display:inline-block;
    height: 54px;
    padding: 3px 8px;
    margin: 3px 0;
    font-size: 16px;
    line-height: 54px;
    text-align: center;
    text-overflow: ellipsis;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #bac0c8;
    background-color:#f5f5f5;
    background: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#fff));
    background: -moz-linear-gradient(top, #f5f5f5, #fff);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255, 0.35), inset 0 1px 1px rgba(0,0,0, 0.25);
    box-shadow: 0 1px 0 rgba(255,255,255, 0.35), inset 0 1px 1px rgba(0,0,0, 0.25);
}
.add_button_row .h-mini{
    height:30px;
    line-height: 30px;
    font-size: 13px;
}
.add_button_row .h-mini2{
    height:24px;
    line-height: 24px;
}
.add_button_row .h-mini_row2{
    height:30px;
    line-height: 15px;
    font-size: 13px;
}
.add_button_row .size1{ width:120px;}
.add_button_row .size2{ width:180px;}
.add_button_row .size3{ width:240px;}

/* 通常ボタン */
.add_button_row .normal {
    border: 1px solid rgba(198,207,210, 0.4);
    -webkit-box-shadow: 0 1px 0 rgba(198,207,210, 0.35),inset 0 1px 1px rgba(0,0,0, 0.25);
    box-shadow: 0 1px 0 rgba(198,207,210, 0.35),inset 0 1px 1px rgba(0,0,0, 0.25);
    background-color:#cccccc;
    background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), color-stop(0.5, #d0d0d0),color-stop(0.51, #cccccc), to(#cacaca) );
    background: -moz-linear-gradient(top, #fefefe, #cacaca);
}
/* ログインボタン */
.add_button_row .login {
    border: 1px solid rgba(125,160,69, 0.4);
    -webkit-box-shadow: 0 1px 0 rgba(155,190,89, 0.35),inset 0 1px 1px rgba(0,0,0, 0.25);
    box-shadow: 0 1px 0 rgba(155,190,89, 0.35),inset 0 1px 1px rgba(0,0,0, 0.25);
    background-color:#ffcc4a;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff8e0), color-stop(0.5, #ffd055), color-stop(0.51, #ffcc4a),to(#FFDE59) );
    background: -moz-linear-gradient(top, #fff8e0, #FFDE59);
}
/* 課金ボタン */
.add_button_row .regist {
    color: #fff;
    border: 1px solid rgba(165,0,33, 0.4);
    -webkit-box-shadow: 0 1px 0 rgba(165,0,33, 0.35),inset 0 1px 1px rgba(0,0,0, 0.25);
    box-shadow: 0 1px 0 rgba(165,0,33, 0.35),inset 0 1px 1px rgba(0,0,0, 0.25);
    background-color:#C5091E;
    background: -webkit-gradient(linear, left top, left bottom, from(#DE1D24), color-stop(0.5, #CE1020), color-stop(0.51, #C5091E),to(#640E0E) );
    background: -moz-linear-gradient(top, #DE1D24, #640E0E);
}
/* 青ボタン(NOD用) */
.add_button_row .blue_btn {
    border: 1px solid rgba(0,95,196, 0.4);
    -webkit-box-shadow: 0 1px 0 rgba(165,0,33, 0.35),inset 0 1px 1px rgba(0,0,0, 0.25);
    background-color: #026EA8;
    background: -webkit-gradient(linear, left top, left bottom, from(#0090D6), to(#026EA8) );
    background: gradient(linear, left top, left bottom, from(#a1a7b5), color-stop(0.53, #4d5973),color-stop(0.61, #546078), to(#5b687c) );
    background: -moz-linear-gradient(top, #0090D6, #026EA8);
}
/* オレンジボタン(NOD用) */
.add_button_row .orange_btn {
    color: #fff;
    border: 1px solid rgba(174,84,3, 0.4);
    background-color: #EB8105;
    -webkit-box-shadow: 0 1px 0 rgba(155,190,89, 0.35),inset 0 1px 1px rgba(0,0,0, 0.25);
    background: -webkit-gradient(linear, left top, left bottom, from(#FA9B02), color-stop(0.5, #ff6600), color-stop(0.51, #ff6600),to(#EB8105) );
    background: gradient(linear, left top, left bottom, from(#FA9B02), to(#EB8105) );
    background: -moz-linear-gradient(top, #FA9B02, #EB8105);
}


/* 画像リスト
-------------------------------------------------------------------------------- */
.img_1_list{
    width:100%;
    margin-bottom:4px;
}
.img_1_list li{
    width:100%;
}
.img_1_list li a{
    display:block;
}
.img_1_list li img{
    width:90%;
    margin:0 5% 10px 5% ;
}
/* 画像リスト 2絡む
-------------------------------------------------------------------------------- */
.img_2_list{
    width:100%;
    margin:5px 0;
}
.img_2_list li{
    width:46%;
    float:left;
    margin:5px 2%;
}
.img_2_list li a{
    display:block;
    width:100%;
}
.img_2_list li img{
    width:100%;
}

/* 2分割リスト
-------------------------------------------------------------------------------- */
.small_2list{
    width:100%;
    display:inline-block;
    margin-bottom:4px;
}
.small_2list li{
    display:block;
    width:50%;
    float:left;
}
/* 5分割リスト
-------------------------------------------------------------------------------- */
.small_5list{
    width:100%;
    display:inline-block;
    margin-bottom:4px;
}
.small_5list li{
    display:block;
    width:20%;
    float:left;
}

.genre_bar .hiden_pop  {
    position:relative;
    display:none;
    width:0px;height:0;
    top: -15px;left:5px;
    color:#777;
    z-index:100;
}
.genre_bar .hiden_pop >div {
    position:absolute;
    line-height:1.2em;
    min-width:300px;
    padding:10px;
    margin:5px 0;
    left:0px;
    border: 1px solid #999;
    background-color:#fff;
    -moz-box-shadow: 3px 3px 3px #777; /* Firefox用 */
    -webkit-box-shadow: 3px 3px 3px #777; /* Safari */
    box-shadow: 3px 3px 3px #777; /* 共通 */
    -moz-border-radius: 5px;
    border-radius: 5px;
    color:#777;
}

/* 見出しバー
-------------------------------------------------------------------------------- */
.midashi_bar {
    position:relative;
    float:left;
    width:100%;
    text-align:left;
    margin-bottom:18px;
}
.midashi_bar h2{
    height: 50px;
    line-height: 50px;
    overflow: hidden;
}
.midashi_bar h1{
    height: 74px;
    line-height: 74px;
    overflow: hidden;
}
.midashi_bar >div {
    display:inline-block;
    margin-right:8px;
    float:left;
}
/* ページ内リンク指定用 */
.midashi_bar >.page_link {
    margin-top:-50px;
    height:50px;
    width:100%;
}
/* 下合わせ */
.midashi_bar .bottom_1 {
    position:relative;
    line-height: 18px;
    top:28px;
}
/* 下合わせ(2行表示) */
.midashi_bar .bottom_2 {
    position:relative;
    line-height: 18px;
    top:8px;
}
.midashi_bar .sankaku_link {
    position:relative;
    margin-right:60px;
}
.midashi_bar .sankaku_link a{
    position:relative;
    left:0;
    min-width:100px;
    display:inline-block;
    z-index:10;
}
.midashi_bar .sankaku_link .sankaku {
    display:inline-block;
    position:relative;
    width:0px;
    height: 0;
    margin:8px;
    top: 8px;left:8px;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 16px solid #777;
}
.midashi_bar .sankaku_link .sankaku_click {
    border: 1px solid #bac0c8;
    border-bottom: 1px solid transparent;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.midashi_bar .add_hidden_sentence {
    display:none;
    position:absolute;
    width:450px;
    top:50px;
    padding:10px;
    border:1px solid #bac0c8;
    -moz-border-radius: 5px;
    border-radius: 5px;
    z-index:11;
    -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
}
.midashi_bar .add_hidden_sentence .cover_bg {
    position:absolute;
    width:100%;height:100%;
    left:0;top:0;
    background-color:#fff;
    filter:alpha(opacity=85);
    -moz-opacity:0.85;
    -khtml-opacity:0.85;
    opacity:0.85;
    -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.midashi_bar .add_hidden_sentence .sentence {
    position:relative;
    width:442px;height:auto;
    line-height:1.1em;
    padding:4px;
}
.midashi_bar .add_hidden_sentence .sentence p {
    position:relative;
    font-size:14px;
    padding-bottom:4px;
    margin-bottom:4px;
    border-bottom-style:solid;
    border-bottom-width:4px;
}

.midashi_bar .top_right {
    float:right;
}
.midashi_bar .bottom_left {
    position:relative;
    bottom:-25px;
    line-height:12px;
    padding-right:15px;
    background-repeat: no-repeat;
    background-position: right center;
    background-size:12px 12px;
    background-image: url('http://img.videomarket.jp/icon/vm_pc/mini_icon/next_allow.png');
    float:right;
}
.midashi_bar .bottom_right {
    position:relative;
    bottom:-25px;
    line-height:12px;
    padding-right:15px;
    background-repeat: no-repeat;
    background-position: right center;
    background-size:12px 12px;
    background-image: url('http://img.videomarket.jp/icon/vm_pc/mini_icon/next_allow.png');
    float:right;
}
.midashi_bar .bottom_right_no_allow {
    position:relative;
    bottom:-25px;
    line-height:12px;
    padding-right:5px;
    float:right;
}

/* 右寄せリンク */

.right_allow_link {
    clear:both;
    line-height:12px;
    padding:3px 15px 3px 0;
    background-repeat: no-repeat;
    background-position: right center;
    background-size:12px 12px;
    background-image: url('http://img.videomarket.jp/icon/vm_pc/mini_icon/next_allow.png');
    text-align:right;
}


/* 3列表示リスト */
ul.column_3_list {
    position:relative;
    display:inline-block;
    width:99%;
    padding:0 0.5%;
}
.column_3_list >li{
    position:relative;
    width:33%;
    float:left;
}


/* メインタイトルリスト */
ul.title_img_list {
    position:relative;
    display:inline-block;
    width:100%;
}
.title_img_list >li{
    position:relative;
    width:248px;
    min-height:316px;
    margin:0 8px 24px 0;
    float:left;
}
.title_img_list >li.no_margin{
    margin-bottom:0 ;
}
.title_img_list li:nth-of-type(5n){
    margin-right:0;
}
.title_img_list li >a{
    display:block;
    width:240px;
    height:314px;
    border:1px solid #bac0c8;
    background-color: #fff;
    -moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.33); /* Firefox用 */
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.33); /* Safari用 */
    box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.33); /* Common */
    padding:3px;
}
.title_img_list li a > .title_img{
    position:relative;
    width:240px;
    height:240px;
    margin:0 0 4px 0;
    text-align:center;
}
.title_img_list li a .title_img img{
    position:relative;
    width:240px;
}
.title_img_list li a >.title_img:after {
    content: url("http://img.videomarket.jp/icon/vm_pc/blank.gif");
    background-color:#fff;
    filter: alpha(opacity=0);
    -moz-opacity:0;
    opacity:0;
    width:100%;height:100%;
    display:block;
    position:absolute;top:0px;left:0;
}

.title_img_list li a > .story_img{
    position:relative;
    width:240px;
    height:180px;
    margin:30px 0 34px 0;
    text-align:center;
}
.title_img_list li a .story_img img{
    position:relative;
    width:240px;
}
.title_img_list li a >.story_img:after {
    content: url("http://img.videomarket.jp/icon/vm_pc/blank.gif");
    background-color:#fff;
    filter: alpha(opacity=0);
    -moz-opacity:0;
    opacity:0;
    width:100%;height:100%;
    display:block;
    position:absolute;top:0px;left:0;
}


.title_img_list li a > .cast_img{
    position: relative;
    width:200px;
    height:200px;
    margin:20px 20px 24px 20px;
    text-align:center;
}
.title_img_list li a >.cast_img >img{
    width:100%;
}
.title_img_list li a >.cast_img:after {
    content: url("http://img.videomarket.jp/icon/vm_pc/blank.gif");
    background-color:#fff;
    filter: alpha(opacity=0);
    -moz-opacity:0;
    opacity:0;
    width:100%;height:100%;
    display:block;
    position:absolute;top:0px;left:0;
}
.title_img_list li a > .cast_img .crop_img{
    position: absolute;
    width:200px;
    height:200px;
    overflow: hidden;
}
.title_img_list li a > .cast_img .crop_img img{
    position: absolute;
    top: 0px;
    left: 0px;
}
.title_img_list li a > .cast_img .crop_img a{
    display:block;
    position: relative;
}
.title_img_list li .title{
    position: relative;
    display:block;
    vertical-align: middle;
    width:228px;
    height:30px;
    padding: 0 3px;
    margin:0 0 8px 3px;
    overflow: hidden;
    z-index:2;
}
.title_img_list li .title >div{
    display:table-cell;
    vertical-align: middle;
    width:100%;
    height:30px;
    line-height:15px;
    z-index:2;
}
.title_img_list li .title >div.row1{
    display:block;
    height:15px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.title_img_list li .cast_name{
    display:block;
    width:218px;
    height:30px;
    padding: 0 3px;
    margin:0 0 8px 3px;
    overflow: hidden;
    z-index:2;
}
.title_img_list li .cast_name >div{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width:100%;
    line-height:15px;
}
.title_img_list li .explain{
    position:relative;
    width:228px;
    height:26px;
    padding: 0 3px;
    line-height:13px;
    overflow: hidden;
    z-index:2;
}
.title_img_list .ranking {
    position:absolute;
    width:100%;height:74px;
    text-align:right;
    bottom:-8px;right:3px;
    overflow: hidden;
    z-index:1;
}
.title_img_list .ranking  >div{
    font-size:74px;
    font-weight:700;
    text-align:right;
    height:74px;
    line-height:74px;
    margin-left:auto;
    color:#b0c0d4;
    opacity:0.9;
    z-index:1;
}
.title_img_list .add_left {
    position:absolute;
    top:-18px;left:-4px;
    height:0;
    z-index:10;
}
.title_img_list .add_left .add_icon{
    height:40px;
    width:40px;
}
.title_img_list .add_left .add_icon img{
    position:absolute;
    height:40px;
}
.title_img_list .add_left .add_icon div{
    position:absolute;
    text-align:center;
    height:40px;
    line-height:13px;
    margin:7px 0;
    font-size:10px;
}
.title_img_list .add_left .add_icon div.row1{
    position:absolute;
    text-align:center;
    height:40px;
    line-height:26px;
    margin:7px 0;
    font-size:10px;
}
.title_img_list .bottom_right_icon{
    position:absolute;
    width:0;height:0;
    bottom:100px;right:34px;
}
.title_img_list .bottom_right_icon  >img{
    position:relative;
    width:30px;height:30px;
}

/* マイページ用 */
.title_img_list .in_topleft {
    position:absolute;
    top:2px;left:2px;
    height:0;
}
.title_img_list .in_topleft img{
    height:30px;
    width:30px;
}
.title_img_list .in_topright {
    position:absolute;
    top:2px;right:2px;
    height:0;
}
.title_img_list .in_topright img{
    height:30px;
    width:30px;
}
.title_img_list .hover_hidden{
    position:absolute;
    display:none;
    width:100%;height:320px;
    bottom:0px;
    top:0px;left:0px;
    overflow:hidden;
    z-index:10;
}
.title_img_list .hover_hidden >.cover_bg {
    position:absolute;
    width:100%;height:100%;
    background-color:#fff;
    filter:alpha(opacity=65);
    -moz-opacity:0.65;
    -khtml-opacity:0.65;
    opacity:0.65;
}
.title_img_list .hover_hidden .play_mark {
    position:absolute;
    top:70px;right:80px;
    width:100px;height:100px;
    border-color: rgba(255, 255, 255, 0.8);
    outline: 0;
    -moz-border-radius: 80px;
    border-radius: 80px;
}
.title_img_list .hover_hidden .play_mark  img{
    position:relative;
    width:110px;height:110px;
}
.title_img_list a .hover_bg{
    background-color:#fff;
    filter:alpha(opacity=65);
    -moz-opacity:0.65;
    -khtml-opacity:0.65;
    opacity:0.65;
}

.title_img_list .add_hover{
    position:absolute;
    display:none;
    width:0;height:0;
    top:0;left:0;
    background-color:transparent;
}
.title_img_list .add_hover .topright{
    position:absolute;
    top:5px;right:-241px;
    overflow:hidden;
    z-index:15;
}
.title_img_list .add_hover .topright img{
    width:30px;height:30px;
}
.title_img_list .add_hover .topright img:hover{
   -moz-border-radius: 30px;
   border-radius: 30px;
   border-color: rgba(82, 168, 236, 0.8);
   outline: 0;
}
.title_img_list li >a:hover {
  text-decoration: none;
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  /*
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
          box-shadow: inse 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
 */
}
.title_img_list li .news_detail{
    margin:5px 6px;
    line-height:14px;
}


/* キャスト検索などで使用 文字のみ真ん中表示 */
.title_img_list li.h2_middle_only {
}
.title_img_list li.h2_middle_only h2{
    margin-top:110px;
    padding-left:15px;
    line-height:1.1em;
}


/* ぱんくず関連
-------------------------------------------------------------------------------- */
.pankuzu_area {
    border:1px solid #bac0c8;
   -moz-border-radius: 3px;
   border-radius: 3px;
}
.pankuzu_area div.pankuzu_header {
    position:relative;
    width:100%;
    magin:0 auto;
    height:26px;
    border-bottom:1px solid #bac0c8;
}
.breadcrumb_list {
    position:relative;
    overflow:hidden;
    height:26px;
}
.breadcrumb_list > li {
  position:relative;
  display: inline-block;
  *display: inline;
  height:26px;
  line-height:26px;
  margin-right:10px;
  *zoom: 1;
}
.breadcrumb_list > li div {
    position:relative;
    display:inline-block;
    top:-9px;
}
.breadcrumb_list > li img{
    position:relative;
    display:inline-block;
    height:22px;
    margin:2px 8px;
}

.breadcrumb_list > li > .divider {
    position:absolute;
    top:-1px;
    height: 0;
    border-bottom: 14px solid transparent;
    border-top: 15px solid transparent;
    border-left: 10px solid #bac0c8;
    margin-left:-5px;
}
.breadcrumb_list > li > .divider div {
  position:relative;
  top: -13px;left:-10px;
  height: 0;
  border-bottom: 12px solid transparent;
  border-top: 13px solid transparent;
  border-left: 9px solid #fff;
}




.breadcrumb_list > .active {
  color: #3366cc;
}
.breadcrumb_list > li a :hover{
    color:#3366cc;
}

.pankuzu_area .pankuzu_list {
    width:100%;
    display:inline-block;
}
.pankuzu_area .pankuzu_list li {
    width:140px;
    line-height:18px;
    float:left;
}
.pankuzu_area .pankuzu_list a {
    font-size:12px;
}
.pankuzu_area .pankuzu_list li.th_contents a {
 font-weight:700;
}
.pankuzu_area .pankuzu_list >li {
    float:left;
}
.pankuzu_area .pankuzu_list li ul >li {
    width:158px;
    height:18px;
    padding:0 5px;
}
.pankuzu_area .pankuzu_list li a:hover {
    color:#3366cc;
}
.pankuzu_area .pankuzu_list {
    width:100%;
}

/*LMark View
    エルマーク
-------------------------------------------------------------------------------- */
.lmark_view {
    position:relative;
    min-height: 30px;
    line-height: 40px;
    font-size:12px;
    padding:5px 0;
}
.lmark_view img{
    position:relative;
    top:2px;
    float:left;
    width:12px;height:12px;
    margin: 12px 4px ;
}


/* packinfo list
    パックリスト（1行5）
-------------------------------------------------------------------------------- */
.pack_list {
    width:100%;
    height: 100%;
    position:relative;
    display: inline-block;
}
.pack_list >li{
    position:relative;
    display:block;
    width:248px;
    height: 100%;
    float:left;
    margin:0 8px 24px 0;
}
/*
.pack_list li:nth-of-type(5n-4){
    margin-left:4px;
}*/
.pack_list li:nth-of-type(5n){
    margin-right:0px;
}
.pack_list li >a{
    position:relative;
    display: block;
    width:240px;
    padding:4px;
    background-color:#fff;
    border:1px solid #fff;
    -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
    z-index:10;
}
.pack_list  a:hover {
  text-decoration: none;
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
}
/* サムネイル画像領域 */
.pack_list .thumb_block {
    position:relative;
    overflow:hidden;
}
.pack_list .thumb_block >img {
    position:relative;
    margin:0 auto;
    height:180px;
}
.pack_list .pack_back {
    position:absolute;
    top:-2px;left:1px;
    top:-3px;left:1px;
    width:100%;height:98%;
    z-index:2;
    background-color:#fff;
    border:1px solid #fff;
    -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
}
.pack_list .all >.pack_back {
    top:-4px;left:4px;

}
.pack_list .all .pack_back >div {
    position:relative;
    top:1px;left:-4px;
    width:100%;height:100%;
    z-index:1;
    background-color:#fff;
    border:1px solid #fff;
    -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
}

.pack_list .all a {
    border-bottom:4px solid #ec520e;
}
.pack_list .all .thumb_block{
    text-align:center;
}
.pack_list .hukusuu a{
    border-bottom:4px solid #6cc117;
}
.pack_list li a >.title {
    position:relative;
    height:14px;
    line-height:14px;
    margin-top:2px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow:hidden;
}
.pack_list li a >.title .left_icon {
    float:left;
    height:12px;
}
.pack_list li a >.title>div {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow:hidden;
}
.pack_list li a >.fod_icon {
    display:inline; 
    float:left;
    height: 20px;
}
.pack_list li a >.fod_icon img {
    height: 22px;
}
.pack_list .thumb_block_cover {
    position:absolute;
    top:0;left:0;
    width:100%;height:100%;
    overflow:hidden;
    z-index:10;
}
.pack_list .thumb_block_cover .cover_bg {
    position:absolute;
    width:100%;height:100%;
    background-color:transparent;
}
.pack_list .thumb_block_cover .bottom_right_icon {
    position:absolute;
    bottom:33px;right:6px;
    width:30px;height:30px;
    border-color: rgba(255, 255, 255, 0.8);
    outline: 0;
    -moz-border-radius: 20px;
    border-radius: 20px;
}
.pack_list .thumb_block_cover .bottom_right_icon  img{
    position:relative;
    width:100%;
}
.pack_list a .hover_hidden{
    position:absolute;
    display:none;
    width:100%;height:100%;
    bottom:0px;
    top:0px;left:0px;
    overflow:hidden;
    z-index:10;
}
.pack_list a  .hover_hidden >.cover_bg {
    position:absolute;
    width:100%;height:100%;
    background-color:#fff;
    filter:alpha(opacity=65);
    -moz-opacity:0.65;
    -khtml-opacity:0.65;
    opacity:0.65;
}
.pack_list li .hover_hidden .msg_box {
    position:absolute;
    top:80px;left:52px;
    width:130px;height:50px;
    padding:4px;
    border:2px solid  #fff;
    color:#fff;
    -moz-border-radius: 3px;
    border-radius: 3px;
    z-index:11;
}
.pack_list li .hover_hidden .msg_box >.cover_bg {
    position:absolute;
    width:100%;height:100%;
    top:0;left:0;
    background-color:#555;
    filter:alpha(opacity=45);
    -moz-opacity:0.45;
    -khtml-opacity:0.45;
    opacity:0.45;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.pack_list li .hover_hidden .msg_box >div{
    position:relative;
    color:#fff;
    line-height:1.2em;
    z-index:4;
}
.pack_list li .hover_hidden .msg_box >div h3{
    line-height:20px;
    color:#fff;
}
.pack_list li .hover_hidden .msg_box >div h3.row1{
    margin-top:14px;
}
.pack_list a  .hover_hidden .play_mark {
    position:absolute;
    top:45px;right:80px;
    width:100px;height:100px;
    border-color: rgba(255, 255, 255, 0.8);
    outline: 0;
    -moz-border-radius: 80px;
    border-radius: 80px;
}
.pack_list a  .hover_hidden .play_mark  img{
    position:relative;
    width:110px;height:110px;
}
.pack_list .img_bottom_left {
    position:absolute;
    bottom:32px;left:8px;
    z-index:10;

}
.pack_list .img_bottom_left .otameshi_icon {
    position:relative;
    height:22px;
    line-height: 22px;
}
.pack_list .img_bottom_left .otameshi_icon>a{
    display:block;
    text-align: center;
    text-overflow: ellipsis;
    color:#fff;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    padding:0 8px;
    border: 1px solid #fff;
    background-color:#ff0000;
    background: -webkit-gradient(linear,left top,left bottom,from(#f00),to(#a00));
    background: gradient(linear,left top,left bottom,from(#f00),to(#a00));
    background: -moz-linear-gradient(top, #f00, #a00);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255, 0.35), inset 0 1px 1px rgba(0,0,0, 0.25);
    box-shadow: 0 1px 0 rgba(255,255,255, 0.35), inset 0 1px 1px rgba(0,0,0, 0.25);
}
.pack_list .img_bottom_left .otameshi_icon>a:hover {
  border-color: rgba(255, 170, 25, 0.8);
  outline: 0;
}

/* aタグ外 ホバー表示エリア */
.pack_list li >.hover_hidden{
    position:absolute;
    display:none;
    width:0; height:0;
    top:8px; right: 8px;
    background-color:transparent;
    z-index:10;
}
.pack_list li >.hover_hidden .deltail_mark {
    position: relative;
    width: 40px; height:20px;
    top: -3px;
    right: 37px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    z-index: 15;
}
.pack_list li >.hover_hidden .deltail_mark a{
    display:block;
    width: 38px;
    border:1px solid #ccc;
    background-color: #ccc;
    text-align:center;
    color: #fff;
}

.pack_list .add_hidden_sentence {
    display:none;
    position:absolute;
    width:450px;
    padding:10px;
    border:1px solid #bac0c8;
    -moz-border-radius: 5px;
    border-radius: 5px;
    z-index:30;
}
.pack_list .right_pos {
    left:200px;top:100px;
}
.pack_list .left_pos {
    right:200px;top:100px;
}
.pack_list .add_hidden_sentence .cover_bg {
    position:absolute;
    width:100%;height:100%;
    left:0;top:0;
    background-color:#fff;
    filter:alpha(opacity=85);
    -moz-opacity:0.85;
    -khtml-opacity:0.85;
    opacity:0.85;
    -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.pack_list .add_hidden_sentence .sentence {
    position:relative;
    width:442px;height:auto;
    min-height:80px;
}
.pack_list .add_hidden_sentence .sentence .title {
    margin:2px 0;
    min-height:44px;
    line-height:1.3em;
}
.pack_list .add_hidden_sentence .sentence .title p {
    position:relative;
    font-size:14px;
    padding:4px;
    line-height:18px;
    padding-bottom:4px;
    margin-bottom:4px;
    border-bottom-style:solid;
    border-bottom-width:4px;
}
.pack_list .add_hidden_sentence .sentence ul{
    position:relative;
    top:-38px;
}
.pack_list .add_hidden_sentence .sentence ul li{
    width:310px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow:hidden;
}
.pack_list .add_hidden_sentence .sentence .righting {
    position:relative;
}
.pack_list .add_hidden_sentence .sentence .righting img {
    position:relative;
    top:2px;
}
.pack_list .add_hidden_sentence .sentence .top_right {
    position:relative;
    right:4px;
    text-align:right;
}
.pack_list .add_hidden_sentence:after {
    position:absolute;
    width:500px;
    height: 100px;
    background-color:pink;
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    border-left: 16px solid #aaa;
    z-index:50000;
}

.pack_list .add {
    position:absolute;
    width:35px;
    left:-10px;top:-10px;
    z-index:15;
    text-align:center;
}
.pack_list .add .rate_img {
    position:relative;
    top:5px;
    width:100%;
}
.pack_list .add .rate_img img{
    width:100%;
}

.pack_list .add .rate_word{
    position:relative;
    width:100%;
    top:-30px;
    height:0;width:0;
    line-height:1em;
    width:100%;
    size:7px;
    color:white;
}
.pack_list .add .row1 {
    line-height:20px;
}

.pack_list .add_left {
    position:absolute;
    top:-18px;left:-6px;
    height:0;
    z-index:25;
}
.pack_list .add_left .add_icon{
    height:40px;
    width:40px;
}
.pack_list .add_left .add_icon img{
    position:absolute;
    height:40px;
}
.pack_list .add_left .add_icon div{
    position:absolute;
    text-align:center;
    width:40px;
    height:20px;
    line-height:10px;
    margin:10px 0;
    font-size:10px;
}
.pack_list .add_left .add_icon .row1{
    line-height:20px;
}
.pack_list .add_left .campaign_icon{
    height:40px;
    width:40px;
}
.pack_list .add_left .campaign_icon img{
    position:absolute;
    height:32px;
    top: 19px;
    left: 6px;
}
/* story_play_list
    パックストーリーリスト（1行5）
-------------------------------------------------------------------------------- */
.story_play_list ul{
    width:100%;
}
.story_play_list li{
    position:relative;
    width:18%;
    float:left;
    margin:3px 1%;
}
.story_play_list a{
    display: block;
    width:100%;
    z-index:10;
}
.story_play_list .thumb_block {
    position:relative;
    border:1px solid #fff;
    background-color:#fff;
    -moz-box-shadow: 3px 3px 3px #777; /* Firefox用 */
    -webkit-box-shadow: 3px 3px 3px #777; /* Safari用 */
    box-shadow: 3px 3px 3px #777; /* Common */
    margin:4px 8px 0 8px;
    overflow:hidden;
}
.story_play_list .thumb_block >img {
    position:relative;
    width:100%;
    border:1px solid #fff;
    margin:1px auto 2px auto;
}

/* キャストリスト（1行8）
-------------------------------------------------------------------------------- */
.cast_list{
    display:inline-block;
    width:100%;
}
.cast_list li{
    position:relative;
    width:155px;
    display: inline-block;
    vertical-align: top;
}
.cast_list li:nth-of-type(8n){

}
.cast_list a ,.cast_list li >div{
    display: inline-block;
    width:149px;
    padding:3px 4px 3px 4px;
    border:1px solid transparent;
    text-align:center;
    z-index:10;
}
.cast_list  a:hover {
  text-decoration: none;
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
}
.cast_list .thumb_block {
    width:96px;
    height:96px;
    position:relative;
    border:4px solid #fff;
    background-color:#fff;
    margin:0 auto;
    overflow:hidden;
}
.cast_list .thumb_block:after {
    content: url("http://img.videomarket.jp/icon/vm_pc/blank.gif");
    background-color:#fff;
    filter: alpha(opacity=0);
    -moz-opacity:0;
    opacity:0;
    width:100%;height:100%;
    display:inline-block;
    position:absolute;top:0px;left:0;
}
.cast_list .thumb_block >img {
    position:relative;
    width:100%;
}
.cast_list .thumb_block .crop_img {
    position: absolute;
    width:96px;
    height:96px;
    overflow: hidden;
}
.cast_list .thumb_block .crop_img a{
    display:inline-block;
    position: relative;
}

.cast_list .thumb_block .crop_img img {
    position: absolute;
    top: 0px;
    left: 0px;
}
.cast_list .cast_name {
    text-align:center;
    min-height:14px;
    margin:0 2px 2px 2px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow:hidden;
}
.cast_list .actor_name {
    text-align:center;
    min-height:14px;
    margin:8px 2px 16px 2px;;
    display: inline-block;
}


/* 表示用リスト 縦幅中央表示 */
/*Display list 表示用リスト 共通設定 */
.disp_list {
    position:relative;
    width:100%;
}
.disp_list >li{
    position:relative;
}
/* 縦幅小 */
.disp_list .h-small {height: 22px;line-height: 22px;}
/* 縦幅中 */
.disp_list .h-middle {height: 44px;line-height: 44px;}
.disp_list .h-middle a{height: 44px;}
/* 縦幅大 */
.disp_list .h-big  {height:80px;line-height: 80px;}
.disp_list .h-big >a{height: 80px;}
/* 縦なし */
.disp_list .h-non {
    position:absolute;
    height: 0;
    top:130px;
    z-index:10;
}
.disp_list .midashi {
  width:auto;
  font-weight:300;
 text-decoration:underline;
}
.disp_list .f_left >div{
    float:left;
}
.disp_list .f_left >h1{
    float:left;
}
.disp_list .f_left >h2 {
    float:left;
}
.disp_list .f_left >h3{
    float:left;
}
.disp_list .f_left .left_bottom {
    position:relative;
    width:250px;
    height:100%;
}
.disp_list .f_left .left_bottom div{
    position:absolute;
    line-height:1.1em;
    bottom:14px;
}
.disp_list .right_allow {
    position:relative;
    padding-right:15px;
    background-repeat: no-repeat;
    background-position: right center;
    background-size:12px 12px;
    background-image: url('http://img.videomarket.jp/icon/vm_pc/mini_icon/next_allow.png');
    float:right;
}
.disp_list .right_bottom {
    position:absolute;
    line-height:1.2em;
    right:0;bottom:0;
    text-align:right;
}

/* 右上固定表示 */
.righting_head_kotei {
    position:relative;
}
.righting_head_kotei>div {
    position:absolute;
    right:5px;
    line-height:14px;
    text-align:right;
}


/*インデントなし（明示的に） */
.indent0{
    padding: 0;
}
/*インデント１（アイコン設定行の文章始まりと同位置開始） */
.indent1{
    padding: 0 0 0 39px;
}
/*インデント１文字空き（通常文字サイズ分） */
.indent1word{
    padding: 0 0 0 13px;
}
/*インデント２文字空き（通常文字サイズ分） */
.indent2word{
    padding: 0 0 0 26px;
}
/*インデント２ */
.indent2{
    padding: 0 0 0 20px;
}
/*インデントform部品開始合わせ */
.indent_form{
    padding: 0 3px 0 14px;
}
/* インデント1カラム(気持ち少し空け)  */
.indent_1col{
    padding: 0 0 0 2.5%;
}
/* インデント2カラム(気持ち少し空け)  */
.indent_2col{
    padding: 0 0 0 5%;
}
/*インデント1＋form部品開始合わせ */
.indent1_form{
    padding: 3px 3px 6px 47px;
}

/* 要素padding 幅考慮無し */
.padd_all_1{ padding: 3px;}
.padd_all_2{ padding: 5px;}

/* 分割用 ul */
.divide_list {
    width:100%;
    position:relative;
}
.divide_list >li{
    position:relative;
    width:50%;
    float:left;
}

/* 囲い枠エリア  */
.border_area {
    width:100%;
    margin:5px 0;
    border:1px solid #bac0c8;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}


/* スクエアーボタン単品 div>aタグ */
.square_bottun {
}
.square_bottun > a{
    display:inline-block;
    padding:5px;
    margin:5px;
    border: 1px solid #909090;
    background-color:#ddd;
    -moz-box-shadow: 3px 3px 3px #777; /* Firefox用 */
    -webkit-box-shadow: 3px 3px 3px #777; /* Safari用 */
    box-shadow: 3px 3px 3px #777; /* Common */
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.square_bottun > .add_img{
    background-repeat: no-repeat;
    background-position: left center;
    background-size:18px 18px;
    padding-left:20px;
}

/* スクエアーボタンリスト */
.square_bottun_list {
    position:relative;
}
.square_bottun_list >li{
    padding:5px;
    margin:5px;
    border: 1px solid #909090;
    background-color:#ddd;
    -moz-box-shadow: 3px 3px 3px #777; /* Firefox用 */
    -webkit-box-shadow: 3px 3px 3px #777; /* Safari用 */
    box-shadow: 3px 3px 3px #777; /* Common */
    -webkit-border-radius: 3px;
    border-radius: 3px;
    float:left;
}
.square_bottun_list >li.genre {
    background-color:#15B;
    color:#fff;
    margin-right:10px;
}
.square_bottun_list >li.genre a {
    color:#fff;
}

.square_bottun_list a{
    display:block;
    width:100%;
    line-height: 1.2em;
    text-align: center;
}



/* Noticeエリア */
.notice_list {
    position:relative;
    display:inline-block;
    width:100%;
    margin-bottom:15px;
}
.notice_list li{
    width:312px;
    height:20px;
    float:left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom:5px;
    margin-right:8px;
}
.notice_list li:last-child{
    margin-right:0;
}
.notice_list li a {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.notice_list li  :hover div {
    color:#3366cc;
}
/* グレーボックス 単語表示用 */
.notice_list li .box_word >div{
    position:relative;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.notice_list li .box_word .box{
    float:left;
    min-width:50px;
    height:16px;
    line-height: 16px;
    border: 1px solid #bac0c8;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
         border-radius:3px;
    padding: 1px 2px;
    margin:0 8px 0 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    float:left;
}
.notice_list li  .box_word .word {
    width:245px;
    height: 20px;
    line-height: 20px;
    float:left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


/*
 サムネイルリスト
-------------------------------------------------------------------------------- */
.large_view{
    width:100%;
    display:inline-block;
    margin-bottom:14px;
}
.large_view li{
    position:relative;
    width:312px;
    margin:0 8px 20px 0;
    float:left;
}
.large_view li:nth-of-type(4n){
    margin-right:0;
}
.large_view a{
    display: block;
    padding: 7px;
    line-height: 19px;
    background-color:#fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
    -moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.33); /* Firefox用 */
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.33); /* Safari用 */
    box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.33); /* Common */
    border:1px solid #bac0c8;
}

.large_view  a:hover {
  text-decoration: none;
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
}

/* サムネイル画像領域 */
.large_view .thumb_block {
    position:relative;
    float: left;
    width:  64px;
    height: 64px;
    margin-right:4px;
    overflow:hidden;
}
.large_view .thumb_block img {
    position:relative;
    top:-2px;left:-2px;
    width: 68px;
}
.large_view .thumb_block:after {
    content: url("http://img.videomarket.jp/icon/vm_pc/blank.gif");
    background-color:#fff;
    width:100%;height:100%;
    filter: alpha(opacity=0);
    -moz-opacity:0;
    opacity:0;
    display:block;
    position:absolute;top:0px;left:0;
}
/* タイトル表記 */
.large_view .title {
    width: 214px;
    height: 30px;
    padding:0 3px;
    margin-bottom:8px;
    overflow: hidden;
}
.large_view .title >div{
    display:table-cell;
    vertical-align: middle;
    width:100%;
    height:30px;
    line-height:15px;
}
/* サムネイル説明内 説明文用 */
.large_view .explain {
    height: 26px;
    line-height: 13px;
    margin-bottom:2px;
    overflow:hidden;
}

.large_view .add_left {
    position:absolute;
    top:-12px;left:-6px;
    height:0;
    z-index:25;
}
.large_view .add_left .add_icon{
    height:34px;
    width:34px;
}
.large_view .add_left .add_icon img{
    position:absolute;
    height:34px;
}
.large_view .add_left .add_icon div{
    position:absolute;
    text-align:center;
    height:34px;
    line-height:10px;
    margin:7px 0;
    font-size:8px;
}
.large_view .add_left .add_icon div.row1{
    position:absolute;
    text-align:center;
    height:34px;
    line-height:34px;
    margin:0;
}

/* 追加読み込みリンクバー */
.readmore_bar {
    display:inline-block;
    width:100%;
    height:28px;
    line-height:28px;
    margin:0 0 19px 0;
}
.readmore_bar a{
    display:block;
    text-align:center;
    border:1px solid #bac0c8;
    background-color:#dfe2e8;
    width:100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow:hidden;
}
.readmore_bar a div:hover {
    color:#3366cc;
}

/* 追加読み込みリンクバー 小右寄せ */
.readmore_small_bar {
    width:100%;
    height:28px;
    line-height:28px;
}
.readmore_small_bar a{
    display:block;
    text-align:center;
    border:1px solid #bac0c8;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color:#dfe2e8;
    width:250px;
    margin:0 15px 5px 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow:hidden;
}
.readmore_small_bar a.centering {
    margin-left:auto;
    margin-right:auto;
}
.readmore_small_bar a.righting {
    margin-left:auto;
}
.readmore_small_bar img.under_allow {
    position:relative;
    top:3px;
    width:14px;
    margin: 0 4px;
}
.readmore_small_bar a div:hover {
    color:#3366cc;
}

/* プレイヤーダイアログ用CSS */
.player_dialog {
    min-width:866px;
    display:none;
    cursor: default;
    position:relative;
    height:auto;
    margin:0 auto;
    border:2px solid #bac0c8;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.player_default_w{
    width:866px;
    height:491px;
}
.player_big_w{
    width:1290px;
    height:730px;
}

.player_dialog  .bg_cover{
    opacity:0.8;
    position:absolute;top:0;left:0;
    width:100%;
    height:100%;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color:#000;
    //background:-webkit-gradient(linear, left top, left bottom, from(#515b74),color-stop(0.23, #162345),to(#162345));
    z-index:3;
}
.player_dialog .contain {
    position:relative;
    width:100%;
    display:block;opacity:1;
    background-color:transparent;
    z-index:5;
}
.player_dialog .contain>div {
    padding:5px;
}



/* 共通ダイアログ用CSS */
.common_dialog {
    min-width:250px;
    display:none;
    cursor: default;
    color:#fff;
    position:relative;
    height:auto;
    margin:0 auto;
    border:1px solid #000;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.common_dialog  >.bg_cover{
    opacity:0.8;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color:#000;
    background:-webkit-gradient(linear, left top, left bottom, from(#555),color-stop(0.23, #111125),to(#111));
    z-index:3;
}
.common_dialog .bg_cover .dl_header {
    opacity:0.8;
    width:100%;
    height:38px;
    background-color:#777;
}
.common_dialog .contain {
    position:relative;
    width:100%;
    display:block;opacity:1;
    background-color:transparent;
    z-index:5;
}
.common_dialog .contain .dl_header {
    position:relative;
    width:100%;
    height:38px;
    line-height:38px;
    border-bottom:1px solid #558ed5;
    text-align:center;
}
.common_dialog .contain .dl_header div{
    color:white;
}

.common_dialog .contain .dl_header .bg_cover{
    opacity:0.2;
    position:absolute;top:0;left:0;
    width:100%;
    height:38px;
    background-color:#fff;
    z-index:3;
}

.common_dialog .contain .tab {width:50%; float:left; height: 40px;}
.common_dialog .contain .link{background-color:#000; opacity:0.7}
.common_dialog .contain .link .cover {display:none}
.common_dialog .contain .select{background-color:transparent}
.common_dialog .contain .select .cover{position:absolute; width:50%; height:40px; background-color:#fff; opacity:0.2}
.common_dialog .contain .tab>a{color:white; line-height:40px;}
.common_dialog .contain .sdhd_text{width:40%; margin:0 auto; text-align:left; color:white; padding-top:24px}
.common_dialog .contain .price{padding-right: 2px; color:inherit}

/* 共通ダイアログ用CSS */
.small_dialog {
    min-width:300px;
    display:none;
    cursor: default;
    color:#fff;
    position:relative;
    height:auto;
    margin:0 auto;
    border:2px solid #bac0c8;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}

.small_dialog  .bg_cover{
    opacity:0.6;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    background-color:#000;
    background:-webkit-gradient(linear, left top, left bottom, from(#515b74),color-stop(0.23, #162345),to(#000));
    z-index:3;
}
.small_dialog .contain {
    position:relative;
    width:100%;
    display:block;opacity:1;
    background-color:transparent;
    z-index:5;
}
.small_dialog .contain .dl_header {
    width:330px;
    height:34px;
    line-height:34px;
    border-bottom:1px solid #558ed5;
    color:white;
    text-align:center;
}
.small_dialog .contain>div {
    padding:5px;
}

.pay_change_list {
    dislay:block;
    position:relative;
    width:100%;
    height:24px;
}
.pay_change_list .default_pay{
    position:relative;
    text-align:center;
    line-height:24px;
}
.pay_change_list .default_pay img{
    position:relative;
    text-align:center;
    top:3px;
    margin:0 4px;
}
.pay_change_list .change_link{
    position:absolute;
    top:0;
    right:10px;
    line-height:24px;
}



/*
 コレクションリスト
-------------------------------------------------------------------------------- */
.collection_list ul{
    width:100%;
    display:inline-block;
    margin-bottom:19px;
}
.collection_list li{
    width:204px;
    padding:0 0 5px 8px;
    float:left;
    display:inline-block;
}
.collection_list li a{
    display:block;
    width:204px;
}
.collection_list li a img{
    display:block;
    width:100%;
}
.collection_list li:nth-of-type(6n){
    padding-right:0;
}


.square_tag_list {
    width:100%;
    display:inline-block;
    position:relative;
    margin-bottom:18px;
}
.square_tag_list li{
    margin:8px 5px;
    float:left;
}
.square_tag_list li a{
    display:block;
    padding:2px 10px;
    border: 1px solid #bac0c8;
    background-color:#dfe2e8;
    -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33); /* Firefox用 */
    -webkit-box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.33); /* Safari用 */
    box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.33);
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.square_tag_list li a.darkgray_bg{
    color:#fff;
    background-color:#686f79;
}
.square_tag_list li a.white_bg{
    background-color:#fff;
}

/* 円枠カテゴリリスト*/
.category_frame_tag_list{
    display:inline-block;
    position:relative;
    width:98%;
    margin:5px 1%;
}
.category_frame_tag_list >li{
    float:left;
    width:12%;
    height:44px;
    margin:5px 1%;
}
.category_frame_tag_list >li >span{
    position:relative;
}
.category_frame_tag_list >li.free_area{
    position:relative;
    width:auto;
    margin:5px 1%;
}
.category_frame_tag_list >li.free_area_right{
    position:absolute;
    clear:left;
    width:auto;
    margin:5px 0;
    right:-15px;
}
.category_frame_tag_list >li>a, .category_frame_tag_list >li>div{
    display:block;
    width:94%;
    margin:0 2%;padding:0 1%;
    height:34px;
    line-height:34px;
    border: 1px solid #bac0c8;
    -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
          border-radius: 20px;
    text-align:center;
}
.category_frame_tag_list >li.free_area>div, .category_frame_tag_list >li.free_area_right>div{
    display:inline-block;
    border: 0;
    width:auto;
    height:auto;
    line-height:1.2em;
    margin:0;padding:0;
    -webkit-border-radius:  0;
     -moz-border-radius:  0;
          border-radius:  0;
    text-align:left;
}
.category_frame_tag_list a> div, .category_frame_tag_list >li>div{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.category_frame_tag_list .category_selected{
    background:#14a2d4;
}
.category_frame_tag_list .category_selected div{
    color:#fff;
}

.narrow_list{
    display:inline-block;
    position:relative;
    margin:0 10px;
    text-align:left;
}
.narrow_list a{
    display:block;
    width:140px;
    padding-left:10px;
    height:26px;
    line-height:26px;
}
.narrow_list ul{
    position:absolute;
    top:0;left:0;
    display:inline-block;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #bac0c8;
    background-color: #fff;
    z-index:2;
}
.narrow_list ul li{
    width:140px;
    padding-left:10px;
    height:26px;
    line-height:26px;
}

/* 表示切替バー */

.disp_select_bar {
    width:100px;
    margin:0 5px;
    display:inline-block;
}
.disp_select_bar li{
    width:100%;
    margin-bottom:5px;
}
.disp_select_bar li a{
    display:block;
    position:relative;
    padding-left:28px;
    height: 24px;
    line-height: 24px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid transparent;
    background-repeat: no-repeat;
    background-position: 5px center;
    background-size:18px 18px;
}
 .disp_select_bar li div{
    display:block;
    position:relative;
    padding-left:28px;
    height: 24px;
    line-height: 24px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid transparent;
    background-repeat: no-repeat;
    background-position: 5px center;
    background-size:18px 18px;
}
.disp_select_bar li div.select{
    border: 1px solid #bac0c8;
}

/* 画像コピー禁止用 classを設定したdivタグのstyleに画像に適用したいwidthを設定してください */
.img_cover {
    display:block;
    position:relative;
}
.img_cover img{
}

.img_cover:after {
    content: url("http://img.videomarket.jp/icon/vm_pc/blank.gif");
    background-color:#fff;
    filter: alpha(opacity=0);
    -moz-opacity:0;
    opacity:0;
    width:100%;height:100%;
    display:block;
    position:absolute;top:0px;left:0;
}

/* 字幕・吹替えアイコン */
.jimaku{
    width: 0px;
    display: inline;
}
.jimaku.flag1:before {
    content:"吹";
    display:inline-block;
    //margin: -0.2em 0.3em 0 0;
    padding: 0.15em 0.15em 0.1em 0.15em;
    color:#fff;
    font-size:80%;
    font-weight: normal;
    line-height:1;
    background-color: #999;
    border-radius: 0.25em;
    vertical-align: top;
    margin: 0 0.25em 2px 0;
}
.jimaku.flag2:after {
    content:"字";
    display:inline-block;
    padding: 0.15em 0.15em 0.1em 0.15em;
    color:#fff;
    font-size:80%;
    font-weight: normal;
    line-height:1;
    background-color: #999;
    border-radius: 0.25em;
    vertical-align: top;
    margin: 0 0.25em 2px 0;
}
.jimaku.flag3 {
    display:inline;
    color:#fff;
    width: 0;
    margin: 0;
    padding: 0;
    line-height:1.0em;
}
.jimaku.flag3:before {
    content:"吹";
    display:inline-block;
    font-size:80%;
    font-weight: normal;
    background-color: #999;
    border-radius: 0.25em 0 0 0.25em;
    vertical-align: top;
    padding: 0 0.1em 0 0.15em;
    margin-right: -1px;
}
.jimaku.flag3:after {
    content:"(字幕付)";
    font-size:60%;
    font-weight: normal;
    display:inline-block;
    vertical-align: top;
    margin: 0 0.2em 0 0;
    background-color: #999;
    border-radius: 0 0.25em 0.25em 0;
    padding-right: 0.15em;
}
.jimaku.flag4:before {
    content:"吹";
    display:inline-block;
    padding: 0.15em 0.15em 0.1em 0.15em;
    color:#fff;
    font-size:80%;
    font-weight: normal;
    line-height:1;
    background-color: #999;
    border-radius: 0.25em;
    vertical-align: top;
    margin: 0 0.1em 2px 0;
}
.jimaku.flag4:after {
    content:"字";
    display:inline-block;
    padding: 0.15em 0.15em 0.1em 0.15em;
    color:#fff;
    font-size:80%;
    font-weight: normal;
    line-height:1;
    background-color: #999;
    border-radius: 0.25em;
    vertical-align: top;
    margin: 0 0.25em 2px 0;
}