@charset "UTF-8";

/*	全ページ共通CSS
		■import
		■初期設定・初期化
			：body設定
			：ブラウザのマージンとパディング初期化
			：タグ毎のマージンとパディング初期化
			：リンク設定
			：float対策
			：イメージ初期化
		■ヘッダー設定
		■コンテンツ設定
		■フッター設定
----------------------------------------------------------------------------------------------------------------------------------*/


/*	import
----------------------------------------------------------------------------------------------------------------------------------*/
/* @import "content.css";  */
/*  各ページ用CSS

    1   first_view
    2   home
    3   home_nonmember
    4   genre_list
    5   program_list_all
    6   program_list_new
    7   ranking_list_music1
    8   ranking_list_music2
    9   ranking_list_music3
    10  ranking_list_music4
    11  recommend_list1
    12  recommend_list2
    13  recommend_list3
    14  ranking_list1
    15  ranking_list2
    16  ranking_list3
    17  ranking_list4
    18  myroom_list1
    19  myroom_list2
    20  myroom_list3
        myroom_list3_1
        myroom_list3_2
    21  myroom_list4
    22  program
    23  program_nonmember
    24  program_list
    25  program_select
    26  program_detail
    27  program_info
    28  program_custom
    29  music
    30  music_play
    31  info
    32  search
    33  search_incremental
    34  search_cast1
    35  search_cast2
    36  search_cast3
    37  search_music1
    38  search_music2
    39  search_hot_program1
    40  search_hot_program2
    41  search_hot_music1
    42  search_hot_music2
    43  mobile
    44  inquiry
    45  sns
    46  setting
    47  setting_beetv
    48  setting_mail
    49  setting_profile
    50  privacypolicy
    51  business_deal
    52  ad
    53  player_list1
    54  player_list2
    55  login1
    56  login2
    98  error
    99  floating

----------------------------------------------------------------------------------------------------------------------------------*/


/*  1   first_view　
--------------------------------------------------------------------------------*/
    div#first_view { margin: 35px 0; }
    /*-- .list style ul --*/
    div#first_view .list ul { }
    div#first_view .list ul li {
        width: 100%;
        display: table;
        border-bottom: 1px solid #e4e4e4;
    }
    div#first_view .list ul li .title {
        width: 100%;
        height: 40px;
        display: table-cell;
        /*vertical-align: middle;*/
        padding: 10px 10px 0 10px;
        color: #666;
    }
    div#first_view .list ul li .title .text { word-break: strict }
    div#first_view .list ul li .title .l_title {
        color: #333;
        font-weight: bold;
        padding: 0 0 3px 0;
        font-size: 10px;
        line-height: 1.3;
    }
    div#first_view .list ul li .title .l_title .icon { padding: 0 3px }
    div#first_view .list ul li .title .l_title .icon img { margin-top: -4px }
    div#first_view .list ul li .title .l_text {
        padding: 3px 0;
        font-size: 8px;
    }
    div#first_view .list ul li .title .l_text .icon { padding-right: 5px }
    div#first_view .list ul li .title .l_text { line-height: 1.4 }
    div#first_view .list ul li .title .s_text .icon { padding: 0 5px 0 0 }
    div#first_view .list ul li .title .s_text .icon img { margin-top: -4px }
    div#first_view .list ul li .title .s_text {
        padding: 0;
        font-size: 7px;
    }
    div#first_view .list ul li .left {
        display: table-cell;
        vertical-align: top;
        padding: 10px 0 10px 10px;
        text-align: right;
    }
    div#first_view .list ul li .right {
        display: table-cell;
        vertical-align: middle;
        width: 20px;
        padding: 5px;
        text-align: right;
    }
    /*-- /.list ul --*/
    div#first_view div.nav { margin-top: 14px }
    div#first_view div.nav ul li { list-style: none }
    div#first_view div.nav ul.bottom {
        text-align: center;
        width: 293px;
        margin: 0 auto;
        overflow: hidden;
    }
    div#first_view div.nav ul.bottom li {
        float: left;
        margin: 0 10px 0px 0px;
    }
    div#first_view div.nav ul.bottom li.last {
        float: left;
        margin: 0;
    }
    div#first_view div.nav ul.middle {
        width: 308px;
        margin: 8px auto 12px;
        overflow: hidden;
    }
    div#first_view div.nav ul.middle li {
        position: relative;
        float: left;
        width: 143px;
        margin: 0 5px 0 6px;
        line-height: 25px;
        border-bottom: 1px solid #898989;
    }
    div#first_view div.nav ul.middle li a {
        color: #838383;
        margin-left: 4px;
        padding-top: 2px;
        font-size: 9px;
        display: block;
    }
    div#first_view div.nav ul.middle li a img {
        position: absolute;
        top: 10px;
        right: 6px;
    }
    div#first_view p.trademark {
        margin: 13px auto 13px;
        text-align: left;
        width: 300px;
    }
    div#first_view p.trademark span { font-size: 10px }
    div#first_view div.btn {
        width: 300px;
        margin: 14px auto 0;
        overflow: hidden;
    }
    div#first_view div.btn a {
        width: 100%;
        display: block;
        padding: 0;
    }

/*  2   home
    3   home_nonmember
--------------------------------------------------------------------------------*/
    div#home {
        margin: 33px 0 10px 0;
        margin-bottom: 10px;
    }
    div#home .copyright {
        text-align: center;
        color: #999;
    }
    div#home .mainvisual.feature {
        width: 100%;
        background: #f4f4f4;
        height: 185px;
        overflow: hidden;
    }
    div#home div.info {
        display: table;
        height: 27px;
        width: 100%;
        margin-bottom: 2px;
    }
    div#home div.info p {
        display: table-cell;
        line-height: 27px;
        padding-left: 7px;
        font-size: 11px;
        background-color: #333;
    }
    div#home div.info span {
        display: table-cell;
        width: 24px;
        background-color: #333;
    }
    div#home div.btn {
        width: 300px;
        margin: 14px auto 0;
        overflow: hidden;
    }
    div#home div.btn a {
        width: 100%;
        display: block;
        padding: 0;
    }
    div#home div.btn img { }
    div#home div.nav { margin-top: 14px }
    div#home div.nav ul li { list-style: none }
    div#home div.nav ul.top {
        text-align: center;
        width: 295px;
        margin: 0 auto;
        overflow: hidden;
    }
    div#home div.nav ul.top li {
        float: left;
        width: 67px;
        margin: 0 9px 0px 0px;
    }
    div#home div.nav ul.top li.last {
        float: left;
        width: 67px;
        margin: 0;
    }
    div#home div.nav ul.top02 {
        text-align: center;
        width: 294px;
        margin: 10px auto 0;
        overflow: hidden;
    }
    div#home div.nav ul.top02 li {
        float: left;
        margin: 0 8px 0px 0px;
        padding-bottom: 1px;
    }
    div#home div.nav ul.top02 li.last {
        float: left;
        margin: 0;
        padding-bottom: 1px;
    }
    div#home div.nav ul.bottom {
        text-align: center;
        width: 293px;
        margin: 0 auto;
        overflow: hidden;
    }
    div#home div.nav ul.bottom li {
        float: left;
        margin: 0 10px 0px 0px;
    }
    div#home div.nav ul.bottom li.last {
        float: left;
        margin: 0;
    }
    div#home div.nav ul.middle {
        width: 308px;
        margin: 8px auto 12px;
        overflow: hidden;
    }
    div#home div.nav ul.middle li {
        position: relative;
        float: left;
        width: 143px;
        margin: 0 5px 0 6px;
        line-height: 25px;
        border-bottom: 1px solid #898989;
    }
    div#home div.nav ul.middle li.long {
        position: relative;
        float: left;
        width: 295px;
        margin: 0 0 0 7px;
        line-height: 26px;
        border-bottom: 1px solid #575757;
    }
    div#home div.nav ul.middle li a {
        color: #838383;
        margin-left: 4px;
        padding-top: 2px;
        font-size: 9px;
        display: block;
    }
    div#home div.nav ul.middle li a img {
        position: absolute;
        top: 10px;
        right: 6px;
    }
    div#home p {
        width: 294px;
        margin: 0 auto;
        font-size: 10px;
    }
    div#home p.trademark {
        margin-top: 13px;
        margin-bottom: 13px;
        text-align: left;
    }
    div#home p.trademark span { font-size: 10px }
    div#home p.copy {
        margin-top: 8px;
        color: #ffffff;
        text-align: center;
    }

/*  4   genre_list　
--------------------------------------------------------------------------------*/
    div#genre_list ul { }
    div#genre_list ul li {
        width: 100%;
        display: table;
        border-bottom: 1px solid #bbb;
    }
    div#genre_list ul li .title {
        display: block;
        width: 100%;
        height: 40px;
        display: table-cell;
        vertical-align: middle;
        padding: 3px 10px;
    }
    div#genre_list ul li a { color: #666 }
    div#genre_list ul li .icon {
        display: table-cell;
        vertical-align: middle;
        width: 10px;
        padding: 0 0 2px 10px;
    }
    div#genre_list ul li .right {
        display: table-cell;
        vertical-align: middle;
        width: 20px;
        padding: 5px;
        text-align: right;
    }

/*  5   program_list_all　
--------------------------------------------------------------------------------*/
    div#program_list_all { }
    /*-- .list ul --*/
    div#program_list_all .list ul { }
    div#program_list_all .list ul li {
        width: 100%;
        display: table;
        border-bottom: 1px solid #e4e4e4;

    }
    div#program_list_all .list ul li .title {
        display: block;
        width: 100%;
        height: 40px;
        display: table-cell;
        /*vertical-align: middle;*/
        padding: 10px 10px 0 10px;
        color: #666;
    }
    div#program_list_all .list ul li .title .text { word-break: strict }
    div#program_list_all .list ul li .title .l_title {
        color: #333;
        font-weight: bold;
        padding: 0;
        font-size: 11px; /* 10px -> 11px */
        line-height: 1.3;
    }
    div#program_list_all .list ul li .title .l_title .icon { padding: 0 3px }
    div#program_list_all .list ul li .title .l_title .icon img { margin-top: -4px }
    div#program_list_all .list ul li .title .l_text {
        padding: 3px 0;
        font-size: 10px; /* 8px -> 10px */
    }
    div#program_list_all .list ul li .title .l_text .icon { padding-right: 5px }
    div#program_list_all .list ul li .title .l_text { line-height: 1.3 }
    div#program_list_all .list ul li .title .s_text .icon { padding: 0 5px 0 0 }
    div#program_list_all .list ul li .title .s_text .icon img { margin-top: -4px }
    div#program_list_all .list ul li .title .s_text {
        padding: 0;
        font-size: 9px; /* 7px -> 9px */
        line-height: 1.4;
    }
    div#program_list_all .list ul li .left {
        display: table-cell;
        vertical-align: top;
        padding: 10px 0 10px 10px;
        text-align: right;
    }
    div#program_list_all .list ul li .right {
        display: table-cell;
        vertical-align: middle;
        width: 20px;
        padding: 5px;
        text-align: right;
    }
    /*-- /.list ul --*/

/*  6   program_list_new　
--------------------------------------------------------------------------------*/
    div#program_list_new {
        margin-top: 10px;
        padding-bottom: 5px;
    }
    /*-- .list style ul --*/
    div#program_list_new .list ul { }
    div#program_list_new .list ul li {
        width: 100%;
        display: table;
        border-bottom: 1px solid #e4e4e4;
    }
    div#program_list_new .list ul li .title {
        width: 100%;
        height: 40px;
        display: table-cell;
        /*vertical-align: middle;*/
        padding: 10px 10px 0 10px;
        color: #666;
    }
    div#program_list_new .list ul li .title .text { word-break: strict }
    div#program_list_new .list ul li .title .l_title {
        color: #333;
        font-weight: bold;
        padding: 0;
        font-size: 11px; /* 10px -> 11px */
        line-height: 1.3;
    }
    div#program_list_new .list ul li .title .l_title .icon { padding: 0 3px }
    div#program_list_new .list ul li .title .l_title .icon img { margin-top: -4px }
    div#program_list_new .list ul li .title .l_text {
        padding: 3px 0;
        font-size: 10px; /* 8px -> 10px */
    }
    div#program_list_new .list ul li .title .l_text .icon { padding-right: 5px }
    div#program_list_new .list ul li .title .l_text { line-height: 1.3 }
    div#program_list_new .list ul li .title .s_text .icon { padding: 0 5px 0 0 }
    div#program_list_new .list ul li .title .s_text .icon img { margin-top: -4px }
    div#program_list_new .list ul li .title .s_text {
        padding: 0;
        font-size: 9px; /* 7px -> 9px */
        line-height: 1.4;
    }
    div#program_list_new .list ul li .left {
        display: table-cell;
        vertical-align: top;
        padding: 10px 0 10px 10px;
        text-align: right;
    }
    div#program_list_new .list ul li .right {
        display: table-cell;
        vertical-align: middle;
        width: 20px;
        padding: 5px;
        text-align: right;
    }
    /*-- /.list ul --*/
    div#program_list_new h3 {
        background: #b6b6b6;
        line-height: 34px;
        padding-left: 16px;
        color: #FFF;
    }


/*  7    ranking_list_music1
    8    ranking_list_music2
    9    ranking_list_music3　
--------------------------------------------------------------------------------*/
    div#ranking_list_music {
        margin-top: -4px;
        margin-bottom: 20px;
        overflow: hidden;
    }
    div#ranking_list_music ul.tab {
        display: table;
        width: 100%;
        border-bottom: 2px solid #e6e6e6;
    }
    div#ranking_list_music ul.tab li {
        display: table-cell;
        width: 25%;
        height: 40px;
        vertical-align: middle;
        border: none;
        background: url(/basic/img/sp/tab_bg.gif) repeat-x left top;
        list-style: none;
        text-align: center;
    }
    div#ranking_list_music ul.tab li.active { background: url(/basic/img/sp/tab_active_bg.gif) repeat-x left top }
    div#ranking_list_music ul.tab li a {
        display: block;
        width: 100%;
        height: 40px;
        line-height: 42px;
        color: #d1d1d1;
        font-size: 10px;
        font-weight: bold;
    }
    div#ranking_list_music ul.tab li.active a {
        color: #575757;
        /*text-shadow: 0 -1px -1px #CCC;*/
    }
    div#ranking_list_music ul.tab li span { font-size: 10px }
    /*-- .ranking music list style ul --*/
    div#ranking_list_music .list ul { }
    div#ranking_list_music .list ul li {
        width: 100%;
        display: table;
        border-bottom: 1px solid #e4e4e4;
    }
    div#ranking_list_music .list ul li .title {
        width: 100%;
        height: 40px;
        display: table-cell;
        /*vertical-align: middle;*/
        padding: 10px 10px 0 10px;
        color: #666;
    }
    div#ranking_list_music .list ul li .title .text { word-break: strict }
    div#ranking_list_music .list ul li .title .l_artist {
        color: #333;
        font-weight: bold;
        padding: 0 0 3px 0;
        font-size: 11px; /* 10px -> 11px */
        line-height: 1.3;
    }
    div#ranking_list_music .list ul li .title .l_title {
         font-size: 10px; /* 9px -> 10px */
    }
    div#ranking_list_music .list ul li .title .l_artist .icon { padding: 0 3px }
    div#ranking_list_music .list ul li .title .l_artist .icon img { margin-top: -4px }
    div#ranking_list_music .list ul li .title .l_text {
        padding: 3px 0;
        font-size: 9px; /* 7px -> 9px */
    }
    div#ranking_list_music .list ul li .title .l_text .icon { padding-right: 5px }
    div#ranking_list_music .list ul li .title .l_text { line-height: 1.4 }
    div#ranking_list_music .list ul li .left {
        display: table-cell;
        vertical-align: top;
        padding: 10px 0 10px 10px;
        text-align: right;
    }
    div#ranking_list_music .list ul li .right {
        display: table-cell;
        vertical-align: middle;
        width: 20px;
        padding: 5px;
        text-align: right;
    }
    div#ranking_list_music .list ul li .rank {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        padding: 0 0 0 4px;
    }
    div#ranking_list_music .list ul li .rank span {
        font-size: 9px;
        display: block;
        width: 20px;
    }
    div#ranking_list_music .list ul li .rank span img {
        padding: 0 0 0 5px;
    }
    div#ranking_list_music .list ul li .count01,
    div#ranking_list_music .list ul li .count02 {
        display: table-cell;
        vertical-align: middle;
        width: 50px;
        min-width: 24px;
        height: 100%;
        text-align: center;
        padding: 2px 10px 18px 10px;
        font-size: 10px;
    }
    div#ranking_list_music .list ul li .count01 {
        color: #c9c9c9;
        background: url(/basic/img/sp/list_img_count01.png) no-repeat center center;
        background-size: 39px;
    }
    div#ranking_list_music .list ul li .count02 {
        color: #505050;
        background: url(/basic/img/sp/list_img_count02.png) no-repeat center center;
        background-size: 39px;
    }
    /*-- / .ranking music list ul --*/

/*  11  recommend_list1　
--------------------------------------------------------------------------------*/
    div#recommend_list1 {
        margin-top: -4px;
        margin-bottom: 20px;
        overflow: hidden;
    }
    div#recommend_list1 ul.tab {
        display: table;
        width: 100%;
        border-bottom: 2px solid #e6e6e6;
    }
    div#recommend_list1 ul.tab li {
        display: table-cell;
        width: 50%;
        height: 26px;
        vertical-align: middle;
        border: none;
        background: url(/basic/img/sp/tab_bg.gif) repeat-x left top;
        list-style: none;
        text-align: center;
    }
    div#recommend_list1 ul.tab li.active {
        width: 50%;
        background: url(/basic/img/sp/tab_active_bg.gif) repeat-x left top;
    }
    div#recommend_list1 ul.tab li a {
        display: block;
        width: 100%;
        height: 26px;
        line-height: 2.7;
        color: #d1d1d1;
        font-size: 10px;
        font-weight: bold;
    }
    div#recommend_list1 ul.tab li.active a {
        color: #575757;
        /*text-shadow: 0 -1px -1px #CCC;*/
    }
    div#recommend_list1 ul.tab li span { font-size: 10px }
    div#recommend_list1 ul.banners {
        width: 100%;
        text-align: center;
        padding-top: 10px;
    }
    div#recommend_list1 ul.banners li { margin: 0 0 2px }
    div#recommend_list1 ul.banners li a { margin: 0 auto }

/*  13  recommend_list2
--------------------------------------------------------------------------------*/
    div#recommend_list2 {
        margin-top: -4px;
        margin-bottom: 44px;
        overflow: hidden;
    }
    div#recommend_list2 ul.tab {
        display: table;
        width: 100%;
        border-bottom: 2px solid #e6e6e6;
    }
    div#recommend_list2 ul.tab li {
        display: table-cell;
        width: 50%;
        height: 26px;
        vertical-align: middle;
        border: none;
        background: url(/basic/img/sp/tab_bg.gif) repeat-x left top;
        list-style: none;
        text-align: center;
    }
    div#recommend_list2 ul.tab li.active {
        width: 50%;
        background: url(/basic/img/sp/tab_active_bg.gif) repeat-x left top;
    }
    div#recommend_list2 ul.tab li a {
        display: block;
        width: 100%;
        height: 26px;
        line-height: 2.7;
        color: #d1d1d1;
        font-size: 10px;
        font-weight: bold;
    }
    div#recommend_list2 ul.tab li.active a {
        color: #575757;
        /*text-shadow: 0 -1px -1px #CCC;*/
    }
    div#recommend_list2 ul.tab li span { font-size: 10px }
    /*-- .list style ul --*/
    div#recommend_list2 .list ul { }
    div#recommend_list2 .list ul li {
        width: 100%;
        display: table;
        border-bottom: 1px solid #e4e4e4;
    }
    div#recommend_list2 .list ul li .title {
        width: 100%;
        height: 40px;
        display: table-cell;
        /*vertical-align: middle;*/
        padding: 10px 10px 0 10px;
        color: #666;
    }
    div#recommend_list2 .list ul li .title .text { word-break: strict }
    div#recommend_list2 .list ul li .title .l_title {
        color: #333;
        font-weight: bold;
        padding: 0;
        font-size: 11px; /* 10px -> 11px */
        line-height: 1.3;
    }
    div#recommend_list2 .list ul li .title .l_title .icon { padding: 0 3px }
    div#recommend_list2 .list ul li .title .l_title .icon img { margin-top: -4px }
    div#recommend_list2 .list ul li .title .l_text {
        padding: 3px 0;
        font-size: 10px; /* 8px -> 10px */
    }
    div#recommend_list2 .list ul li .title .l_text .icon { padding-right: 5px }
    div#recommend_list2 .list ul li .title .l_text { line-height: 1.3 }
    div#recommend_list2 .list ul li .title .s_text .icon { padding: 0 5px 0 0 }
    div#recommend_list2 .list ul li .title .s_text .icon img { margin-top: -4px }
    div#recommend_list2 .list ul li .title .s_text {
        padding: 0;
        font-size: 9px; /* 7px -> 9px */
        line-height: 1.3;
    }
    div#recommend_list2 .list ul li .left {
        display: table-cell;
        vertical-align: top;
        padding: 10px 0 10px 10px;
        text-align: right;
    }
    div#recommend_list2 .list ul li .right {
        display: table-cell;
        vertical-align: middle;
        width: 20px;
        padding: 5px;
        text-align: right;
    }
    /*-- /.list ul --*/

/*  14  ranking_list1
    15  ranking_list2
    16  ranking_list3
    17  ranking_list4　
--------------------------------------------------------------------------------*/
    div#ranking_list {
        margin-top: -4px;
        margin-bottom: 20px;
        overflow: hidden;
    }
    div#ranking_list ul.tab {
        display: table;
        width: 100%;
        border-bottom: 2px solid #e6e6e6;
    }
    div#ranking_list ul.tab li {
        display: table-cell;
        width: 25%;
        height: 40px;
        vertical-align: middle;
        border: none;
        background: url(/basic/img/sp/tab_bg.gif) repeat-x left top;
        list-style: none;
        text-align: center;
    }
    div#ranking_list ul.tab li.active { background: url(/basic/img/sp/tab_active_bg.gif) repeat-x left top }
    div#ranking_list ul.tab li a {
        display: block;
        width: 100%;
        height: 40px;
        line-height: 42px;
        color: #d1d1d1;
        font-size: 10px;
        font-weight: bold;
    }
    div#ranking_list ul.tab li.active a {
        color: #575757;
        /*text-shadow: 0 -1px -1px #CCC;*/
    }
    div#ranking_list ul.tab li span { font-size: 10px }
    /*-- .ranking list style ul --*/
    div#ranking_list .list ul { }
    div#ranking_list .list ul li {
        width: 100%;
        display: table;
        border-bottom: 1px solid #e4e4e4;
    }
    div#ranking_list .list ul li .title {
        width: 100%;
        height: 40px;
        display: table-cell;
        /*vertical-align: middle;*/
        padding: 10px 0 0 6px;
        color: #666;
    }
    div#ranking_list .list ul li .title .text { word-break: strict }
    div#ranking_list .list ul li .title .l_title {
        color: #333;
        font-weight: bold;
        padding: 0 0 3px 0;
        font-size: 11px; /* 10px -> 11px */
        line-height: 1.3;
    }
    div#ranking_list .list ul li .title .l_title .icon { padding: 0 3px }
    div#ranking_list .list ul li .title .l_title .icon img { margin-top: -4px }
    div#ranking_list .list ul li .title .l_text {
        padding: 3px 0;
        font-size: 10px; /* 8px -> 10px */
    }
    div#ranking_list .list ul li .title .l_text .icon { padding-right: 5px }
    div#ranking_list .list ul li .title .l_text { line-height: 1.4 }
    div#ranking_list .list ul li .title .s_text .icon { padding: 0 5px 0 0 }
    div#ranking_list .list ul li .title .s_text .icon img { margin-top: -4px }
    div#ranking_list .list ul li .title .s_text {
        padding: 0;
        font-size: 9px; /* 7px -> 9px */
    }
    div#ranking_list .list ul li .left {
        display: table-cell;
        vertical-align: top;
        padding: 10px 0 10px 3px;
        text-align: right;
    }
    div#ranking_list .list ul li .right {
        display: table-cell;
        vertical-align: middle;
        width: 20px;
        padding: 5px;
        text-align: right;
    }
    div#ranking_list .list ul li .rank {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        padding: 0 0 0 4px;
    }
    div#ranking_list .list ul li .rank span {
        font-size: 9px;
        display: block;
        width: 20px;
    }
    div#ranking_list .list ul li .rank span img {
        padding: 0 0 0 5px;
    }
    /*-- / .ranking list ul --*/

/*  18  myroom_list1　
--------------------------------------------------------------------------------*/
    div#myroom_list1 {
        margin-top: 33px;
        margin-bottom: 44px;
        overflow: hidden;
    }
    div#myroom_list1 ul.tab {
        display: table;
        width: 100%;
        border-bottom: 2px solid #e6e6e6;
    }
    div#myroom_list1 ul.tab li {
        display: table-cell;
        width: 50%;
        height: 40px;
        vertical-align: middle;
        border: none;
        background: url(/basic/img/sp/tab_bg02.gif) repeat-x left top;
        list-style: none;
        text-align: center;
    }
    div#myroom_list1 ul.tab li.active {
        width: 50%;
        background: url(/basic/img/sp/tab_active_bg02.gif) repeat-x left top;
    }
    div#myroom_list1 ul.tab li a {
        display: block;
        width: 100%;
        height: 40px;
        line-height: 42px;
        color: #d1d1d1;
        font-size: 14px;
        font-weight: bold;
    }
    div#myroom_list1 ul.tab li.active a {
        color: #575757;
        /*text-shadow: 0 -1px -1px #CCC;*/
    }
    div#myroom_list1 ul.tab li span { font-size: 10px }
    /*-- .myroom list style ul --*/
    div#myroom_list1 .list ul { }
    div#myroom_list1 .list ul li:first-child {
        border-top: 1px solid #e4e4e4;
    }
    div#myroom_list1 .list ul li {
        width: 100%;
        display: table;
        border-bottom: 1px solid #e4e4e4;
        padding-bottom: 28px;
        position: relative;
    }
    div#myroom_list1 .list ul li .title {
        width: 100%;
        height: 40px;
        display: table-cell;
        /*vertical-align: middle;*/
        padding: 10px 0 0 6px;
        color: #666;
    }
    div#myroom_list1 .list ul li .title .text { word-break: strict }
    div#myroom_list1 .list ul li .title .l_title {
        color: #333;
        font-weight: bold;
        padding: 0;
        font-size: 11px; /* 10px -> 11px */
        line-height: 1.3;
    }
    div#myroom_list1 .list ul li .title .l_title .icon { padding: 0 3px }
    div#myroom_list1 .list ul li .title .l_title .icon img { margin-top: -4px }
    div#myroom_list1 .list ul li .title .l_text {
        padding: 3px 0;
        font-size: 10px; /* 8px -> 10px */
    }
    div#myroom_list1 .list ul li .title .l_text .icon { padding-right: 5px }
    div#myroom_list1 .list ul li .title .l_text { line-height: 1.3 }
    div#myroom_list1 .list ul li .title .s_text .icon { padding: 0 5px 0 0 }
    div#myroom_list1 .list ul li .title .s_text .icon img { margin-top: -4px }
    div#myroom_list1 .list ul li .title .s_text {
        padding: 0;
        font-size: 9px; /* 7px -> 9px */
        line-height: 1.4;
    }
    div#myroom_list1 .list ul li .left {
        display: table-cell;
        vertical-align: top;
        padding: 10px 0 10px 10px;
        text-align: right;
    }
    div#myroom_list1 .list ul li .right {
        display: table-cell;
        vertical-align: middle;
        width: 20px;
        padding: 5px;
        text-align: right;
    }
    div#myroom_list1 .list ul li .bottom {
        display: block;
        position: absolute;
        right: 35px;
        bottom: 5px;
    }
    /*-- / .myroom list ul --*/
    .myroom_tutorial { margin: 30% auto }
    .rank {
        padding: 10px 15px 10px 15px;
        display: table;
        font-size: 10px;
    }
    .rank img,
    .rank p {
        display: table-cell;
        vertical-align: middle;
    }
    .rank img { padding-right: 15px; }
    div#myroom_list1 .favorite {
        border-top: 1px solid #e4e4e4;
        padding: 20px 0 20px;
        text-align: center;
    }
    div#myroom_list1 .favorite p {
        padding: 0 0 10px 0;
        line-height: 2;
    }
    div#myroom_list1 .favorite p.title {
        font-size: 14px;
    }
    div#myroom_list1 .list ul li .title a{
        color: #666;
    }
    div#myroom_list1 .edit ul li {
        width: 100%;
        display: table;
        position: relative;
    }
    div#myroom_list1 .edit ul li .favedit {
        height: 48px;
        padding: 0 0 0 10px;
        color: #333333;
        display: block;
        line-height: 4;
        cursor: pointer;
        border-top: 1px solid #e4e4e4;
        width: 100%;
    }
    div#myroom_list1 .edit ul li .right {
        display: table-cell;
        vertical-align: middle;
        width: 20px;
        padding: 5px;
        text-align: right;
        border-top: 1px solid #e4e4e4;
    }

/*  19  myroom_list2　
--------------------------------------------------------------------------------*/
    div#myroom_list2 {
        margin-top: 33px;
        margin-bottom: 20px;
        overflow: hidden;
    }
    div#myroom_list2 ul.tab,
    div#myroom_list2 ul.tab2 {
        display: table;
        width: 100%;
        border-bottom: 2px solid #e6e6e6;
    }
    div#myroom_list2 ul.tab2 { padding-top: 10px }
    div#myroom_list2 ul.tab li,
    div#myroom_list2 ul.tab2 li {
        display: table-cell;
        width: 50%;
        height: 40px;
        vertical-align: middle;
        border: none;
        background: url(/basic/img/sp/tab_bg02.gif) repeat-x left top;
        list-style: none;
        text-align: center;
    }
    div#myroom_list2 ul.tab2 li.active,
    div#myroom_list2 ul.tab li.active {
        width: 50%;
        background: url(/basic/img/sp/tab_active_bg02.gif) repeat-x left top;
    }
    div#myroom_list2 ul.tab2 li a,
    div#myroom_list2 ul.tab li a {
        display: block;
        width: 100%;
        height: 40px;
        line-height: 42px;
        color: #d1d1d1;
        font-size: 14px;
        font-weight: bold;
    }
    div#myroom_list2 ul.tab2 li.last a { line-height: 2 }
    div#myroom_list2 ul.tab li.active a,
    div#myroom_list2 ul.tab2 li.active a {
        color: #575757;
        /*text-shadow: 0 -1px -1px #CCC;*/
    }
    div#myroom_list2 ul.tab li span,
    div#myroom_list2 ul.tab2 li span { font-size: 10px }
    /*-- .myroom list style ul --*/
    div#myroom_list2 .list ul {
        border-top: 1px solid #e4e4e4;
    }
    div#myroom_list2 .list ul { border-bottom: 1px solid #e4e4e4 }
    div#myroom_list2 .list ul li {
        width: 100%;
        border-top: 1px solid #e4e4e4;
        background: url(/basic/img/sp/icon_arrow02.png) no-repeat 98% 17px;
    }
    div#myroom_list2 .list ul li .title {
        height: 48px;
        /*vertical-align: middle;*/
        padding: 0 10px 0 10px;
        color: #666;
        display: block;
        line-height: 4;
        cursor: pointer;
    }
    div#myroom_list2 .list ul li .title a { color: #919191 }
    div#myroom_list2 .list ul li.bordernone { border: none }
    div#myroom_list2 .forward ul li {
        width: 100%;
        display: table;
        position: relative;
    }
    div#myroom_list2 .forward ul li .favedit {
        height: 48px;
        padding: 0 0 0 10px;
        color: #333333;
        display: block;
        line-height: 4;
        cursor: pointer;
        border-top: 1px solid #e4e4e4;
        border-bottom: 1px solid #e4e4e4;
        width: 100%;
    }
    div#myroom_list2 .forward ul li .right {
        display: table-cell;
        vertical-align: middle;
        width: 20px;
        padding: 5px;
        text-align: right;
        border-top: 1px solid #e4e4e4;
        border-bottom: 1px solid #e4e4e4;
    }

/*  20  myroom_list2_1
        myroom_list2_2
--------------------------------------------------------------------------------*/
    div#myroom_list2_1 ul.playlist_ctrl {
        display: table;
        width: 100%;
        margin: 0 auto;
        padding-top: 10px;
    }
    div#myroom_list2_1 ul.playlist_ctrl li {
        display: table-cell;
        /*padding-right: 7px;*/ text-align: center;
    }
    div#myroom_list2_1 ul.playlist_ctrl li.last { padding: 0 }
    /*-- .ranking music list style ul --*/
    div#myroom_list2_1 .list ul {
        margin-top: 10px;
        border-top: 1px solid #e4e4e4;
    }
    div#myroom_list2_1 .list ul.bordernone {
        margin-top: 0;
    }
    div#myroom_list2_1 .list ul li {
        width: 100%;
        display: table;
        border-bottom: 1px solid #e4e4e4;
        position: relative;
    /*    padding-bottom: 25px; */
    }
    div#myroom_list2_1 .list ul li .title {
        width: 100%;
        height: 40px;
        display: table-cell;
        /*vertical-align: middle;*/
        padding: 10px 10px 0 10px;
        color: #666;
    }
    div#myroom_list2_1 .list ul li .title .l_title {
        font-size: 9px;
    }
    div#myroom_list2_1 .list ul li .title .text { word-break: strict }
    div#myroom_list2_1 .list ul li .title .l_artist {
        color: #333;
        font-weight: bold;
        padding: 0 0 3px 0;
        font-size: 10px;
        line-height: 1.3;
    }
    div#myroom_list2_1 .list ul li .title .l_artist .icon { padding: 0 3px }
    div#myroom_list2_1 .list ul li .title .l_artist .icon img { margin-top: -4px }
    div#myroom_list2_1 .list ul li .title .l_text {
        padding: 3px 0;
        font-size: 8px;
    }
    div#myroom_list2_1 .list ul li .title .l_text .icon { padding-right: 5px }
    div#myroom_list2_1 .list ul li .title .l_text { line-height: 1.4 }
    div#myroom_list2_1 .list ul li .title .s_text .icon { padding: 0 5px 0 0 }
    div#myroom_list2_1 .list ul li .title .s_text .icon img { margin-top: -4px }
    div#myroom_list2_1 .list ul li .title .s_text {
        padding: 0;
        font-size: 7px;
    }
    div#myroom_list2_1 .list ul li .left {
        display: table-cell;
        vertical-align: top;
        padding: 10px 0 10px 10px;
        text-align: right;
    }
    div#myroom_list2_1 .list ul li .right {
        display: table-cell;
        vertical-align: middle;
        width: 20px;
        padding: 5px;
        text-align: right;
    }
    div#myroom_list2_1 .list ul li .bottom {
        display: block;
        position: absolute;
        right: 5px;
        bottom: 10px;
    }
    div#myroom_list2_1 .list ul li.bordernone { border: none; }
    /*-- / .ranking music list ul --*/
    div#myroom_list2_1 h3 {
        background: #b6b6b6;
        line-height: 34px;
        padding-left: 16px;
        margin-top: 0;
        color: #FFF;
    }

/*  20  myroom_list2_3
--------------------------------------------------------------------------------*/
    div#myroom_list2_3 {
        margin-top: 33px;
        margin-bottom: 20px;
        padding-bottom: 30px;
        overflow: hidden;
    }
    div#myroom_list2_3 ul.tab {
        margin: 0px 0 10px 0;
        display: table;
        width: 100%;
        border-bottom: 2px solid #e6e6e6;
    }
    div#myroom_list2_3 ul.tab li {
        display: table-cell;
        width: 50%;
        height: 40px;
        vertical-align: middle;
        border: none;
        background: url(/basic/img/sp/tab_bg02.gif) repeat-x left top;
        list-style: none;
        text-align: center;
    }
    div#myroom_list2_3 ul.tab li.active {
        width: 50%;
        background: url(/basic/img/sp/tab_active_bg02.gif) repeat-x left top;
    }
    div#myroom_list2_3 ul.tab li a {
        display: block;
        width: 100%;
        height: 40px;
        line-height: 42px;
        color: #d1d1d1;
        font-size: 14px;
        font-weight: bold;
    }
    div#myroom_list2_3 ul.tab li.active a {
        color: #575757;
        /*text-shadow: 0 -1px -1px #CCC;*/
    }
    div#myroom_list2_3 ul.tab li span { font-size: 10px }
    /*-- .ranking music list style ul --*/
    div#myroom_list2_3 .list ul {
        margin-top: 10px;
        border-top: 1px solid #e4e4e4;
    }
    div#myroom_list2_3 .list ul.bordernone {
        margin-top: 0;
        border: none;
    }
    div#myroom_list2_3 .list ul li {
        width: 100%;
        display: table;
        border-bottom: 1px solid #e4e4e4;
        position: relative;
        padding-bottom: 25px;
    }
    div#myroom_list2_3 .list ul li .title {
        width: 100%;
        height: 40px;
        display: table-cell;
        /*vertical-align: middle;*/
        padding: 10px 10px 0 10px;
        color: #666;
    }
    div#myroom_list2_3 .list ul li .title .l_title {
        font-size: 9px;
    }
    div#myroom_list2_3 .list ul li .title .text { word-break: strict }
    div#myroom_list2_3 .list ul li .title .l_artist {
        color: #333;
        font-weight: bold;
        padding: 0 0 3px 0;
        font-size: 11px; /* 10px -> 11px */
        line-height: 1.3;
    }
    div#myroom_list2_3 .list ul li .title .l_artist .icon { padding: 0 3px }
    div#myroom_list2_3 .list ul li .title .l_artist .icon img { margin-top: -4px }
    div#myroom_list2_3 .list ul li .title .l_text {
        padding: 3px 0;
        font-size: 10px; /* 8px -> 10px */
    }
    div#myroom_list2_3 .list ul li .title .l_text .icon { padding-right: 5px }
    div#myroom_list2_3 .list ul li .title .l_text { line-height: 1.4 }
    div#myroom_list2_3 .list ul li .title .s_text .icon { padding: 0 5px 0 0 }
    div#myroom_list2_3 .list ul li .title .s_text .icon img { margin-top: -4px }
    div#myroom_list2_3 .list ul li .title .s_text {
        padding: 0;
        font-size: 9px; /* 7px -> 9px */
    }
    div#myroom_list2_3 .list ul li .left {
        display: table-cell;
        vertical-align: top;
        padding: 10px 0 10px 10px;
        text-align: right;
    }
    div#myroom_list2_3 .list ul li .right {
        display: table-cell;
        vertical-align: middle;
        width: 20px;
        padding: 5px;
        text-align: right;
    }
    div#myroom_list2_3 .list ul li .bottom {
        display: block;
        position: absolute;
        right: 35px;
        bottom: 10px;
    }
    div#myroom_list2_3 .list ul li.bordernone { border: none; }
    /*-- / .ranking music list ul --*/
    div#myroom_list2_3 h3 {
        background: #b6b6b6;
        line-height: 34px;
        padding-left: 16px;
        margin-top: 0;
        color: #FFF;
    }

/*  21  myroom_list4　
--------------------------------------------------------------------------------*/
    div#myroom_list4 { }
    div#myroom_list4 h3 {
        background: #b6b6b6;
        padding: 10px 16px;
        color: #FFF;
    }
    div#myroom_list4 p { padding: 10px }
    div#myroom_list4 .layout {
        width: 100%;
        display: table;
        border-bottom: 2px solid #e4e4e4;
        padding: 3px 0;
    }
    div#myroom_list4 .layout img {
        display: table-cell;
        vertical-align: middle;
        padding: 5px;
        text-align: right;
    }
    div#myroom_list4 .layout p {
        display: block;
        width: 100%;
        height: 40px;
        display: table-cell;
        vertical-align: middle;
        padding: 3px 10px;
        color: #666;
    }
    div#myroom_list4 ul { }
    div#myroom_list4 ul.border { border-bottom: 1px solid #e4e4e4 }
    div#myroom_list4 ul li {
        width: 100%;
        display: table;
        border-top: 2px solid #e4e4e4;
    }
    div#myroom_list4 ul li.bordernone { border: none }
    div#myroom_list4 ul li .title {
        display: block;
        width: 100%;
        height: 40px;
        display: table-cell;
        vertical-align: middle;
        padding: 3px 10px;
        color: #666;
    }
    div#myroom_list4 ul li .left {
        display: table-cell;
        vertical-align: middle;
        padding: 5px;
        text-align: right;
    }
    div#myroom_list4 ul li .left .newicon { padding: 0 4px }
    div#myroom_list4 ul li .right {
        display: table-cell;
        vertical-align: middle;
        width: 20px;
        padding: 5px;
        text-align: right;
    }

/*  21  myroom_list5　
--------------------------------------------------------------------------------*/
    div#myroom_list5 .layout {
        padding: 15px;
    }
    div#myroom_list5 select {
        width: 240px;
        min-width: 80px;
        height: 21px;
    }
    div#myroom_list5 .form {
        width: 294px;
        margin: 0 auto;
        padding: 10px 0 15px 0;
    }
    div#myroom_list5 .form dl dt {
        margin: 25px 0 0 0;
    }
    div#myroom_list5 .form dl dt:first-child {
        margin-top: 5px;
    }
    div#myroom_list5 .btn {
        text-align: center;
        padding: 15px 0 10px;
    }

/*  21  myroom_list6　
--------------------------------------------------------------------------------*/
    div#myroom_list6 {
        padding-bottom: 30px;
    }
    div#myroom_list6 h3 {
        background: #b6b6b6;
        padding: 10px 16px;
        color: #FFF;
    }
    div#myroom_list6 p { padding: 10px }
    div#myroom_list6 .layout {
        width: 100%;
        display: table;
        border-bottom: 2px solid #e4e4e4;
        padding: 3px 0;
    }
    div#myroom_list6 .layout img {
        display: table-cell;
        vertical-align: middle;
        padding: 5px;
        text-align: right;
    }
    div#myroom_list6 .layout p {
        display: block;
        width: 100%;
        height: 40px;
        display: table-cell;
        vertical-align: middle;
        padding: 3px 10px;
        color: #666;
    }
    div#myroom_list6 ul { }
    div#myroom_list6 ul.border { border-bottom: 1px solid #e4e4e4 }
    div#myroom_list6 ul li {
        width: 100%;
        display: table;
        border-top: 2px solid #e4e4e4;
    }
    div#myroom_list6 ul li.bordernone { border: none }
    div#myroom_list6 ul li#bordernone { border: none }
    div#myroom_list6 ul.rankNews li.bordernone {border-bottom: 2px solid #e4e4e4}
    div#myroom_list6 ul li .title {
        display: block;
        width: 100%;
        height: 40px;
        display: table-cell;
        vertical-align: middle;
        padding: 3px 10px;
        color: #666;
    }
    div#myroom_list6 ul li .left {
        display: table-cell;
        vertical-align: middle;
        padding: 5px;
        text-align: center;
    }
    div#myroom_list6 ul li .left .newicon { padding: 0 4px }
    div#myroom_list6 ul li .right {
        display: table-cell;
        vertical-align: middle;
        width: 20px;
        padding: 5px;
        text-align: right;
    }

/*  21  myroom_list_info
--------------------------------------------------------------------------------*/
    div#myroom_list_info { }
    div#myroom_list_info h3 {
        background: #b6b6b6;
        padding: 10px 16px;
        margin: 5px 0 15px;
        color: #FFF;
    }
    div#myroom_list_info .layout {
        width: 100%;
    }
    div#myroom_list_info .layout.last {
        margin-bottom: 20px;
    }
    div#myroom_list_info .layout p {
        padding: 3px 16px;
    }
    div#myroom_list_info .memberRank {
        width: 300px;
        margin: 10px auto 10px auto;
        overflow: hidden;
    }
    div#myroom_list_info .memberRank .type {
        text-align: center;
        width: 144px;
        border: #e4e4e4 2px solid;
        float: left;
        margin: 2px 4px 2px 0;
        overflow: hidden;
    }
    div#myroom_list_info .memberRank .type.mrNone {
        margin: 2px 0 2px;
    }
    div#myroom_list_info .memberRank .type img {
        padding: 10px 0 10px 3px;
        float: left;
    }
    div#myroom_list_info .memberRank .type p {
        padding: 28px 0 0 4px;
        float: left;
    }
    div#myroom_list_info ul.sub {
        width: 300px;
        margin: 10px auto 10px auto;
        border: #e4e4e4 2px solid;
        color: #a7a7a7;
        padding: 5px 0 5px;
    }
    div#myroom_list_info ul.sub li {
        padding: 3px 5px;
        list-style: none;
        border: none;
    }
    div#myroom_list_info ul.border { border-bottom: 2px solid #e4e4e4 }
    div#myroom_list_info ul li {
        width: 100%;
        display: table;
        border-top: 2px solid #e4e4e4;
    }
    div#myroom_list_info ul li .title {
        display: block;
        width: 100%;
        height: 40px;
        display: table-cell;
        vertical-align: middle;
        padding: 3px 10px;
        color: #666666;
    }
    div#myroom_list_info ul li .right {
        display: table-cell;
        vertical-align: middle;
        width: 20px;
        padding: 5px;
        text-align: right;
    }

/*  22  program
    23  program_nonmember
--------------------------------------------------------------------------------*/
    div#program { margin-bottom: 10px }
    div#program ul.tab {
        margin-top: -4px;
        display: table;
        width: 100%;
        border-bottom: 2px solid #e6e6e6;
    }
    div#program ul.tab li {
        display: table-cell;
        width: 50%;
        height: 26px;
        vertical-align: middle;
        border: none;
        background: url(/basic/img/sp/tab_bg.gif) repeat-x left top;
        list-style: none;
        text-align: center;
    }
    div#program ul.tab li.active { background: url(/basic/img/sp/tab_active_bg.gif) repeat-x left top }
    div#program ul.tab li a {
        display: block;
        width: 100%;
        height: 26px;
        line-height: 28px;
        color: #d1d1d1;
        font-size: 10px;
        font-weight: bold;
    }
    div#program ul.tab li.active a {
        color: #575757;
        /*text-shadow: 0 -1px -1px #CCC;*/
    }
    div#program ul.tab li span { font-size: 10px }
    div#program div.info dl {
        display: table;
        width: 100%;
        height: auto;
        background: #b6b6b6;
        font-size: 8px;
        padding: 0;
       /* margin: 5px 0 0; */
    }
    div#program div.info dl dt {
        vertical-align: middle;
        font-size: 12px;
        display: table-cell;
        color: #fff;
    }
    div#program div.info dl dt.distribution { color: #333 }
    div#program div.info dl dt img { margin: 5px 5px }
    div#program div.info dl dd {
        display: table-cell;
        width: 190px;
        vertical-align: middle;
        font-size: 11px;
    }
    div#program div.info dl dd a {
        position: relative;
        margin: 0 0 0 5px;
    }
    div#program div.info dl dd a span {
        position: absolute;
        top: 2px;
        right: 0;
        text-align: center;
        color: #fff;
        line-height: 14px;
        width: 48px;
        height: 14px;
        z-index: 100;
    }
    div#program div.info dl dt p, div#program div.info dl dt.distribution p{
        margin:0 8px 0 0;
        vertical-align:middle;
        text-align: left;
        display: table-cell;
    }
    div#program div.info dl dt p span, div#program div.info dl dt.distribution p span{
        line-height:10px;
        padding: 7px 0;
        vertical-align:middle;
    }
    div#program div.info dl dt p span.date {
        font-size: 8px;
        padding: 13px 0;
    }
    div#program div.info dl dt p span.date2 {
        font-size: 8px;
        padding: 8px 0;
    }
    div#program div.info dl dt p img, div#program div.info dl dt.distribution p img{
        margin:5px 3px 5px 10px;
        float:left;
    }
    div#program div.info p {
        height: 24px;
        display: table;
        width: 100%;
        margin: 12px 8px 0 0;
    }
    div#program div.info p span {
        vertical-align: top;
        display: table-cell;
        line-height: 15px;
        padding: 0 10px 0 14px;
        font-size: 13px;
        word-break: break-all;
        word-wrap: break-word;
    }
    div#program div.info p a {
        display: table-cell;
        width: 30px;
        padding: 0 10px;
    }
    div#program div.movie {
        overflow: hidden;
        width: 294px;
        margin: 12px auto 12px;
    }
    div#program div.movie img {
        display: block;
        margin: 0 auto;
    }
    div#program div.movie2{
        overflow: hidden;
        width: 290px;
        height:165px;
        margin:12px auto 12px;
    }
    div#program div.movie2 img#joshu{
        margin:0px;
    }
    div#program div.movie2 img#poster{
        margin:0px;
        display:block;
    }
    div#program div.btn {
        margin: 10px auto 4px;
        width: 294px;
        text-align: center;
    }
    div#program div.btn a { margin: 0 auto }
    div#program div.btn ul {
        margin: 6px auto 0;
        overflow: hidden;
    }
    div#program div.btn ul li {
        float: left;
        list-style: none;
    }
    div#program div.btn ul li.second { margin-left: 6px }
    div#program div.nav table {
        margin: 1px auto 0;
        overflow: hidden;
        border-spacing: 6px;
        width: 306px;
    }
    div#program div.nav table tbody tr td {
        width: 50%;
        text-align: center;
        border: 1px #bbb solid;
        background: url(/basic/img/sp/detail_bg_tag.png) repeat-x left top;
        word-wrap: break-word;
        word-break: break-all;
    }
    div#program div.nav table tbody td a {
        display: block;
        font-size: 12px;
        overflow: hidden;
        color: #999;
        line-height: 34px;
        word-wrap: break-word;
        word-break: break-all;
    }
    div#program div.nav table tbody td span { font-size: 10px }
    div#program div.nav table tbody td.more {
        border: none;
        height: 34px;
    }
    div#program .textBtn {
        position: relative;
        width: 294px;
        height: 36px;
        margin: 6px auto;
    }
    div#program .textBtn a {
        display: block;
        width: 100%;
        height: 100%;
    }
    div#program .textBtn .base {
        position: absolute;
        top: 0;
        left: 0;
    }
    div#program .textBtn .text {
        position: absolute;
        display: table;
    }
    div#program .textBtn .text span {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        width: 294px;
        height: 36px;
        color: #878787;
        font-size: 14px;
    }

/*  24  program_list　
--------------------------------------------------------------------------------*/
    div#program_list {
        margin-top: -4px;
        margin-bottom: 20px;
        overflow: hidden;
    }
    div#program_list ul.tab {
        display: table;
        width: 100%;
        border-bottom: 2px solid #e6e6e6;
    }
    div#program_list ul.tab li {
        display: table-cell;
        width: 33%;
        height: 26px;
        vertical-align: middle;
        border: none;
        background: url(/basic/img/sp/tab_bg.gif) repeat-x left top;
        list-style: none;
        text-align: center;
    }
    div#program_list ul.tab li.active {
        width: 34%;
        background: url(/basic/img/sp/tab_active_bg.gif) repeat-x left top;
    }
    div#program_list ul.tab li a {
        display: block;
        width: 100%;
        height: 26px;
        line-height: 28px;
        color: #d1d1d1;
        font-size: 10px;
        font-weight: bold;
    }
    div#program_list ul.tab li.active a {
        color: #575757;
        /*text-shadow: 0 -1px -1px #CCC;*/
    }
    /*-- .program list ul --*/
    div#program_list .list ul { padding: 0 0 20px 0 }
    div#program_list .list ul li {
        width: 100%;
        display: table;
        border-bottom: 1px solid #e4e4e4;
        padding-bottom: 20px;
        position: relative;
    }
    div#program_list .list ul li.bordernone { border-bottom: none }
    div#program_list .list ul li .title {
        display: block;
        width: 100%;
        height: 40px;
        display: table-cell;
        /*vertical-align: middle;*/
        padding: 10px 10px;
        color: #666;
    }
    div#program_list .list ul li .title .l_title {
        color: #333;
        font-weight: bold;
        padding: 0 0 3px 0;
    }
    div#program_list .list ul li .title .l_title .icon { padding: 0 5px }
    div#program_list .list ul li .title .l_text { padding: 3px 0 }
    div#program_list .list ul li .title .l_text .icon { padding-right: 5px }
    div#program_list .list ul li .title .s_text .icon { padding: 0 5px 0 0 }
    div#program_list .list ul li .title .s_text .icon img { margin-top: -4px }
    div#program_list .list ul li .title .s_text {
        padding: 3px 0;
        font-size: 9px;
    }
    div#program_list .list ul li .left {
        display: table-cell;
        vertical-align: top;
        padding: 10px 0 10px 10px;
        text-align: right;
    }
    div#program_list .list ul li .right {
        display: table-cell;
        vertical-align: middle;
        width: 20px;
        padding: 5px;
        text-align: right;
    }
    div#program_list .list ul li .free img{
        padding-top: 3px;
    }
    div#program_list .list ul li .bottom {
        display: block;
        position: absolute;
        right: 5px;
        bottom: 10px;
    }
    div#program_list .list ul li .bottom a {
        padding-right: 5px;
    }
    div#program_list .list ul li .link {
        display: block;
        position: absolute;
        left: 75px;
        bottom: 10px;
    }
    div#program_list .list ul li .link a {
        color: #4bc4fc;
        z-index: 999;
    }
    div#program_list .list ul li.custom {
        background: #f2f2f2;
        margin: 0;
        padding: 0;
        border: none;
        display: table;
        position: relative;
    }
    div#program_list .list ul li.custom .right {
        display: table-cell;
        vertical-align: middle;
        width: 20px;
        padding: 5px;
        text-align: right;
    }
    /*-- / .program list ul --*/

/*  25  program_select　
--------------------------------------------------------------------------------*/
    div#floating div.playtype span.gray_area {
        display: block;
        padding: 8px 0 8px 0;
        line-height: 0;
        background: #fff;
        border-top: 1px solid #d1d1d1;
        width: 100%;
    }
    div#floating div.playtype {
        width: 86%;
        min-width: 276px;
        margin: 30% auto 0;
        border: 3px solid #ececec;
        border-radius: 3px;
    }
    div#floating div.playtype p {
        width: 100%;
        background: #ececec;
        text-align: center;
        color: #333;
        padding: 13px 0 13px;
        font-weight: bold;
        line-height: 1;
    }
    div#floating div.playtype div.play_select {
        width: 100%;
        overflow: hidden;
        background: #fff;
        padding-bottom: 22px;
    }
    div#floating div.playtype div.play_select h3 {
        width: auto;
        color: #333;
        height: 24px;
        line-height: 24px;
        margin-top: 22px;
    }
    div#floating div.playtype div.play_select h3.top {
        margin-top: 11px;
        font-size: 12px;
    }
    div#floating div.playtype div.play_select div.st,
    div#floating div.playtype div.play_select div.dl { margin: 0 0 }
    div#floating div.playtype div.play_select dl {
        margin: 14px auto 0;
        display: table;
        text-align: center;
        overflow: hidden;
    }
    div#floating div.playtype div.play_select dl dt {
        font-size: 10px;
        line-height: 1;
        font-weight: bold;
        color: #999999;
    }
    div#floating div.playtype div.play_select dl dd {
        float: left;
        margin: 8px 3px 0;
        height: auto;
        overflow: hidden;
        line-height: 1;
    }
    div#floating div.playtype div.play_select dl dd .size {
        color: #666;
        font-size: 10px;
        display: block;
        padding: 5px 0 0 0;
    }
    div#floating div.playtype div.play_select dl dd.last img { margin-right: 1px }
    div#floating div.playtype div.play_select dl dd a { display: block }


/*  26  program_detail　
--------------------------------------------------------------------------------*/
    div#program_detail h3 { text-align: left }
    div#program_detail h3 { padding: 10px 10px 0 }
    div#program_detail h3.title {
        background: #b6b6b6;
        line-height: 34px;
        padding-left: 16px;
        color: #FFF;
        padding-top: 0;
    }
    div#program_detail p {
        padding: 10px;
        border-bottom: 2px solid #e4e4e4;
        text-align: left;
    }
    div#program_detail p.first { border-bottom: none }
    div#program_detail .btn {
        padding: 10px 10px 0;
        text-align: center;
    }
    div#program_detail .btn a { margin: 0 auto }


/*  27  program_info　
--------------------------------------------------------------------------------*/
    div#program_info h3 { padding: 10px 10px 0 }
    div#program_info h3.title {
        background: #b6b6b6;
        line-height: 34px;
        padding-left: 16px;
        color: #FFF;
        padding-top: 0;
    }
    div#program_info p {
        padding: 10px;
        border-bottom: 1px solid #e4e4e4;
    }
    div#program_info p.first { border-bottom: none }
    /*-- .program list ul --*/
    div#program_info ul { }
    div#program_info ul li {
        width: 100%;
        display: table;
        border-bottom: 1px solid #e4e4e4;
    }
    div#program_info ul li.bordernone { border: none }
    div#program_info ul li .title {
        display: block;
        width: 100%;
        height: 40px;
        display: table-cell;
        vertical-align: middle;
        padding: 3px 10px;
        color: #666;
    }
    div#program_info ul li .right {
        display: table-cell;
        vertical-align: middle;
        width: 20px;
        padding: 5px;
        text-align: right;
    }
    /*-- / .program list ul --*/
    div#program_info .btn {
        padding: 10px 10px 0;
        text-align: center;
    }
    div#program_info .btn a { margin: 0 auto }

/*  28  program_custom　
--------------------------------------------------------------------------------*/
    div#program_custom {
        margin-bottom: 10px;
        padding-bottom: 10px;
    }
    div#program_custom ul.tab {
        display: table;
        width: 100%;
        border-bottom: 2px solid #e6e6e6;
    }
    div#program_custom ul.tab li {
        display: table-cell;
        width: 50%;
        height: 40px;
        vertical-align: middle;
        border: none;
        background: url(/basic/img/sp/tab_bg.gif) repeat-x left top;
        list-style: none;
        text-align: center;
    }
    div#program_custom ul.tab li.active { background: url(/basic/img/sp/tab_active_bg.gif) repeat-x left top }
    div#program_custom ul.tab li a {
        display: block;
        width: 100%;
        height: 40px;
        line-height: 42px;
        color: #d1d1d1;
        font-size: 10px;
        font-weight: bold;
    }
    div#program_custom ul.tab li.active a {
        color: #575757;
        /*text-shadow: 0 -1px -1px #CCC;*/
    }
    div#program_custom ul.tab li span { font-size: 10px }
    div#program_custom div.info dl {
        display: table;
        width: 100%;
        height: auto;
        background: #b6b6b6;
        font-size: 8px;
        padding: 0;
        margin: 5px 0 0;
    }
    div#program_custom div.info dl dt {
        vertical-align: middle;
        font-size: 12px;
        display: table-cell;
        color: #fff;
    }
    div#program_custom div.info dl dt span.date { font-size: 8px }
    div#program_custom div.info dl dt.distribution { color: #333 }
    div#program_custom div.info dl dt img { margin: 5px 5px }
    div#program_custom div.info dl dd {
        display: table-cell;
        width: 190px;
        vertical-align: middle;
        font-size: 11px;
    }
    div#program_custom div.info dl dd a {
        position: relative;
        margin: 0 0 0 5px;
    }
    div#program_custom div.info dl dd a span {
        position: absolute;
        top: 2px;
        right: 0;
        text-align: center;
        color: #fff;
        line-height: 14px;
        width: 48px;
        height: 14px;
        z-index: 100;
    }
    div#program_custom div.info p {
        height: 24px;
        display: table;
        width: 100%;
        margin: 12px 8px 0 0;
    }
    div#program_custom div.info p span {
        vertical-align: top;
        display: table-cell;
        line-height: 15px;
        padding: 0 5px 0 14px;
        font-size: 13px;
        word-break: break-all;
        word-wrap: break-word;
    }
    div#program_custom div.info p a {
        display: table-cell;
        width: 30px;
        padding: 0 10px;
    }
    div#program_custom div.movie {
        overflow: hidden;
        margin: 15px auto 10px;
    }
    div#program_custom div.movie img {
        display: block;
        margin: 0 auto;
    }
    div#program_custom div.btn {
        margin: 10px auto 10px;
        width: 294px;
        text-align: center;
    }
    div#program_custom_custom div.btn a { margin: 0 auto }
    div#program_custom div.btn ul {
        margin: 6px auto 0;
        overflow: hidden;
    }
    div#program_custom div.btn ul li {
        float: left;
        list-style: none;
        padding: 0 8px 0 0;
    }
    div#program_custom div.btn ul li.last { padding: 0 }
    div#program_custom div.btn ul li.second { margin-left: 6px }
    div#program_custom div.nav table {
        margin: 1px auto 0;
        overflow: hidden;
        border-spacing: 6px;
        width: 306px;
    }
    div#program_custom div.nav table tbody tr td {
        width: 50%;
        text-align: center;
        border: 1px #bbb solid;
        background: url(/basic/img/sp/detail_bg_tag.png) repeat-x left top;
        word-wrap: break-word;
        word-break: break-all;
    }
    div#program_custom div.nav table tbody td a {
        display: block;
        font-size: 12px;
        overflow: hidden;
        color: #999;
        line-height: 34px;
        word-wrap: break-word;
        word-break: break-all;
    }
    div#program_custom div.nav table tbody td span { font-size: 10px }
    div#program_custom div.nav table tbody td.more {
        border: none;
        height: 34px;
        background: none;
    }
    div#program_custom h3.title {
        background: #b6b6b6;
        line-height: 34px;
        padding-left: 16px;
        color: #FFF;
        padding-top: 0;
        margin: 10px 0 10px 0;
    }
    div#program_custom p.text { padding: 10px 16px; }
    div#program_custom ul.banners li {
        padding: 8px 0 8px 0;
        list-style: none;
    }

/*  29  music　
--------------------------------------------------------------------------------*/
    div#music {
        margin-top: -4px;
        margin-bottom: 20px;
        overflow: hidden;
    }
    div#music ul.tab {
        display: table;
        width: 100%;
        border-bottom: 2px solid #e6e6e6;
    }
    div#music ul.tab li {
        display: table-cell;
        width: 33%;
        height: 40px;
        vertical-align: middle;
        border: none;
        background: url(/basic/img/sp/tab_bg.gif) repeat-x left top;
        list-style: none;
        text-align: center;
    }
    div#music ul.tab li.active {
        width: 34%;
        background: url(/basic/img/sp/tab_active_bg.gif) repeat-x left top;
    }
    div#music ul.tab li a {
        display: block;
        width: 100%;
        height: 40px;
        line-height: 42px;
        color: #d1d1d1;
        font-size: 14px;
        font-weight: bold;
    }
    div#music ul.tab li.active a {
        color: #575757;
        /*text-shadow: 0 -1px -1px #CCC;*/
    }
    div#music ul.tab li span { font-size: 10px }
    div#music div.main_visual {
        position: relative;
        width: 100%;
        height: 185px;
        margin: 0 auto 12px;
        background: #f4f4f4;
        overflow: hidden;
    }
    div#music .main_visual #musicTitle {
        position: absolute;
        padding-top: 10px;
        left: 0;
        bottom: 0;
        text-align: center;
        width: 100%;
        opacity: 0;
        z-index: 9999;
    }
    div#music div.btn {
        margin: 10px auto;
        width: 294px;
        text-align: center;
    }
    div#music div.btn a { margin: 0 auto }
    div#music div.btn ul {
        margin: 6px auto 0;
        overflow: hidden;
    }
    div#music div.btn ul li {
        float: left;
        list-style: none;
    }
    div#music div.btn ul li.second { margin-left: 6px }
    div#music div.video_ranking ul {
        overflow: hidden;
        width: 303px;
        margin: 0 auto;
        text-align: center;
    }
    div#music div.video_ranking ul li {
        float: left;
        list-style: none;
        margin: 0 5px;
    }
    div#music div.video_ranking {
        overflow: hidden;
        border-top: 2px solid #ebebeb;
        border-bottom: 2px solid #ebebeb;
        padding: 8px 0 10px;
    }
    div#music div.video_ranking p {
        font-size: 12px;
        margin-bottom: 8px;
    }
    div#music div.video_ranking p img { margin: 0 10px 0 18px }
    div#music h3 {
        background: #b6b6b6;
        line-height: 34px;
        padding-left: 16px;
        margin-top: 0;
        color: #FFF;
    }

    /*-- .music list style ul --*/
    div#music .list ul { }
    div#music .list ul li {
        width: 100%;
        display: table;
        border-bottom: 1px solid #e4e4e4;
    }
    div#music .list ul li .title {
        width: 100%;
        height: 40px;
        display: table-cell;
        /*vertical-align: middle;*/
        padding: 10px 0 0 10px;
        color: #666666;
    }
    div#music .list ul li .title .text { word-break: strict }
    div#music .list ul li .title .l_artist {
        color: #333;
        font-weight: bold;
        padding: 0 0 3px 0;
        font-size: 11px; /* 10px -> 11px */
        line-height: 1.3;
    }
    div#music .list ul li .title .l_title {
        font-size: 10px; /* 9px -> 10px */
    }
    div#music .list ul li .title .l_artist .icon { padding: 0 3px }
    div#music .list ul li .title .l_artist .icon img { margin-top: -4px }
    div#music .list ul li .title .l_text {
        padding: 3px 0;
        font-size: 9px; /* 7px -> 9px */
    }
    div#music .list ul li .title .l_text .icon { padding-right: 5px }
    div#music .list ul li .title .l_text { line-height: 1.4 }
    div#music .list ul li .title .s_text .icon { padding: 0 5px 0 0 }
    div#music .list ul li .title .s_text .icon img { margin-top: -4px }
    div#music .list ul li .title .s_text {
        padding: 0;
        font-size: 7px;
    }
    div#music .list ul li .left {
        display: table-cell;
        vertical-align: top;
        padding: 10px 0 10px 10px;
        text-align: right;
    }
    div#music .list ul li .right {
        display: table-cell;
        vertical-align: middle;
        width: 20px;
        padding: 5px;
        text-align: right;
    }
    div#music .list ul li .count01,
    div#music .list ul li .count02 {
        display: table-cell;
        vertical-align: middle;
        width: 50px;
        min-width: 24px;
        height: 100%;
        text-align: center;
        padding: 3px 12px 18px 12px;
        font-size: 10px;
    }
    div#music .list ul li .count01 {
        color: #c9c9c9;
        background: url(/basic/img/sp/list_img_count01.png) no-repeat center center;
        background-size: 39px;
    }
    div#music .list ul li .count02 {
        color: #505050;
        background: url(/basic/img/sp/list_img_count02.png) no-repeat center center;
        background-size: 39px;
    }
    /*-- / .music list ul --*/

/*  30  music_play　
--------------------------------------------------------------------------------*/
    div#music_play div.info dl {
        display: table;
        width: 100%;
        height: 40px;
        background: #b6b6b6;
        font-size: 8px;
        padding: 0;
    /*    margin: 5px 0 0; */
    }
    div#music_play div.info dl dt {
        vertical-align: middle;
        font-size: 12px;
        display: table-cell;
        color: #fff;
        padding-left: 6px;
    }
    div#music_play div.info dl dt span.date { font-size: 8px }
    div#music_play div.info dl dt.distribution { color: #333 }
    div#music_play div.info dl dt img { margin: 5px 5px }
    div#music_play div.info dl dd {
        display: table-cell;
        width: 190px;
        vertical-align: middle;
        font-size: 11px;
    }
    div#music_play div.info dl dd a {
        position: relative;
        margin: 0 0 0 5px;
    }
    div#music_play div.info dl dd a span {
        position: absolute;
        top: 2px;
        right: 0;
        text-align: center;
        color: #fff;
        line-height: 14px;
        width: 48px;
        height: 14px;
        z-index: 100;
    }
    div#music_play div.info dl dd a em {
        position: absolute;
        top: 30px;
        left: -37px;
        z-index: 120;
    }
    div#music_play div.info p {
        height: 24px;
        display: table;
        width: 100%;
        margin: 12px 8px 0 0;
    }
    div#music_play div.info p span {
        vertical-align: top;
        display: table-cell;
        line-height: 15px;
        padding: 0 10px 0 14px;
        font-size: 13px;
        word-break: break-all;
        word-wrap: break-word;
    }
    div#music_play div.photo {
        margin: 20px 0 20px 0;
        text-align: center;
    }
    div#music_play div.info p a {
        display: table-cell;
        width: 30px;
        padding: 0 10px;
    }
    div#music_play div.btn {
        margin: 10px auto;
        width: 294px;
        text-align: center;
    }
    div#music_play div.btn a { margin: 0 auto }
    .music_play_tutorial { margin: 30% auto }
    div#music_play div.pkg_name {
        color: #161616;
        font-size: 16px;
        padding: 10px 6px 6px;
    }
    div#music_play div.info_text {
        margin: 20px 0 20px;
        border-top: #bbbbbb 1px solid;
        border-bottom: #bbbbbb 1px solid;
        padding: 15px;
        color: #666;
    }
    div#music_play div.info_text a {
        color: #666;
    }
    div#music_play div.text {
        padding: 5px 15px 5px;
    }


/*  31  info　
--------------------------------------------------------------------------------*/
    div#info h3 {
        background: #b6b6b6;
        line-height: 34px;
        padding-left: 16px;
        margin-top: 0;
        color: #FFF;
    }
    div#info h3.first { margin-top: 10px }
    div#info ul { }
    div#info ul li {
        width: 100%;
        display: table;
        border-bottom: 2px solid #e4e4e4;
    }
    div#info ul li.bordernone { border: none }
    div#info ul li .title {
        display: block;
        width: 100%;
        height: 40px;
        display: table-cell;
        vertical-align: middle;
        padding: 3px 10px;
        color: #666;
    }
    div#info ul li .title .icon { padding: 0 3px 0 0 }
    div#info ul li .title .icon img { margin-top: -4px }
    div#info ul li .left {
        display: table-cell;
        vertical-align: top;
        padding: 10px 0 10px 10px;
        text-align: right;
    }
    div#info ul li .right {
        display: table-cell;
        vertical-align: middle;
        width: 20px;
        padding: 5px;
        text-align: right;
    }
    div#info .btn {
        text-align: center;
        padding: 10px 0;
    }

/*  32  search　
--------------------------------------------------------------------------------*/
    div#search .searchbox {
        position: absolute;
        top: 70px;
        width: 100%;
        height: auto;
        text-align: center;
        z-index: 50;
    }
    div#search .searchbox_content {
        width: 300px;
        height: 23px;
        text-align: center;
        border: 2px solid #e4e4e4;
        margin: 0 auto;
        padding: 4px 0 6px 0;
        overflow: hidden;
    }
    div#search .searchbox_content input {
        width: 245px;
        height: 17px;
        float: left;
        padding: 2px;
        margin: 2px 5px 0 5px;
        outline: 0;
        border: none;
    }
    div#search .searchbox_content input.btn {
        float: left;
        width: 25px;
        height: 25px;
        margin-top: -2px;
    }
    div#search ul {
        border-bottom: 1px solid #e4e4e4;
    }
    div#search ul li {
        width: 100%;
        display: table;
        border-top: 1px solid #e4e4e4;
    }
    div#search ul li.bordernone { border: none }
    div#search ul li .title {
        display: block;
        width: 100%;
        height: 40px;
        display: table-cell;
        vertical-align: middle;
        padding: 3px 10px;
        color: #666;
    }
    div#search ul li .right {
        display: table-cell;
        vertical-align: middle;
        width: 20px;
        padding: 5px;
        text-align: right;
    }
    div#search .btn {
        text-align: center;
        padding: 10px 0;
    }

/*  33  search_incremental　
--------------------------------------------------------------------------------*/
    .searchbox {
        position: absolute;
        top: 70px;
        width: 100%;
        height: auto;
        text-align: center;
        z-index: 50;
        background: rgba(255,255,255,0.5);
    }
    .searchbox_content {
        width: 300px;
        height: 23px;
        text-align: center;
        border: 2px solid #e4e4e4;
        margin: 0 auto;
        padding: 4px 0 6px 0;
        overflow: hidden;
    }
    .searchbox_content input {
        width: 245px;
        height: 17px;
        float: left;
        padding: 2px;
        margin: 2px 5px 0 5px;
        outline: 0;
        border: none;
    }
    .searchbox_content input.btn {
        float: left;
        width: 25px;
        height: 25px;
        margin-top: -2px;
    }
    div#search_incremental ul {
        padding-top: 80px;
        border-bottom: 1px solid #e4e4e4;
    }
    div#search_incremental ul li {
        width: 100%;
        display: table;
        border-top: 2px solid #e4e4e4;
    }
    div#search_incremental ul li.bordernone { border: none }
    div#search_incremental ul li .title {
        display: block;
        width: 100%;
        height: 40px;
        display: table-cell;
        vertical-align: middle;
        padding: 3px 10px;
        color: #666;
    }
    div#search_incremental ul li .right {
        display: table-cell;
        vertical-align: middle;
        width: 20px;
        padding: 5px;
        text-align: right;
    }
    div#search_incremental .btn {
        text-align: center;
        padding: 10px 0;
    }
    .floating_content ul.search_incremental_list {
        border-top: #bbb 1px solid;
        border-right: #bbb 1px solid;
        border-left: #bbb 1px solid;
        margin: 110px auto;
        padding: 0;
        list-style: none;
        width: 302px;
    }
    .floating_content ul.search_incremental_list li {
        background-image: linear-gradient(bottom, rgb(246,246,246) 39%, rgb(255,255,255) 70%);
        background-image: -o-linear-gradient(bottom, rgb(246,246,246) 39%, rgb(255,255,255) 70%);
        background-image: -moz-linear-gradient(bottom, rgb(246,246,246) 39%, rgb(255,255,255) 70%);
        background-image: -webkit-linear-gradient(bottom, rgb(246,246,246) 39%, rgb(255,255,255) 70%);
        background-image: -ms-linear-gradient(bottom, rgb(246,246,246) 39%, rgb(255,255,255) 70%);
        background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.39, rgb(246,246,246)), color-stop(0.7, rgb(255,255,255)) );
        text-align: left;
        border-bottom: #bbb 1px solid;
    }
    .floating_content ul.search_incremental_list li a {
        display: block;
        padding: 4px 8px 4px 8px;
        height: 30px;
        line-height: 2.5;
        color: #666;
    }

/*  34  search_cast1　
--------------------------------------------------------------------------------*/
    div#search_cast1 ul { border-bottom: 1px solid #e4e4e4 }
    div#search_cast1 ul li {
        width: 100%;
        border-top: 1px solid #e4e4e4;
        background: url(/basic/img/sp/icon_arrow02.png) no-repeat 98% 17px;
        color: #666;
    }
    div#search_cast1 ul li a { color: #919191 ; display: block;}
    div#search_cast1 ul li .title {
        height: 48px;
        vertical-align: middle;
        padding: 0 10px 0 10px;
        color: #666;
        line-height: 4;
        cursor: pointer;
    }
    div#search_cast1 ul li.bordernone { border: none }

/*  35  search_cast2　
--------------------------------------------------------------------------------*/
    div#search_cast2 ul { border-bottom: 1px solid #e4e4e4 }
    div#search_cast2 ul li {
        width: 100%;
        border-top: 1px solid #e4e4e4;
        background: url(/basic/img/sp/icon_arrow02.png) no-repeat 98% 17px;
    }
    div#search_cast2 ul li a { color: #919191 }
    div#search_cast2 ul li .title {
        height: 48px;
        vertical-align: middle;
        padding: 0 10px 0 10px;
        color: #666;
        display: block;
        line-height: 4;
        cursor: pointer;
    }
    div#search_cast2 ul li.bordernone { border: none }

/*  36  search_cast3　
--------------------------------------------------------------------------------*/
    div#search_cast3 ul { border-bottom: 1px solid #e4e4e4 }
    div#search_cast3 ul li {
        width: 100%;
        border-top: 1px solid #e4e4e4;
    }
    div#search_cast3 ul li a { color: #919191 }
    div#search_cast3 ul li .title {
        height: 48px;
        vertical-align: middle;
        padding: 0 10px 0 10px;
        color: #666;
        display: block;
        line-height: 4;
        cursor: pointer;
        background: url(/basic/img/sp/icon_arrow02.png) no-repeat 98% 17px;
    }
    div#search_cast3 ul li .title.selected { background: url(/basic/img/sp/icon_arrow03.png) no-repeat 98% 20px }
    div#search_cast3 ul li.bordernone { border: none }
    div#search_cast3 ul li ul {
        background: #ececec;
        border: none;
    }
    div#search_cast3 ul li ubtn_search.pngl li {
        width: 100%;
        background: url(/basic/img/sp/icon_arrow02.png) no-repeat 98% 17px;
    }
    div#search_cast3 ul li ul li a {
        height: 48px;
        vertical-align: middle;
        padding: 0 10px 0 10px;
        color: #666;
        display: block;
        line-height: 4;
    }

/*  37  search_music1　
--------------------------------------------------------------------------------*/
    div#search_music1 { }
    div#search_music1 dl { width: 100% }
    div#search_music1 dl dt {
        font-weight: bold;
        padding: 23px 0 0 20px;
        float: left;
        clear: left;
        width: 100px;
        height: 30px;
    }
    div#search_music1 dl dt.text {
        height: 30px;
        padding: 18px 0 0 20px;
    }
    div#search_music1 dl dd {
        display: block;
        width: auto;
        height: 22px;
        padding: 18px 0;
        border-bottom: 1px solid #e4e4e4;
    }
    div#search_music1 dl dd.text {
        height: 30px;
        padding: 10px 0;
    }
    div#search_music1 dl dd input {
        width: 150px;
        height: 27px;
        border: none;
        border: 1px solid #bbb;
    }
    div#search_music1 .btn {
        text-align: center;
        padding: 15px 0;
    }

/*  38  search_music2　
--------------------------------------------------------------------------------*/
    div#search_music2 { }
    /*-- .program list ul --*/
    div#search_music2 .list ul { }
    div#search_music2 .list ul li {
        width: 100%;
        display: table;
        border-bottom: 1px solid #e4e4e4;
    }
    div#search_music2 .list ul li .title {
        width: 100%;
        height: 40px;
        display: table-cell;
        /*vertical-align: middle;*/
        padding: 10px 10px 0 10px;
        color: #666;
    }
    div#search_music2 .list ul li .title .text { word-break: strict }
    div#search_music2 .list ul li .title .l_artist {
        color: #333;
        font-weight: bold;
        padding: 0 0 3px 0;
        font-size: 11px; /* 10px -> 11px */
        line-height: 1.3;
    }
    div#search_music2 .list ul li .title .l_artist .icon { padding: 0 3px }
    div#search_music2 .list ul li .title .l_artist .icon img { margin-top: -4px }
    div#search_music2 .list ul li .title .l_text {
        padding: 3px 0;
        font-size: 8px;
    }
    div#search_music2 .list ul li .title .l_title {
        font-size: 10px; /* 9px -> 10px */
    }
    div#search_music2 .list ul li .title .l_title .icon { padding: 0 3px }
    div#search_music2 .list ul li .title .l_title .icon img { margin-top: -4px }
    div#search_music2 .list ul li .title .l_text .icon { padding-right: 5px }
    div#search_music2 .list ul li .title .l_text { line-height: 1.4 }
    div#search_music2 .list ul li .title .s_text .icon { padding: 0 5px 0 0 }
    div#search_music2 .list ul li .title .s_text .icon img { margin-top: -4px }
    div#search_music2 .list ul li .title .s_text {
        padding: 0;
        font-size: 9px; /* 7px -> 9px */
    }
    div#search_music2 .list ul li .left {
        display: table-cell;
        vertical-align: top;
        padding: 10px 0 10px 10px;
        text-align: right;
    }
    div#search_music2 .list ul li .right {
        display: table-cell;
        vertical-align: middle;
        width: 20px;
        padding: 5px;
        text-align: right;
    }
    div#search_music2 .list ul li .count01,
    div#search_music2 .list ul li .count02 {
        display: table-cell;
        vertical-align: middle;
        width: 50px;
        min-width: 24px;
        height: 100%;
        text-align: center;
        padding: 2px 10px 18px 10px;
        font-size: 10px;
    }
    div#search_music2 .list ul li .count01 {
        color: #c9c9c9;
        background: url(/basic/img/sp/list_img_count01.png) no-repeat center center;
        background-size: 39px;
    }
    div#search_music2 .list ul li .count02 {
        color: #505050;
        background: url(/basic/img/sp/list_img_count02.png) no-repeat center center;
        background-size: 39px;
    }
    /*-- / .program list ul --*/

/*  38  search_music2_2
--------------------------------------------------------------------------------*/
    /*-- .program list ul --*/
    div#search_music2_2 ul { border-bottom: 1px solid #e4e4e4 }
    div#search_music2_2 ul li {
        width: 100%;
        border-bottom: 1px solid #E4E4E4;
        background: url(/basic/img/sp/icon_arrow02.png) no-repeat 98% 17px;
    }
    div#search_music2_2 ul li .title {
        height: 48px;
        vertical-align: middle;
        padding: 0 10px 0 10px;
        color: #666;
        display: block;
        line-height: 4;
        cursor: pointer;
    }
    div#search_music2_2 ul li a { color: #666;
        display: block;
    }
    /*-- / .program list ul --*/

/*  38  search_music3　
--------------------------------------------------------------------------------*/
    div#search_music3 { margin-top: -4px; }
    div#search_music3 ul.tab {
        display: table;
        width: 100%;
        border-bottom: 2px solid #e6e6e6;
    }
    div#search_music3 ul.tab li {
        display: table-cell;
        width: 33%;
        height: 40px;
        vertical-align: middle;
        border: none;
        background: url(/basic/img/sp/tab_bg.gif) repeat-x left top;
        list-style: none;
        text-align: center;
    }
    div#search_music3 ul.tab li.active {
        width: 34%;
        background: url(/basic/img/sp/tab_active_bg.gif) repeat-x left top;
    }
    div#search_music3 ul.tab li a {
        display: block;
        width: 100%;
        height: 40px;
        line-height: 42px;
        color: #d1d1d1;
        font-size: 14px;
        font-weight: bold;
    }
    div#search_music3 ul.tab li.active a {
        color: #575757;
        /*text-shadow: 0 -1px -1px #CCC;*/
    }
    div#search_music3 ul.tab li span { font-size: 10px }
    /*-- .program list ul --*/
    div#search_music3 .list ul { }
    div#search_music3 .list ul li {
        width: 100%;
        display: table;
        border-bottom: 1px solid #e4e4e4;
    }
    div#search_music3 .list ul li .title {
        width: 100%;
        height: 40px;
        display: table-cell;
        /*vertical-align: middle;*/
        padding: 10px 10px 0 10px;
        color: #666;
    }
    div#search_music3 .list ul li .title .text { word-break: strict }
    div#search_music3 .list ul li .title .l_title {
        color: #333;
        font-weight: bold;
        padding: 0 0 3px 0;
        font-size: 10px; /* 9px -> 10px */
        line-height: 1.3;
    }
    div#search_music3 .list ul li .title .l_artist {
        font-size: 11px; /* 10px -> 11px */
    }
    div#search_music3 .list ul li .title .l_title .icon { padding: 0 3px }
    div#search_music3 .list ul li .title .l_title .icon img { margin-top: -4px }
    div#search_music3 .list ul li .title .l_text {
        padding: 3px 0;
        font-size: 9px; /* 7px -> 9px */
    }
    div#search_music3 .list ul li .title .l_text .icon { padding-right: 5px }
    div#search_music3 .list ul li .title .l_text { line-height: 1.4 }
    div#search_music3 .list ul li .title .s_text .icon { padding: 0 5px 0 0 }
    div#search_music3 .list ul li .title .s_text .icon img { margin-top: -4px }
    div#search_music3 .list ul li .title .s_text {
        padding: 0;
        font-size: 7px;
    }
    div#search_music3 .list ul li .left {
        display: table-cell;
        vertical-align: top;
        padding: 10px 0 10px 10px;
        text-align: right;
    }
    div#search_music3 .list ul li .right {
        display: table-cell;
        vertical-align: middle;
        width: 20px;
        padding: 5px;
        text-align: right;
    }
    div#search_music3 .list ul li .count01,
    div#search_music3 .list ul li .count02 {
        display: table-cell;
        vertical-align: middle;
        width: 50px;
        min-width: 24px;
        height: 100%;
        text-align: center;
        padding: 2px 10px 18px 10px;
        font-size: 10px;
    }
    div#search_music3 .list ul li .count01 {
        color: #c9c9c9;
        background: url(/basic/img/sp/list_img_count01.png) no-repeat center center;
        background-size: 39px;
    }
    div#search_music3 .list ul li .count02 {
        color: #505050;
        background: url(/basic/img/sp/list_img_count02.png) no-repeat center center;
        background-size: 39px;
    }
    /*-- / .program list ul --*/

/*  39  search_hot_program1　
--------------------------------------------------------------------------------*/
    /*-- .program list ul --*/
    div#search_hot_program1 ul { border-bottom: 1px solid #e4e4e4 }
    div#search_hot_program1 ul li {
        width: 100%;
        border-top: 1px solid #e4e4e4;
        background: url(/basic/img/sp/icon_arrow02.png) no-repeat 98% 17px;
    }
    div#search_hot_program1 ul li .title {
        height: 48px;
        vertical-align: middle;
        padding: 0 10px 0 10px;
        color: #666;
        display: block;
        line-height: 4;
        cursor: pointer;
    }
    div#search_hot_program1 ul li a { color: #919191 }
    div#search_hot_program1 ul li.bordernone { border: none }
    /*-- / .program list ul --*/

/*  40  search_hot_program2　
--------------------------------------------------------------------------------*/
    /*-- .search list ul --*/
    div#search_hot_program2 .list ul { }
    div#search_hot_program2 .list ul li {
        width: 100%;
        display: table;
        border-bottom: 1px solid #e4e4e4;
    }
    div#search_hot_program2 .list ul li .title {
        width: 100%;
        height: 40px;
        display: table-cell;
        /*vertical-align: middle;*/
        padding: 10px 10px 0 10px;
        color: #666;
    }
    div#search_hot_program2 .list ul li .title .text { word-break: strict }
    div#search_hot_program2 .list ul li .title .l_title {
        color: #333;
        font-weight: bold;
        padding: 0 0 3px 0;
        font-size: 11px; /* 10px -> 11px */
        line-height: 1.3;
    }
    div#search_hot_program2 .list ul li .title .l_title .icon { padding: 0 3px }
    div#search_hot_program2 .list ul li .title .l_title .icon img { margin-top: -4px }
    div#search_hot_program2 .list ul li .title .l_text {
        padding: 3px 0;
        font-size: 9px; /* 7px -> 9px */
    }
    div#search_hot_program2 .list ul li .title .l_text .icon { padding-right: 5px }
    div#search_hot_program2 .list ul li .title .l_text { line-height: 1.4 }
    div#search_hot_program2 .list ul li .title .s_text .icon { padding: 0 5px 0 0 }
    div#search_hot_program2 .list ul li .title .s_text .icon img { margin-top: -4px }
    div#search_hot_program2 .list ul li .title .s_text {
        padding: 0;
        font-size: 9px; /* 7px -> 9px */
    }
    div#search_hot_program2 .list ul li .left {
        display: table-cell;
        vertical-align: top;
        padding: 10px 0 10px 10px;
        text-align: right;
    }
    div#search_hot_program2 .list ul li .right {
        display: table-cell;
        vertical-align: middle;
        width: 20px;
        padding: 5px;
        text-align: right;
    }
    /*-- / .search list ul --*/

/*  41  search_hot_music1　
--------------------------------------------------------------------------------*/
    /*-- .program list ul --*/
    div#search_hot_music1 ul { border-bottom: 1px solid #e4e4e4 }
    div#search_hot_music1 ul li {
        width: 100%;
        border-top: 1px solid #e4e4e4;
        background: url(/basic/img/sp/icon_arrow02.png) no-repeat 98% 17px;
    }
    div#search_hot_music1 ul li .title {
        height: 48px;
        vertical-align: middle;
        padding: 0 10px 0 10px;
        color: #666;
        display: block;
        line-height: 4;
        cursor: pointer;
    }
    div#search_hot_music1 ul li a { color: #919191 }
    div#search_hot_music1 ul li.bordernone { border: none }
    /*-- / .program list ul --*/

/*  42  search_hot_music2　
--------------------------------------------------------------------------------*/
    /*-- .music list style ul --*/
    div#search_hot_music2 .list ul { }
    div#search_hot_music2 .list ul li {
        width: 100%;
        display: table;
        border-bottom: 1px solid #e4e4e4;
    }
    div#search_hot_music2 .list ul li .title {
        width: 100%;
        height: 40px;
        display: table-cell;
        /*vertical-align: middle;*/
        padding: 10px 10px 0 10px;
        color: #666;
    }
    div#search_hot_music2 .list ul li .title .text { word-break: strict }
    div#search_hot_music2 .list ul li .title .l_artist {
        color: #333;
        font-weight: bold;
        padding: 0 0 3px 0;
        font-size: 10px;
        line-height: 1.3;
    }
    div#search_hot_music2 .list ul li .title .l_artist .icon { padding: 0 3px }
    div#search_hot_music2 .list ul li .title .l_artist .icon img { margin-top: -4px }
    div#search_hot_music2 .list ul li .title .l_text {
        padding: 3px 0;
        font-size: 8px;
    }
    div#search_hot_music2 .list ul li .title .l_title {
        font-size: 9px;
    }
    div#search_hot_music2 .list ul li .title .l_text .icon { padding-right: 5px }
    div#search_hot_music2 .list ul li .title .l_text { line-height: 1.4 }
    div#search_hot_music2 .list ul li .title .s_text .icon { padding: 0 5px 0 0 }
    div#search_hot_music2 .list ul li .title .s_text .icon img { margin-top: -4px }
    div#search_hot_music2 .list ul li .title .s_text {
        padding: 0;
        font-size: 7px;
    }
    div#search_hot_music2 .list ul li .left {
        display: table-cell;
        vertical-align: top;
        padding: 10px 0 10px 10px;
        text-align: right;
    }
    div#search_hot_music2 .list ul li .right {
        display: table-cell;
        vertical-align: middle;
        width: 20px;
        padding: 5px;
        text-align: right;
    }
    div#search_hot_music2 .list ul li .count01,
    div#search_hot_music2 .list ul li .count02 {
        display: table-cell;
        vertical-align: middle;
        width: 50px;
        min-width: 24px;
        height: 100%;
        text-align: center;
        padding: 2px 10px 18px 10px;
        font-size: 10px;
    }
    div#search_hot_music2 .list ul li .count01 {
        color: #c9c9c9;
        background: url(/basic/img/sp/list_img_count01.png) no-repeat center center;
        background-size: 39px;
    }
    div#search_hot_music2 .list ul li .count02 {
        color: #505050;
        background: url(/basic/img/sp/list_img_count02.png) no-repeat center center;
        background-size: 39px;
    }
    /*-- / .music list ul --*/


/*  43  mobile　
--------------------------------------------------------------------------------*/
    div#mobile h3 { padding: 10px 10px 0 }
    div#mobile p {
        padding: 10px;
        border-bottom: #e4e4e4 solid 2px;
    }
    div#mobile p span { font-weight: bold }
    div#mobile p.bordernone { border: none }

/*  44  inquiry　
--------------------------------------------------------------------------------*/
    div#inquiry .layout {
        border-bottom: #e4e4e4 solid 2px;
        padding: 0 0 10px;
    }
    div#inquiry h3 { padding: 10px 10px 20px }
    div#inquiry p { padding: 0 10px 10px }
    div#inquiry .btn {
        text-align: center;
        padding: 0 0 10px;
    }

/*  44  inquiry2　
--------------------------------------------------------------------------------*/
    div#inquiry2 .layout {
        padding: 15px;
    }
    div#inquiry2 .form {
        width: 240px;
        margin: 0 auto;
        padding: 10px 0 15px 0;
    }
    div#inquiry2 .form dl dt {
        margin: 10px 0 0 0;
    }
    div#inquiry2 .form dl dt:nth-of-type(3) {
        margin: 20px 0 0 0;
    }
    div#inquiry2 input.text_l {
        height: 27px;
        width: 105px;
        border: none;
        border: 1px solid #bbb;
    }
    div#inquiry2 input.text_m {
        height: 27px;
        width: 240px;
        border: none;
        border: 1px solid #bbb;
    }
    div#inquiry2 select#domain {
        width: 120px;
    }
    div#inquiry2 select#category {
        width: 240px;
    }
    div#inquiry2 h3 { padding: 10px 10px 20px }
    div#inquiry2 p { padding: 0 10px 10px }
    div#inquiry2 .btn {
        text-align: center;
        padding: 0 0 10px;
    }
    div#inquiry2 textarea {
        width: 238px;
        height: 200px;
        border: none;
        border: 1px solid #bbb;
    }
    div#inquiry2 .link {
        text-align: center;
    }
    div#inquiry2 .link a {
        color: #4BC4FC;
        text-align: center;
    }

/*  45  sns　
--------------------------------------------------------------------------------*/
    div#floating div.sns {
        border: 3px solid #ececec;
        border-radius: 3px;
    }
    div#floating div.sns span.gray_area {
        display: block;
        padding: 8px 0 8px;
        line-height: 0;
        background: #fff;
        border-top: 1px solid #d1d1d1;
    }
    div#floating div.sns {
        width: 276px;
        margin: 50% auto 0;
    }
    div#floating div.sns p {
        width: 276px;
        background: #fff;
        text-align: center;
        color: #444;
        padding: 18px 0 10px;
        line-height: 20px;
    }
    div#floating div.sns div.btn {
        overflow: hidden;
        background: #fff;
    }
    div#floating div.sns div.btn ul {
        width: 240px;
        margin: 0 auto;
        text-align: center;
        color: #ffffff;
        display: table;
    }
    div#floating div.sns div.btn ul.bottom { padding-bottom: 10px }
    div#floating div.sns div.btn ul li.right { }
    div#floating div.sns div.btn ul li {
        width: 132px;
        display: table-cell;
        height: 50px;
        vertical-align: middle;
        list-style: none;
    }

/*  46  setting　
--------------------------------------------------------------------------------*/
    div#setting .layout { }
    div#setting h3 {
        background: #b6b6b6;
        line-height: 34px;
        padding-left: 16px;
        color: #FFF;
    }
    div#setting p { padding: 10px }
    div#setting ul { }
    div#setting ul.border { border-bottom: 2px solid #e4e4e4 }
    div#setting ul li {
        width: 100%;
        display: table;
        border-top: 2px solid #e4e4e4;
    }
    div#setting ul li .title {
        display: block;
        width: 100%;
        height: 40px;
        display: table-cell;
        vertical-align: middle;
        padding: 3px 10px;
        color: #666;
    }
    div#setting ul li .right {
        display: table-cell;
        vertical-align: middle;
        width: 20px;
        padding: 5px;
        text-align: right;
    }


/*  47  setting_beetv　
--------------------------------------------------------------------------------*/
    div#setting_beetv .layout {
        border-bottom: #e4e4e4 solid 2px;
        padding: 0 0 10px;
    }
    div#setting_beetv .layout.first { padding: 10px 0 }
    div#setting_beetv h3 { padding: 10px 10px 10px }
    div#setting_beetv p { padding: 0 10px 10px }
    div#setting_beetv p a { color: #4bc4fc }
    div#setting_beetv .btn {
        text-align: center;
        padding: 0 0 10px;
    }
    div#setting_beetv ul {
        font-size: 0;
        padding: 0 15px 10px;
    }
    div#setting_beetv ul li {
        font-size: 10px;
        line-height: 1.5;
        margin: 0 0 3px 12px;
    }

/*  48  setting_mail　
--------------------------------------------------------------------------------*/
    div#setting_mail p { padding: 10px }
    div#setting_mail div.table {
        display: table;
        width: 100%;
        margin: 0 0 10px;
    }
    div#setting_mail div.table div {
        display: table-cell;
        width: 50px;
        padding: 3px 10px;
    }
    div#setting_mail div.table div span {
        display: table-cell;
        vertical-align: middle;
    }
    div#setting_mail div.table div label {
        display: table-cell;
        vertical-align: middle;
        padding: 0 0 0 3px;
    }
    div#setting_mail div.table div label.other {
        font-size: 8px;
        line-height: 1.3;
    }
    div#setting_mail ul { }
    div#setting_mail ul li {
        width: 100%;
        display: table;
    }
    div#setting_mail ul li .title {
        display: block;
        width: 100%;
        height: 40px;
        display: table-cell;
        vertical-align: middle;
        padding: 3px 10px;
        color: #666;
    }
    div#setting_mail ul li .right {
        display: table-cell;
        vertical-align: middle;
        width: 20px;
        padding: 5px;
        text-align: right;
    }
    div#setting_mail .btn {
        text-align: center;
        padding: 15px 0 0;
    }
    div#setting_mail .btn.border {
        padding: 15px 0 15px;
        border-bottom: 2px solid #bbb;
    }
    div#setting_mail input.text_l,
    div#setting_mail input.text_m,
    div#setting_mail input.text_s,
    div#setting_mail input.text_ss {
        height: 27px;
        border: none;
        border: 1px solid #bbb;
    }
    div#setting_mail input.text_l { width: 200px }
    div#setting_mail input.text_m { width: 130px }
    div#setting_mail input.text_s { width: 74px }
    div#setting_mail input.text_ss { width: 54px }
    div#setting_mail .address {
        padding: 10px 10px 20px 10px;
        border-bottom: 2px solid #bbb;
        margin-bottom: 10px;
    }
    div#setting_mail .other_address {
        padding: 0 10px 15px 10px;
        border-bottom: 2px solid #bbb;
    }
    div#setting_mail .other_address dl dd span {
        color: #a7a7a7;
        font-size: 10px;
        padding: 10px 0;
        display: block;
    }

/*  49  setting_profile　
--------------------------------------------------------------------------------*/
    div#setting_profile dl {
        border-top: 2px solid #e4e4e4;
        margin: 10px 0 0;
    }
    div#setting_profile dl dt {
        font-weight: bold;
        padding: 10px 10px 8px;
    }
    div#setting_profile dl dt span { color: #999 }
    div#setting_profile dl dd {
        padding: 0 10px 10px;
        border-bottom: 2px solid #e4e4e4;
    }
    div#setting_profile dl dd input.text_l,
    div#setting_profile dl dd input.text_s,
    div#setting_profile dl dd input.text_ss {
        height: 27px;
        border: none;
        border: 1px solid #bbb;
    }
    div#setting_profile dl dd input.text_l { width: 174px }
    div#setting_profile dl dd input.text_s { width: 74px }
    div#setting_profile dl dd input.text_ss { width: 54px }
    div#setting_profile dl dd select {
        min-width: 80px;
        height: 21px;
    }
    div#setting_profile select#division,
    div#setting_profile select#job {
        width: 120px;
        height: 29px;
    }
    div#setting_profile dl dd div.table {
        display: table;
        width: 100%;
    }
    div#setting_profile dl dd div.table div {
        display: table-cell;
        width: 33%;
        padding: 3px 0;
    }
    div#setting_profile dl dd div.table div span {
        display: table-cell;
        vertical-align: middle;
        float: left;
    }
    div#setting_profile dl dd div.table div label {
        display: table-cell;
        padding: 7px 0 0 3px;
        height: 24px;
    }
    div#setting_profile dl dd div.table div label.other {
        font-size: 8px;
        line-height: 1.3;
    }
    div#setting_profile .layout {
        padding: 0;
        border-bottom: 2px solid #e4e4e4;
    }
    div#setting_profile p { padding: 10px 10px 0 }
    div#setting_profile .btn {
        text-align: center;
        padding: 15px 0;
    }
    div#setting_profile .quit ul {
        margin:0;
        padding:0;
        list-style:none;
        color:#000000;
    }
    div#setting_profile .quit ul li {
        padding:0;
        border-bottom: 2px solid #E4E4E4;
        border-top: 2px solid #E4E4E4;
    }
    div#setting_profile .quit ul li a {
        font-weight: bold;
        padding: 10px 10px 8px;
        color: #838383;
        font-size: 12px;
        background-color: #fff;
        display:block;
        text-decoration:none;
        background:url(/basic/img/sp/icon_arrow01.png) right center no-repeat;
        background-position:right center;
    }
    div#setting_profile .quit ul li a span {
        padding:0px;
    }

/*  50  privacypolicy　
--------------------------------------------------------------------------------*/
    div#privacypolicy h3 { padding: 10px 10px 0 }
    div#privacypolicy p { padding: 10px }

/*  51  business_deal　
--------------------------------------------------------------------------------*/
    div#business_deal h3 { padding: 10px 10px 0 }
    div#business_deal p {
        padding: 10px;
        border-bottom: #e4e4e4 solid 2px;
    }
    div#business_deal p span { font-weight: bold }
    div#business_deal p.bordernone { border: none }

/*  52  ad　
--------------------------------------------------------------------------------*/
    .ad_content {
        display: block;
        margin: 6% auto;
        -moz-box-shadow: 0 0 5px #000;
        -webkit-box-shadow: 0 0 5px #000;
        background: #fff;
        width: 271px;
        position: relative;
    }
    .ad_content .ad {
        position: relative;
        height: 390px;
        display: table-cell;
        vertical-align: middle;
    }
    .ad_content .ad .btn_close {
        position: absolute;
        top: -20px;
        right: -20px;
    }
    .ad_content .btn_detail {
        background: #fff;
        text-align: center;
        padding: 10px 0 10px 0;
    }

/*  53  player_list1　
--------------------------------------------------------------------------------*/
    div#player_list {
        margin-bottom: 20px;
        overflow: hidden;
    }
    div#player_list ul.tab,
    div#player_list ul.tab2 {
        display: table;
        width: 100%;
        border-bottom: 2px solid #e6e6e6;
    }
    div#player_list ul.tab2 { padding-top: 10px }
    div#player_list ul.tab li,
    div#player_list ul.tab2 li {
        display: table-cell;
        width: 33%;
        height: 53px;
        vertical-align: middle;
        border: none;
        background: url(/basic/img/sp/tab_bg02.gif) repeat-x left top;
        list-style: none;
        text-align: center;
        line-height: 1.1;
    }
    div#player_list ul.tab2 li.active,
    div#player_list ul.tab li.active {
        width: 34%;
        background: url(/basic/img/sp/tab_active_bg02.gif) repeat-x left top;
    }
    div#player_list ul.tab2 li a,
    div#player_list ul.tab li a {
        display: block;
        width: 100%;
        padding-top: 13px;
        height: 39px;
        color: #d1d1d1;
        font-size: 14px;
        font-weight: bold;
    }
    div#player_list ul.tab2 li.last a { line-height: 2 }
    div#player_list ul.tab li.active a,
    div#player_list ul.tab2 li.active a {
        color: #575757;
        /*text-shadow: 0 -1px -1px #CCC;*/
    }
    div#player_list ul.tab li span,
    div#player_list ul.tab2 li span { font-size: 10px }
    div#player_list ul.playlist_ctrl {
        display: table;
        width: 304px;
        margin: 0 auto;
        padding-top: 10px;
    }
    div#player_list ul.playlist_ctrl li {
        display: table-cell;
        padding-right: 7px;
    }
    div#player_list ul.playlist_ctrl li.last { padding: 0 }
    /*-- .myroom list style ul --*/
    div#player_list .list ul {
        margin-top: 10px;
        border-top: 1px solid #e4e4e4;
    }
    div#player_list .list ul li {
        width: 100%;
        display: table;
        border-bottom: 1px solid #e4e4e4;
        position: relative;
    }
    div#player_list .list ul li { padding-bottom: 25px; }
    div#player_list .list ul li .title {
        width: 100%;
        height: 40px;
        display: table-cell;
        /*vertical-align: middle;*/
        padding: 10px 10px 0 10px;
        color: #666;
    }
    div#player_list .list ul li .title .text { word-break: strict }
    div#player_list .list ul li .title .l_artist {
        color: #333;
        font-weight: bold;
        padding: 0 0 3px 0;
        font-size: 10px;
        line-height: 1.3;
    }
    div#player_list .list ul li .title .l_title {
        font-size: 9px;
    }
    div#player_list .list ul li .title .l_artist .icon { padding: 0 3px }
    div#player_list .list ul li .title .l_artist .icon img { margin-top: -4px }
    div#player_list .list ul li .title .l_text {
        padding: 3px 0;
        font-size: 8px;
    }
    div#player_list .list ul li .title .l_text .icon { padding-right: 5px }
    div#player_list .list ul li .title .l_text { line-height: 1.4 }
    div#player_list .list ul li .title .s_text .icon { padding: 0 5px 0 0 }
    div#player_list .list ul li .title .s_text .icon img { margin-top: -4px }
    div#player_list .list ul li .title .s_text {
        padding: 0;
        font-size: 7px;
    }
    div#player_list .list ul li .left {
        display: table-cell;
        vertical-align: top;
        padding: 10px 0 10px 10px;
        text-align: right;
    }
    div#player_list .list ul li .right {
        display: table-cell;
        vertical-align: middle;
        width: 20px;
        padding: 5px;
        text-align: right;
    }
    div#player_list .list ul li .bottom {
        display: block;
        position: absolute;
        right: 5px;
        bottom: 10px;
    }
    /*-- / .myroom list ul --*/

/*  55  login1　
--------------------------------------------------------------------------------*/
    div#login1 {
        width: 100%;
        height: 100%;
    }
    div#login1 .logo {
        width: 100%;
        height: 100%;
        text-align: center;
        display: block;
    }
    div#login1 .logo img {
        width: 222px;
        height: 60px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -60px 0 0 -111px;
    }
    div#login1 .btn {
        overflow: hidden;
        position: absolute;
        bottom: 80px;
        text-align: center;
        width: 100%;
    }

/*  56  login2　
--------------------------------------------------------------------------------*/
    div#login2 {
        width: 100%;
        height: 100%;
    }
    div#login2 .logo {
        height: 100%;
        text-align: center;
        padding: 20px 0 20px 0;
    }
    div#login2 .btn {
        text-align: center;
        padding: 10px;
    }
    div#login2 p.text {
        color: #666;
        text-align: center;
        line-height: 1.7;
        font-size: 11px;
        padding-bottom: 5px;
    }
    div#login2 div.login_form {
        width: 290px;
        margin: 0 auto;
    }
    div#login2 div.login_form dl dd { padding-bottom: 10px }
    div#login2 div.login_form dl dd input.text_l {
        width: 288px;
        height: 27px;
        border: none;
        border: 1px solid #bbb;
    }
    div#login2 div.login_form p {
        text-align: center;
        padding-bottom: 10px;
    }
    div#login2 div.login_form p a { color: #4bc4fc }

/*  57  mymenu　
--------------------------------------------------------------------------------*/
    div#mymenu { }
    div#mymenu h3 {
        background: #b6b6b6;
        padding: 10px 16px;
        margin: 5px 0 15px;
        color: #FFF;
    }
    div#mymenu .layout {
        width: 100%;
        padding: 10px 0 10px;
    }
    div#mymenu .layout.border {
        border-bottom: #e4e4e4 2px solid;
    }
    div#mymenu .layout p {
        padding: 3px 16px;
    }
    div#mymenu .layout .btn {
        text-align: center;
        padding: 10px 0 5px 0;
    }
    div#mymenu .layout .red {
        color: #ff1717;
    }
    div#mymenu .layout a {
        color: #4BC4FC;
    }

/*  98  error　
--------------------------------------------------------------------------------*/
    div#error .icon {
        text-align: center;
        padding: 25px 0;
    }
    div#error p {
        width: 75%;
        margin: 0 auto;
        padding: 5px 0 15px 0;
    }
    div#error .btn {
        text-align: center;
        padding: 10px;
    }

/*  99  floating　
--------------------------------------------------------------------------------*/
    div#floating {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        text-align: center;
        z-index: 8888;
    }

    div#floating div.program_nav table {
        margin: 10px auto 0;
        overflow: hidden;
        border-spacing: 6px;
        width: 95%;
    }
    div#floating div.program_nav table tbody tr td {
        width: 50%;
        text-align: center;
        border: 1px #bbb solid;
        background: url(../img/detail_bg_tag.png) repeat-x left top;
        word-wrap: break-word;
        word-break: break-all;
    }
    div#floating div.program_nav table tbody td a {
        display: block;
        font-size: 11px;
        overflow: hidden;
        color: #999;
        line-height: 34px;
        word-wrap: break-word;
        word-break: break-all;
    }
    div#floating div.program_nav table tbody td span { font-size: 10px }
    div#floating div.program_nav table tbody td.empty {
        border: none;
        height: 34px;
        background: none;
    }

    div#floating div.program_nav div.btn {
        padding: 10px 10px 0;
        text-align: center;
        margin-top: 10px;
        margin-bottom: 10px;
        border-top: 2px solid #E4E4E4;
    }

    div#floating.white { background: rgba(255,255,255,0.85) }
    div#floating.black { background: rgba(0,0,0,0.30) }
    div#floating_content{
        overflow:hidden;
        padding-bottom:115px;
    }

 /* BSC */
    div#floating div.text{
        width:276px;
        margin:100px auto 0;
        border:3px solid #ECECEC;
        border-radius:3px;
    }
    div#floating div.text p {
        width:276px;
        background:rgba(255,255,255,0.85);
        text-align:center;
        color:#000000;
        padding:18px 0 16px;
        line-height:20px;
    }
    div#floating div.text dl dt{
        border-top:1px solid #666666;
    }
    div#floating div.text p span.btn {
        display:block;
        width:276px;
        margin-top:6px;
        line-height:0;
    }
    div#floating div.text p span.btn01 {
        display:block;
        width:276px;
        margin-top:9px;
        line-height:0;
    }
    div#floating div.text span.gray_area {
        background: none repeat scroll 0 0 #FFFFFF;
        border-top: 1px solid #D1D1D1;
        display: block;
        line-height: 0;
        padding: 8px 0;
        width:276px;
    }

/*  BSC 追加 プレイリスト
--------------------------------------------------------------------------------*/
    div#playlist_c {
        margin-bottom: 20px;
        overflow: hidden;
    }
    div#playlist_c ul.tab,
    div#playlist_c ul.tab2 {
        display: table;
        width: 100%;
        border-bottom: 2px solid #e6e6e6;
    }
    div#playlist_c ul.tab2 { padding-top: 10px }
    div#playlist_c ul.tab li,
    div#playlist_c ul.tab2 li {
        display: table-cell;
        width: 50%;
        height: 40px;
        vertical-align: middle;
        border: none;
        background: url(/basic/img/sp/tab_bg02.gif) repeat-x left top;
        list-style: none;
        text-align: center;
    }
    div#playlist_c ul.tab2 li.active,
    div#playlist_c ul.tab li.active {
        width: 50%;
        background: url(/basic/img/sp/tab_active_bg02.gif) repeat-x left top;
    }
    div#playlist_c ul.tab2 li a,
    div#playlist_c ul.tab li a {
        display: block;
        width: 100%;
        height: 40px;
        line-height: 42px;
        color: #d1d1d1;
        font-size: 14px;
        font-weight: bold;
    }
    div#playlist_c ul.tab2 li.last a { line-height: 2 }
    div#playlist_c ul.tab li.active a,
    div#playlist_c ul.tab2 li.active a {
        color: #575757;
        /*text-shadow: 0 -1px -1px #CCC;*/
    }
    div#playlist_c ul.tab li span,
    div#playlist_c ul.tab2 li span { font-size: 10px }
    /*-- .myroom list style ul --*/
    div#playlist_c .list ul {
        border-top: 1px solid #e4e4e4;
    }
    div#playlist_c .list ul { border-bottom: 1px solid #e4e4e4 }
    div#playlist_c .list ul li {
        width: 100%;
        border-top: 1px solid #e4e4e4;
        background: url(/basic/img/sp/icon_arrow02.png) no-repeat 98% 17px;
    }
    div#playlist_c .list ul li .title {
        height: 48px;
        /*vertical-align: middle;*/
        padding: 0 10px 0 10px;
        color: #666;
        display: block;
        line-height: 4;
        cursor: pointer;
    }
    div#playlist_c .list ul li .title a { color: #919191 }

/*  BSC 追加 番組詳細
--------------------------------------------------------------------------------*/
    div#floating .content {
        border: 3px solid #ececec;
        margin: 8% auto;
        -moz-box-shadow: 0 0 5px #000;
        -webkit-box-shadow: 0 0 5px #000;
        background: #fff;
        width: 96%;
    }

    div#floating .first{
        text-align: left;
    }

/*  BSC 追加 プロフィール登録完了　
--------------------------------------------------------------------------------*/
    div#setting_profile_complete { margin-top: 10px }
    /*-- .list style ul --*/
    div#setting_profile_complete .list ul { }
    div#setting_profile_complete .list ul li {
        width: 100%;
        display: table;
        border-bottom: 1px solid #e4e4e4;
    }
    div#setting_profile_complete .list ul li .title {
        width: 100%;
        height: 40px;
        display: table-cell;
        /*vertical-align: middle;*/
        padding: 10px 10px 0 10px;
        color: #666;
    }
    div#setting_profile_complete .list ul li .title .text { word-break: strict }
    div#setting_profile_complete .list ul li .title .l_title {
        color: #333;
        font-weight: bold;
        padding: 0 0 3px 0;
        font-size: 10px;
        line-height: 1.3;
    }
    div#setting_profile_complete .list ul li .title .l_title .icon { padding: 0 3px }
    div#setting_profile_complete .list ul li .title .l_title .icon img { margin-top: -4px }
    div#setting_profile_complete .list ul li .title .l_text {
        padding: 3px 0;
        font-size: 8px;
    }
    div#setting_profile_complete .list ul li .title .l_text .icon { padding-right: 5px }
    div#setting_profile_complete .list ul li .title .l_text { line-height: 1.4 }
    div#setting_profile_complete .list ul li .title .l_title_new {
        font-size: 9px;
    }
    div#setting_profile_complete .list ul li .title .l_title_new .icon { padding: 0 3px }
    div#setting_profile_complete .list ul li .title .l_title_new .icon img { margin-top: -4px }
    div#setting_profile_complete .list ul li .title .l_title_new { line-height: 1.4 }
    div#setting_profile_complete .list ul li .title .s_text .icon { padding: 0 5px 0 0 }
    div#setting_profile_complete .list ul li .title .s_text .icon img { margin-top: -4px }
    div#setting_profile_complete .list ul li .title .s_text {
        padding: 0;
        font-size: 7px;
    }
    div#setting_profile_complete .list ul li .left {
        display: table-cell;
        vertical-align: top;
        padding: 10px 0 10px 10px;
        text-align: right;
    }
    div#setting_profile_complete .list ul li .right {
        display: table-cell;
        vertical-align: middle;
        width: 20px;
        padding: 5px;
        text-align: right;
    }
    /*-- /.list ul --*/
    div#setting_profile_complete h3 {
        background: #b6b6b6;
        line-height: 34px;
        text-align: center;
        color: #FFF;
    }
    div#setting_profile_complete .list ul li .title .l_artist {
        color: #333;
        font-weight: bold;
        padding: 0 0 3px 0;
        font-size: 10px;
        line-height: 1.3;
    }
    div#setting_profile_complete .list ul li .title .l_artist .icon { padding: 0 3px }
    div#setting_profile_complete .list ul li .title .l_artist .icon img { margin-top: -4px }

/*  BSC 追加 記事一覧
--------------------------------------------------------------------------------*/
    div#news-list {
        margin-bottom: 20px;
        overflow: hidden;
    }
    div#news-list ul.tab,
    div#news-list ul.tab2 {
        display: table;
        width: 100%;
        border-bottom: 2px solid #e6e6e6;
    }
    div#news-list ul.tab2 { padding-top: 10px }
    div#news-list ul.tab li,
    div#news-list ul.tab2 li {
        display: table-cell;
        width: 50%;
        height: 40px;
        vertical-align: middle;
        border: none;
        background: url(/basic/img/sp/tab_bg02.gif) repeat-x left top;
        list-style: none;
        text-align: center;
    }
    div#news-list ul.tab2 li.active,
    div#news-list ul.tab li.active {
        width: 50%;
        background: url(/basic/img/sp/tab_active_bg02.gif) repeat-x left top;
    }
    div#news-list ul.tab2 li a,
    div#news-list ul.tab li a {
        display: block;
        width: 100%;
        height: 40px;
        line-height: 42px;
        color: #d1d1d1;
        font-size: 14px;
        font-weight: bold;
    }
    div#news-list ul.tab2 li.last a { line-height: 2 }
    div#news-list ul.tab li.active a,
    div#news-list ul.tab2 li.active a {
        color: #575757;
        /*text-shadow: 0 -1px -1px #CCC;*/
    }
    div#news-list ul.tab li span,
    div#news-list ul.tab2 li span { font-size: 10px }
    div#news-list .list ul {
        border-top: 1px solid #e4e4e4;
    }
    div#news-list .list ul { border-bottom: 1px solid #e4e4e4 }
    div#news-list .list ul li {
        width: 100%;
        border-top: 1px solid #e4e4e4;
        background: url(/basic/img/sp/icon_arrow02.png) no-repeat 98% 17px;
    }
    div#news-list .list ul li .title {
        height: 48px;
        padding: 0 10px 0 10px;
        color: #666;
        display: block;
        line-height: 4;
        cursor: pointer;
    }
     div#news-list .list ul li#only-title {
        background-image:none;
    }
    div#news-list .list ul li .title a { color: #919191 }

/*  BSC 追加 記事一覧（フローティング）
--------------------------------------------------------------------------------*/
    div#floating_news h3 { text-align: left }
    div#floating_news h3 { padding: 10px 10px 0 }
    div#floating_news h3.title {
        background: #b6b6b6;
        line-height: 34px;
        padding-left: 16px;
        color: #FFF;
        padding-top: 0;
    }
    div#floating_news p {
        padding: 10px;
        border-bottom: 2px solid #e4e4e4;
        text-align: left;
    }
    div#floating_news p.first { border-bottom: none }
    div#floating_news .btn {
        padding: 10px 10px 0;
        text-align: center;
    }
    div#floating_news .btn a { margin: 0 auto }

    div#floating_news .list ul {
        border-top: 1px solid #e4e4e4;
        list-style:none
    }
    div#floating_news .list ul { border-bottom: 1px solid #e4e4e4 }
    div#floating_news .list ul li {
        width: 100%;
        border-top: 1px solid #e4e4e4;
        background: url(/basic/img/sp/icon_arrow02.png) no-repeat 98%;
    }
    div#floating_news .list ul li .title {
        min-height: 35px;
        padding: 17px 20px 0 10px;
        color: #666;
        display: block;
        cursor: pointer;
        text-align: left;
    }
     div#floating_news .list ul li#only-title {
        background-image:none;
    }
    div#floating_news.list ul li .title a { color: #919191 }


/*  BSC 追加 コーナー(作品）
--------------------------------------------------------------------------------*/
    div#corner_episode {
        margin-top: -4px;
        margin-bottom: 20px;
        overflow: hidden;
    }
    div#corner_episode .list ul { }
    div#corner_episode .list ul li {
        width: 100%;
        display: table;
        border-bottom: 1px solid #e4e4e4;
    }
    div#corner_episode .list ul li .title {
        width: 100%;
        height: 40px;
        display: table-cell;
        /*vertical-align: middle;*/
        padding: 10px 0 0 10px;
        color: #666666;
    }
    div#corner_episode .list ul li .title .text { word-break: strict; }
    div#corner_episode .list ul li .title .l_artist {
        color: #333;
        font-weight: bold;
        padding: 0 0 3px 0;
        font-size: 11px; /* 10px -> 11px */
        line-height: 1.3;
    }
    div#corner_episode .list ul li .title .l_title {
        font-size: 10px; /* 9px -> 10px */
        color: #666666;
    }
    div#corner_episode .list ul li .title .l_title .icon { padding: 0 3px }
    div#corner_episode .list ul li .title .l_title .icon img { margin-top: -4px }
    div#corner_episode .list ul li .title .l_artist .icon { padding: 0 3px }
    div#corner_episode .list ul li .title .l_artist .icon img { margin-top: -4px }
    div#corner_episode .list ul li .title .l_text {
        padding: 3px 0;
        font-size: 9px; /* 7px -> 9px */
        color: #666666;
    }
    div#corner_episode .list ul li .title .l_text .icon { padding-right: 5px }
    div#corner_episode .list ul li .title .l_text { line-height: 1.4 }
    div#corner_episode .list ul li .title .s_text .icon { p padding-right: 5px}
    div#corner_episode .list ul li .title .s_text {
        padding: 3px 0;
        font-size: 8px;
    }

    div#corner_episode .list ul li .left {
        display: table-cell;
        vertical-align: top;
        padding: 10px 0 10px 10px;
        text-align: right;
    }
    div#corner_episode .list ul li .right {
        display: table-cell;
        vertical-align: middle;
        width: 20px;
        padding: 5px;
        text-align: right;
    }
    div#corner_episode .list ul li .rank {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        padding: 0 0 0 4px;
    }
    div#corner_episode .list ul li .rank span {
        font-size: 9px;
        display: block;
        width: 20px;
    }
    div#corner_episode .list ul li .rank span img {
        padding: 0 0 0 5px;
    }
    div#corner_episode .list ul li .count01,
    div#corner_episode .list ul li .count02 {
        display: table-cell;
        vertical-align: middle;
        width: 40px;
        min-width: 24px;
        height: 100%;
        text-align: center;
        padding: 2px 10px 18px 10px;
        font-size: 10px;
    }
    div#corner_episode .list ul li .count01 {
        color: #c9c9c9;
        background: url(/basic/img/sp/list_img_count01.png) no-repeat center center;
        background-size: 39px;
    }
    div#corner_episode .list ul li .count02 {
        color: #505050;
        background: url(/basic/img/sp/list_img_count02.png) no-repeat center center;
        background-size: 39px;
    }

/*  BSC 追加 コーナー(番組）
--------------------------------------------------------------------------------*/
    div#corner_program { }
    div#corner_program .list ul { }
    div#corner_program .list ul li {
        width: 100%;
        display: table;
        border-bottom: 1px solid #e4e4e4;

    }
    div#corner_program .list ul li .title {
        display: block;
        width: 100%;
        height: 40px;
        display: table-cell;
        padding: 10px 10px 0 10px;
        color: #666;
    }
    div#corner_program .list ul li .title .text { word-break: strict }
    div#corner_program .list ul li .title .l_title {
        color: #333;
        font-weight: bold;
        padding: 0 0 3px 0;
        font-size: 10px;
        line-height: 1.3;
    }
    div#corner_program .list ul li .title .l_title .icon { padding: 0 3px }
    div#corner_program .list ul li .title .l_title .icon img { margin-top: -4px }
    div#corner_program .list ul li .title .l_text {
        padding: 3px 0;
        font-size: 8px;
    }
    div#corner_program .list ul li .title .l_text .icon { padding-right: 5px }
    div#corner_program .list ul li .title .l_text { line-height: 1.4 }
    div#corner_program .list ul li .title .s_text .icon { padding: 0 5px 0 0 }
    div#corner_program .list ul li .title .s_text .icon img { margin-top: -4px }
    div#corner_program .list ul li .title .s_text {
        padding: 0;
        font-size: 7px;
    }
    div#corner_program .list ul li .left {
        display: table-cell;
        vertical-align: top;
        padding: 10px 0 5px 10px;
        text-align: right;
    }
    div#corner_program .list ul li .right {
        display: table-cell;
        vertical-align: middle;
        width: 20px;
        padding: 5px;
        text-align: right;
    }
        div#corner_program .list ul li .rank {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        padding: 0 0 0 4px;
    }
    div#corner_program .list ul li .rank span {
        font-size: 9px;
        display: block;
        width: 20px;
    }
    div#corner_program .list ul li .rank span img {
        padding: 0 0 0 5px;
    }

/*  BSC 追加 キャンペーン登録受付
--------------------------------------------------------------------------------*/
    div#campaign p {
        width: 75%;
        margin: 0 auto;
        padding: 5px 0 15px 0;
    }
    div#campaign .btn {
        text-align: center;
        padding: 10px;
    }

/*  BSC 追加 ご利用規約
--------------------------------------------------------------------------------*/
    div#legal .layout {
        border-bottom: #e4e4e4 solid 2px;
        padding: 0 0 10px;
    }
    div#legal h3 { padding: 10px 10px 20px }
    div#legal p { padding: 0 10px 10px }
    div#legal .btn {
        text-align: center;
        padding: 0 0 10px;
    }

/*  BSC 追加 BeeTVアプリ
--------------------------------------------------------------------------------*/
    div#beetv_apl h3 {
        background: #b6b6b6;
        padding: 10px 10px;
        color: #FFF;
    }
    div#beetv_apl .layout {
        border-bottom: #e4e4e4 solid 2px;
        padding: 0 0 10px;
    }
    div#beetv_apl .icon {
        text-align: center;
        padding: 25px 0;
    }
    div#beetv_apl p {
        padding: 10px;
    }
    div#beetv_apl .btn {
        text-align: center;
        padding: 10px;
    }
    div#beetv_apl .layout2 {
        width: 100%;
        display: table;
        padding: 3px 0;
    }
    div#beetv_apl .layout2 img {
        display: table-cell;
        vertical-align: middle;
        padding: 10px;
        text-align: right;
    }
    div#beetv_apl .layout2 p {
        display: block;
        width: 100%;
        height: 40px;
        display: table-cell;
        vertical-align: middle;
        padding: 3px 10px;
        color: #666;
    }
    div#beetv_apl a {
        text-decoration: underline;
        color: #4BC4FC;
    }

/*	初期設定・初期化
----------------------------------------------------------------------------------------------------------------------------------*/
/*-- body設定 -------------*/
body {
	font-size: 12px;
	line-height: 140%;
	font-family: "Lucida Grande","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Geneva,Arial,Verdana,sans-serif;
	background-color: #fff;
	color: #838383;
	-webkit-text-size-adjust: none;
}
body.custom {
	background: url(/basic/img/sp/custom_bg.png) repeat left top;
}
body.program {
	background: url(/basic/img/sp/program_bg.png) repeat left top;
}
*{
	margin:0;
	padding:0;
}
body,div,p,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,blockquote,
table,tr,td {
	padding: 0;
	margin: 0;
}
/*-- リンク設定 --------*/
a {
    color: #333;
    text-decoration: none;
}
a:hover { text-decoration: none }
a img { border: none }
/*-- float対策 --------*/
.fcl { zoom: 100% }
.fcl:after {
    content: " ";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
/*-- イメージ初期化 --------*/
img {
    vertical-align: middle;
    margin: 0;
    padding: 0;
}
/*    ヘッダー設定
----------------------------------------------------------------------------------------------------------------------------------*/
header {
    width: 100%;
    height: auto;
    min-height:36px;
    padding:3px 0;
    background: url(/basic/img/sp/bg_header02.png) repeat-x;
    background-size: 100% 100%;
}
header.floating {
    position: absolute;
    top: 0;
    height: 36px !important;
    background: transparent url(/basic/img/sp/bg_header02.png) repeat-x;
    background-size: 100% 36px;
    z-index: 6666;
}
header.top,
header.tab {
    height: auto;
    min-height:36px;
}
header h2 {
    padding: 0;
    font-size: 15px;
    font-weight: bold;
    color: #393939;
    text-align: center;
    vertical-align: text-top;
}
header h2 span { font-size: 12px }
header div.header.triple {
    display: table;
    width: 100%;
    height: 32px;
}
header div.header.triple p {
    display: table-cell;
    vertical-align: middle;
    width: 50px;
}
header div.header.triple p.second {
    width: 40px;
}
header div.header.triple p img { vertical-align: text-bottom }
header div.header.triple p.first { text-align: right }
header div.header.triple h2 {
    display: table-cell;
    vertical-align: middle;
    padding: 0;
    margin: 0;
}
header .count { font-size: 12px }
header.floating .btn_sort {
    position: absolute;
    top: 9px;
    right: 10px;
}
header .myroom_icon { margin-top: -4px }
header.floating .btn_myroom {
    position: absolute;
    top: 4px;
    right: 10px;
}
/* ------- BSC 追加 ------- */
header div.header.tag p.second {
    width: 80px;
}
/* ------- BSC 追加 END --------- */
div.header.floating p.view {
    position: absolute;
    top: 5px;
    left: 10px;
    z-index: 500;
}
div.header.floating p.sort {
    position: absolute;
    top: 7px;
    right: 10px;
    z-index: 500;
    width: 66px;
    height: 15px;
    padding: 2px;
    border: 1px #dfdfdf solid;
    border-radius: 5px;
    font-size: 90%;
    text-align: left;
    -webkit-border-radius: 5px;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d6d6d6));
    color: #555555;
}
div.header.floating p.sort span { margin-left: 5px }
div.header.floating p.sort img {
    position: absolute;
    top: 6px;
    right: 5px;
}
div.header.floating p.sort a {
    display: block;
    width: 66px;
}
div.header.floating ul.sort01 {
    position: absolute;
    top: 5px;
    right: 10px;
    z-index: 500;
    width: 88px;
    font-size: 90%;
    text-align: left;
}
div.header.floating ul.sort01 li a { color: #a9a9a9 }
div.header.floating ul.sort01 li.top {
    list-style: none;
    height: 30px;
    background: url(/basic/img/sp/bg_sort_01.png) no-repeat;
    -webkit-background-size: 88px 30px;
    background-size: 88px 30px;
    list-style: none;
}
div.header.floating ul.sort01 li.top a { color: #333 }
div.header.floating ul.sort01 li.middle {
    list-style: none;
    height: 30px;
    background: url(/basic/img/sp/bg_sort_02.png) no-repeat;
    -webkit-background-size: 88px 30px;
    background-size: 88px 30px;
    list-style: none;
}
div.header.floating ul.sort01 li.bottom {
    list-style: none;
    height: 30px;
    background: url(/basic/img/sp/bg_sort_03.png) no-repeat;
    -webkit-background-size: 88px 30px;
    background-size: 88px 30px;
    list-style: none;
}
div.header.floating ul.sort01 li.top span {
    margin: 0 0 0 20px;
    padding-top: 8px;
    display: block;
}
div.header.floating ul.sort01 li.middle span {
    margin: 0 0 0 20px;
    padding-top: 7px;
    display: block;
}
div.header.floating ul.sort01 li.bottom span {
    margin: 0 0 0 20px;
    padding-top: 6px;
    display: block;
}
div.header.floating ul.sort01 a {
    display: block;
    width: 88px;
    height: 26px;
}

/* BSC 追加 */
div.header.floating ul.sort01 li.second {
    list-style: none;
    height: 30px;
    background: url(/basic/img/sp/bg_sort_02.png) no-repeat;
    -webkit-background-size: 88px 30px;
    background-size: 88px 30px;
    list-style: none;
}
div.header.floating ul.sort01 li.second span {
    margin: 0 0 0 20px;
    padding-top: 7px;
    display: block;
}

/*    コンテンツ設定
----------------------------------------------------------------------------------------------------------------------------------*/
.center { text-align: center }
.red { color: #F00 }
.smaller { font-size: smaller }
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.clear { clear: both }
.scroll { padding-bottom: 63px }
.scroll01 { padding-bottom: 43px }
/*    フッター設定
----------------------------------------------------------------------------------------------------------------------------------*/
footer {
    background: #fff;
    padding: 0;
    height: 52px;
    display: block;
    position: fixed;
    bottom: -1px;
    left: 0;
    width: 100%;
}
footer ul,
footer #foot_top {
    display: table;
    width: 100%;
}
footer ul li,
footer #foot_top #left,
footer #foot_top #middle,
footer #foot_top #right {
    display: table-cell;
    width: 33%;
    vertical-align: top;
    text-align: center;
}
footer #foot_top { padding-top: 5px }
footer ul li {
    text-align: center;
    list-style: none;
    background: url(/basic/img/sp/bg_footer_01.jpg) no-repeat left top;
    background-size: 100% 100%
}
footer ul li a {
    width: auto;
    display: block;
    text-align: center;
    padding: 6px 0 4px;
}
footer ul li.popup .update {
    position: fixed;
    bottom: 50px;
    left: 50%;
    margin-left: -34px;
}
footer ul li.last span {
    display: inline-block;
    position: fixed;
    bottom: 26px;
    right: 8%;
    color:#ff1717;
    font-size:9px;
}
footer ul li a:before,footer ul li a:after,
footer ul li.popup .update:before,
footer ul li.popup .update:after {
	content:'　';
	text-indent: -9999px;
}