@charset "utf-8";

/* main-inner */
#main #main-inner {
	border: none;
	background: none;
}
#main #main-title,
#main #section01 {
	position: relative;
	width: 864px;
}
#main #main-title h2,
#main #main-title span,
#main #section01 p,
#main #section01 span {
	position: absolute;
	margin: 0;
	padding: 0;
}

/* main-title */
#main #main-title {
	height: 246px;
	background: url(../img/bg_main_title.png) left top no-repeat;
}
#main #main-title h2 {
	top: 71px;
	right: 34px;
}
#main #main-title .chara01 {
	top: -24px;
	left: -36px;
	z-index: 20;
}

/* section01 */
#main #section01 {
	height: 1170px;
	background: url(../img/bg_section01.png) left top no-repeat;
}
#main #section01 .txt01 {
	top: 50px;
	right: 49px;
}
#main #section01 .txt02 {
	top: 264px;
	left: 11px;
	z-index: 10;
}
#main #section01 .device {
	top: 369px;
	right: -2px;
}
#main #section01 .txt03 {
	bottom: 184px;
	left: 51px;
}
#main #section01 .btn {
	bottom: 70px;
	left: 50px;
}
#main #section01 .chara02 {
	bottom: 0;
	right: 22px;
}

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