/* ==========================================================================
   Movie
   ========================================================================== */

body {
	background-image: url(../images/common/bg-yellow.png);
	background-repeat: repeat;
	background-attachment: fixed;
}

h1 {
	background-image: url(../images/movie/title-movie.png);
	background-repeat: no-repeat;
	background-size: 197px 130px;
	width: 197px;
	height: 130px;
	margin: 10px auto;
	text-indent: -9999px;
}


#Movies {
	width: 303px;
	margin: auto;
	padding-left: 3px;
}

#Movies li {
	display: block;
	float: left;
	background-image: url(../images/common/bg-thum.png);
	background-repeat: no-repeat;
	background-size: 303px 169px;
	width: 303px;
	margin-bottom: 6px;
}

#Movies li.new:before {
	content: ".";
	position: absolute;
	display: block;
	width: 33px;
	height: 33px;
	background-image: url(../images/common/icon-new.png);
	background-repeat: no-repeat;
	background-size: 33px 33px;
	text-indent: -9999px;
}

#Movies li .ytVideo {
	width: 300px;
	height: 169px;
}

.ds3 #Movies li .ytVideo {
	width: 300px;
	height: 159px;
}

#Movies span {
	display: block;
	font-weight: bold;
	font-size: 90%;
	padding: 10px 15px 15px 15px;
	line-height: 1.35em;
	background-image: url(../images/common/bg-thum-bottom.png);
	background-repeat: no-repeat;
	background-size: 303px 233px;
	background-position: center bottom;
}

.moreReadSp {
    text-indent: -9999px;
    width: 303px;
    height: 55px;
    margin: 0 auto 20px;
}

.moreReadSp a {
	background-image: url(../images/common/btn-more.png);
	background-repeat: no-repeat;
    background-size: 303px 110px;
    background-position: 0px 0px;
	width: 303px;
	height: 55px;
	display: block;
}

.moreReadSp a:active {
	background-position: 0px -55px;
}

.moreRead3D {
	height: 43px;
	padding-left: 10px;
	padding-right: 5px;
}

.moreRead3D #morePrev {
	background-image: url(../images/common/btn-more-3ds.png);
	background-repeat: no-repeat;
    background-size: 296px 86px;
    background-position: 0px 0px;
    text-indent: -9999px;
    width: 148px;
    height: 43px;
    margin: 0 auto 20px;
    float: left;
}

.moreRead3D #morePrev:active {
	background-position: 0px -43px;
}

.moreRead3D #moreNext {
	background-image: url(../images/common/btn-more-3ds.png);
	background-repeat: no-repeat;
    background-size: 296px 86px;
    background-position: -148px 0px;
    text-indent: -9999px;
    width: 148px;
    height: 43px;
    margin: 0 auto 20px;
    float: right;
}

.moreRead3D #moreNext:active {
	background-position: -148px -43px;
}

.moreRead3D a {
	width: 303px;
	height: 55px;
	display: block;
}