body {
	font: 16px/2 Arial,"メイリオ","Meirio","EE EゴシチE","MS PGothic","Osaka","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Sans-Serif;
	color: #fff;
}
body.level {
	background-color: #143a7f; 
}
body.map {
	background-color: #0f2153; 
}
body.map2 {
	background-color: #17194d; 
}
.tcp {
	color: #88f2ff;
}
.tcp2 {
	color: #cbb7fd;
}
.tcp3 {
	color: #9ab6ff;
}

/* header
=========================================*/
header {
	position: relative;
	width: 100%;
	height: 683px;
	background: url(../../../../../icarus-web.nefficient.jp/images/Event/03_Update/bg_header.webp) no-repeat center top;
	text-indent: -1000000px;
}
header h1 {
	position: absolute;
	top: 38px;
	left: 50%;
	width: 136px;
	height: 47px;
	margin-left: -490px;
	background: url(../../../../../icarus-web.nefficient.jp/images/Event/02_Update/h1_logo.webp) no-repeat;
}
header h1 a {
	display: block;
	width: 100%;
	height: 100%;
}
header .btn_sns {
	position: absolute;
	top: 520px;
	left: 50%;
	width: 164px;
	height: 49px;
	margin-left: -300px;
	text-indent: 0;
	cursor: pointer;
}

/* gnb
=========================================*/
#gnb {
	position: absolute;
	top: 636px;
	left: 0;
	width: 100%;
	height: 87px;
	background-color: #12376b;
	border-bottom: 1px solid #0f2e59;
	z-index: 10000;
}
#gnb.fix {
	position: fixed;
	top: 0;
	left: 0;
}
#gnb ul {
	position: relative;
	width: 982px;
	height: 100%;
	margin: 0 auto;
	text-indent: -1000000px;
}
#gnb ul li {
	float: left;
	width: 326px;
	height: 100%;
	border-left: 1px solid #0f2e59;
	background-image: url(../../../../../icarus-web.nefficient.jp/images/Event/03_Update/gnb.webp);
	background-repeat: no-repeat;
	cursor: pointer;
}
#gnb ul li:last-child {
	border-right: 1px solid #0f2e59;
}
#gnb ul li.menu1 {
	background-position: 0 0;
}
#gnb ul li.menu1.on {
	background-position: 0 100%;
}
#gnb ul li.menu2 {
	background-position: -326px 0;
}
#gnb ul li.menu2.on {
	background-position: -326px 100%;
}
#gnb ul li.menu3 {
	background-position: -652px 0;
}
#gnb ul li.menu3.on {
	background-position: -652px 100%;
}
#gnb ul li.on {
	background-color: #1149a5;
}
    
/* container
=========================================*/
#container {
	position: relative;
	width: 100%;
	padding: 100px 0;
}
#container.level {
	background-image: url(../../../../../icarus-web.nefficient.jp/images/Event/03_Update/level/bg_content2.webp), url(http://icarus-web.nefficient.jp/images/Event/03_Update/level/bg_content1.jpg);
	background-repeat: no-repeat;
	background-position: center 2000px, center top;
}
#container.map {
	background-image: url(../../../../../icarus-web.nefficient.jp/images/Event/03_Update/map/bg_content4.webp), url(http://icarus-web.nefficient.jp/images/Event/03_Update/map/bg_content3.jpg), url(http://icarus-web.nefficient.jp/images/Event/03_Update/map/bg_content2.jpg), url(http://icarus-web.nefficient.jp/images/Event/03_Update/map/bg_content1.jpg);
	background-repeat: no-repeat;
	background-position: center 3920px, center 2550px, center 1470px, center top;
}
#container.map2 {
	background-image: url(../../../../../icarus-web.nefficient.jp/images/Event/03_Update/map2/bg_content2.webp), url(http://icarus-web.nefficient.jp/images/Event/03_Update/map2/bg_content1.jpg);
	background-repeat: no-repeat;
	background-position: center bottom, center top;
}
.content {
	display: none;
	position: relative;
	width: 980px;
	margin: 0 auto;
}
.content iframe {
	margin-bottom: 10px;
}
.content h3 {
	text-align: center;
}
.content h4 {
	margin-top: 85px;
	margin-bottom: 25px;
}
.content .skill_list {
	position: relative;
	width: 100%;
	margin: 20px 0;	
}
.content .skill_list li {
	margin: 30px 0;
}
.content .thum {
	width: 1000px;
	margin-top: 40px;
}
.content .thum li {
	float: left;
	position: relative;
	width: 480px;
	height: 424px;
	margin-right: 20px;
	margin-bottom: 20px;
}
.content .thum li span {
	display: block;
	position: absolute;
	bottom: 0px;
	left: 10px;
	width: 100%;
	height: 29px;
	font-size: 13px;
}
.content .gallery {
	position: relative;
	width: 100%;
}
.content .gallery .nav {
	position: relative;
	width: 100%;
	height: 30px;
}
.content .gallery .nav li {
	display: inline-block;
	height: 100%;
	margin-right: 25px;
	background-repeat: no-repeat;
	text-indent: -1000000px;
	cursor: pointer;
}
.content .gallery .nav li.on {
	background-position-y: 100%;
}
.content .gallery .img {
	position: relative;
	width: 100%;
	height: 500px;
	margin-top: 30px;
}
.content .gallery .img li {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.content .gallery .img li .desc {
	position: absolute;
	bottom: 0px;
	left: 10px;
	width: 100%;
	height: 29px;
	font-size: 13px;
}
.content table {
	position: relative;
	width: 80%;
	border-collapse: separate;
	border-spacing: 5px;
}
.content table tr th,
.content table tr td {
	padding: 5px 10px;
}
.content table tr th {
	color: #afc4ff;
	background: url(../../../../../icarus-web.nefficient.jp/images/Event/03_Update/pvp/bg_table1.html) repeat;
}
.content table tr td {
	color: #bfafff;
	background: url(../../../../../icarus-web.nefficient.jp/images/Event/03_Update/pvp/bg_table2.html) repeat;
}

/* map
=========================================*/
.content .fellow .nav li {
	margin-right: 10px;
	background-image: url(../../../../../icarus-web.nefficient.jp/images/Event/03_Update/map/nav1.webp);
}
.content .fellow .nav li.menu1 {
	width: 170px;
	background-position-x: 0;
}
.content .fellow .nav li.menu2 {
	width: 150px;
	background-position-x: -170px;
}
.content .fellow .nav li.menu3 {
	width: 204px;
	background-position-x: -320px;
}
.content .fellow .nav li.menu4 {
	width: 150px;
	background-position-x: -524px;
}
.content .fellow .nav li.menu5 {
	width: 185px;
	background-position-x: -674px;
}
.content .new_map .img {
	height: 595px;
}
.content .new_map .nav li {
	background-image: url(../../../../../icarus-web.nefficient.jp/images/Event/03_Update/map/nav2.webp);
}
.content .new_map .nav li.menu1 {
	width: 170px;
	background-position-x: 0;
}
.content .new_map .nav li.menu2 {
	width: 116px;
	background-position-x: -170px;
}
.content .new_map .nav li.menu3 {
	width: 186px;
	background-position-x: -286px;
}

/* map2
=========================================*/
.content .fellow2 .nav li {
	background-image: url(../../../../../icarus-web.nefficient.jp/images/Event/03_Update/map2/nav1.webp);
}
.content .fellow2 .nav li.menu1 {
	width: 170px;
	background-position-x: 0;
}
.content .fellow2 .nav li.menu2 {
	width: 204px;
	background-position-x: -170px;
}

/* lnb
=========================================*/
.lnb {
	position: absolute;
	top: 830px;
	left: 50%;
	width: 120px;
	height: 90px;
	margin-left: 540px;
	z-index: 5000;
}
.lnb .btn_top {
	cursor: pointer;
}

/* footer
=========================================*/
footer {
	position: relative;
	width: 100%;
	background-color: #000;
}
footer .copyright {
	position: relative;
	width: 800px;
	margin: 0 auto;
	padding: 50px 0;
	color: #a0a0a0;
	font-size: 11px;
	text-align: center;
}
footer .copyright li {
	display: inline-block;
	margin: 0 5px;
}