@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: 10px;
	left: 12px;
}
#main #title-area .update {
	top: 10px;
	right: 5px;
}

/* main-inner */
#main #main-inner {
	position: relative;
	background: none;
	border: none;
}
#main #main-inner img {
	vertical-align: bottom;
}
#main #main-inner .chara {
	position: absolute;
}
#main #main-inner .chara01 {
	top: 836px;
	left: 128px;
}
#main #main-inner .chara02 {
	top: 1809px;
	left: -16px;
}
#main #main-inner .chara03 {
	top: 1818px;
	right: -27px;
}
#main #main-inner .chara04 {
	top: 2426px;
	left: 117px;
}

/* main-visual */
#main .main-visual {
	position: relative;
	height: 405px;
	background: url(../img/main_visual_bg01.gif) no-repeat left bottom;
}
#main .main-visual .mv01 {
	position: absolute;
	top: 0;
}

/* soft-wrap */
#main .soft-wrap {
	width: 810px;
	margin: 0 0 0 27px;
}
#main .soft-wrap.col2 .soft {
	float: left;
	width: 390px;
	margin: 0 30px 0 0;
}
#main .soft-wrap.col2 .soft.even {
	margin-right: 0;
}
#main .to-soft-official {
	box-sizing: border-box;
	height: 67px;
	padding: 8px 0 0;
	background-repeat: no-repeat;
	text-align: center;
}
#main .to-soft-official dt,
#main .to-soft-official dd {
	display: inline-block;
}
#main .to-soft-official dt {
	margin: 0 10px 0 0;
}
#main #main-inner .to-soft-official img {
	vertical-align: middle;
}

/* article01 */
#main .article01 {
	height: 522px;
	background:url(../img/article01_bg01.gif) no-repeat;
}
#main .article01 .to-soft-official {
	height: 61px;
	background-image: url(../img/article01_bg02.png);
}

/* article02 */
#main .article02 {
	height: 508px;
	background:url(../img/article02_bg01.gif) no-repeat;
}
#main .article02 .to-soft-official {
	height: 64px;
	background-image: url(../img/article02_bg02.png);
}
#main .article02 .even .to-soft-official {
	height: 65px;
	background-image: url(../img/article02_bg03.png);
}

/* article01 */
#main .article03 {
	height: 522px;
	background:url(../img/article03_bg01.gif) no-repeat;
}
#main .article03 .to-soft-official {
	height: 61px;
	background-image: url(../img/article03_bg02.png);
}
#main .article03 .ttl {
	margin: -15px 0 0;
}

/* article04 */
#main .article04 {
	height: 510px;
	background:url(../img/article04_bg01.gif) no-repeat;
}
#main .article04 .to-soft-official {
	background-image: url(../img/article04_bg02.png);
}
#main .article04 .even .to-soft-official {
	background-image: url(../img/article04_bg03.png);
}

/* article05 */
#main .article05 {
	height: 477px;
	background:url(../img/article05_bg01.gif) no-repeat;
}
#main .article05 .to-soft-official {
	background-image: url(../img/article05_bg02.png);
}
#main .article05 .even .to-soft-official {
	background-image: url(../img/article05_bg03.png);
}

/* article06 */
#main .article06 {
	height: 234px;
	background:url(../img/article06_bg01.png) no-repeat;
	text-align: center;
}
#main .article06 dt {
	padding: 42px 0 0;
}

/* main-copyright */
#main .main-copyright {
	margin-top: 30px;
	line-height: 1.4;
}
#main .main-copyright p {
	padding: 0 0 5px;
}
#main .main-copyright span {
	color: #333;
	font-weight: bold;
}

/* clearfix */
.clearfix:after,
.soft-wrap:after {
	content: '';
	display: block;
	clear: both;
}