@charset "utf-8";

/* title-area */
#main #title-area {
	height: 45px;
	background: url(../img/title_area_bg.png) no-repeat;
}
#main #title-area h1 {
	position: absolute;
	top: 13px;
	left: 17px;
}
#main #title-area .update {
	top: 13px;
	right: 0;
}

/* main-inner */
#main #main-inner {
	background: #23589E url(../img/main_inner_bg01.gif) no-repeat;
	border: none;
}
#main #main-inner img {
	vertical-align: bottom;
}

/* main-visual */
#main .main-visual {
	position: relative;
	height: 533px;
}
#main .main-visual p {
	position: absolute;
}
#main .main-visual .pos-ab01 {
	top: -45px;
	left: -14px;
}
#main .main-visual .pos-ab02 {
	top: 334px;
	left: 16px;
}
#main .main-visual .pos-ab03 {
	top: -15px;
	left: 509px;
}

/* article-wrap */
#main .article-wrap {
	position: relative;
	margin: 0 22px 20px;
}

/* article01 */
#main .article01 .ttl {
	position: relative;
	top: -55px;
	left: -10px;
	margin: 0 0 -55px;
}
#main .article01 li {
	float: left;
}

/* article02 */
#main .article02 .btn {
	position: absolute;
	top: 159px;
	left: 34px;
}

/* article03 */
#main .article03 .new {
	position: absolute;
	z-index: 1;
	top: -17px;
	left: -45px;
}
#main .article03 div p {
	float: left;
}

/* article04 */
#main .article04 {
	padding: 0 0 30px;
}
#main .article04 .copy {
	float: left;
	margin: 17px 0 0 25px;
}
#main .article04 .answer {
	float: right;
	margin: 0 28px 0 0;
}

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