@charset "UTF-8";

/*	screenshot.css
	
		■コンテンツ設定
		■スクリーンショット設定
----------------------------------------------------------------------------------------------------------------------------------*/


/*	コンテンツ設定（各コンテンツ上書き）
----------------------------------------------------------------------------------------------------------------------------------*/

div#content {
	width:840px; /* 幅上書き */
}


div.sttl
{
	background-image:url(../../Media/Images/sttl_screenshots.png);
	background-repeat:no-repeat;
	width:833px;
	height:35px;
	text-indent:-9999px;
	font-size:1px;
}

div.sttl-movie
{
	background-image:url(../../Media/Images/sttl_movies.png);
}


/*	スクリーンショット設定
----------------------------------------------------------------------------------------------------------------------------------*/

/* SS段落 */

div.thb {
	position:relative;
	height: 516px;
	overflow: hidden;
}

div.thb-inner {
	position:absolute;
}

/* SS基本 */

div.thb .shot,
div.thb .empty {
	position:relative;
	display:block;
	float:left;
	width:200px;
	height:129px;
	background-position:top;
	background-repeat:no-repeat;
	margin:0 10px 0 0;
}

div.thb .shot:hover {
	background-position:bottom;
}

div.thb .end { /* 最終列用オプション（IE6） */
	margin:0;
}

/* SS眼鏡 */

div.thb a.shot div {
	position:absolute;
	bottom:0;
	right:0;
	cursor:pointer;
}