@charset "shift_jis";

/* main-inner */
#main #main-inner {
	border: none;
	background: url(../img/cont_wrap_bg.gif) left top repeat;
	border-radius: 0 7px 0 0;
}

/* main-title */
#main #main-title {
	position: relative;
	width: 864px;
	height: 1055px;
}
#main #main-title h2 {
	position: absolute;
	top: -4px;
	left: 0;
	z-index: 1000;
}
#main #main-title .catch {
	position: absolute;
	top: -22px;
	left: 2px;
	z-index: 800;
}
#main #main-title .txt01 {
	position: absolute;
	top: 752px;
	left: 20px;
	z-index: 700;
}

/* section01 */
#main #section01 {
	position: relative;
	background: url(../img/section01_bg01.png) left top no-repeat;
	width: 827px;
	height: 1124px;
	margin: 0 auto;
}
#main #section01 h3,
#main #section01 li {
	position: absolute;
	top: 67px;
	left: 18px;
	-moz-transition: all .2s; -webkit-transition: all .2s; -ms-transition: all .2s; transition: all .2s;
	-moz-transform-origin: center center; -ms-transform-origin: center center; -webkit-transform-origin: center center; transform-origin: center center;
}
#main #section01 li.btn01 {
	top: 119px;
	left: 435px;
	z-index: 700;
}
#main #section01 li.btn02 {
	top: 430px;
	left: 49px;
	z-index: 600;
}
#main #section01 li.btn03 {
	top: 458px;
	left: 299px;
	z-index: 500;
}
#main #section01 li.btn04 {
	top: 473px;
	left: 548px;
	z-index: 400;
}
#main #section01 li.btn05 {
	top: 720px;
	left: 54px;
	z-index: 300;
}
#main #section01 li.btn06 {
	top: 748px;
	left: 288px;
	z-index: 200;
}
#main #section01 li.btn07 {
	top: 767px;
	left: 537px;
	z-index: 100;
}	
#main #section01 li:hover {
	-moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -webkit-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05);
}

/* section02 */
#main #section02 .catch {
	float: left;
}
#main #section02 .material {
	float: right;
}
#main #section02 .text01 {
	position: relative;
}
#main #section02 .text01 a {
	display: block;
	position: absolute;
	left: 87px;
	top: 176px;
}

/* section04 */
#main #section04 {
	padding: 27px 0 62px;
	text-align: center;
}
#main #section04 h3 {
	padding-bottom: 12px;
}
#main #section04 .pagenav {
	letter-spacing: -0.4em;
	margin-bottom: 68px;
}
#main #section04 .pagenav > li {
	display: inline-block;
	letter-spacing: normal;
	margin: 12px 5px 0;
}
#main #section04 .pagenav > li > a {
	display: block;
	width: 198px;
	height: 77px;
	text-indent: -3000px;
	overflow: hidden;
}
#main #section04 .pagenav > li.btn01 > a { background: url(../img/section04_bg01.png) no-repeat 0 0; }
#main #section04 .pagenav > li.btn02 > a { background: url(../img/section04_bg02.png) no-repeat 0 0; }
#main #section04 .pagenav > li.btn03 > a { background: url(../img/section04_bg03.png) no-repeat 0 0; }
#main #section04 .pagenav > li.btn04 > a { background: url(../img/section04_bg04.png) no-repeat 0 0; }
#main #section04 .pagenav > li.btn05 > a { background: url(../img/section04_bg05.png) no-repeat 0 0; }
#main #section04 .pagenav > li.btn06 > a { background: url(../img/section04_bg06.png) no-repeat 0 0; }
#main #section04 .pagenav > li.btn07 > a { background: url(../img/section04_bg07.png) no-repeat 0 0; }
#main #section04 .pagenav > li > a:hover,
#main #section04 .pagenav > li > a.current {
	background-position: 0 100% !important;
}

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