@charset "UTF-8";

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

	字幕付きビデオプレイヤー用スタイルシート

------------------------------------------------------------------------------------------------- **/
#videoPlayerContainer {
	width: 100%;
	min-width: 300px;
	max-width: 640px;
	margin: 0 auto;
	padding: 0;
	background: #000000;
}

#videoPlayerContainer #videoPlayerHeader {
	margin: 0;
	padding: 5px 10px;
	border: solid 1px #979797;
	border-bottom: none;
	text-align: right;
	background: #F2F1F1;
}

#videoPlayerContainer #videoPlayerContent {
	color: #333333;
	background: #FFFFFF;
}


/* Flash Player版
------------------------------------------------------------------------ */
#videoPlayerContainer #videoPlayerContent object {
	outline: none;
	margin: 0;
	padding: 0;
}


/* HTML版: Link
------------------------------------------------------------------------ */
#videoPlayerContainer #videoPlayerContent #videoPlayerContentLink {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: #000000;
}

#videoPlayerContainer #videoPlayerContent #videoPlayerContentLink div {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	margin: 0 auto;
	background: #000000;
}

#videoPlayerContainer #videoPlayerContent #videoPlayerContentLink a,
#videoPlayerContainer #videoPlayerContent #videoPlayerContentLink a img,
#videoPlayerContainer #videoPlayerContent #videoPlayerContentLink span,
#videoPlayerContainer #videoPlayerContent #videoPlayerContentLink span img {
	display: block;
	width: 100%;
	height: 100%;
}

#videoPlayerContainer #videoPlayerContent #videoPlayerContentLink a,
#videoPlayerContainer #videoPlayerContent #videoPlayerContentLink span {
	position: absolute;
	top: 0px;
	left: 0px;
}

#videoPlayerContainer #videoPlayerContent #videoPlayerContentLink a {
	background: transparent url('../img/play_button.png') center center no-repeat;
}


/* HTML版: Video
------------------------------------------------------------------------ */
#videoPlayerContainer #videoPlayerContent #videoPlayerContentVideo {
	width: 100%;
	margin: 0;
	padding: 0;
	background: #000000;
	text-align: center;
}

#videoPlayerContainer #videoPlayerContent #videoPlayerContentVideo video {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

#videoPlayerContainer #videoPlayerContent #videoPlayerContentTrack {
	position: relative;
	margin: 0;
	padding: 10px;
	border: solid 1px #979797;
	border-top: none;
	/* mod 2016/02/17 relative -> absolute */
	/* font-size: 18px; */
	font-size: 1.3em;
	/* add 2016/02/17 */
	text-align: left;
}

#videoPlayerContainer #videoPlayerContent #videoPlayerContentTrack #videoPlayerContentTrackButton {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 42px;
	height: 42px;
	background-image: url('../img/track_button.png');
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

#videoPlayerContainer #videoPlayerContent #videoPlayerContentTrack #videoPlayerContentTrackButton.hide { background-position: 0px -42px; }

#videoPlayerContainer #videoPlayerContent #videoPlayerContentTrack #videoPlayerContentTrackText {
	min-height: 42px;
	margin: 0 0 0 52px;
	padding: 0;
}

#videoPlayerContainer #videoPlayerContent #videoPlayerContentTrack #videoPlayerContentTrackText p {
	line-height: 1.1;
	margin: 0;
	padding: 0;
}

#videoPlayerContainer #videoPlayerContent #videoPlayerContentTrack #videoPlayerContentNoTrack {
	min-height: 2em;
	margin: -10px;
	padding: 10px 10px 0;
	background: #F2F1F1;
}

#videoPlayerContainer #videoPlayerContent #videoPlayerContentTrack #videoPlayerContentNoTrack p {
	line-height: 2em;
	margin: 0;
	padding: 0;
	color: #444444;
	/* mod 2016/02/17 relative -> absolute */
	/* font-size: 14px; */
	font-size: 0.8em;
	text-align: center;
}


/* 非対応環境へのメッセージ
------------------------------------------------------------------------ */
#videoPlayerContainer #videoPlayerContent #videoPlayerContentDefaultMessage {
	line-height: 1.6;
	min-height: 456px;
	border: solid 1px #979797;
	border-top: none;
	font-size: 1.0em;
}

#videoPlayerContainer #videoPlayerContent #videoPlayerContentDefaultMessage p {
	margin: 0;
	padding: 20px 20px 0;
}

#videoPlayerContainer #videoPlayerContent #videoPlayerContentDefaultMessage ul {
	list-style-type: none;
	margin: 0;
	padding: 15px 20px 0;
}

#videoPlayerContainer #videoPlayerContent #videoPlayerContentDefaultMessage ul li {
	margin: 5px 1em 0;
	padding: 0;
	text-indent: -1em;
}

#videoPlayerContainer #videoPlayerContent #videoPlayerContentDefaultMessage ul li:first-child {
	line-height: 1.0;
	margin-top: 0;
}

#videoPlayerContainer #videoPlayerContent #videoPlayerContentDefaultMessage ul li:before {
	content: '・';
}