@charset "utf-8";

@import "layout.css";

/*-------------------------------------------------------------------------
	title
/*-----------------------------------------------------------------------*/
#title {
	height: 790px;
	min-width: 960px;
	overflow: hidden;
	position: relative;
	z-index: 0;
}
	#title h1 {
		position: relative;
		top: -14px;
		left: -20px;
		z-index: 2;
	}
	#title .chara {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
	}
	#title .txt01 {
		height: 47px;
		width: 100%;
		text-align: center;
		background: url(../img/index/title/shadow.png) repeat-x;
		position: absolute;
		bottom: 0;
		z-index: 2;
	}
		#title .txt01 img {
			margin-top: 3px;
		}
	#title .background {
		top: -32px;
	}
	#title .movie {
		width: 261px;
		position: absolute;
		top: 506px;
		left: 376px;
		z-index: 2;
	}
		#title .movie span {
			position: relative;
			top: 52px;
			left: 171px;
		}
	#title .column {
		width: 291px;
		position: absolute;
		top: 577px;
		right: 8px;
		z-index: 2;
	}
		#title .column span {
			position: relative;
			top: 40px;
			left: 228px;
		}

iframe {
	border: 0;
}

/*-------------------------------------------------------------------------
	Contents
/*-----------------------------------------------------------------------*/
.contents {
	min-width: 960px;
	background-size: 100% auto;
	overflow: visible;
	position: relative;
	z-index: 2;
}
	.contents .line {
		background: url(../img/index/contents/line.png) repeat-x center top;
		position: relative;
		z-index: 1;
	}
	.contents .background {
		top: 27px;
	}
		.contents .background img {
			height: 560px;
		}

/*-------------------------------------------------------------------------
	soft_detail
/*-----------------------------------------------------------------------*/
#soft_detail {
	margin-top: 0;
}
	#soft_detail .btn {
		margin: 0 0 32px 100px;
		position: relative;
	}
		#soft_detail .btn li {
			float: left;
			position: relative;
			top: 8px;
		}
		#soft_detail .btn .first {
			margin-right: 92px;
		}
			#soft_detail .btn li span {
				position: absolute;
				top: 14px;
				left: 11px;
			}

	#soft_detail .box {
		width: 535px;
		margin: 0 auto;
	}
	#soft_detail .icon {
		width: 236px;
		margin-right: 23px;
		float: left;
	}
		#soft_detail .icon li {
			float: left
		}
		#soft_detail .icon .package {
			margin-right: 9px;
		}
		#soft_detail .icon .soft {
			margin: 0 7px 0 1px;
		}
		#soft_detail .icon .amiibo {
			margin: 5px 7px 0 0;
		}
		#soft_detail .icon .network {
			margin-top: 5px;
		}
	#soft_detail .txt {
		width: 276px;
		float: left;
		margin-top: -8px;
	}
		#soft_detail .txt li {
			margin-bottom: 2px;
		}
		#soft_detail .txt .detail {
			margin-left: -8px;
		}
	#soft_detail .txt02 {
		margin-top: 12px;
	}
		#soft_detail .txt02 li {
			float: left;
		}
		#soft_detail .txt02 #theme {
			margin-right: 28px;
		}
	#soft_detail .notes {
		padding-top: 12px;
		clear: both;
	}
	#soft_detail #update {
		width: 336px;
		margin: 20px auto 0 auto;
	}


#navi ul li {
	position: relative;
}
#navi ul li span {
	position: absolute;
	top: 6px;
	right: 14px;
	z-index: 4;
}