@charset "shift_jis";

/* main-inner */
#main #main-inner {
	border: none;
	background: none;
}
#main #main-title,
#main #section01,
#main #section02,
#main #section03 {
	width: 864px;
}
#main #main-title h2,
#main #main-title p,
#main #section01 h2,
#main #section01 h3,
#main #section01 p,
#main #section02 h2,
#main #section02 p,
#main #section03 h2,
#main #section03 p {
	margin: 0;
	padding: 0;
}

/* main-title */
#main #main-title {
	height: 1012px;
	background: url(../img/main_title_bg.png) left top no-repeat;
}
#main #main-title .secret {
	margin: -132px 0 0 -27px;
}

/* section01 */
#main #section01 {
	height: 962px;
	background: url(../img/section01_bg.png) left top no-repeat;
}
#main #section01 h2,
#main #section02 h2,
#main #section03 h2 {
	margin: 0 0 0 -9px;
}
#main #section01 .size {
	position: relative;
	width: 814px;
	height: 488px;
	margin: 0 auto;
	background: url(../img/size_bg.png) left top no-repeat;
}
#main #section01 .size h3 {
	position: absolute;
	top: 36px;
	left: -19px;
}
#main #section01 .size .hamster,
#main #section01 .size .amiibo,
#main #section01 .size .wii {
	position: absolute;
	bottom: 0;
}
#main #section01 .size .hamster {
	left: 64px;
	bottom: -13px;
}
#main #section01 .size .amiibo {
	left: 314px;
}
#main #section01 .size .wii {
	right: 81px;
}
#main #section01 .note {
	margin: 12px 0 0 26px;
}
#main #section01 .comparison {
	height: 224px;
	margin: 35px 0 0 0;
	background: url(../img/section01_comparison_bg.gif) left top repeat-x;
}
#main #section01 .comparison dl,ul.chara,dt,dd,li {
	margin: 0;
	padding: 0;
}
#main #section01 .comparison ul.chara {
	list-style: none;
}
#main #section01 .comparison dt,dd, li {
	float: left;
}

/* section02 */
#main #section02 {
	clear: both;
	height: 862px;
	background: url(../img/section02_bg.png) left top no-repeat;
}
#main #section02 .detail {
	position: relative;
	width: 864px;
	height: 620px;
	margin: 31px 0 0 0;
}
#main #section02 .detail .chara01,
#main #section02 .detail .chara02,
#main #section02 .detail .chara03,
#main #section02 .detail .chara04 {
	position: absolute;
}
#main #section02 .detail .chara01 {
	left: -13px;
	top: 0;
}
#main #section02 .detail .chara02 {
	top: 0;
	right: 26px;
}
#main #section02 .detail .chara03 {
	left: -5px;
	bottom: 5px;
}
#main #section02 .detail .chara04 {
	right: 26px;
	bottom: 3px;
}

/* section03 */
#main #section03 {
	height: 752px;
	background: url(../img/section03_bg.png) left top no-repeat;
}
#main #section03 .detail {
	position: relative;
	width: 864px;
	height: 432px;
	margin: 76px 0 0 0;
}
#main #section03 .detail .amiibo-img,
#main #section03 .detail .icon01,
#main #section03 .detail .icon02,
#main #section03 .detail .icon03,
#main #section03 .detail .icon04,
#main #section03 .detail .txt {
	position: absolute;
}
#main #section03 .detail .amiibo-img {
	top: 0;
	left: 0;
}
#main #section03 .detail .icon01 {
	top: 126px;
	left: 37px;
}
#main #section03 .detail .icon02 {
	top: -49px;
	left: 86px;
}
#main #section03 .detail .icon03 {
	top: -49px;
	right: 82px;
}
#main #section03 .detail .icon04 {
	right: 42px;
	bottom: 140px;
}
#main #section03 .detail .txt {
	left: 36px;
	bottom: -33px;
}
#main #section03 .note {
	margin: 68px 0 0 26px;
}

/* btn-lineup */
#main .btn-lineup {
	margin: 20px 0 0 0;
	text-align: center;
}

/* copyright */
.copyright {
	clear: both;
	width: 100%;
	line-height: 1;
	margin-top: 20px;
	color: #8c8c8c;
	text-align: center;	
	font-size: 10px;
}

/* clearfix */
.clearfix:after {
	content: '';
	display: block;
	clear: both;
}