@charset "shift_jis";

#main #main-inner {
	border-left: none;
	border-right: none;
}


#visual-main {
	position: relative;
	width: 864px;
	height: 1030px;
	background: url(../img/main_bg.png) no-repeat;
	
}

#visual-main h2 {
	position: absolute;
	top: 0;
	left: 10px;	
}

#visual-main .catch {
	position: absolute;
	top: 0;
	left: 0;	
}

#visual-main .chara {
	position: absolute;
	top: 553px;	
}

#visual-main .icon {
	position: absolute;
	bottom: -54px;
	left: 10px;
}


#movie-area {
	width: 864px;
	height: 567px;
	background: url(../img/movie_bg.png) no-repeat top left;
}

#movie-area .movie {
	padding-top: 45px;
	padding-left: 104px;
	
}

.box-content {
	background: url(../img/box_bg.png) top left repeat-y;
}

.box-content img {
	vertical-align: bottom;	
}

#box {
	margin: 0 auto 20px;
	position: relative;
	width: 816px;
	height: 533px;	
}

#box dl dt {
	position: absolute;
	top: 0;
	right: 0;	
}

#box dl dd {
	position: absolute;
	bottom: 0;
	left: 0;	
}


#box2 {
	position: relative;
	width: 816px;
	height: 1423px;
	margin: 0 auto 20px;
}

#box2 p {
	position: absolute;
	top: 274px;
	left: 0;
}

#box2 .item {
	position: absolute;
	top: 0;
	left: 0;
}

#box2 .item2 {
	position: absolute;
	top: 274px;
	left: 0;
}

#box2 .item3 {
	position: absolute;
	top: 458px;
	left: 0;
}

#box2 .item4 {
	position: absolute;
	top: 458px;
	left: 293px;
}

#box2 .item5 {
	position: absolute;
	top: 755px;
	right: 0;
}

#box2 .item6 {
	position: absolute;
	top: 1087px;
	left: 0;
}

#box2 .item7 {
	position: absolute;
	bottom: 0;
	right: 0;
}

#box2 .item8 {
	position: absolute;
	top: 0;
	left: 0;
}

#box3 {
	position: relative;
	width: 816px;
	height: 668px;
	margin: 0 auto 24px;
}

#box4 {
	position: relative;
	width: 816px;
	height: 661px;
	margin: 0 auto;
	background: url(../img/box4_bg.png) no-repeat;
}

#box4 h2 {
	position: absolute;
	top: 56px;
	left: 339px;	
}


#box4 .movie-box {
	position: absolute;
	top: 235px;
	left: 50px;
}

#box4 .movie-box2 {
	position: absolute;
	top: 235px;
	left: 421px;
}



#main .main-footer {
	margin: 30px 0 0 0;
}

#main .footdata-logo {
	width: 260px;
	margin: 24px 0 0 0;
	float: left;
	text-align: center;
}

#main .footdata-contents {
	width: 580px;
	float: right;
	position: relative;
}

#main .footdata-ttl {
	margin-bottom: 20px;
	padding: 0 0 0 1px;
}

#main .footdata-hard {
	position: absolute;
	top: -15px;
	right: 0;
}

#main .footdata-hard li {
	float: left;
}

#main .footdata-edition {
	margin-bottom: 10px;
}

#main .footdata-spec {
	margin-bottom: 0;
	padding-bottom: 12px;
	color: #666;
}

#main .footdata-spec li {
	float: left;
	padding: 0 15px 10px 0;
	font-weight: bold;
}

#main .footdata-spec li em {
	color: #000;
}

#main .main-copyright {
	line-height: 1.4;
	margin: 0;
	font-size: 10px;
	color: #8c8c8c;
	text-align: center;
}