@charset "UTF-8";
/*
 *
 * $reset
 *
 *
*/
body, div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, 
brockquote, pre, table, caption, th, td, address, 
form, fieldset, legend, object, input{margin:0;padding:0;}
h5, h6, pre, table, code, kbd, samp, acronym, input, textarea, select{font-size:100%;}
a, ins{text-decoration:none;}
address, em, cite, dfn, var{font-style:normal;}
input, textarea{/*font-family:sans-serif;*/font-weight:normal;}
img{vertical-align:baseline;}
a img{border:none;margin:0;}
* html body{ /* for IE6 */font-size:small;}
*:first-child+html body{ /* for IE7 */font-size:small;}
ul{list-style-position:outside;list-style-type:none;}
ol{list-style-position:outside;margin-left:20px;}
table{border-collapse:collapse;/*word-break: break-word;*/}
legend{	color: #333;}
div, pre{word-wrap: break-word}
pre{white-space: pre-wrap;}
/*
 *
 * $html
 *
 *
*/
html{margin:0;padding:0;}
body{
	/*font-family:'ヒラギノ角ゴ Pro W3',Osaka,'Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#fff;
	background:#fff;
	text-align:center;
}
p{font-size:14px;line-height:140%;text-align:left;}
a{	outline: none;	}
a:focus{	outline: none;	}
.sec_ttl{display:none;}
.font14{font-size:14px !important;}
.font16{font-size:16px !important;}
.font18{font-size:18px !important;}

/*
 *
 * $noscriptMessage
 *
 *
*/
#noscriptMessage,
.ie8,.ie9{width:100%;padding:6px 0;background:#F06;text-align:center;color:#fff;}
#noscriptBox p,.ie8 p,.ie9 p{text-align:center;}
.ie8{display:none;}
.ie9{display:none;}
	
/*
 *
 * $wrap
 *
 *
*/
#wrap{width:100%;min-width:1100px;padding:0;margin:0;overflow:hidden;}
/*
 *
 * $header
 *
 *
*/	
.header{width:100%;min-width:1024px;height:35px;background:url(../img/common/header_bg.jpg) no-repeat top center #fff;box-shadow: 2px 2px 2px rgba(0,0,0,0.2);position:relative;z-index:10;}
.member{width:300px;height:40px;position:absolute;left:190px;top:6px;z-index:90;}
	.member a{width:300px;height:40px;display:block;overflow: hidden;text-indent: 100%;white-space: nowrap;background:url(../img/common/header_memberBtn.png) no-repeat top left;}
	.member a:hover{background:url(../img/common/header_memberBtn.png) no-repeat bottom left;}
/*
 *
 * $info
 *
 *
*/
.info{width:100%;height:60px;background:#000;}
/*
 *
 * $footer
 *
 *
*/
.footer{width:100%;box-sizing: border-box;}
	.banner_box{width:1024px;height:65px;padding:15px 0;margin:0 auto;position:relative;overflow:hidden;}
	.banner_box ul{float:left;position:relative;left:50%;}
	.banner_box ul li{position:relative;left:-50%;width:500px;height:65px;background:#ccc;float: left;}
	.banner_box ul li.left{margin:0 4px 0 0;}
	.banner_box ul li.right{margin:0 0 0 4px;}
	.banner_box ul li p{text-align:center;padding:24px 0 0;color:#000;}
.footerBanner{width:960px;height:80px;padding:20px 0 10px;margin:0 auto;}



/*
 *
 * $main
 *
 *
*/
.main{width:100%;min-height:845px;position:relative;}
/*
 *
 * $mainSNS
 *
 *
*/
.mainSNS{position:absolute;top:150px;right:0;z-index:25;}
/* スペシャル */
#popsubnav_special{display:none;top:0;left:760px;}
/* システム_親 */
#popsubnav_system{display:none;top:0px;left:140px;z-index:45;}
/*レスタニアニュース*/
#popsubnav_lestania{top:0px;left:414px;z-index:45;}
/*クエスト*/
#popsubnav_quest{top:57px;left:414px;z-index:45;}
/*スキル*/
#popsubnav_skill{top:114px;left:414px;z-index:45;}
/*パーティ*/
#popsubnav_party{top:171px;left:414px;z-index:45;}
/*エリアマスター*/
#popsubnav_person{top:234px;left:414px;z-index:45;}
/*スターティング*/
#popsubnav_starting{top:6px;right:-138px;z-index:45;}
/* フィールド_親 */
#popsubnav_field{top:0px;left:60px;z-index:45;}
/* フィールド */
#popsubnav_field_child{display:none;top:57px;left:334px;z-index:45;}
/* 白竜神殿レーゼ */
#popsubnav_temple{display:none;top:0px;left:334px;z-index:45;}
/* 拠点 */
#popsubnav_base{display:none;top:112px;left:334px;z-index:45;}
/* オンライン */
#popsubnav_online{display:none;top:0;left:580px;}
#popsubnav_feature{display:none;top:225px;left:855px;z-index:45;}
/* グランドミッション */
#popsubnav_mission{display:none;top:163px;left:855px;z-index:45;}
/* ワールド */
#popsubnav_world{display:none;top:0;left:-22px;}
#popsubnav_feel{display:none;top:280px;left:253px;z-index:55;}
#popsubnav_npc{display:none;top:107px;left:253px;z-index:50;width:580px;}
#popsubnav_monster{display:none;top:53px;left:253px;z-index:45;width:580px;}
#popsubnav_pawn{display:none;top:225px;left:253px;z-index:45;}
#popsubnav_job{display:none;top:170px;left:253px;z-index:45;}
#popsubnav_job .jobicon{position:absolute;top:-3px;left:-10px;margin:0 4px 0 0;}
#popsubnav_job p{padding:0 0 0 15px;}

/*
 *
 * $starting
 *
 *
*/
.pagetop{width:320px;padding:10px 0;text-align:center;border-radius:10px 10px 0 0;background:#fff;position:absolute;top:-30px;left:0;right:0;margin:0 auto;font-size:12px;color:#333;cursor:pointer;}
.starting_download{width:522px;height:110px;margin:0 auto;padding:30px 0 0;}
.starting_download a{width:522px;height:110px;display:block;overflow: hidden;text-indent: 100%;white-space: nowrap;background:url(../img/common/starting_download.png) no-repeat top center;}
.starting_download a:hover{background-position:bottom center;}
#starting_header{width:100%;height:232px;background:url(../img/common/footer_starting_bg.jpg) no-repeat top center #000;position:relative;z-index:99;}
#starting_header ul{width:786px;height:100px;margin:0 auto;position:relative;top:165px;}
#starting_header li{width:262px;height:100px;float:left;}
#starting_header li a{width:262px;height:100px;display:block;background:url(../img/common/footer_starting_plNav.png) no-repeat;}
	#starting-PS4,#starting-PS3,#starting-NetCafe{display:none;}
	#starting_header li.starting_Win a{background-position:0 0;}
	#starting_header li.starting_Win a:hover{background-position:0 -100px;}
	#starting_header li.starting_Win a.active{background-position:0 -100px;}
	#starting_header li.starting_PS4 a{background-position:-262px 0;}
	#starting_header li.starting_PS4 a:hover{background-position:-262px -100px;}
	#starting_header li.starting_PS4 a.active{background-position:-262px -100px;}
	#starting_header li.starting_PS3 a{background-position:-524px 0;}
	#starting_header li.starting_PS3 a:hover{background-position:-524px -100px;}
	#starting_header li.starting_PS3 a.active{background-position:-524px -100px;}
	#starting_header li.starting_NetCafe{margin:0 0 0 273px;}
	#starting_header li.starting_NetCafe a{background-position:-787px 0;}
	#starting_header li.starting_NetCafe a:hover{background-position:-787px -100px;}
	#starting_header li.starting_NetCafe a.active{background-position:-787px -100px;}
	
#starting .wrapper{max-width:100%;padding:25px 0 25px;box-shadow:0;color:#000;}
	#starting .wrapper .btn_top{display:none;}
	#starting .wrapper footer{display:none;}


/*
 *
 * $PhotoArea
 *
 *
*/
#photoArea{width:100%;position:fixed;top:0;left:0;z-index:100;overflow:hidden;/**/display:none;/**/}
#photoArea #photoBg{width:100%;background:#000;opacity:0.9;filter: alpha(opacity=90);-moz-opacity:0.9;position:absolute;top:0;left:0;z-index:1;}
#photoArea #photoStage{width:960px;height:539px;position:absolute;top:0;left:0;z-index:2;}
#photoArea #photoStage .imgWrapper{width:960px;position:absolute;top:0;left:0;/*border:3px solid #ccc;*/padding:0;font-size:0;overflow:hidden;z-index:1;/*background:#000;*/}
#photoArea #photoStage .close{position:absolute;bottom:-50px;left:470px;z-index:10;cursor:pointer;}
#photoArea #imgArea{width:1024px; min-height:450px;}
#photoArea .loading {position:absolute;z-index:20; top:50%;left:50%;}


/*
 *
 * $MovieArea
 *
 *
*/
#movieArea{width:100%;position:fixed;top:0;left:0;z-index:100;overflow:hidden;/**/display:none;/**/}
#movieArea #movieBg{width:100%;background:#000;opacity:0.93;filter: alpha(opacity=93);-moz-opacity:0.93;position:absolute;top:0;left:0;z-index:1;}
#movieArea #movieStage{width:1024px;height:576px;position:absolute;top:0;left:0;z-index:2;}
#movieArea #movieStage .youtubeWrapper{width:1024px;height:576px;position:absolute;/*border:2px solid #333;*/top:0;left:0;font-size:0;z-index:1;/**background:#fff;/**/}
#movieArea #movieStage .close{position:absolute;bottom:-50px;left:470px;z-index:10;cursor:pointer;}

/*
 *
 * $perfect-scrollbar
 *
 *
*/
.ps-container{-ms-touch-action:none;overflow:hidden !important}
.ps-container.ps-active-x>.ps-scrollbar-x-rail,.ps-container.ps-active-y>.ps-scrollbar-y-rail{display:block}
.ps-container.ps-in-scrolling{pointer-events:none}
.ps-container .ps-scrollbar-x-rail {
    position: absolute; /* please don't change 'position' */
    bottom: 3px; /* there must be 'bottom' for ps-scrollbar-x-rail */
    height: 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    opacity: 0;
    filter: alpha(opacity = 0);
    -o-transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    -moz-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
	display:none;
}

.ps-container:hover .ps-scrollbar-x-rail,
.ps-container.hover .ps-scrollbar-x-rail {opacity: 0.8;filter: alpha(opacity = 80);}
/**.ps-container .ps-scrollbar-x-rail:hover,
.ps-container .ps-scrollbar-x-rail.hover {background-color: #fff;opacity: 0.9;filter: alpha(opacity = 90);}*/
.ps-container .ps-scrollbar-x-rail.in-scrolling {opacity: 0.8;filter: alpha(opacity = 80);}
.ps-container .ps-scrollbar-y-rail {
    position: absolute; /* please don't change 'position' */
    right: 3px; /* there must be 'right' for ps-scrollbar-y-rail */
    width: 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    /*opacity: 0;
    filter: alpha(opacity = 0);*/
	 background-color: #fff;
    -o-transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    -moz-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
}
.ps-container:hover .ps-scrollbar-y-rail,
.ps-container.hover .ps-scrollbar-y-rail { opacity: 0.8;filter: alpha(opacity = 80);}
.ps-container .ps-scrollbar-y-rail:hover,
.ps-container .ps-scrollbar-y-rail.hover {}
.ps-container .ps-scrollbar-y-rail.in-scrolling {}
.ps-container .ps-scrollbar-x {
    position: absolute; /* please don't change 'position' */
    bottom: 0; /* there must be 'bottom' for ps-scrollbar-x */
    height: 8px;
    background-color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius:4px;
    -o-transition:background-color .2s linear;
    -webkit-transition:background-color.2s linear;
    -moz-transition:background-color .2s linear;
    transition:background-color .2s linear;
	display:none;
}
.ps-container.ie6 .ps-scrollbar-x { font-size: 0; /* fixed scrollbar height in xp sp3 ie6 */}
.ps-container .ps-scrollbar-x-rail:hover .ps-scrollbar-x,
.ps-container .ps-scrollbar-x-rail.hover .ps-scrollbar-x {background-color: #fff;}

.ps-container .ps-scrollbar-y {
    position:absolute; /* please don't change 'position' */
    right:0; /* there must be 'right' for ps-scrollbar-y */
    width:8px;
    background-color:#0e719a;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -o-transition: background-color .2s linear;
    -webkit-transition: background-color.2s linear;
    -moz-transition: background-color .2s linear;
    transition: background-color .2s linear;
}
.ps-container.ie6 .ps-scrollbar-y {font-size: 0; /* fixed scrollbar height in xp sp3 ie6 */}
.ps-container .ps-scrollbar-y-rail:hover .ps-scrollbar-y,
.ps-container .ps-scrollbar-y-rail.hover .ps-scrollbar-y { opacity: 0.8;filter: alpha(opacity = 80);}
.ps-container.ie .ps-scrollbar-x,
.ps-container.ie .ps-scrollbar-y {visibility: hidden;}
.ps-container.ie:hover .ps-scrollbar-x,
.ps-container.ie:hover .ps-scrollbar-y,
.ps-container.ie.hover .ps-scrollbar-x,
.ps-container.ie.hover .ps-scrollbar-y {visibility: visible;}

.clear{	clear:both; }