/*
  TOPページ系用CSS
-------------------------------------------------------------------------------- */
/* TOPﾍﾟｰｼﾞ用バナー */
.main_banner_area {
    position:relative;
    display:inline-block;
    margin-bottom:9px;
}
.main_banner_area .disp_list >li {
   border-left-width:8px;
   margin-left:8px;
   padding-left:8px;
}

.main_banner_area .scrollable_area{
   position:relative;
    float:left;
    width:848px;
    margin:4px 4px 4px 0;
}
.main_banner_area .scrollable_area a{
    display:block;
    height:339px;
    margin:0;padding:0;
}
.main_banner_area .scrollable_area :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;
}
.main_banner_area .scrollable_area img {
    width:100%;height:339px;
}
/* サイドバナー 
-------------------------------------------------------------------------------- */
.main_banner_area .side_banner{
    position:relative;
    margin:4px 0 0 0;
    width:420px;
    float:left;
}
.main_banner_area .side_banner .side_banner_list{
    position:relative;
    display:inline-block;
    width:100%;
}
.main_banner_area .side_banner .side_banner_list  li{
    position:relative;
    width:100%;
    height:168px;
    margin-bottom:3px;
}
.main_banner_area .side_banner .side_banner_list  li:nth-last-of-type(1){
    margin-bottom:0;
}
.main_banner_area .side_banner .side_banner_list li a{
    width:100%;
    display:block;
}
.main_banner_area .side_banner .side_banner_list li img{
    width:100%;
}
.main_banner_area .side_banner .side_banner_list li a: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;
}

/* ジャンルサーチ　いま視聴した作品タグリスト 
   ボーダー合わせて108px 大132px
*/
.genre_search_tag_list {
    width:100%;
    display:inline-block;
    margin-bottom:6px;
}
.genre_search_tag_list li{
    position:relative;
    width:102px;
    hegiht:19px;
    line-hegiht:19px;
    padding:0 1px;
    margin-right:4px;
    border-bottom-style:solid;
    border-bottom-width:1px;
    float:left;
}
.genre_search_tag_list li:last-child{
    margin-right:0;
}

.genre_search_tag_list li.no_border_bottom {
    border-color:transparent;
}
.genre_search_tag_list li.border_category_n {
    position:relative;
    border-color:#dfe2e8;
}
.genre_search_tag_list li.border_category_n span{
    position:absolute;
    top:0px;left:-4px;
    width:2px;height:19px;
    background-color:#fff;
    border:1px solid #dfe2e8;
    border-bottom:0px;
}
    
.genre_search_tag_list li.border_category_n:after {
    border-left:14px solid #dfe2e8;border-color:#f00;width:180px; background:#f00;
}
.genre_search_tag_list li.width-m{
    width:122px;
    padding:0 3px;
    float:left;
}
.genre_search_tag_list .icon_bg{
    padding-left:24px;
    width:69px;
}
.genre_search_tag_list .width-m .icon_bg{
    padding-left:24px;
    width:102px;
}

.genre_search_tag_list li a {
    display:block;
    width:100%;
}
.genre_search_tag_list li a:hover div{
    color:#3366cc;
}

/* カテゴリ用 タグリスト 
   ボーダー合わせて160px
*/
.category_tag_list {
    width:100%;
    postion:relative;
    display:inline-block;
    margin-bottom:6px;
}
.category_tag_list li{
    width:144px;
    padding:0 5px;
    margin:0  0 0 4px;
    float:left;
    text-align:center;
}
.category_tag_list li:last-child{
    margin-right:0;
}
.category_tag_list li a {
    display:block;
    width:100%;
    border-bottom:1px solid #dfe2e8;
}
.category_tag_list .icon_bg{
    background-position: 4px center;
    width:144px;
    padding:0px 5px;
}


/* ランキング　いま視聴した作品タグリスト 
   ボーダー合わせて160px
*/
.rank_tag_list {
    width:100%;
    postion:relative;
    display:inline-block;
    margin-bottom:6px;
}
.rank_tag_list li{
    position:relative;
    width:145px;
    height:20px;
    padding:0 3px;
    margin:0  0 0 4px;
    border-bottom-style:solid;
    border-bottom-width:1px;
    float:left;
}
.rank_tag_list li.no_border_bottom {
    border-color:transparent;
}
.rank_tag_list li.border_category_n {
    border-left:4px solid #dfe2e8;border-color:#dfe2e8;
}
.rank_tag_list li a {
    display:block;
    width:100%;
}
.rank_tag_list .selecter {
    position:absolute;
    top:20px;
}
.rank_tag_list li .selecter >div {
    position:relative;
    width:0;
    height: 0;
    left:60px;
    border-top-width: 8px;
    border-top-style: solid;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    z-index:1;
}
.rank_tag_list li .selecter >div>div {
    position:absolute;
    width:0;
    height: 0;
    top:-8px;left:-7px;
    border-top: 7px solid #fff;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    z-index:200;
}
/*
  コレクションページ系用CSS
-------------------------------------------------------------------------------- */
/* TOPﾍﾟｰｼﾞ用バナー */
.collection_header {
    width:100%;
    position:relative;
    display:inline-block;
    margin-bottom:12px;
}
.collection_header .collection{
    position:relative;
    height:120px;
    float:left;
    margin:4px 0;
}
.collection_header .collection img{
    height:120px;
}
.collection_header .collection: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;
}
.collection_header .right_side {
    display:block;
    float:right;
    margin:4px 0;
}


/* ランキングヘッダー部分 */
.ranking_header{
    display:inline-block;
    position:relative;
    width:100%;
    margin-bottom:20px;
}
.ranking_header .disp_list{
    width:auto;
}
.ranking_header .left_pert{
    float:left;
}
.ranking_header .right_pert{
    float:right;
    margin-top:40px;
}

/* ランキング 日別フラグセレクトリスト */
.rank_daily_list {
    display:inline-block;
}
.rank_daily_list li{
    width:120px;
    margin:0 5px;
    float:left;
    text-align:center;
}
.rank_daily_list li.select{
    border-bottom:1px solid #bac0c8;
}
.rank_daily_list li a{
    display:inline-block;
}

/* ランキング 日付選択リスト */
.rank_day_sel_list {
    display:inline-block;
    height:20px;
}
.rank_day_sel_list li{
    margin:0 5px;
    float:left;
    line-height:20px;
    text-align:center;
}
.rank_day_sel_list li.select{
    border-bottom:1px solid #bac0c8;
}
.rank_day_sel_list li a{
    display:inline-block;
    height:20px;
}
.rank_day_sel_list li input{
    position:relative;
    padding:0;margin:0;
    text-align:center;
    top:-2px;
    background-color:#fff;
    border:1px solid transparent;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
  -webkit-transition: none;
     -moz-transition: none;
       -o-transition: none;
          transition: none;
}
.rank_day_sel_list li input:hover{
    color:#3366cc;
}

/* ランキングカレンダー用*/
#ui-datepicker-div { z-index: 100 !important;}