@charset "utf-8";
/* CSS Document */

/*
.flashContainer
動画全体を囲うブロック

.flashControl
コントローラーのブロック
デフォルトでは背景にbg.pngがリピートで指定されてる

.flashPlay
プレイボタン

.flashCurrent
現在の再生時間

.flashMute
ボリュームボタン（押すとミュート）

.flashVolume
ボリュームの設定

.flashDuration
動画の時間

border.pngはデフォルトでは各ボタンとかの
仕切りに使ってるみたいなので
デザインに合わせて要変更。


*/

.flashContainer {
	position: relative;
	/*overflow: hidden*/;
}
.flashContainer .flashControl {
	position: absolute;
	width: 620px;
	height: 24px;
	left: 0;
	right: 0;
	bottom: -27px;
	/*background-color: #CCC;*/
	overflow: hidden;
	/*background: url(../images/player/bg.png) repeat-x center;*/
	/*background: #f8d5f7;*/
	color: #fff;
}
.flashContainer .flashControl .flashPlay {
	float: left;
	display: block;
	height: 24px;
	width: 24px;
	background: url(../images/player/Player-Play.png) no-repeat center 1px;
	overflow: hidden;
}
.flashContainer .flashControl .flashPlay:hover {
	background: url(../images/player/Player-Play-hover.png) no-repeat center 1px;
}
.flashContainer.playing .flashControl .flashPlay {
	background: url(../images/player/Player-Pause.png) no-repeat center 1px;
}	
.flashContainer.playing .flashControl .flashPlay:hover {
	background: url(../images/player/Player-Pause-hover.png) no-repeat center 1px;
}	
.flashContainer .flashControl .flashCurrent,
.flashContainer .flashControl .flashDuration {
	float: left;
	height: 24px;
	width: 60px;
	overflow: hidden;
	/*font-family: "Courier New", Courier, monospace;*/
	font-size: 12px;
	line-height: 24px;
	padding: 1px 4px;
	text-align: center;
	background: url(../images/player/border.png) no-repeat right center;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.flashContainer .flashControl .flashDuration {
	float: right;
	background: url(../images/player/border.png) no-repeat left center;
}
.flashDuration {
	/*display: none;*/
}
.flashContainer .flashControl .flashProgress {
	height: 20px;
	overflow: hidden;
	cursor: pointer;
	overflow: hidden;
	margin-top: 1px;
}
.flashContainer .flashControl .flashProgress .flashElapsed {
	margin-top: 4px;
	padding-top: 15px;
	width: 0;
	height: 0; /*IE6で再生時間のバーの高さを指定する場合効かないのでheight:0 の padding-top:～px で指定*/
	background-color: #fff; /*再生バーの色 再生時間でのびる部分*/
	/*-moz-opacity: .3;
	filter: alpha(opacity=30);
	opacity: .3;*/
	border-right: 1px solid #826150; /*再生バーの初期位置 1px厳守*/
	overflow: hidden; /*IE6で再生時間のバーの高さを指定する場合効かないので ↑の関係上必要 */
}
.flashContainer .flashControl .flashMute {
	float: right;
	display: block;
	height: 24px;
	width: 35px;
	background: url(../images/player/Sound-On.png) no-repeat center bottom;
	overflow: hidden;
}
.flashContainer .flashControl .flashMute:hover {
	background: url(../images/player/Sound-On-hover.png) no-repeat center center;
}
.flashContainer.muted .flashControl .flashMute {
	background: url(../images/player/Sound-Off.png) no-repeat center center;
}
.flashContainer.muted .flashControl .flashMute:hover {
	background: url(../images/player/Sound-Off-hover.png) no-repeat center center;
}
.flashContainer .flashControl .flashClear {
	clear: both;
}
.flashContainer .flashControl .flashVolume {
	float: right;
	height: 15px;
	width: 60px;
	background: url(../images/player/border.png) no-repeat right center;
	overflow: hidden;
	cursor: pointer;
	padding: 5px 2px 0;
}
.flashContainer .flashControl .flashVolume .flashCursor {
	float: left;
	height: 15px; /* 1メモリのサイズ：高 ■ ←こういうの */
	width: 5px; /* 1メモリのサイズ：横 ■ ←こういうの */
	border-right: 1px solid #826150; /* 音量レベルのブロックの仕切り線に使う色 */
	overflow: hidden;
	cursor: pointer;
	background-color: #dddb; /* 音量レベルの色 ■■■■■ ←こういうの */
}
.flashContainer .flashControl .flashVolume .flashCursor.selected {
	background-color: #fff; /* 音量レベルの色（選択時） */
	/*-moz-opacity: .3;
	filter: alpha(opacity=30);
	opacity: .3;*/
}
.flashContainer:hover .flashControl {
	display: block;
}