@charset "shift_jis";

/* ========================================
	reset
======================================== */
body {
	color: #333333;
	font-size: 12px;
	font-family:'ƒqƒ‰ƒMƒmŠpƒS Pro W3','Hiragino Kaku Gothic Pro','‚l‚r ‚oƒSƒVƒbƒN','MS P Gothic', Helvetica, sans-serif;
	line-height: 1;
	margin: 0;
	padding: 0;
	text-align: left;
}
/* for IF6 */
* html body {
	font-family: "‚l‚r ‚oƒSƒVƒbƒN","MS PGothic",Sans-Serif;
}
body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea,
p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th {
	text-align: left;
}
q:before, q:after {
	content: '';
}
object, embed {
	vertical-align: top;
}
hr,legend {
	display: none;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 14px;
}
li {
	list-style-type: none;
}
em, strong {
	font-style: normal;
	font-weight: bold;
}
img {
	border: 0;
	vertical-align: bottom;
}
:focus {
	outline: none;
}
a:link, a:visited {
	outline: none;
}
a:hover, a:active {
	outline: none;
}
#container{
	width: 784px;
	height: 497px;
	margin: 0 auto;
	position: relative;
	background: url(../img/modal_bg.png) 0 0 no-repeat;
}
.back_link{
	padding: 20px;
	text-align: center;
	display: block;
}
h1#ttl{
	position: absolute;
	top: 20px;
	left: 368px;
}
h1#ttl2{
	position: absolute;
	top: 33px;
	left: 368px;
}
div#txt{
	position: absolute;
	top: 145px;
	left: 375px;
}
#movie_set{
	position: absolute;
	top: 28px;
	left: 28px;
}
#moviebt{
	display: none;
}
#moviebt li#bt_a{
	position: absolute;
	top: 355px;
	left: 368px;
}
#moviebt li#bt_b{
	position: absolute;
	top: 355px;
	left: 562px;
}
#moviebt li#bt_c{
	position: absolute;
	top: 408px;
	left: 368px;
}
.active a{
	cursor: default;
}
a:hover img.hover{
	opacity: 0.7;
}
#sp_player{
	padding-top: 20px;
}