/*kadomaru*/
.kado { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; }

/* background-image
------------------------------------------------- */
.st_ply02.back_to_live span, .timeshift img, .timeshift_public img { background-image: url("../img/lv_common.png?20140805"); background-repeat: no-repeat; }

/* overlay_link
------------------------------------------------- */
.overlay_link { display: block; width: 120px; height: 90px; z-index: 3; position: absolute; top: 1px; left: 1px; background: #666; opacity: 0; -moz-opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); }
.videorec_grid.grid_s .overlay_link { top: 1px; left: 1px; }

/*.timeshift
------------------------------------------------- */
.timeshift { height: 370px; overflow: hidden; }
.timeshift li { position: relative; float: left; width: 120px; height: 170px; border: none; padding: 0; margin: 10px 34px 5px 0px; }
.timeshift li:nth-child(6n) { margin-right: 0px; }
.timeshift .thumb { float: none; margin-left: 0; position: relative; height: 90px; width: 120px; }
.timeshift .days { float: none; text-align: left; margin: 0; font-size: 11px; }
.timeshift .days span { display: block; font-size: 12px; }
.timeshift h4 { font-size: 12px; height: 2.8em; margin: 5px 0; overflow: hidden; text-overflow: clip; white-space: normal; width: 120px; }
.timeshift .sentence { position: absolute; top: 5px; left: 8px; font-size: 11px; width: 104px; height: 7em; margin: 0; z-index: 2; display: none; white-space: normal; color: #333333; }
.timeshift li:hover .sentence { display: block; color: #fff; }
.timeshift .timeshift_public { display: none; z-index: 1; position: absolute; color: #fff; background: #666; width: 120px; bottom: 5px; }
.timeshift .timeshift_public p { text-align: center; }
.timeshift .closepublic .timeshift_public { display: block; }
.timeshift li.closepublic:hover .sentence, .timeshift li.active:hover .sentence { display: none; }

ul.lv_pro_menu li.timeshift_tab span { display: inline-block; }
ul.lv_pro_menu li.timeshift_tab .limitation { vertical-align: middle; font-size: 11px; line-height: 1; color: #FFFFFF; background-color: #6694d8; padding: 3px; margin-left: 5px; }

#liv_box09 .messe_limitation { font-size: 12px; position: absolute; top: 53px; left: auto; z-index: 2; background-color: #efede7; padding: 1px 3px; }

.timeshift_public img { vertical-align: middle; }
.timeshift_public img.close { background-position: -610px -300px; }
.timeshift_public img.open { background-position: -635px -300px; }

#liv_box02 .timeshift_public_st { background: #efede7; padding: 5px 10px; display: inline-block; *display: inline; *zoom: 1; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; }

.timeshift_replay { display: none; position: absolute; top: 35px; left: 50%; z-index: 1; color: #fff; background: #E80011; padding: 3px 0; width: 80px; margin-left: -40px; border-radius: 3px; }
.timeshift_replay p { text-align: center; }
.active .timeshift_replay { display: block; }

/* belt
------------------------------------------------- */
.timeshift li:hover .thumb { border: 1px solid #ddd; }
.timeshift li:hover .belt { background-color: #555; filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#75000000,EndColorStr=#75000000); background-color: rgba(0, 0, 0, 0.75); top: 0; }

/* back to live
------------------------------------------------- */
#liv_box02 .st_ply02.back_to_live { margin-right: 25px; }
#liv_box02 .st_ply02.back_to_live span { background-position: -1400px -1125px; padding-left: 17px; }
#liv_box02 .st_ply02.back_to_live a { color: #333; }