@charset "shift_jis";

/* main-inner */
#main #main-inner {
	border: none;
	background: none;
}
#main #main-title,
#main #section-wra��,
#main #section04 {
	position: relative;
	width: 864px;
}
#main #section-wra�� {
	height: 5470px;
	background-color: #fff100;
}

#main #main-title h2,
#main #main-title h3,
#main #main-title p,
#main #section01 h2,
#main #section01 h3,
#main #section01 ol,
#main #section01 p,
#main #section02 h2,
#main #section02 h3,
#main #section02 ol,
#main #section02 p,
#main #section03 h2,
#main #section03 h3,
#main #section03 ol,
#main #section03 p,
#main #section04 h2,
#main #section04 p {
	position: absolute;
	margin: 0;
	padding: 0;
}

/* main-title */
#main #main-title {
	height: 689px;
	background: url(../img/main_title_bg.png) left top no-repeat;
}
#main #main-title h2 {
	top: -48px;
	left: -14px;
}
#main #main-title .catch {
	top: 448px;
	left: 194px;
}
#main #main-title .chara {
	bottom: 0;
	left: 179px;
}
#main #main-title .note {
	bottom: 17px;
	right: 37px;
}

/* section common */
#main #section-wra�� #section01,
#main #section-wra�� #section02,
#main #section-wra�� #section03,
#main #section-wra�� #section04 {
	position: absolute;
	margin: 0;
	padding: 0;
}
#main #section-wra�� #section01,
#main #section-wra�� #section03 {
	width: 1130px;
}
#main #section-wra�� #section02 {
	width: 1137px;
}
#main #section-wra�� #section01 .section-inner,
#main #section-wra�� #section02 .section-inner,
#main #section-wra�� #section03 .section-inner {
	position: relative,
}
#main #section-wra�� #section01 .section-inner ol,
#main #section-wra�� #section02 .section-inner ol,
#main #section-wra�� #section03 .section-inner ol {
	list-style: none;
}

/* section01 */
#main #section-wra�� #section01 {
	top: 0;
	left: -109px;
	height: 2290px;
	background: url(../img/section01_bg.png) left top no-repeat;
}
#main #section-wra�� #section01 .section-inner {
	height: 2290px;
}
#main #section-wra�� #section01 .section-inner h2 {
	top: -19px;
	left: 298px;
	z-index: 10;
}
#main #section-wra�� #section01 .section-inner .tech01-ttl {
	top: 332px;
	left: 206px;
}
#main #section-wra�� #section01 .section-inner .tech01 {
	top: 487px;
	left: 200px;
	width: 760px;
}
#main #section-wra�� #section01 .section-inner .tech01 li {
	float: left;
	padding: 0 32px 0 0;
}
#main #section-wra�� #section01 .section-inner .chara01 {
	top: 1069px;
	left: 529px;
}
#main #section-wra�� #section01 .section-inner .tech02-ttl {
	top: 1448px;
	left: 206px;
}
#main #section-wra�� #section01 .section-inner .tech02 {
	top: 1646px;
	left: 200px;
	width: 760px;
}
#main #section-wra�� #section01 .section-inner .tech02 li {
	float: left;
	padding: 0 26px 0 0;
}

/* section02 */
#main #section-wra�� #section02 {
	top: 2313px;
	left: -169px;
	height: 2107px;
	background: url(../img/section02_bg.png) left top no-repeat;
}
#main #section-wra�� #section02 .section-inner {
	height: 2107px;
}
#main #section-wra�� #section02 .section-inner h2 {
	top: -55px;
	left: 290px;
	z-index: 10;
}
#main #section-wra�� #section02 .section-inner .tech01-ttl {
	top: 330px;
	left: 217px;
}
#main #section-wra�� #section02 .section-inner .tech01 {
	top: 569px;
	left: 200px;
	width: 740px;
}
#main #section-wra�� #section02 .section-inner .tech01 li {
	float: left;
	padding: 0;
}
#main #section-wra�� #section02 .section-inner .tech02-ttl {
	top: 1269px;
	left: 221px;
}
#main #section-wra�� #section02 .section-inner .tech02 {
	top: 1512px;
	left: 193px;
	width: 772px;
}
#main #section-wra�� #section02 .section-inner .tech02 li {
	float: left;
	padding: 0;
}
#main #section-wra�� #section02 .section-inner .chara01 {
	bottom: -44px;
	left: 99px;
	z-index: 10;
}

/* section03 */
#main #section-wra�� #section03 {
	top: 4439px;
	left: -109px;
	height: 1031px;
	background: url(../img/section03_bg.png) left top no-repeat;
}
#main #section-wra�� #section03 .section-inner {
	height: 1031px;
}
#main #section-wra�� #section03 .section-inner h2 {
	top: -36px;
	left: 324px;
	z-index: 10;
}
#main #section-wra�� #section03 .section-inner .tech01-ttl {
	top: 311px;
	left: 200px;
}
#main #section-wra�� #section03 .section-inner .tech01 {
	top: 424px;
	left: 200px;
	width: 762px;
}
#main #section-wra�� #section03 .section-inner .tech01 li {
	float: left;
	padding: 0 31px 0 0;
}

/* section04 */
#main #section04 {
	height: 367px;
	background: url(../img/section04_bg.png) left top no-repeat;
}
#main #section04 h2 {
	top: -58px;
	left: 173px;
	z-index: 10;
}
#main #section04 .note {
	top: 116px;
	left: 18px;
}
#main #section04 .chara01 {
	bottom: 0;
	left: 33px;
	z-index: 10;
}

/* main-footer */
.main-footer {
	position: relative;
	margin: 20px 0 32px 0;
}
.main-footer:last-child {
	margin-bottom: 0;
	padding-bottom: 32px;
}
.f-border {
	margin-top: 56px;
	padding: 20px 0 0;
	border-top: 1px solid #C1C1C1;
}
.main-footer .f-hard {
	position: absolute;
	top: 0;
	right: 0;
}
.f-border .f-hard {
	top: 20px;
}
.f-wrap {
	margin: 36px 0 0;
}
.main-footer .f-logo {
	float: left;
	width: 320px;
	text-align: center;
}
.main-footer .f-contents {
	float: right;
	width: 514px;
}
.f-soft-wrap {
	margin: 0 0 10px;
}
.main-footer .f-icon {
	float: left;
}
.main-footer .f-soft-ttl {
	float: left;
	margin: 10px 0 0 14px;
}
.main-footer .f-copyright {
	margin: 0 0 8px;
	color: #FFFFFF;
	font-size: 9px;
}

/* main-footer */
.main-footer02 {
	position: relative;
	margin: 20px 0 32px 0;
}
.main-footer02:last-child {
	margin-bottom: 0;
	padding-bottom: 32px;
}
.f-border {
	margin-top: 56px;
	padding: 20px 0 0;
	border-top: 1px solid #C1C1C1;
}

.main-footer02 .f-hard {
	position: absolute;
	top: 0;
	right: 0;
}
.f-border02 .f-hard {
	top: 20px;
}
.f-wrap {
	margin: 36px 0 0;
}
.main-footer02 .f-logo {
	float: left;
	width: 320px;
	text-align: center;
}
.main-footer02 .f-contents {
	float: right;
	width: 514px;
}
.main-footer02 .f-icon {
	float: left;
}
.main-footer02 .f-name {
	position: relative;
	float: right;
	width: 443px;
	height: 55px;
	margin: 0 0 15px;
}
.main-footer02 .f-soft-ttl {
	position: absolute;
	top: 10px;
}
.main-footer02 .f-copyright {
	position: absolute;
	bottom: 10px;
	color: #FFFFFF;
	font-size: 9px;
}

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