@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:588px;
	}
	.videoDetailBody table.infoTable {
		width:588px
	}
	.videoDetailBody table.infoTable td {
		padding:4px;
	}
	.videoDetailBody .videoLength,
	.videoDetailBody .packCount {
		font-size:14px;
		font-family:Arial, Helvetica, sans-serif;
	}
	.videoDetailBody .videoLength{
		width:120px;
		text-align:center;
	}
	
	.videoDetailBody .packCount {
		margin-top:4px;
		width:230px;
		text-align:center;
	}
	.videoDetailBody .videoThumbContainer {}
	.videoDetailBody .videoThumbContainer .videoThumb {}
	.videoDetailBody .videoInfoContainer {}
	
	.videoDetailBody fieldset.supportModels {
		margin-bottom:10px; padding:10px 4px;
		border:solid 2px #ccc;
		font-size:12px;
		line-height:1.5;
	}
	.videoDetailBody fieldset.supportModels legend {
		margin:0; padding:0 4px;
		font-weight:bold;
	}
	.videoDetailBody fieldset.supportModels table {
		border-collapse:collapse;
		width:90%;
		margin:0 auto 6px;
		border: 1px solid #cfcfcf;
	}
	.videoDetailBody fieldset.supportModels th,
	.videoDetailBody fieldset.supportModels td {
		padding:4px 6px;
		border-right: 1px solid #cfcfcf;
		border-bottom: 1px solid #cfcfcf;
	}
	.videoDetailBody fieldset.supportModels th.category1 {
		width:24%;
		background:#e6e6e6;
	}
	.videoDetailBody fieldset.supportModels th.category2 {
		width:26%;
		background:#f5f5f5;
		font-weight:normal;
	}
	.videoDetailBody fieldset.supportModels td {
		width:50%;
		background:#fff;
		font-weight:bold;
		text-align:center;
	}
	.videoDetailBody fieldset.supportModels .helplink {
		width:90%;
		margin:0 auto;
	}
	.videoDetailBody fieldset.supportModels .helplink a {
		margin-right:2em;
	}
	
	.videoDetailBody fieldset.videoDescription {
		margin:0; padding:4px;
		border:solid 2px #ccc;
		font-size:12px;
		line-height:1.5;
	}
	.videoDetailBody fieldset.videoDescription legend {
		margin:0; padding:0 4px;
		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; /display:inline; /zoom:1;
		white-space:nowrap;
		line-height:1.75;
		margin-right:4px;
	}
	.videoDetailBody .nicopedia_tag {
		padding:0 2px;
		margin-left:1px;
		font-size:10px;}
	.videoDetailBody .nonexist {
		text-decoration:none !important;
		background-color:#eee;
		color:#888 !important;
	}
	.videoDetailBody .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;
		zoom:1;
	}
	.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;
	}

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

.purchase_method {
	float:right; width:350px;
	padding:0 4px;
}
	.purchase_method h3.methodTitle {
		padding:8px;
		font-size:14px;
		background-color:#ddd;
		color:#888;
	}
	.purchase_method .methodBody {
		padding:4px;
		zoom:1;
	}
	.purchase_method p.message_only {
		padding:4px 0 4px 8px;
		text-align:left;
	}
	.purchase_method_preview p.message_only {
		text-align:right;
	}
	
	.purchase_method .current_pt {
		margin-bottom:10px;
		background-color:#eaeef1;
		border:2px solid #c5cfd9;
	}
	.purchase_method .current_pt table {
		margin:0 auto;
	}
	.purchase_method .current_pt td {
		padding:2px 4px;
	}
	.purchase_method .current_pt .methodBody {
	}

.purchase_method .by_single {
	margin-top:4px;
	XXXborder:solid 2px #f5f6f8;
	XXXborder-width:2px 0;
	background-color:#eaeef1;
}
	.purchase_method .by_single h3.methodTitle {
		background-color:#c5cfd9;
		color:#335577;
	}
	.purchase_method .by_single .methodBody {
		padding:0 4px;
	}
	
.purchase_method .by_pack {
	margin-top:4px;
	XXXborder:solid 2px #fffaf2;
	XXXborder-width:2px 0;
	background-color:#fff5e5;
}
	.purchase_method .by_pack h3.methodTitle {
		background-color:#ffe2b5;
		color:#d98200;
	}
	.purchase_method .by_pack .methodBody {
		padding:4px;
	}
	
.purchase_method .ppv_help {
	text-align:right;
}

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

.exist_watchable_video {
	margin:4px; padding:4px 0;
	/*border:solid 3px #C7D3D3;
	background-color:#357;
	color:#fff;
	*/
	color:#D98200;
	text-align:center;
}

