@charset "UTF-8";


body{
	background-image:url(../images/gallery/bg.jpg);
	background-repeat:no-repeat;
	background-position:center top;
}

.section{
	margin-bottom:0;
	position:relative;
}

#submenu{
	width:530px;
}

#submenu li{
	width:138px;
}

#submenu li #submenu-screenshot{
	background-image:url(../images/gallery/submenu-screenshot.png);
}
#submenu li #submenu-movie{
	background-image:url(../images/gallery/submenu-movie.png);
}
#submenu li #submenu-sound{
	background-image:url(../images/gallery/submenu-sound.png);
}

/*----SCREENSHOT-----*/

#screenshot #screenshot-box img{
	width:167px;
	margin:5px;
	border:1px #666 solid;

	-webkit-filter:saturate(10%) brightness(0.7);
	-moz-filter:saturate(10%) brightness(0.7);
	-ms-filter:saturate(10%) brightness(0.7);
	filter:saturate(10%) brightness(0.7);
}


#screenshot #screenshot-box .page-changer{
	clear:both;
	text-align:center;
	color:#FFF;
	font-size:14px;
	margin-bottom:10px;
	padding-top:10px;
}

#screenshot #screenshot-box .page-changer span,
#screenshot #screenshot-box .page-changer a{
	padding:4px 15px;
	text-decoration:none;
	font-weight:bold;
	border-radius:5px;
}

#screenshot #screenshot-box .page-changer span{
	border:1px #555 solid;
	background-color:#333;
	color:#CCC;
}

#screenshot #screenshot-box .page-changer a{
	border:1px #CCC solid;
	background-color:#CCC;
	color:#333;
}
#screenshot #screenshot-box .page-changer a:hover{
	border:1px #E5C6C3 solid;
	background-color:#B9C4D1;
}


#movie #movie-box{
	width:100%;
	text-align:center;
	padding-top:20px;
	padding-bottom:30px;
}

#movie #movie-box #theater{
	display:block;
	margin:0 auto;
	display:none;
	background-color:#000;
}
#movie #movie-box #movietitle{
	text-align:center;
	color:#CCC;
	margin-top:10px;
	margin-bottom:30px;
}


#movie a.thumb{
	display:inline-block;
	width:272px;
	text-align:center;
	color:#CCC;
	text-decoration:none;
	font-size:80%;
	margin:30px 8px;
	position:relative;
}

#movie a.thumb img.thumb-image{
	width:100%;
}

#movie a.thumb img.mark-new{
	position:absolute;
	top:0;
	left:0;
}

#movie a.thumb span.icon-new{
	background-color:#900;
	padding:2px 5px;
	color:#FFF;
	border-radius:5px;
	margin-right:5px;
	display:none;
}





/*----SOUND-----*/
#screenshot #screenshot-box a:hover img{
	border-color:#D0CECE;

	-webkit-filter:saturate(100%) brightness(1);
	-moz-filter:saturate(100%) brightness(1);
	-ms-filter:saturate(100%) brightness(1);
	filter:saturate(100%) brightness(1);
}



#sound-box .sound{
	width:213px;
	height:115px;
	display:block;
	position:relative;
	float:left;
	margin:25px 6px;
	background-image:url(../images/gallery/sound/sound-ui.jpg);
	background-position:top;
	background-repeat:no-repeat;
	text-decoration:none !important;
}


#sound-box .sound marquee,
#sound-box .sound span{
	display:block;
	width:95%;
	height:27px;
	margin:0 auto;
	margin-top:82px;
	text-align:center;
	background-color:rgba(0,0,0,0.7);
	color:#fff;
	font-size:12px;
	line-height:27px;
	border-radius:4px;
	font-family:sans-serif;
}

#bts{
	text-align:center;
}

#bts img{
	margin:20px;
}

#sound .box{
	margin-top:60px;
}

#sound .box .box-text{
	text-align:center;
	font-size:120%;
	padding-top:20px;
}