@charset "shift_jis";

/* main-inner */
#main #main-inner {
	border: none;
	background: none;
}
#main #main-title,
#main #section01,
#main #section02,
#main #section03 {
	position: relative;
	width: 864px;
}
#main #main-title h2,
#main #main-title h3,
#main #main-title p,
#main #section01 h2,
#main #section01 div,
#main #section01 p,
#main #section02 h2,
#main #section02 div,
#main #section02 p,
#main #section03 h2,
#main #section03 div,
#main #section03 p {
	position: absolute;
	margin: 0;
	padding: 0;
}
#main #cont-wrap {
	background: url(../img/cont_wrap_bg.png) left top repeat-y;
}

/* main-title */
#main #main-title {
	height: 992px;
	background: url(../img/main_title_bg.png) left top no-repeat;
}
#main #main-title h2 {
	top: 7px;
	left: 20px;
}
#main #main-title .catch {
	top: -10px;
	right: -50px;
}
#main #main-title .txt01 {
	top: 520px;
	left: 20px;
}
#main #main-title .txt02 {
	top: 655px;
	left: 20px;
}

/* section01 */
#main #section01 {
	height: 1900px;
}
#main #section01 h2 {
	top: -17px;
}
#main #section01 .txt01 {
	top: 220px;
	left: 31px;
}
#main #section01 .img01 {
	top: 313px;
	left: 29px;
}
#main #section01 .txt02 {
	top: 853px;
	left: 29px;
}
#main #section01 .txt03 {
	top: 1020px;
	left: 90px;
}
#main #section01 .txt04 {
	top: 1490px;
	left: 34px;
}
#main #section01 .txt05 {
	top: 1800px;
	left: 29px;
}

/* section02 */
#main #section02 {
	height: 2340px;
}
#main #section02 h2 {
	top: 0px;
}
span.movTxt {
	position: absolute;
	display: block;
	top: 413px;
	left: 338px;
	letter-spacing: -0.4em;
}
#main #section02 h2 .movTxt {
	display: inline-block;
	white-space: nowrap;
}
span.movTxt span {
	display: inline-block;
	vertical-align: middle;
}
span.movTxt span:nth-of-type(1) {
	-webkit-animation: animation 2s ease 0s infinite;
	animation: animation 2s ease 0s infinite;
}
span.movTxt span:nth-of-type(2) {
	-webkit-animation: animation 2s ease 0.1s infinite;
	animation: animation 2s ease 0.1s infinite;
}
span.movTxt span:nth-of-type(3) {
	-webkit-animation: animation 2s ease 0.2s infinite;
	animation: animation 2s ease 0.2s infinite;
}
span.movTxt span:nth-of-type(4) {
	-webkit-animation: animation 2s ease 0.3s infinite;
	animation: animation 2s ease 0.3s infinite;
}
span.movTxt span:nth-of-type(5) {
	-webkit-animation: animation 2s ease 0.4s infinite;
	animation: animation 2s ease 0.4s infinite;
}
@-webkit-keyframes animation {
	0% {
		margin-top: 0;
	}
	5% {
		margin-top: -1em;
	}
	10% {
		margin-top: 0;
	}
	13% {
		margin-top: -0.5em;
	}
	16% {
		margin-top: 0;
	}
	18% {
		margin-top: -0.2em;
	}
	20% {
		margin-top: 0;
	}
}
@keyframes animation {
	0% {
		margin-top: 0;
	}
	5% {
		margin-top: -1em;
	}
	10% {
		margin-top: 0;
	}
	13% {
		margin-top: -0.5em;
	}
	16% {
		margin-top: 0;
	}
	18% {
		margin-top: -0.2em;
	}
	20% {
		margin-top: 0;
	}
}

#main #section02 .txt01 {
	top: 550px;
	left: 29px;
}
#main #section02 .detail {
	top: 650px;
	left: 0;
	width: 864px;
	height: 596px;
}
.olTxtArea {
	width: 302px;
	left: 0;
	background: url(../img/section02_bg_arrow.png) no-repeat center 160px;
}
.olImgArea {
	width: 562px;
	right: 0;
}
#main #section02 .txt02 {
	padding-left: 29px;
}
#main #section02 .txt03 {
	padding: 10px 0 28px 29px;
}
#main #section02 .txt04 {
	padding: 50px 0 76px 29px;
}
#main #section02 .txt05 {
	padding: 5px 0 0 15px;
}
#main #section02 .txt05 .inBalloon {
	position: relative;
	top: -236px;
	left: 37px;
}
#main #section02 .txt06 {
	top: 1950px;
	left: 29px;
}
#main #section02 .img01 {
	padding-bottom: 30px;
}
#main #section02 .img02 {
	padding-bottom: 30px;
}

/* section03 */
#main #section03 {
	height: 2735px;
}
#main #section03 h2 {
	top: 0px;
}
#main #section03 .txt01 {
	top: 230px;
	left: 29px;
}
#main #section03 .txt02 {
	top: 450px;
	left: 29px;
}
#main #section03 .img01 {
	top: 710px;
	left: 29px;
}
#main #section03 .txt03 {
	top: 1220px;
	left: 29px;
}
#main #section03 .txt04 {
	top: 1310px;
	left: 29px;
}
#main #section03 .txt05 {
	top: 1525px;
	left: 29px;
}
#main #section03 .img02 {
	top: 1700px;
	left: 29px;
}
#main #section03 .txt06 {
	top: 2455px;
	left: 29px;
}
#main #section03 .txt07 {
	top: 2510px;
	right: 29px;
}

/* aside */
.aside {
	margin-top: 1em;
}
.caution li:before {
	content: "\203B";
	padding-right: .5em;
}
.caution li {
	text-indent: -1em;
	padding-left: 1em;
	line-height: 1.4;
	font-size: 14px;
}

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