@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: 16px;
	left: 17px;
}
#main #title-area .update {
	top: 16px;
	right: 0;
}

/* main-inner */
#main #main-inner {
	background: none;
	border: none;
}
#main #main-inner img {
	vertical-align: bottom;
}

/* main-visual */
#main .main-visual div {
	position: relative;
	height: 630px;
	background: url(../img/main_visual_bg01.jpg) no-repeat;
}
#main .main-visual div p {
	position: absolute;
}
#main .main-visual div .mv01 {
	top: 23px;
	left: 22px;
}
#main .main-visual div .mv02 {
	top: -37px;
	left: 570px;
}
#main .main-visual div .mv03 {
	top: 88px;
	right: -15px;
}
#main .main-visual div .mv04 {
	top: 291px;
	left: 307px;
}
#main .main-visual div .mv05 {
	top: 291px;
	left: 14px;
}
#main .main-visual div .mv06 {
	top: 481px;
	left: 434px;
}
#main .main-visual div dl {
	position: absolute;
	top: -10px;
	left: 678px;
}
#main .main-visual div .btn {
	padding: 2px 0 7px 7px;
	background: url(../img/main_visual_prev_bg01.png) no-repeat;
}
#main .main-visual div .chara {
	position: absolute;
	top: 25px;
	right: -38px;
}

/* article01 */
#main .article01 .fl {
	float: left;
}

/* article02 */
#main .article02 .btn {
	padding: 0 0 56px 200px;
	background: url(../img/article02_bg01.jpg) no-repeat;
}

/* article04 */
#main .article04 {
	height: 269px;
	background: url(../img/article04_bg01.png) no-repeat;
}
#main .a04-01 {
	padding: 0 0 0 353px;
}
#main .a04-01 dt {
	padding: 43px 0 12px 0;
}
#main .a04-01 dd {
	padding: 0 0 0 10px;
}
#main .a04-02 dt {
	padding: 56px 0 16px 273px;
}
#main .a04-02 dd {
	padding: 0 0 0 405px;
}

/* 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 {
	content: '';
	display: block;
	clear: both;
}