@charset "utf-8";

/* title-area */
#main #title-area {
	height: 43px;
	background: url(../img/title_area_bg.png) no-repeat;
}
#main #title-area h1 {
	position: absolute;
	top: 11px;
	left: 20px;
}
#main #title-area .update {
	top: 16px;
	right: 5px;
}

/* main-inner */
#main #main-inner {
	background: #FCFCF2;
	border: none;
}
#main #main-inner img {
	vertical-align: bottom;
}
#main #main-inner .article {
	position: relative;
}
#main #main-inner .article .txt,
#main #main-inner .article .soft02 {
	position: absolute;
}
#main #main-inner .article .soft01 {
	position: absolute;
	left: 406px;
}

/* main-visual */
#main .main-visual {
	margin: 0 0 3px;
}
#main .main-visual .mv-inner {
	position: relative;
	height: 418px;
	background: #A5141E;
}
#main .main-visual .pos-ab {
	position: absolute;
}
#main .main-visual .bg01 {
	top: -46px;
	left: -12px;
}
#main .main-visual .img01 {
	top: 15px;
	left: 578px;
}
#main .main-visual .img02 {
	top: 15px;
	left: 20px;
}
#main .main-visual .img03 {
	top: 84px;
	left: 20px;
}
#main .main-visual .img04 {
	top: 80px;
	left: 496px;
}
#main .main-visual .txt01 {
	padding: 23px 0 31px 28px;
	background: #B4B9BC;
}

/* article1987 */
#main .article1987 {
	height: 678px;
	border-top: 3px solid #B4B9BC
}
#main .article1987 .soft01 {
	z-index: 4;
}
#main .article1987 .txt dd > :last-child {
	margin-top: 97px;
}

/* article1988 */
#main .article1988 {
	height: 836px;
	background: #B4B9BC;
}
#main .article1988 .soft01 {
	z-index: 3;
	top: 20px;
}
#main .article1988 .soft02 {
	z-index: 3;
	top: 471px;
}

/* article1989 */
#main .article1989 {
	height: 838px;
}
#main .article1989 .soft01 {
	z-index: 2;
}
#main .article1989 .soft02 {
	z-index: 2;
	top: 467px;
}
#main .article1989 .continue-img {
	position: absolute;
	top: 809px;
	left: 323px;
}
#main .article1989 .in-btn01 {
	position: relative;
}
#main .article1989 .in-btn01 .btn {
	position: absolute;
	top: 5px;
	left: 84px;
}

/* article-info */
#main .article-info {
	padding: 72px 0 53px 30px;
	background: url(../img/article_info_bg01.png) no-repeat;
}

/* 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: #FFF;
	font-size: 9px;
}
.main-footer .f-note01 {
	margin: 5px 0 15px;
	color: #FFF;
	font-size: 9px;
}
.main-footer .f-btn {
	margin: 25px 0 0;
}

.no-icon .f-name {
	float: none;
	width: auto;
	height: auto;
}
.no-icon  .f-soft-ttl {
	position: static;
	margin: 0 0 10px;
}
.no-icon  .f-copyright {
	position: static;
}


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