@charset "UTF-8";

#content #main {
	width: 640px;
	position: relative;
	left: 235px;
}

.cap {
	display: block;
	margin: 0px auto;
}

.txt,
.ss {
	margin-bottom: 12px;
}

/*----------------------------------------------------------

local-nav

----------------------------------------------------------*/

#local-nav {
	position: absolute;
}

#local-nav ul {
	position: relative;
	left: 0px;
	top: 0px;
}

#local-nav li {
	position: relative;
}

#local-nav li a,
#local-nav li span {
	display: block;
	background-image: url(../img/movie_nav.png);
	width: 215px;
	height: 61px;
	text-indent: -999em;
}

/*----- ティザームービー -----*/
#local-nav li.teaser a {
	background-position: -0px -0px;
}

#local-nav li.teaser a:hover,
#local-nav li.teaser span.selected {
	background-position: -215px -0px;
}

/* NEW */
#local-nav li.teaser img {
	position: absolute;
	left: 4px;
	top: 0px;
	visibility: hidden;
}

/*----- プロモーションムービー -----*/
#local-nav li.promotion a {
	background-position: -0px -61px;
}

#local-nav li.promotion a:hover,
#local-nav li.promotion span.selected {
	background-position: -215px -61px;
}

/* NEW */
#local-nav li.promotion img {
	position: absolute;
	left: 4px;
	top: -4px;
/*	visibility: hidden;*/
}

/*----------------------------------------------------------

teaser.html

----------------------------------------------------------*/

#teaser #content #main {
	height: 300px;	/* height = 410 + 110 * ○ */
}

#teaser .mv00 a {
	display: block;
	background-image: url(../img/movie-teaser_mv00.png);
	width: 522px;
	height: 292px;
	text-indent: -999em;
	background-position: -0px -0px;
}

#teaser .mv00 a:hover {
	background-position: -0px -292px;
}

#teaser .btn00 a {
	display: block;
	background-image: url(../img/movie-btn_download.png);
	width: 294px;
	height: 23px;
	text-indent: -999em;
	background-position: -0px -0px;
	margin-left: 230px;
}

#teaser .btn00 a:hover {
	background-position: -0px -23px;
}

/*----------------------------------------------------------

promotion.html

----------------------------------------------------------*/

#promotion #content #main {
	height: 300px;	/* height = 410 + 110 * ○ */
}

#promotion .mv00 a {
	display: block;
	background-image: url(../img/movie-promotion_mv00.png);
	width: 522px;
	height: 292px;
	text-indent: -999em;
	background-position: -0px -0px;
}

#promotion .mv00 a:hover {
	background-position: -0px -292px;
}

#promotion .btn00 a {
	display: block;
	background-image: url(../img/movie-btn_download.png);
	width: 294px;
	height: 23px;
	text-indent: -999em;
	background-position: -0px -0px;
	margin-left: 230px;
}

#promotion .btn00 a:hover {
	background-position: -0px -23px;
}