@charset 'utf-8';
/* 動画一覧/動画詳細のスタイル */

.videoStats {
    padding-top:4px;
    color:#888;
    font-size:12px;
}

.videoDetailContainer {
    overflow:hidden;
}
.videoDetailContainer .videoTitle,
.videoDetailContainer .packTitle {
    padding:4px;
    color:#357;
}
.videoDetailContainer .packTitle {
    color:#f60;
}

.videoDetailContainer .videoDate {
    font-size:12px;
    padding:0 4px 0 0;
    color:#666;
}
.videoDetailContainer .videoStats strong {
    color:#333;
}

.videoDetailBody {
    float:left;
    width:614px;
}
.videoDetailBody table.infoTable {
    width:100%;
}
.videoDetailBody table.infoTable td {
    padding:4px;
}
.videoDetailBody .packCount {
    margin-top:4px;
    width:230px;
    text-align:center;
    font-size:14px;
    font-family:Arial, Helvetica, sans-serif;
}


/*この動画を視聴できる端末*/
fieldset.supportModels {
    margin:10px 0;
    padding:0 0 10px;
    border:none;
    font-size:12px;
    line-height:1.5;
}
fieldset.supportModels legend {
    margin:0;
    padding:10px 0 4px;
    color:#aaa;
    font-weight:bold;
}
fieldset.supportModels table {
    margin:0;
    width:60%;
    border-collapse:collapse;
}
fieldset.supportModels th,
fieldset.supportModels td {
    padding:4px 6px;
    border-bottom:solid 1px #ddd;
}
fieldset.supportModels th {
    border-color:#aaa;
}
fieldset.supportModels th.category1 {
    background:#f0f0f0;
    color:#aaa;
    white-space:nowrap;
    font-size:14px;
    width:130px;
}
fieldset.supportModels td {
    background:#fff;
    vertical-align:middle;
}
fieldset.supportModels td.device {
    width:140px;
    padding-left:30px;
    white-space:nowrap;
    background:no-repeat 6px center;
    text-align:left;
}
fieldset.supportModels td.device.ok {
    background-color:#fff;
    background-image:url(/img/common/icon/tick.16x16.png);/*@accent-color*/
}
fieldset.supportModels td.device.ng {
    background-color:#fdd;
    background-image:url(/img/common/icon/stop.16x16.png);
}
fieldset.supportModels p.help {
    margin-top:5px;
}

/*動画説明文(旧)とサンプル動画*/
fieldset.videoDescription {
    margin:10px 0;
    padding:0 0 10px;
    border:none;
    font-size:12px;
    line-height:1.5;
}
fieldset.videoDescription legend {
    margin:0;
    padding:10px 0 4px;
    color:#aaa;
    font-weight:bold;
}


.videoDetailBody div.tags {
    padding:10px 0;
    word-wrap:break-word;
    word-break:break-all;
    white-space:normal;
}
.videoDetailBody div.tags span.tag {
    display:inline-block;
    white-space:nowrap;
    line-height:1.75;
    margin-right:4px;
}
.videoDetailBody .nicopedia_tag {
    padding:0 2px;
    margin-left:1px;
    font-size:10px;
    text-decoration:none !important;
}
.videoDetailBody .nicopedia_tag.nonexist {
    background-color:#eee;
    color:#888 !important;
}
.videoDetailBody .nicopedia_tag.written {
    background-color:#c33;
    color:#fff !important;
}



.videoDetailBody .included_videos {
    padding:4px;
}
.videoDetailBody .included_videos .included_video_item {
    margin-bottom:6px;
    padding-bottom:6px;
    border-bottom:1px solid #ccc;
}
.videoDetailBody .included_videos .included_video_item:after {
    content:'';
    display:block;
    clear:both;
}
.videoDetailBody .included_videos .included_video_item:last-child {
    border-bottom:none;
    margin-bottom:0;
    padding-bottom:0;
}
.videoDetailBody .included_videos .included_video_item .thmb {
    float:left;
    width:60px;
}
.videoDetailBody .included_videos .included_video_item .detail {
    float:left;
    width:500px;
}
.videoDetailBody .included_videos .included_video_item .detail h3 {
    margin-bottom:3px;
}
.videoDetailBody .included_videos .included_video_item .detail h3 a {
    text-decoration:none;
}

.videoRes {
    margin-top:4px;
    padding-left:46px;
    background:transparent url(/img/common/res_bullet.gif) no-repeat left center;
}
.videoRes .videoResBody {
    padding:4px;
    background-color:#a3a3a3;
    color:#fff;
    font-weight:bold;
}

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

.exist_watchable_video {
    margin:4px;
    padding:4px 0;
    color:#d98200;
    text-align:center;
}