@charset "Shift-JIS";


/* **************************************************
	サムネイル
************************************************** */
.thumbnail-summary { margin-bottom: 30px; }

.thumbnail-wrap { width: 160px; height: 328px; overflow: hidden; margin-left: 12px; font-size: 12px; position: relative; margin-bottom: 20px; padding-top: 25px; }

.thumbnail-pic-a { text-align: center; padding: 10px 5px; display: block; position: relative; text-decoration: none; }

.thumbnail-pic-a-r { text-align: center; padding: 10px 5px; display: block; position: relative; text-decoration: none; }

.thumbnail-pic-img { /*border-radius: 5px; -webkit-border-radius: 5px;*/ border: 0 none;height: auto;max-width: 100%;vertical-align: middle;z-index:1;}

/*
.thumbnail-pic-time { position: absolute; bottom: 10px; right: 5px; background-color: #000; color: #c4c4c4; border-radius: 5px 0 5px 0; -webkit-border-radius: 5px 0 5px 0; padding: 0 5px; line-height: 1.5em; filter: alpha(opacity=75); -webkit-opacity: 0.75; -moz-opacity: 0.75; opacity: 0.75; }
*/
.thumbnail-pic-time { position: absolute; bottom: 0px; right: 0px; background-color: #000; color: #c4c4c4; /*border-radius: 5px 0 5px 0; -webkit-border-radius: 5px 0 5px 0;*/ padding: 0 5px; line-height: 1.5em; filter: alpha(opacity=75); -webkit-opacity: 0.75; -moz-opacity: 0.75; opacity: 0.75; }

.thumbnail-body { height: 303px; border: 1px solid #d4d4d4; border-top: 0px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px; }

.thumbnail-description { padding: 0 10px; }

.thumbnail-title-a { display: block; text-align: center; font-size: 13px; color: #F69AC4; margin-bottom: 8px; width: 140px; max-height: 2.3em; overflow: hidden; line-height: 1.2em; height: 2.4em; }

.thumbnail-info { margin-bottom: 5px; font-size: 10px; line-height: 1.3em; }

.thumbnail-info-dt, .thumbnail-info-dd { overflow: hidden; line-height: 1.2em; height: 1.2em; }

.thumbnail-info-dt { width: 30%; font-weight: normal; }

.thumbnail-info-dd { width: 70%; }

.thumbnail-review-a { margin-bottom: 3px; font-size: 12px; }

.thumbnail-comment { margin: 0 0 10px 2px; height: 2.4em; overflow: hidden; line-height: 1.3em; font-size: 11px; }

.thumbnail-status { text-indent: -9999px; width: 130px; height: 22px; margin: 0 auto; margin-bottom: 5px; background-image: url(); background-repeat: no-repeat; }

.standby .thumbnail-status, .standby.thumbnail-status { background-position: 0px 1px; }

.chat .thumbnail-status, .chat.thumbnail-status { background-position: 0px -24px; }

.twoshot .thumbnail-status, .twoshot.thumbnail-status { background-position: 0px -49px; }

.offline .thumbnail-status, .offline.thumbnail-status { background-position: 0px -74px; }

.thumbnail-videotype { width: 160px; height: 25px; background-image: url(); background-repeat: no-repeat; text-indent: -9999px; position: absolute; top: 0; left: 0; z-index: 1000; }

.digestvideo .thumbnail-videotype { background-position: 0 2px; }

.freevideo .thumbnail-videotype { background-position: 0 -28px; }

.prvideo .thumbnail-videotype { background-position: 0 -58px; }


.timeline{
	position:relative;
}

div.scrubber{
	left: 15px;
	right: 15px;
	top: 3px;
}

.timeline div.seek{
	background-repeat: no-repeat;
	display: none;
	height: 111px;
	width: 148px;
	z-index: 2;
}

div.scrubber{
	background: linear-gradient(#000000, #222222) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#000000),color-stop(0.5, #000000),to(#222222));
	border-radius: 4px 4px 4px 4px;
	bottom: 5px;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2);
	display: none;
	height: 10px;
	left: 15px;
	padding: 1px;
	position: absolute;
	right: 15px;
	transition: opacity 0.2s linear 0s;
	z-index: 3;
	top:60px;
}

div.scrubber .scrubbed{
	background: linear-gradient(to bottom, #FFB7B7 0%, #F00000 50%, #F00000 100%) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFB7B7),color-stop(0.5, #F00000),to(#F00000));
	border-radius: 4px 4px 4px 4px;
	height: 10px;
	min-width: 6px;
}
