@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: 14px;
	left: 18px;
}
#main #title-area .update {
	top: 13px;
	right: 7px;
}

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

/* main-visual */
#main .main-visual {
	margin: 0 0 0 -39px;
	padding: 0 0 0 39px;
	background: url(../img/main_visual_bg01.png) no-repeat;
}

/* article-wrap */
#main .article-wrap {
	background: url(../img/article_wrap_bg01.gif) repeat-y;
}

/* article01 */
#main .article01 {
	position: relative;
	padding: 0 0 95px;
}
#main .article01 .catch {
	margin: 0 0 18px 123px;
}
#main .article01 .movie {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 600px;
	margin: 0 0 0 132px;
	border: 10px solid #000;
	background: #000;
}
#main .article01 .chara01 {
	position: absolute;
	top: 215px;
	left: -30px;
}
#main .article01 .chara02 {
	position: absolute;
	top: 270px;
	left: 137px;
}

/* article02 */
#main .article02 {
	position: relative;
	padding: 0 0 227px;
}
#main .article02 dt {
	margin: 0 0 0 40px;
}
#main .article02 li {
	float: left;
}
#main .article02 .pos-ab {
	position: absolute;
}
#main .article02 .pos-ab01 {
	z-index: 1;
	top: 785px;
	left: 143px;
}
#main .article02 .pos-ab02 {
	bottom: -2px;
	left: -31px;
}

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