@charset "utf-8";

/* title-area */
#main #title-area {
	height: 35px;
	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: 6px;
}

/* 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: 419px;
}
#main .main-visual .pos-ab {
	position: absolute;
}
#main .main-visual .bg01 {
	top: -28px;
	left: -11px;
}
#main .main-visual .img01 {
	top: 16px;
	left: 578px;
}
#main .main-visual .img02 {
	top: 16px;
	left: 20px;
}
#main .main-visual .img03 {
	top: 87px;
	left: 20px;
}
#main .main-visual .img04 {
	top: 81px;
	left: 496px;
}
#main .main-visual .txt01 {
	padding: 23px 0 31px 26px;
	background: #A5141E;
}

/* article1983 */
#main .article1983 {
	height: 509px;
	border-top: 3px solid #A5141E;
}
#main .article1983 .soft01 {
	z-index: 4;
	top: 29px;
}

/* article1984 */
#main .article1984 {
	height: 671px;
	background: #B4B9BC;
}
#main .article1984 .txt {
	top: -2px;
}
#main .article1984 .soft01 {
	z-index: 3;
	top: 267px;
}

/* article1985 */
#main .article1985 {
	height: 1210px;
}
#main .article1985 .txt {
	top: -3px;
}
#main .article1985 .soft01 {
	z-index: 2;
	top: 176px;
}
#main .article1985 .soft02 {
	z-index: 2;
	top: 531px;
}

/* article1986 */
#main .article1986 {
	height: 1700px;
	background: #B4B9BC;
}
#main .article1986 .txt {
	top: -2px;
}
#main .article1986 .soft01 {
	z-index: 1;
	top: -2px;
}
#main .article1986 .soft02 {
	z-index: 1;
	top: 442px;
}
#main .article1986 .continue-img {
	position: absolute;
	top: 1671px;
	left: 323px;
}
#main .article1986 .in-btn01 {
	position: relative;
}
#main .article1986 .in-btn01 .btn {
	position: absolute;
	top: 0;
	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;
}