@charset "utf-8";

/*基本設定
------------------------------------------------------------------ */
div,p,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,blockquote,th,td {
    margin: 0px;
    padding: 0px;
    font-size: 100%;
    letter-spacing: 0px; }
html { background: #fff; }
body {
    margin: 0 auto;
    padding: 0;
    font-size: 100%;
    color: #333333;
    font-size: 12px;
    line-height: 120%;
    text-align: center;/* IE用 ブロックセンタリング */
    font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; }
* html body { font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; }
*+html body { font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; }

body       #Header { margin-top:36px; }
body.nofix #Header { margin-top:0; }

a {
    color: #333333;
    text-decoration: underline;
    outline:none;
    overflow:hidden;}
a:hover { text-decoration: none; }
img { border: 0px; }
table { border-collapse: collapse; }
td { word-break: break-all; }

form { display: inline; }
address {
    font-style:normal;
    text-align:center;
    padding:10px 0;}
address a {
    color:#44003d;
    text-decoration:none;}


/*装飾クラス
------------------------------------------------------------------ */
.hidden { display:none; }
.l { float: left; }
.r { float: right; }
/* "float" クリア */
.cfix:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; }
.cfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .cfix { height: 1%; }
*+html .cfix { height: 1%; }
.cfix { display: block; }
/* End hide from IE-mac */

.fs_10 { font-size: 10px; line-height: 12px; }
.fs_12 { font-size: 12px; line-height: 14px; }
.fs_14 { font-size: 14px; line-height: 18px; }
.fs_16 { font-size: 16px; line-height: 20px; }

.fc_red { color:#cc3300; }
.fc_wht { color:#FFFFFF; }
.fc_blk { color:#000000; }
.fc_yel { color:#ffcc33; }
.fc_gld { color:#999933; }
.fc_grn { color:#339900; }
.fc_gry { color:#888888; }
.fc_pnk { color:#FF6666; }
.fc_ppl { color:#9a258c; }
.fc_ble { color:#0066cc; }

.fw_b {font-weight: bold;}

.w_240 { width:240px; }
.w_96 { width:96px; }
.w_80 { width:80px; }
.w_52 { width:52px; }

a.link_blk { color:#000000; }
a.link_wht { color:#ffffff; }
a.link_red { color:#ff0000; }
a.link_yel { color:#ffcc33; }

.mb05 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb16 { margin-bottom: 16px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mr05 { margin-right:5px; }
.pd0410 { padding: 4px 10px; }
.pd1020 { padding: 10px 20px; }
.pd10 { padding:10px; }
.pd05 { padding:5px; }

.bdr_dot {
    border-bottom:1px dotted #999999;
    margin:6px 8px;
    padding:0 0 6px;
}
.bdr_864 {
    width:864px;
    height:11px;
    background:url(/img/common/bdr_864.gif) center top no-repeat;}
.bdr_968 {
    width:968px;
    height:12px;
    background:url(/img/common/bdr_968.gif) center top no-repeat;}

.fd_point {
    color:#999933;
    font-weight:bold;
    margin-top:2px;}
.fd_point img {
    vertical-align:middle;}

input.btn_common{
    background:#EDEDED url(../image/background/_input.gif) repeat-x scroll 0 0;
    border-color:#CCCCCC #333333 #333333 #CCCCCC;
    border-style:double;
    border-width:3px;
    color:#333333;
    font-size:12px;
    font-weight:bold;
    line-height:1.4;}
input.btn_common:hover, input.btn_common:focus {
    background:#EDEDED url(../image/background/_input.gif) repeat-x scroll 0 0;
    border-color:#CCCCCC #333333 #333333 #CCCCCC;
    border-style:double;
    border-width:3px;
    color:#006699;
    cursor:pointer;
    font-size:12px;
    font-weight:bold;}

input.btn_common_b{
    background:#EDEDED url(../image/background/_input.gif) repeat-x scroll 0 0;
    border-color:#CCCCCC #333333 #333333 #CCCCCC;
    border-style:double;
    border-width:3px;
    color:#333333;
    font-size:16px;
    font-weight:bold;
    line-height:1.4;}
input.btn_common_b:hover, input.btn_common_b:focus {
    background:#EDEDED url(../image/background/_input.gif) repeat-x scroll 0 0;
    border-color:#CCCCCC #333333 #333333 #CCCCCC;
    border-style:double;
    border-width:3px;
    color:#006699;
    cursor:pointer;
    font-size:16px;
    font-weight:bold;}

.pr_185 { margin-bottom:10px;}/* キャンペーン */

/*---------------------------------------------------------------- */
/*全体
------------------------------------------------------------------ */
#wrapper { text-align:left; }

/*ヘッダー上部
------------------------------------------------------------------ */
#header-top {
    padding-bottom:8px;
    color:#eeeeee;
    width:100%;
    min-width: 968px;
    background: url(../image/background/header.png) bottom center repeat-x  scroll;}
.header-inner {
    margin:0 auto;
    width:960px;}
table#niconavi tr td {
    padding-top:4px;
    padding-right:10px;}
#niconavi a,
#niconavi a:visited { color:#eeeeee; }

#niconavi-other {
    background:#24221e;
    line-height:1.4;
    border-collapse: separate;
    border:solid 1px #444100;
    position:absolute;
    display:block;}

#niconavi-other td {
    padding-left: 8px;}

#header-user {}
table#header-user tr td { padding-left:10px;}

table#header-user tr td a#a-name,
table#header-user tr td a#a-point {
    margin-left: 5px;
    padding: 3px 0px 3px 16px;
    line-height: 22px;}
table#header-user tr td a#a-name {
    background: transparent url(../image/icon/header_name.gif) no-repeat left center;
    color:#eeeeee;}
table#header-user tr td a#a-login {
    color:#eeeeee;
    font-weight:bold;}
table#header-user tr td a#a-point {
    background: transparent url(../image/icon/header_point.gif) no-repeat left center;
    color:#eae264;
    font-weight:bold;}


/*生放送ヘッダー上部
------------------------------------------------------------------ */
#header-top-live {
    padding-bottom:8px;
    color:#eeeeee;
    width:100%;
    min-width: 580px;
    background: #232b36;}

#header-user-live {
    background: url(../image/background/adlive_user.gif) bottom left no-repeat;
    height:38px;}

table tr td#header-user-live a#a-name,
table tr td#header-user-live a#a-point {
    margin-left: 5px;
    padding: 3px 0px 3px 16px;}
table tr td#header-user-live a#a-name {
    background: transparent url(../image/icon/header_name.gif) no-repeat left center;
    color:#eeeeee;}
table tr td#header-user-live a#a-login {
    color:#eeeeee;
    font-weight:bold;}
table tr td#header-user-live a#a-point {
    background: transparent url(../image/icon/header_point.gif) no-repeat left center;
    color:#eae264;
    font-weight:bold;}

.com_icn { width:38px; margin:5px; border: 1px #000000 solid;}
.live_ttl { font-size:14px; padding:5px;}
.live_ttl a { color:#0066cc; font-weight:bold;}

#live-info {
    color:#000000;
    background:#FFFFFF;}

#live-info table {
    float:right;
    width:302px;}


/*ヘッダー下部
------------------------------------------------------------------ */
#header-btm {
    margin:0 auto;
    width:968px;}
#header-logo { }
#header-icon { margin-top:10px; margin-right:5px; }
#header-banner {
    margin: 5px 0 2px;}
#header-banner a img {
}

#header-btm ul#header-menu { margin: auto 0;clear:both;}
#header-btm ul#header-menu li {
    list-style: none;
    float: left;
    height: 62px;}
ul#header-menu li#header-menu-top { width: 195px; }
ul#header-menu li#header-menu-new { width: 192px; }
ul#header-menu li#header-menu-rank { width: 192px; }
ul#header-menu li#header-menu-info { width: 192px; }
ul#header-menu li#header-menu-help { width: 196px; }
ul#header-menu li a {
    display: block;
    height: 62px;
    background-image: url(../image/button/header_menu.png);}
ul#header-menu li span { display: none; }
ul#header-menu li#header-menu-top a { background-position: 0px 0; }
ul#header-menu li#header-menu-top a:hover { background-position: 0px -62px; }
ul#header-menu li#header-menu-new a { background-position: -195px 0; }
ul#header-menu li#header-menu-new a:hover { background-position: -195px -62px; }
ul#header-menu li#header-menu-rank a { background-position: -387px 0px; }
ul#header-menu li#header-menu-rank a:hover { background-position: -387px -62px; }
ul#header-menu li#header-menu-info a { background-position: -579px 0px; }
ul#header-menu li#header-menu-info a:hover { background-position: -579px -62px; }
ul#header-menu li#header-menu-help a { background-position: -771px 0px; }
ul#header-menu li#header-menu-help a:hover { background-position: -771px -62px; }



/*メイン
------------------------------------------------------------------ */
#main {
    width: 960px;
    margin: 0 auto 40px;
    padding-top:12px;}

/*フッダー
------------------------------------------------------------------ */

#footer {
    margin: 10px auto;
    text-align:center;}
#footer img { }
#footer-menu {
    background:transparent url(../image/frame/footer_bottom.gif) bottom no-repeat;
    margin:0 auto;
    width:968px;
}
#footer-menu div.footer-inner {
    background:transparent url(../image/frame/footer_top.gif) no-repeat;
    color:#888888;
    padding:12px 0;
}

#footer-menu a,
#footer-menu a:visited { color:#888888; }
#copyright { margin: 0 auto; }



/*動画サムネイル
------------------------------------------------------------------ */

a img.thumb_bdr { border:1px solid #666; }

.thumb_box_450 {
    float:left;
    padding-left: 5px;
    width: 450px;}
.thumb_box_450 img{margin-right:5px; margin-bottom:5px; }

.thumb_box_320 {
    float:left;
    margin-bottom:5px;
    margin-left:5px;
    padding:3px;
    width:320px;}
.thumb_box_320 img  { margin-right:5px; margin-bottom:5px; }

.thumb_box_380 {
    float:left;
    margin-bottom:5px;
    margin-right:2px;
    padding-right:5px;
    width:375px;}
.thumb_box_380 img  { margin-right:5px; margin-bottom:5px; }

.thumb_box_180 {
    background-color:#E3E0D3;
    border:2px solid #E3E0D3;
    float:left;
    margin-right:4px;
    width:180px;}
.thumb_box_180 img  { margin-right:5px; margin-bottom:5px; }
.thumb_box_140 {
    background-color:#E3E0D3;
    border:2px solid #E3E0D3;
    float:left;
    margin-right:8px;
    width:140px;}
.thumb_box_140 img { margin-right:5px; margin-bottom:5px; }

.thumb_box_150 {
    border:2px solid #cccccc;
    float:left;
    margin-bottom:5px;
    margin-left:2px;
    margin-right:2px;
    padding:3px;
    width:150px;}
.thumb_box_150 img { margin-right:5px; margin-bottom:5px; }

.v_info {
    background-color:#FFFFFF;
    padding: 5px 18px;
    }
.ad_info {
    padding-top: 5px;
}
.ad_info span { color:#906601; font-weight:bold; }

a.video_ttl,
a:visited.video_ttl {
    text-decoration:underline;
    color:#333333;
    font-size:12px;
    font-weight:bold;
    line-height:1.2;}
a:hover.video_ttl { 
    background:#333333;
    color:#FFFFFF; }


/*トピックス
------------------------------------------------------------------ */
.bln_272 {
    width:272px;
    float:right;
    height:62px;
    margin-top:2px;
}
.aroow {
    display: block;
    width: 30px;
    height: 8px;
    background-image: url(../image/frame/pickup_balloon_aroow.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    }
.bln_left {
    display: block;
    float:left;
    width:5px;
    height:54px;
    background-image: url(../image/frame/pickup_balloon_left.png);
    background-repeat: no-repeat;}
.bln_right {
    display: block;
    float:right;
    width:5px;
    height:54px;
    background-image: url(../image/frame/pickup_balloon_right.png);
    background-repeat: no-repeat;}
.bln_272_cnt {
    display: block;
    float:left;
    width:258px;
    height:50px;
    background-color:#E3E0D3;
    padding: 2px;
    color:#3F3C34;
}
.bln_272_cnt a {color:#3F3C34;}


/*サイド
------------------------------------------------------------------ */

.side-cnt {
    background-color:#FFFFFF;
    border-color:#898474;
    border-style:solid;
    border-width:0 1px;
    overflow: hidden;
    padding-top:5px;
    width:183px;
}
.next-link {
    font-size: 10px;
    padding: 0 10px;
    text-align: right;
}
.next-link a {color:#666666;}



/*テキスト
------------------------------------------------------------------ */