@charset "utf-8";
body {
  margin: 0px;
  padding: 0px;
  font-size: 14px;
  line-height: 21px;
  background-color: #001129;
  color: #c2c2c2;
  font-family: 'メイリオ',Meiryo,Arial,sans-serif;
  background-position: center top;
  background-repeat: no-repeat;
}
html,
body,
div#wrapper {
  height: 100%;
  height: auto; 
  max-width: 2000px;
  min-width: 1000px;
  margin: 0 auto;
}
body > #wrapper{
  height: auto;  
}
a img {
  border: 0;
}
a{
  color: #80e4ea;
  text-decoration: none;
}
a:hover{
  color: #80e4ea;
  text-decoration: underline;
}
p,h1,h2,h3,h4{
  margin: 0;
  padding: 0;
}
ol,ul,dl,li{
  margin: 0;
  padding: 0;	
  list-style: none;
}
h2 {
  line-height: 0;
  position: absolute;
  top:375px;
  left:405px;
}
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
header, .present {position: relative;}
main {display: block;}
/***********/
#wrapper {
  background: url(../images/main-bg.jpg) no-repeat center top;
}
/*============
HEADER
============*/
header {
  background: url(../images/header-bg.jpg) no-repeat center top;
  height: 771px;
  max-width: 2000px;
  min-width: 1000px;
  margin: 0 auto;
}
.div-inner {
  background: url(../images/header-inner-bg.jpg) no-repeat center top;
  height: 574px;
  margin:0 auto;
  position: relative;
  width: 1000px;
}
h1 {
  position: absolute;
  top: 0;
  left: 13px;
}
.catch {
  position:absolute;
  top: 155px;
  left: 412px;
}
.date {
  position:absolute;
  top:597px;
  right:25px;
}
header .register {
  position:absolute;
  top:418px;
  left:16px;
	z-index: 10;
}
header .member {
  position:absolute;
  top:496px;
  left:224px;
	z-index: 11;
}
header .step-list {
  position:absolute;
  top:674px;
}
header .step-list li{
  float:left;
}
#movie {
  background:url(../images/movie-bg.png) no-repeat center top;
  position:absolute;
  top:203px;
  left:30px;
  height:175px;
  width:284px;
}
#ytapiplayer {
  padding-top:9px;
  padding-left:10px;
}
.txt01 {
  position:absolute;
  top: 0;
  left: 303px;
}
.chara01 {
 position:absolute;
left:331px;
top:160px;
}
.chara02 {
 position:absolute;
right:17px;
top:156px;
}
#header-bottom {
  background: url(../images/header-bottom.png)no-repeat center top;
  height: 197px;
  margin: 0 auto;
  max-width: 2000px;
  min-width: 1000px;
  width:100%;
}
/*============
MAIN
=============*/
/***** About01 *****/
#about01 {
  background:url(../images/about01-bg.jpg) no-repeat center top;
  background-attachment: fixed;
  max-width:2000px;
  min-width:1000px;
  margin:0 auto;
	padding-bottom: 292px;
}
#about01 .container {
  width:1000px;
  padding-top:216px;
  margin:-197px auto 0 auto;
  position:relative;
}
#slider {
  height:520px;
  width:1000px;
  margin:0 auto;
  position:relative; 
}
#slide-prev{
  position:absolute;
  top:632px;
  left:25px;
	z-index: 5;
}
#slide-next{
  position:absolute;
  top:632px;
  right:25px;
	z-index: 5;
}
.jobxweapon{
	margin-top:-21px;
}
#slider .ss01 {
  position:absolute;
  top:40px;
  left:619px;}
#slider .ss02 {
  position:absolute;
  top:219px;
  left:691px;
	z-index: 3;
}
#slider .ss03 {
  position:absolute;
  top:292px;
  left:512px;
}
#about01 .guardian .ss01 {
  position:absolute;
  left:639px;
}
#about01 .dungeon .ss01{
	top:26px;
	left:704px;
	z-index: 3;
}
#about01 .dungeon .ss02{
	top:125px;
	left:566px;
  z-index: 2;
}
#about01 .dungeon .ss03{
	left:685px;
	top:235px;
}
#about01 .guardian .ss02 {
	top:181px;
	left:703px;
	z-index: 2;
}
#about01 div section.guardian .ss03 {
	left:461px;
}
#about-game h2{
  line-height:0;
}
/***** About02 *****/
#about02-top{
  background:url(../images/job/about02-top.png) no-repeat center top;
  height: 292px;
  margin: -292px auto 0 auto;
  max-width: 2000px;
  min-width: 1000px;
  width: 100%;
}
#about02 {
  background:url(../images/job/about02-bg.jpg) no-repeat center top;
  height: 777px;
  margin: 0 auto;
  max-width: 2000px;
  min-width: 1000px;
  padding-bottom:20px;
}
#about02 .container {
  margin: 0 auto;
	position: relative;
  width: 1000px;
}
#about02-bottom{
  background:url(../images/job/about02-bottom.png) no-repeat center top;
  height: 37px;
  margin: 0 auto;
  max-width: 2000px;
  min-width: 1000px;
  width: 100%;
}
#about02 h3 {
  position: absolute;
	top:-171px;
	left:89px;
	z-index: 2;
}
#about02 .title-line {	
  position: absolute;
	top:-30px;
	left: 6px;
	z-index: 1;
}
#cross-img {
	position: absolute;
	top:315px;
	left:460px;
	z-index: 3;
}
/****** Job ******/
#job-nav {
	background: url(../images/job/job-nav-bg.png)no-repeat center top;
	height: 244px;
	width:149px;
	position: absolute;
	top:23px;
	left: 25px;
	z-index: 3;
}
#job-wrapper {
  background:url(../images/job/job-main-bg.png)no-repeat center top;
	height: 667px;
	width:550px;
	position:absolute;
	left:0;
	top:71px;
}
#tabs01, #tabs02 {padding: 18px 0 0 14px;}
#tabs01, #tabs02 li{line-height: 0;}
#jobBox {
	background:url(../images/job/job-bg.png);
	height: 667px;
	width:550px;
}
#job_1, #job_2, #job_3, #job_4, #job_5 {
	height: 667px;
	position: absolute;
	top:0;
	left: 0;
  width:550px;
}
#job_1 {background:url(../images/job/job-chara01.png)no-repeat center top;}
#job_2 {background:url(../images/job/job-chara02.png)no-repeat center top; display: none;}
#job_3 {background:url(../images/job/job-chara03.png)no-repeat center top; display: none;}
#job_4 {background:url(../images/job/job-chara04.png)no-repeat center top; display: none;}
#job_5 {background:url(../images/job/job-chara05.png)no-repeat center top; display: none;}
.job-name{
  position: absolute;
	top:-71px;
	left:11px;
}
.job-table{
  position: absolute;
	top:452px;
	left:29px;
}
.job-text{
  position: absolute;
	top:568px;
	left:20px;
}
/***** Weapon *****/
#weap-nav {
	background: url(../images/job/wep-nav-bg.png)no-repeat center top;
	height: 362px;
	width:149px;
	position: absolute;
	top:23px;
	right: 27px;
	z-index: 3;
}
.weap-name{
  position: absolute;
	top:-68px;
	right:18px;
}
.weap-text{
  position: absolute;
	top:568px;
	right:20px;
}
#weap-wrapper {
	background:url(../images/job/wep-main-bg.png)no-repeat center top;
	height: 667px;
	width:504px;
	position:absolute;
	right:0;
	top:71px;
}
#weapBox {
	background:url(../images/job/wep-bg.png) no-repeat center top;
	height: 667px;
	width:504px;
}
#weap_1, #weap_2, #weap_3, #weap_4, #weap_5, #weap_6, #weap_7, #weap_8 {
	height: 667px;
	position: absolute;
	top:0;
	left: 0;
  width:504px;
}
#weap_1 {background:url(../images/job/weapon-img01.png)no-repeat center top;}
#weap_2 {background:url(../images/job/weapon-img02.png)no-repeat center top; display: none;}
#weap_3 {background:url(../images/job/weapon-img03.png)no-repeat center top; display: none;}
#weap_4 {background:url(../images/job/weapon-img04.png)no-repeat center top; display: none;}
#weap_5 {background:url(../images/job/weapon-img05.png)no-repeat center top; display: none;}
#weap_6 {background:url(../images/job/weapon-img06.png)no-repeat center top; display: none;}
#weap_7 {background:url(../images/job/weapon-img07.png)no-repeat center top; display: none;}
#weap_8 {background:url(../images/job/weapon-img08.png)no-repeat center top; display: none;}
.weap-ss01{
	position:absolute;
	top:404px;
	right:27px;
	z-index:2;
}
.weap-ss02{
	position:absolute;
	top:446px;
	right:85px;
	z-index: 1;
}
/***** Event *****/
#event {
  background:url(../images/event/event-bg01.jpg) no-repeat center top;
  background-attachment: fixed;
  margin: 0 auto;
  max-width: 2000px;
  min-width: 1000px;
}
#event-wrapper {
	background:url(../images/event/event-bg02.png)no-repeat center top;
	max-width: 2000px;
  min-width: 1000px;
	padding-bottom:15px;
}
#event .container {
  margin: 0 auto;
	padding-top: 12px;
  position: relative;
  width: 1000px;
}
#event h3{
	margin-bottom:40px;
}
#event .cp-date {
	position:absolute;
	top:238px;
	left:213px;
}
#event .beginner {
	margin:0 0 47px 3px;
	position:relative;
}
#event .beginner .item-link {
	position:absolute;
	top:152px;
	left:176px;
}


/***** About Start *****/
#about-start-top {
  background:url(../images/about-start-top.png) no-repeat center top;
  height: 38px;
  margin: -40px auto 0 auto;
  max-width: 2000px;
  min-width: 1000px;
  width: 100%; 
}
#about-start {
  background:url(../images/about-start-bg.jpg) no-repeat center top;
  height: 480px;
	max-width:2000px;
  min-width:1000px;
  margin:0 auto;
}
#about-start .container {
  margin: 0 auto;
	position: relative;
  width: 1000px;
}
#about-start h3 {
 position: absolute;
 top:-14px;
 left: 0;
}
#about-start section {
  width:1000px;
}
#about-start .step-list {
  position: absolute;
	top:122px;
	left: 0;
}
#about-start .step-list li{
  float:left;
  margin-bottom:29px;
}
#btn-box {
	position: absolute;
	top:287px;
	left:12px;
}
#btn-box ul li{
 float:left;
 margin-right:17px;
}
#btn-box ul li:last-child {
  margin-right:0;
}
/*--------------------------------------------
FOOTER
------------------------------------------*/
#footer-top {
  background: url(../images/footer-top.jpg)no-repeat center top;
	max-width: 2000px;
	min-width: 1000px;
	width: 100%;
	height: 38px;
}
footer {
  background:url(../images/footer-bg.jpg) no-repeat center top;
  max-width:2000px;
  min-width:1000px;
  margin:0 auto; 
  height:90px;
  font-size:10px;
  padding-bottom:20px;
}
#footer_Area {
  width:1000px;
  margin:0 auto;
  padding-top:30px;
}
#footer_box {
  width:600px;
  float:left;
}
#x-lenged_logo {
  width:33px;
  float:left;
  margin-left:268px;
  margin-right:20px;
}
#footer_Area {
  padding-bottom:20px;
}
/**POINTS**/
.color1 {color:#ff6a6a;}
table {
  margin:20px auto;
}
th {vertical-align:middle;}
.table2 {
  border-top: 1px solid #e7e7e7;
  border-left: 1px solid #dedec0;
}
.td2 {
  background-color:#c2c2c2;	
}
.table2 td{
  padding:5px 10px 5px 10px;
  border-bottom: 1px solid #dedec0;
  border-right: 1px solid #dedec0;
  background-color:#ffffff;	
}
.table2 th {
  padding:5px 10px 5px 10px;
  border-bottom: 1px solid #e7e7e7;
  border-right: 1px solid #e7e7e7;	
  background-color:#b3eeff;
  text-align:left;
  color:#c2c2c2;
}
.table1 {
  border-top: 1px solid #e7e7e7;
  border-left: 1px solid #e7e7e7;
  width:914px;
}
.table1 td{
  padding:5px 10px 5px 10px;
  border-bottom: 1px solid #e7e7e7;
  border-right: 1px solid #e7e7e7;
  background-color:#445388;
  color:#dbdbdb;
	
}
.table1 th {
  padding:5px 10px 5px 10px;
  border-bottom: 1px solid #e7e7e7;
  border-right: 1px solid #e7e7e7;	
  background-color:#042266;
  text-align:left;
  color:#dbdbdb;
}
ul.notice_list {margin-left: 15px;}
ul.notice_list li {list-style-type: disc;}
.text {
  margin-bottom:10px;
}

.member_site {
  text-align: center;
	position: absolute;
	top:454px;
	left:385px;
}
/********************************/
#cp_area {
	position: fixed !important;
	position: absolute;
	bottom: 10px;
	right: 0;
	width: 154px;
	height: 360px;
	z-index: 50;	
}
