@charset "utf-8";

/* main-inner */
#main #main-inner {
	border: none;
	background: none;
}
#main #main-title,
#main #section01 {
	position: relative;
	width: 864px;
}
#main #main-title h2,
#main #main-title span,
#main #section01 h2,
#main #section01 h3,
#main #section01 div,
#main #section01 p,
#main #section01 span,
#main #section01 ul {
	position: absolute;
	margin: 0;
	padding: 0;
}

#main #bg-wrap {
	background: url(../img/section01_bg.png) left top repeat-y;
}
/* main-title */
#main #main-title {
	height: 566px;
	background: url(../img/main_title_bg.png) left top no-repeat;
}
#main #main-title h2 {
	top: 0;
	left: 10px;
}
#main #main-title .olympic-logo {
	top: 113px;
	left: 385px;
}
#main #main-title .game-logo {
	top: 397px;
	left: 286px;
}

/* section01 */
#main #section01 {
	height: 3595px;
}

#main #section01 .article01,
#main #section01 .article01 .article-inner {
	width: 864px;
	height: 988px;
}
#main #section01 .article01 .article-inner,
#main #section01 .article02 .article-inner,
#main #section01 .article03 .article-inner,
#main #section01 .article04 .article-inner {
	position: relative;
}
#main #section01 .article02 .article-inner,
#main #section01 .article03 .article-inner,
#main #section01 .article04 .article-inner {
	width: 814px;
}
#main #section01 .article01 h2 {
	top: 0;
	left: 0;
}
#main #section01 .article01 .catch {
	top: 165px;
	left: 220px;
}
#main #section01 .article01 .game-l {
	top: 273px;
	left: 28px;
	margin: 0 0 25px 0;
}
#main #section01 .article01 .game-s {
	top: 588px;
	left: 28px;
}
#main #section01 .article01 .game-l li,
#main #section01 .article01 .game-s li {
	float: left;
}
#main #section01 .article01 .game-l li {
	padding: 0 21px 0 0;
}
#main #section01 .article01 .game-s li {
	padding: 0 0 11px 0;
}
#main #section01 .article01 .chara {
	top: 165px;
	left: -34px;
}

#main #section01 .article {
	width: 814px;
}
#main #section01 .article02,
#main #section01 .article03,
#main #section01 .article04 {
	left: 25px;
}

#main #section01 .article02 {
	top: 988px;
	background: url(../img/section01_article02_bg.png) left top no-repeat;
}
#main #section01 .article02,
#main #section01 .article02 .article-inner {
	height: 694px;
}
#main #section01 .article02 h3 {
	top: 4px;
	left: 264px;
}
#main #section01 .article02 .catch {
	top: 80px;
	left: 173px;
}
#main #section01 .article02 .game-l {
	top: 175px;
	left: 37px;
	margin: 0 0 20px 0;
}
#main #section01 .article02 .game-s {
	top: 489px;
	left: 38px;
}
#main #section01 .article02 .game-l li,
#main #section01 .article02 .game-s li {
	float: left;
}
#main #section01 .article02 .game-l li {
	padding: 0 21px 0 0;
}
#main #section01 .article02 .chara {
	top: 0;
	right: -25px;
}

#main #section01 .article03 {
	top: 1717px;
	background: url(../img/section01_article03_bg.png) left top no-repeat;
}
#main #section01 .article03,
#main #section01 .article03 .article-inner {
	height: 396px;
}
#main #section01 .article03 h3 {
	top: 4px;
	left: 209px;
}
#main #section01 .article03 .catch {
	top: 78px;
	left: 170px;
}
#main #section01 .article03 .img01 {
	top: 173px;
	left: 35px;
}
#main #section01 .article03 .img02 {
	top: 124px;
	left: 593px;
}
#main #section01 .article03 .chara {
	top: -46px;
	left: 15px;
}

#main #section01 .article04 {
	top: 2144px;
	background: url(../img/section01_article04_bg.png) left top no-repeat;
}
#main #section01 .article04,
#main #section01 .article04 .article-inner {
	height: 872px;
}
#main #section01 .article04 h3 {
	top: 4px;
	left: 294px;
}
#main #section01 .article04 .catch {
	top: 77px;
	left: 150px;
}
#main #section01 .article04 ul {
	top: 172px;
	left: 35px;
}
#main #section01 .article04 li {
	float: left;
	margin: 0 0 31px 0;
}
#main #section01 .article04 .chara {
	top: -63px;
	right: 10px;
}

/* movie */
#main #section01 .movie-ttl {
	top: 3042px;
	left: 190px;
}
#main #section01 .movie {
	bottom: 35px;
	left: 52px;
	width: 740px;
	height: 416px;
	padding: 10px;
	background: url(../img/section01_movie_bg.png) left top no-repeat;
	z-index: 10;
}
#main #section01 .movie-chara {
	top: 2957px;
	left: 2px;
}

/* main-footer */
.main-footer {
	position: relative;
	/*margin: 20px 0 0;*/
	margin: 0;
	padding-bottom: 32px;
}
.f-border {
	margin-top: 24px;
	padding-top: 20px;
	border-top: 1px solid #C1C1C1;
}
.main-footer .f-hard {
	position: absolute;
	/*top: 0;*/
	top: 10px;
	right: 0;
}
.f-border .f-hard {
	top: 20px;
}
.f-wrap {
	/*margin: 36px 0 0;*/
	margin: 0;
}
.main-footer .f-logo {
	float: left;
	width: 320px;
	text-align: center;
}
.main-footer .f-contents {
	float: right;
	width: 514px;
}
.main-footer .f-icon {
	float: left;
}
.main-footer .f-name {
	position: relative;
	float: right;
	width: 443px;
	height: 55px;
}
.main-footer .f-soft-ttl {
	position: absolute;
	/*top: 10px;*/
	top: 3px;
}
.main-footer .f-copyright {
	position: absolute;
	/*bottom: 10px;*/
	bottom: 3px;
	line-height: 1.2;
	color: #FFFFFF;
	font-size: 9px;
}
.main-footer .f-note01 {
	margin: 5px 0 15px;
	color: #FFFFFF;
	font-size: 9px;
}
.main-footer .f-btn {
	margin: 15px 0 0;
}

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