@charset "shift_jis";

/* title-area */
#main #title-area {
	height: 36px;
	background: url(../img/title_area_bg.png) no-repeat;
}
#main #title-area h1 {
	position: absolute;
	top: 14px;
	left: 15px;
}
#main #title-area .update {
	top: 18px;
	right: 8px;
}

/* main-inner */
#main #main-inner {
	border: none;
}

#main #main-inner #boxStyle {
	/*margin: 0 auto 22px;*/
}

#main #main-inner .section {
	position: relative;
	height: 2659px;
	background:url(../img/main_bg.jpg) left -8px no-repeat;
}

#main #main-inner .lead {
	position: absolute;
	top: 402px;
}

#main #main-inner .img01 {
	position: absolute;
	top: 638px;
}

#main #main-inner .img02 {
	position: absolute;
	top: 1187px;
}

#main #main-inner .img03 {
	position: absolute;
	top: 1617px;
}
#main #main-inner .img04 {
	position: absolute;
	top: 1748px;
	left: 403px;
}
#main #main-inner .img05 {
	position: absolute;
	top: 2135px;
	left: 0;
}
#main #main-inner .img06 {
	position: absolute;
	top: 2135px;
	left: 292px;
}
#main #main-inner .img07 {
	position: absolute;
	top: 2135px;
	left: 577px;
}
#main #main-inner .img08 {
	position: absolute;
	top: 2397px;
	left: 0;
}
#main #main-inner .img09 {
	position: absolute;
	top: 2397px;
	left: 292px;
}
#main #main-inner .img10 {
	position: absolute;
	top: 2397px;
	left: 577px;
}

#main #main-inner .section2 {
	position: relative;
}
#main #main-inner .what-chara {
	position: absolute;
	top: 482px;
	left: 598px;
}

#main #main-inner .section3 {
	position: relative;
	height: 796px;
	background:url(../img/enlistment_bg.jpg) left 0 no-repeat;
}


.bx-wrapper {
    padding: 0;
    position: relative;
}

#main #main-inner .slide {
	position: relative;
	/*left: 106px;*/
	left: 0;
	width: 657px;
	height: 458px;
}

#main #main-inner .slide li {
	position: absolute;
	top: 0;
	left: 0;

}

.bx-wrapper .bx-controls-direction a {
    height: 70px;
    outline: 0 none;
    position: absolute;
    text-indent: -9999px;
	top: 196px;
    width: 70px;
    z-index: 9999;
}

.bx-wrapper .bx-prev {
	background: url(../img/arw_left.png) 0 0 no-repeat;
    left: 72px;
}

.bx-wrapper .bx-next {
	background: url(../img/arw_right.png) 0 0 no-repeat;
    right: 66px;
}

.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-next:hover {
    background-position: 0 -70px;
}
.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}



/* main-footer */
.main-footer {
	position: relative;
	margin: 0 0 32px 0;
}
.main-footer:last-child {
	margin-bottom: 0;
	padding-bottom: 56px;
}
.main-footer .f-hard {
	position: absolute;
	top: 20px;
	right: 0;
}
.f-border .f-hard {
	top: 20px;
}
.f-wrap {
	margin: 56px 0 0 0;
}
.main-footer .f-logo {
	float:left;
	margin:0 30px 0 0;
	width:320px;
	text-align:center;
}

.main-footer .f-logo img { margin:-30px 0 0 0; }

.main-footer .f-contents {
	float: left;
	width:514px;
	word-wrap: break-word;
}
.f-soft-wrap {
	margin: 0 0 15px 0;
}
.main-footer .f-icon {
	float: left;
	margin:0 5px 0 0;
}
.main-footer .f-soft-ttl {
	float: left;
	margin: 10px 0 0 10px;
	padding:0;
}
.main-footer .f-copyright {
	margin: 10px 0 0 0;
	color: #8C8C8C;
	font-size: 9px;
	display:block;
}
.main-footer .f-note01 {
	margin: 0 0 14px 0;
	color: #8C8C8C;
	font-size: 9px;
}

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