@charset "UTF-8";

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

common

----------------------------------------------------------*/
.new {
	display: block;
	background: url(../img/new.png) top left no-repeat;
	width: 52px;
	height: 22px;
	text-indent: -9999px;
}

.frame_middle {
	min-height: 100px;
}

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

#nav

----------------------------------------------------------*/
#sub_nav {
	float: left;
	margin-top: 137px;
	margin-left: 46px;
	width: 222px;
}

#sub_nav li {
	position: relative;
	margin-left: 8px;
}

#sub_nav li p,
#sub_nav li a {
	display: block;
	background: url(../img/movie_nav.png) top left no-repeat;
	width: 211px;
	height: 39px;
	text-indent: -9999px;
}

#sub_nav li span.new {
	background: url(../img/new.png) no-repeat;
	width: 52px;
	height: 22px;
	text-indent: -9999em;
	position: absolute;
	left: -25px;
	top: 10px;
}

/* pv_short */
#sub_nav li.pv_short p,
#sub_nav li.pv_short a {
	background-position: -0px -0px;
}
#sub_nav li.pv_short a:hover,
#sub_nav li.pv_short a.selected {
	background-position: -211px -0px;
}
#sub_nav li.pv_short .new {
	visibility: hidden;
}

/* pv_long */
#sub_nav li.pv_long p,
#sub_nav li.pv_long a {
	background-position: -0px -39px;
}
#sub_nav li.pv_long a:hover,
#sub_nav li.pv_long a.selected {
	background-position: -211px -39px;
}
#sub_nav li.pv_long .new {
	visibility: hidden;
}

/* play_movie01 */
#sub_nav li.play_movie01 p,
#sub_nav li.play_movie01 a {
	background-position: -0px -78px;
}
#sub_nav li.play_movie01 a:hover,
#sub_nav li.play_movie01 a.selected {
	background-position: -211px -78px;
}
#sub_nav li.play_movie01 .new {
	visibility: hidden;
}

/* play_movie02 */
#sub_nav li.play_movie02 p,
#sub_nav li.play_movie02 a {
	background-position: -0px -117px;
}
#sub_nav li.play_movie02 a:hover,
#sub_nav li.play_movie02 a.selected {
	background-position: -211px -117px;
}
#sub_nav li.play_movie02 .new {
	visibility: hidden;
}

/* play_movie03 */
#sub_nav li.play_movie03 p,
#sub_nav li.play_movie03 a {
	background-position: -0px -156px;
}
#sub_nav li.play_movie03 a:hover,
#sub_nav li.play_movie03 a.selected {
	background-position: -211px -156px;
}
#sub_nav li.play_movie03 .new {
	visibility: hidden;
}

/* character_play_movie01 */
#sub_nav li.character_play_movie01 p,
#sub_nav li.character_play_movie01 a {
	background-position: -0px -195px;
}
#sub_nav li.character_play_movie01 a:hover,
#sub_nav li.character_play_movie01 a.selected {
	background-position: -211px -195px;
}
#sub_nav li.character_play_movie01 .new {
	visibility: visible;
}

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

#main_content

----------------------------------------------------------*/
#main_content {
	float: left;
	width: 723px;
	padding-top: 48px;
}

.frame_middle {
	height: 150px;
}

#main_content iframe {
	margin-left: 88px;
}

#main_content #pv_short h2 {
	margin-bottom: 24px;
}

#main_content #pv_short h2 {
	margin-bottom: 24px;
	background: url(../img/movie_pv_short_cap.png) top left no-repeat;
	width: 668px;
	height: 99px;
	text-indent: -9999px;
}

#main_content #pv_long h2 {
	margin-bottom: 24px;
}

#main_content #pv_long h2 {
	margin-bottom: 24px;
	background: url(../img/movie_pv_long_cap.png) top left no-repeat;
	width: 639px;
	height: 99px;
	text-indent: -9999px;
}

#main_content #play_movie01 h2 {
	margin-bottom: 24px;
}

#main_content #play_movie01 h2 {
	margin-bottom: 24px;
	background: url(../img/movie_play_movie01_cap.png) top left no-repeat;
	width: 598px;
	height: 99px;
	text-indent: -9999px;
}

#main_content #play_movie02 h2 {
	margin-bottom: 24px;
}

#main_content #play_movie02 h2 {
	margin-bottom: 24px;
	background: url(../img/movie_play_movie02_cap.png) top left no-repeat;
	width: 601px;
	height: 99px;
	text-indent: -9999px;
}

#main_content #play_movie03 h2 {
	margin-bottom: 24px;
}

#main_content #play_movie03 h2 {
	margin-bottom: 24px;
	background: url(../img/movie_play_movie03_cap.png) top left no-repeat;
	width: 601px;
	height: 99px;
	text-indent: -9999px;
}

#main_content #character_play_movie01 h2 {
	margin-bottom: 24px;
}

#main_content #character_play_movie01 h2 {
	margin-bottom: 24px;
	background: url(../img/movie_character_play_movie01_cap.png) top left no-repeat;
	width: 639px;
	height: 99px;
	text-indent: -9999px;
}