@charset "shift_jis";

#main #main-inner {
	border-left: none;
	border-right: none;
}

#main #ttl-area p,
#main #ttl-area h2,
#main #machine-area h3,
#main #machine-area p,
#main #machine-area h4,
#main #movie-area h2 {
	margin: 0;
	padding: 0;
}

#main #ttl-area {
	width: 864px;
	height: 894px;
}
#main #ttl-area .ttl {
	height: 231px;
	background: url(../img/ttl_bg01.png) left top no-repeat;
}
#main #ttl-area .ttl .company-logo {
	padding: 21px 202px 12px 227px;
}
#main #ttl-area .ttl h2 {
	text-align: center;
}
#main #ttl-area .download {
	position: relative;
	height: 260px;
	background: url(../img/ttl_bg02.png) left top no-repeat;
}
#main #ttl-area .download p {
	position: absolute;
}
#main #ttl-area .download .free {
	top: 30px;
	left: 20px;
}
#main #ttl-area .download .txt {
	top: 23px;
	left: 246px;
}
#main #ttl-area .download .chara {
	top: 57px;
	right: -88px;
	z-index: 10;
}

#main #machine-area {
	width: 864px;
	background: url(../img/machine_bg.png) repeat;
}
#main #machine-area h3 {
	position: relative;
	padding: 26px 0 32px 0;
	text-align: center;
	z-index: 20;
}
#main #machine-area #machine01,
#main #machine-area #machine02,
#main #machine-area #machine03 {
	width: 864px;
}
#main #machine-area #machine01 h4,
#main #machine-area #machine01 .img,
#main #machine-area #machine01 .txt,
#main #machine-area #machine02 h4,
#main #machine-area #machine02 .img,
#main #machine-area #machine02 .txt,
#main #machine-area #machine03 h4,
#main #machine-area #machine03 .img,
#main #machine-area #machine03 .txt {
	position: absolute;
}
#main #machine-area #machine01 .img,
#main #machine-area #machine02 .img,
#main #machine-area #machine03 .img {
	top: 0;
	left: 0;
}

#main #machine-area #machine01 {
	position: relative;
	height: 534px;
}
#main #machine-area #machine01 h4,
#main #machine-area #machine03 h4 {
	top: -15px;
	left: 9px;
	z-index: 10;
}
#main #machine-area #machine01 .txt {
	left: 122px;
	bottom: 28px
}
#main #machine-area #machine02 {
	position: relative;
	height: 542px;
}
#main #machine-area #machine02 h4 {
	top: -12px;
	right: 0px;
	z-index: 10;
}
#main #machine-area #machine02 .txt {
	left: 239px;
	bottom: 16px
}
#main #machine-area #machine03 {
	position: relative;
	height: 540px;
}
#main #machine-area #machine03 .txt {
	left: 198px;
	bottom: 17px
}

#main #movie-area {
	width: 864px;
	/*height: 729px;*/
	height: 792px;
	background: url(../img/movie_bg.png) left top no-repeat;
}
#main #movie-area h2 {
	width: 730px;
	margin: 0 auto;
	padding: 30px 0 25px 0;
}
#main #movie-area #movie {
	overflow: hidden;
	width: 814px;
	/*height: 395px;*/
	height: 458px;
	margin: 0 auto 32px auto;
}
#main #movie-area .dl-btn {
	width: 680px;
	margin: 0 auto;
}

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

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