/* =============================================================================
  基本
   ========================================================================== */
html,body {
	margin: 0;
	padding: 0;
	width: 100%;
	min-width: 1020px;
	height: 1500px;
	background-color: #000;
	color: #fff;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:13px;
	line-height: 160%;
	text-align: center;
}

img {
	vertical-align: bottom;
}

#content {
	width: 100%;
	min-width: 1020px;
	max-width: 1600px;
	height: 100%;
	background-image: url(../img/top_back.jpg);
	background-size: 100% auto;
	-webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
	background-position: center top;
	background-repeat: no-repeat;
	margin: 39px auto 0;
}



/* =============================================================================
   コンテンツ
   ========================================================================== */
#container1 {
	position: relative;
	width: 996px;
	height: 784px;
	margin: 0 auto;
}

#title_logo {
	position: absolute;
	top: 460px;
	left: 190px;	
}

#text_left {
	position: absolute;
	top: 308px;
	left: -15px;	
}

#text_right {
	position: absolute;
	top: 562px;
	left: 716px;	
}

#text_center {
	position: absolute;
	top: 739px;
	left: 173px;	
}

#text_logo {
	position: absolute;
	top: 600px;
	left: 861px;	
}

#movie_0 {
	position: absolute;
	top: 25px;
	left: -30px;	
}

#tokuten_0 {
	position: absolute;
	top: 161px;
	left: -30px;	
}


#package {
	position: relative;
	width: 928px;
	height: 37px;
	border-bottom: 1px solid #FFFF00;
	margin: 66px auto 0;
}

#package_title {
	position: absolute;
	top: 0;
	left: 0;	
}

#package_day {
	position: absolute;
	top: -29px;
	right: 0;	
}

#package_ban {
	width: 520px;
	margin: 18px auto 0;
}

.ban {
	float: left;
	padding: 7px;
}

.clear {
	clear: both;
}


#download {
	position: relative;
	width: 928px;
	height: 37px;
	border-bottom: 1px solid #FFFF00;
	margin: 56px auto 0;
}

#download_title {
	position: absolute;
	top: 0;
	left: 0;	
}

#download_day {
	position: absolute;
	top: -29px;
	right: 0;	
}

#download_ban {
	width: 856px;
	margin: 18px auto 0;
}




/* =============================================================================
   新着情報
   ========================================================================== */
#news {
	position: relative;
	width: 928px;
	height: 37px;
	border-bottom: 1px solid #FFFF00;
	margin: 56px auto 0;
}

#news_title {
	position: absolute;
	top: 0;
	left: 0;	
}


dl.news {
	width: 842px;
	margin: 18px auto 0;
	text-align: left;
}

dl.news dt{
	width: 842px;
	margin-bottom: 0.8em;
	clear: left;
	float: left;
	width: 10em;
	color: #FFFF00;
}

dl.news dd {
	margin-bottom: 0.8em;
	margin-left: 10em;
	color: #FFF;
}




/* =============================================================================
   商品情報
   ========================================================================== */
#more_info {
	width: 928px;
	background-image: url(../img/more_info_line.gif);
	background-repeat: repeat-y;
	margin: 70px auto 0;
}


#more_info ul {
	list-style-type: none;
	width: 928px;	
	margin: 0;
	padding: 0;
}

#more_info li {
	width: 309px;
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
}


dl.staff {
	float: left;
	width: 239px;
	margin-left: 35px;
	margin-right: 35px;
	text-align: left;
}

dl.staff dt {
	margin-top: 0.4em;
	clear: left;
	float: left;
	width: 6em;
	color: #FFFF00;
}

dl.staff dd {
	margin-top: 0.4em;
	margin-left: 6em;
	color: #FFF;
}


dl.cast {
	float: left;
	width: 239px;
	margin-left: 35px;
	margin-right: 35px;
	text-align: left;
}

dl.cast dt {
	margin-top: 0.4em;
	clear: left;
	float: left;
	width: 11em;
	color: #FFFF00;
}

dl.cast dd {
	margin-top: 0.4em;
	margin-left: 11em;
	color: #FFF;
}


dl.info {
	float: left;
	width: 239px;
	margin-left: 35px;
	margin-right: 35px;
	text-align: left;
}

dl.info dt {
	margin-top: 0.4em;
	clear: left;
	float: left;
	width: 5em;
	color: #FFFF00;
}

dl.info dd {
	margin-top: 0.4em;
	margin-left: 5em;
	color: #FFF;
}


#link {
	margin: 80px auto 0;
}




/* =============================================================================
   ツイッター
   ========================================================================== */

.twitter {
position: absolute;
top: 5px;
right: 0px;
visibility: visible;
z-index: 20;
margin: 0px;
padding: 0px;
}


.clear {
	clear:both;
}