@charset "UTF-8";



/*-------------------------------------------------------------------
	initial set
---------------------------------------------------------------------*/
#wrapper{
	width: 100%;
	min-width: 970px;
	overflow: hidden;
}



/*-------------------------------------------------------------------
	section1
---------------------------------------------------------------------*/
#section1{
	position: relative;
	width: 100%;
	height: 1190px;
	margin: 0 auto;
	background: url(../img/s1_bg.jpg) center 0 no-repeat;
	background-attachment: fixed;
	background-size: cover;
}
#section1 h1,
#section1 h2,
#section1 p{
	position: absolute;
}



/*-------------------------------------------------------------------
	main
---------------------------------------------------------------------*/
#main{
	position: relative;
	width: 960px;
	height: 428px;
	margin: 0 auto;
}
#main h1,
#main h2,
#main .miiverse_end{
	position: absolute;
}
#main .title1{
	top: 47px;
	left: 176px;
}
#main .title2{
	top: 120px;
	left: 132px;
}
#main .miiverse_end{
	top: 200px;
	left: 70px;
}
#main .miiverse_end a:hover{
	opacity: 0.85;
}

/*-------------------------------------------------------------------
	s1_body
---------------------------------------------------------------------*/
#section1 .s1_body{
	position: relative;
	width: 820px;
	height: 720px;
	margin: 0 auto;
	background: url(../img/s1_contents_bg.png) 0 0 no-repeat;
}
#section1 .s1_body .s1_box1{
	position: relative;
	width: 820px;
	height: 242px;
}
#section1 .s1_body .s1_img1{
	top: -27px;
	left: -135px;
}
#section1 .s1_body .s1_text1{
	top: 27px;
	left: 343px;
}
#section1 .s1_body .s1_miiverse{
	position: relative;
	width: 820px;
	height: 254px;
	background: url(../img/miiverse_bg.png) 29px 2px no-repeat;
}
#section1 .s1_body .miiverse_text{
	top: 60px;
	left: 183px;
}
#section1 .s1_body .miiverse_img{
	top: 42px;
	left: 33px;
}
#section1 .s1_body .miiverse_btn{
	top: 132px;
	left: 276px;
}
#section1 .s1_body .s1_box2{
	position: relative;
	width: 820px;
	height: 221px;
}
#section1 .s1_body .s1_text2{
	top: 0;
	left: 27px;
}
#section1 .s1_body .s1_img2{
	top: -23px;
	left: 431px;
}
#section1 .s1_body .s1_chara1{
	visibility: hidden;
	top: 208px;
	left: 628px;
}



/*-------------------------------------------------------------------
	section2
---------------------------------------------------------------------*/
#section2{
	position: relative;
	width: 100%;
	min-width: 960px;
	height: 720px;
	margin: 0 auto;
	background: url(../img/s2_bg.png) center 0 repeat;
	background-attachment: fixed;
}
#section2 .s2_body{
	position: relative;
	width: 820px;
	height: 720px;
	margin: 0 auto;
	background: url(../img/s2_contents_bg.png) 0 54px no-repeat;
}
#section2 h2,
#section2 p{
	position: absolute;
}
#section2 .s2_body .s2_box1{
	position: relative;
	width: 820px;
	height: 419px;
}
#section2 .s2_body .s2_stitle{
	top: 80px;
	left: 28px;
}
#section2 .s2_body .s2_text1{
	top: 238px;
	left: 35px;
}
#section2 .s2_body .s2_img1{
	top: 183px;
	left: 430px;
}
#section2 .s2_body .s2_box2{
	position: relative;
	width: 820px;
	height: 230px;
	background: url(../img/s2_sub_bg.png) 35px 0 no-repeat;
}
#section2 .s2_body .s2_text2{
	top: 35px;
	left: 332px;
}
#section2 .s2_body .s2_img2{
	top: 18px;
	left: 54px;
}
#section2 .s2_body .s2_chara1{
	visibility: hidden;
	top: -23px;
	left: -60px;
}
#section2 .s2_body .s2_chara2{
	visibility: hidden;
	top: 424px;
	left: 681px;
}



/*-------------------------------------------------------------------
	section3
---------------------------------------------------------------------*/
#section3{
	position: relative;
	width: 100%;
	min-width: 960px;
	height: 1083px;
	margin: 0 auto;
	background: url(../img/s3_bg.png) center 0 no-repeat;
	background-attachment: fixed;
	background-size: cover;
}
#section3 .s3_body{
	position: relative;
	width: 820px;
	height: 943px;
	margin: 0 auto;
	background: url(../img/s3_contents_bg.png) 0 44px no-repeat;
}
#section3 p{
	position: absolute;
}
#section3 .s3_body .s3_stitle{
	top: 78px;
	left: 51px;
}
#section3 .s3_body .s3_icon{
	visibility: hidden;
	top: 28px;
	left: 18px;
}
#section3 .s3_body .s3_text{
	top: 174px;
	left: 165px;
}
#section3 .s3_body .s3_img1{
	top: 248px;
	left: 162px;
}
#section3 .s3_body .s3_ballooon{
	top: 261px;
	left: 594px;
}
#section3 .s3_body .s3_img2{
	top: 539px;
	left: 37px;
}
#section3 .s3_body .s3_item{
	top: 476px;
	left: 11px;
}