/**
 * コンテナ（一式カプセル）
 */
div.slidePlayContainer {
	margin: 0 auto;
	padding:0;
	width: 941px;
}

/**
 * パディング外枠
 */
div.slidePlayWrapper {
	position: relative;
	width: 650px;
	height: 400px;
	background-color: black;
}

/**
 * 画像表示箇所
 */
div.slidePlayScreen {
	position: relative;
	margin: 0 auto;
	width: 550px;
	height: 350px;
	overflow: hidden;
}

/**
 * テキスト表示箇所
 */
div.slidePlayTicker {
	position: relative;
	margin: 0 auto;
	width: 550px;
	height: 40px;
	overflow: hidden;
}

/**
 * テキスト本体。jsで操作するのでabsolute指定してます。
 */
span.slidePlayScroll {
	display: block;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 40px;
	line-height: 40px;
	color: white;
}

/**
 * 画像リスト
 *
 */
ul.slidePlayList {
	list-style: none;
	margin-left: -50px;
	width: 650px;
}

ul.slidePlayList li {
	display: none;
	position: absolute;
	width: 650px;
	height: 450px;
	z-index: 1;
}

/**
 * 画像
 *
 * 縦長画像の時に中央寄せしたいのでblock要素にして横のマージンにautoを指定しておく
 */
ul.slidePlayList li img {
	display: block;
	margin: 0 auto;
}

/**
 * 現在表示されている画像
 */
/*
.cur {
	display: block !important;
	z-index: 1000 !important;
}
*/

span.slideReplay {
	position: absolute;
	display: none;
	left: 30%;
	top: 40%;
	width: 200px;
	color: white;
	font-size: 0.8em;
	text-align: center;
	cursor: pointer;
}

span.slideReplay > img {
	margin: 0 auto;
}

#movie_replay {
	position: absolute;
	display: none;
	/*top: 40%;
	left: 35%;*/
	color: white;
	font-size: 0.8em;
	text-align: center;
	vertical-align:middle;
	cursor: pointer;
	z-index: 600;
}

#movie_replay > img {
	/*margin-top: 40%;*/
}

#loader {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	background-color: black;
	text-align: center;
	overflow: hidden;
	z-index: 5000;
}

.window_small #loader > img {
	margin-top: 45%;
}

.window_large #loader > img {
	margin-top: 35%;
}

#backscreen {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index: 500;
}

#slideimage {
display:block;
margin:0 auto;
}