@charset "shift_jis";
/* title-area */
#main #title-area {
	height: 35px;
	background: url(../img/title_area_bg.png) no-repeat;
}
#main #title-area h1 {
	position: absolute;
	top: 13px;
	left: 15px;
}
#main #title-area .update {
	top: 19px;
	right: 7px;
}

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

/* main-visual */
#main .main-visual {
	position: relative;
	height: 334px;
	background: url(../img/main_visual_bg01.png) no-repeat;
}
#main .main-visual p {
	position: absolute;
}
#main .main-visual .mv01 {
	z-index: 1;
	top: 17px;
	left: -23px;
}
#main .main-visual .mv02 {
	top: 83px;
	left: 390px;
}

/* article01 */
#main .article01 {
	position: relative;
	height: 637px;
	background: url(../img/article01_bg01.png) no-repeat;
}
#main .article01 .ttl {
	position: absolute;
	top: -30px;
	left: 183px;
}
#main #a01-main {
	position: absolute;
	top: 179px;
	left: 32px;
	width: 413px;
	height: 429px;
}
#main #a01-main li {
	position: absolute;
	opacity: 0;
	top: 0;
	left: 0;
}
#main #a01-main li.show {
	opacity: 1;
}
#main #a01-thum {
	position: absolute;
	top: 242px;
	left: 465px;
}
#main #a01-thum dt {
	margin: 0 0 24px;
}
#main #a01-thum dd ul {
	margin: 0 0 0 13px;
}
#main #a01-thum li {
	cursor: pointer;
	position: relative;
	float: left;
	margin: 0 25px 27px 0;
}
#main #a01-thum .active span {
	position: absolute;
	display: block;
	top: -8px;
	left: -8px;
	width: 86px;
	height: 84px;
	background: url(../img/article01_thum_active.png) no-repeat;
}

/* article02 */
#main .article02 {
	position: relative;
	height: 595px;
	background: url(../img/article02_bg01.png) no-repeat;
}
#main .article02 dt {
	position: absolute;
	top: 0px;
	left: 33px;
}
#main .article02 dd {
	position: absolute;
	top: 195px;
	left: 33px;
}

/* article03 */
#main .article03 {
	position: relative;
	height: 729px;
	background: url(../img/article03_bg01.png) no-repeat;
}
#main .article03 .ttl {
	position: absolute;
	top: 0;
	left: 116px;
}
#main .article03 dd p {
	position: absolute;
}
#main .article03 .a03-01 {
	top: 214px;
	left: 20px;
}
#main .article03 .a03-02 {
	top: 214px;
	left: 451px;
}
#main .article03 .btn01 {
	top: 642px;
	left: 48px;
}
#main .article03 .btn02 {
	top: 642px;
	left: 449px;
}

/* article04 */
#main .article04 {
	position: relative;
	height: 99px;
	background: url(../img/article04_bg01.png) no-repeat;
}
#main .article04 p {
	position: absolute;
	top: 39px;
	left: 311px;
}

/* 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;
}