@charset "utf-8";

/* main-inner */
#main #main-inner {
	border: none;
	background: none;
}
#main #main-inner img {
	vertical-align: text-bottom;
}
#main #main-title,
#main #section01 {
	position: relative;
	width: 864px;
}
#main #main-title h2,
#main #main-title h3,
#main #main-title p,
#main #main-title dl,
#main #main-title ul,
#main #main-title div,
#main #section01 h3,
#main #section01 p,
#main #section01 span,
#main #section01 div {
	position: absolute;
	margin: 0;
	padding: 0;
}

/* main-title */
#main #main-title {
	height: 655px;
	background: url(../img/main_title_bg.png) left top no-repeat;
}
#main #main-title h2 {
	top: 27px;
	left: 21px;
}
#main #main-title .number {
	top: 224px;
	right: -7px;
	z-index: 10;
}
#main #main-title dt,dd {
	margin: 0;
	padding: 0;
}
#main #main-title .previous {
	top: 279px;
	left: 0;
	width: 694px;
	height: 88px;
}
#main #main-title dt,dd {
	float: left;
}
#main #main-title .previous dt {
	position: relative;
	width: 378px;
}
#main #main-title .previous dt p {
	position: absolute;
	top: 26px;
	left: 181px;
	z-index: 10;
}
#main #main-title .mashiko {
	top: 450px;
	left: 26px;
	width: 406px;
}
#main #main-title .mashiko dd {
	position: relative;
	width: 256px;	 
}
#main #main-title .mashiko dd span {
	position: absolute;
	display: block;
	top: 41px;
	left: 179px;
}
#main #main-title .yamamura {
	top: 450px;
	left: 449px;
	width: 394px;
}

/* section01 */
#main #section01 {
	height: 17802px;
	background: url(../img/section_bg.png) left top repeat-y;
}
#main #section01 .ma01 {
	top: 42px;
	left: 66px;
}
#main #section01 .ya01 {
	top: 348px;
	right: 62px;
}
#main #section01 .ma02 {
	top: 583px;
	left: 66px;
}
#main #section01 .ya02 {
	top: 841px;
	right: 62px;
}
#main #section01 .ma03 {
	top: 1082px;
	left: 66px;
}

#main #section01 .bg {
	top: 1468px;
	left: 0;
	width: 864px;
	height: 3486px;
	background: url(../img/section01_inner_bg.png) left top no-repeat;
}
#main #section01 .bg-inner  {
	position: relative;
	width: 864px;
	height: 3486px;
}
#main #section01 .ma04 {
	top: 0;
	left: 66px;
}
#main #section01 .ma05 {
	top: 521px;
	left: 66px;
}
#main #section01 .ya03 {
	top: 934px;
	right: 62px;
}
#main #section01 .ma06 {
	top: 1158px;
	left: 66px;
}
#main #section01 .ya04 {
	top: 1457px;
	right: -26px;
}
#main #section01 .ma07 {
	top: 1706px;
	left: 55px;
}
#main #section01 .ya05 {
	top: 2021px;
	right: -45px;
}
#main #section01 .ma08 {
	top: 2343px;
	left: 55px;
}
#main #section01 .ya06 {
	top: 2612px;
	right: -18px;
}
#main #section01 .ma09 {
	top: 2888px;
	left: 0;
	width: 864px;
	height: 598px;
}
#main #section01 .ma09-inner {
	position: relative;
	width: 864px;
	height: 598px;
}
#main #section01 .ma09-balloon {
	top: 121px;
	right: -75px;
}
#main #section01 .ma09-chara {
	top: 124px;
	left: -46px;
}
#main #section01 .ya07 {
	top: 4805px;
	right: -102px;
}
#main #section01 .ma10 {
	top: 5102px;
	left: 66px;
}
#main #section01 .ya08 {
	top: 5367px;
	right: 62px;
}
#main #section01 .ma11 {
	top: 5616px;
	left: 66px;
}
#main #section01 .ya09 {
	top: 5880px;
	right: 62px;
}
#main #section01 .ma12 {
	top: 6067px;
	left: 66px;
}
#main #section01 .ya10 {
	top: 6376px;
	right: 62px;
}
#main #section01 .ma13 {
	top: 6572px;
	left: 66px;
}
#main #section01 .ya11 {
	top: 6833px;
	right: 62px;
	width: 757px;
	height: 646px;
}
#main #section01 .ya11-inner {
	position: relative;
	width: 757px;
	height: 646px;
}
#main #section01 .ya11-chara {
	top: 0;
	left: 0;
}
#main #section01 .ya11 .movie {
	top: 322px;
	left: 42px;
	width: 500px;
	height: 280px;
	z-index: 10;
}

#main #section01 .ma14 {
	top: 7504px;
	left: 66px;
	width: 752px;
	height: 277px;
}
#main #section01 .ma14-inner {
	position: relative;
	width: 752px;
	height: 277px;
	background: url(../img/chara_ma14_bg.png) right bottom no-repeat;
}
#main #section01 .ma14 .chara {
	top: 0;
	left: 0;
}
#main #section01 .ma14 .txt01 {
	top: 92px;
	left: 214px;
	z-index: 10;
	animation: move 1s ease-in-out 0s infinite alternate;
	-webkit-animation: move 1s ease-in-out 0s infinite alternate;
	-ms-animation: move 1s ease-in-out 0s infinite alternate;
}
@keyframes move {
	from {
		transform: scale(1);
	}
	to {
		transform: scale(1.3);
	}
}
@-webkit-keyframes move {
	from {
		-webkit-transform: scale(1);
	}
	to {
		-webkit-transform: scale(1.3);
	}
}
#main #section01 .ma14 .txt02 {
	top: 92px;
	left: 214px;
}

#main #section01 .ya12 {
	top: 7861px;
	right: 62px;
	width: 757px;
	height: 287px;
}
#main #section01 .ya12-inner {
	width: 757px;
	height: 287px;
}
#main #section01 .ya12-chara {
	top: 0;
	left: 0;
}
#main #section01 .ya12-inner span {
	top: 126px;
	left: 163px;
	z-index: 10;
}

#main #section01 .ma15 {
	top: 8175px;
	left: 66px;
}
#main #section01 .ya13 {
	top: 8484px;
	right: 62px;
}
#main #section01 .ma16 {
	top: 8677px;
	left: 66px;
}
#main #section01 .ya14 {
	top: 9066px;
	right: 62px;
	width: 757px;
	height: 210px;
}
#main #section01 .ya14-inner {
	position: relative;
	width: 757px;
	height: 210px;
}
#main #section01 .ya14-chara {
	top: 0;
	left: 0;
}
#main #section01 .ya14-inner span {
	top: 94px;
	left: 84px;
	z-index: 10;
}
#main #section01 .ma17 {
	top: 9303px;
	left: 66px;
}
#main #section01 .ya15 {
	top: 9624px;
	right: 62px;
}
#main #section01 .ma18 {
	top: 9947px;
	left: 66px;
}
#main #section01 .ya16 {
	top: 10242px;
	right: 62px;
}
#main #section01 .ma19 {
	top: 10809px;
	left: 66px;
}
#main #section01 .ya17 {
	top: 11115px;
	right: 62px;
}
#main #section01 .ma20 {
	top: 11302px;
	left: 66px;
}
#main #section01 .ya18 {
	top: 11669px;
	right: 62px;
}
#main #section01 .ma21 {
	top: 11897px;
	left: 66px;
}
#main #section01 .ya19 {
	top: 12349px;
	right: 62px;
}
#main #section01 .ma22 {
	top: 12568px;
	left: 66px;
}
#main #section01 .ya20 {
	top: 13133px;
	right: 62px;
}
#main #section01 .ma23 {
	top: 13415px;
	left: 66px;
}
#main #section01 .ya21 {
	top: 13715px;
	right: 62px;
}
#main #section01 .ma24 {
	top: 14039px;
	left: 66px;
}
#main #section01 .ya22 {
	top: 14312px;
	right: 62px;
}
#main #section01 .ma25 {
	top: 14722px;
	left: 66px;
}
#main #section01 .ya23 {
	top: 15018px;
	right: 62px;
}
#main #section01 .ma26 {
	top: 15416px;
	left: 66px;
}
#main #section01 .ya24 {
	top: 15711px;
	right: 62px;
	width: 757px;
	height: 417px;
}
#main #section01 .ya24 .ya24-inner {
	position: relative;
	width: 757px;
	height: 417px;
}
#main #section01 .ya24 .ya24-chara {
	top: 0;
	left: 0;
}
#main #section01 .ya24 .txt01 {
	top: 42px;
	left: 35px;
}
#main #section01 .ya24 .txt02 {
	top: 227px;
	left: 145px;
	z-index: 10;
	animation: move02 0.5s ease-in-out 0s infinite alternate;
	-webkit-animation: move 0.5s ease-in-out 0s infinite alternate;
	-ms-animation: move 0.5s ease-in-out 0s infinite alternate;
}
@keyframes move02 {
	from {
		transform: scale(1);
	}
	to {
		transform: scale(1.3);
	}
}
@-webkit-keyframes move02 {
	from {
		-webkit-transform: scale(1);
	}
	to {
		-webkit-transform: scale(1.3);
	}
}
#main #section01 .ya24 .txt03 {
	top: 260px;
	left: 35px;
}

/*#main #section01 .ma27 {
	top: 16081px;
	left: 66px;
}
#main #section01 .ya25 {
	top: 16346px;
	right: 62px;
}*/
#main #section01 .ma28 {
	top: 16058px;
	left: 66px;
}

/* homework */
#main #section01 .homework {
	top: 16430px;
	left: 0;
	width: 864px;
	height: 264px;
	background: url(../img/hw_bg.png) left top no-repeat;
}
#main #section01 .hw-inner {
	position: relative;
	width: 864px;
	height: 264px;
}
#main #section01 .homework h3 {
	top: 45px;
	left: 316px;
}
#main #section01 .homework p {
	top: 129px;
	left: 153px;
}

#main #section01 .ya26 {
	top: 16775px;
	right: 62px;
}
#main #section01 .ma29 {
	top: 17009px;
	left: 66px;
}
#main #section01 .ya27 {
	top: 17304px;
	right: 62px;
}
#main #section01 .ma30 {
	top: 17496px;
	left: 66px;
}

/* main-footer */
.main-footer {
	position: relative;
	margin: 20px 0 0;
	padding-bottom: 32px;
}
.f-border {
	margin-top: 24px;
	padding-top: 20px;
	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;
}
.main-footer .f-icon {
	float: left;
}
.main-footer .f-name {
	position: relative;
	float: right;
	width: 443px;
	height: 55px;
}
.main-footer .f-soft-ttl {
	position: absolute;
	top: 10px;
}
.main-footer .f-copyright {
	position: absolute;
	bottom: 10px;
	color: #FFFFFF;
	font-size: 9px;
}
.main-footer .f-note01 {
	margin: 5px 0 15px;
	color: #FFFFFF;
	font-size: 9px;
}
.main-footer .f-btn {
	margin: 15px 0 0;
}

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