@charset "UTF-8";
getElementById
/*
 *
 * $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;}





/*
 *
 * Height setting
 *
 *
*/

body#top div#wrap div#contents{
    height: 1500px;
}/*高さなし*/

/*weapon*/
body#weapon div#wrap div#contents{
    height: 1640px;
}/*高さなし*/
body#action div#wrap div#contents{
    height: 1500px;
}/*高さなし*/
body#evolution div#wrap div#contents{
    height: 2800px;
}
body#original div#wrap div#contents{
    height: 2180px;
}

/*update*/
body#update div#wrap div#contents{
    height: 1800px;
}/*高さなし*/
body#monstar div#wrap div#contents{
    height: 7170px;
}
body#field div#wrap div#contents{
    height: 3520px;
}
body#armor div#wrap div#contents{
    height: 2520px;
}
body#naruga div#wrap div#contents{
    height: 4750px;
}
body#gclass div#wrap div#contents{
    height: 3850px;
}
body#balance div#wrap div#contents{
    height: 2350px;
}
#utahime div#wrap div#contents{
    height: 2330px;
}

/*refine*/
body#refine div#wrap div#contents{
    height: 1640px;
}
body#refine1 div#wrap div#contents{
    height: 6300px;
}
body#refine2 div#wrap div#contents{
    height: 6030px;
}

/*other*/
body#movie div#wrap div#contents{
    height: 1550px;
}
body#wallpaper div#wrap div#contents{
    height: 2100px;
}

/*
 *
 * COMMON
 *
 *
*/
.hover:hover{
	opacity:0.7;
}
body{
	margin:0;
	padding:0;
	background:#000000;
}
area{
  border:none;
  outline:none;
}
a:hover img{
	opacity:0.8;
}
body div#wrap{
	position:relative;
	z-index:1;
}

body.lower div#wrap div#comBG{
	position:fixed;
	left:50%;
	top:0;
	width:100%;
	height:100%;
	margin:0px 0px 0px -50%;
	background:#000000 url(../img/com_bg_006.jpg) no-repeat center top;
	z-index:-100;
}
body#top div#wrap div#pageNavi{
	display:none;
}
body#action div#wrap div#pageNavi{
	display:none;
}
body#action div#update div#pageNavi{
	display:none;
}
body.lower div#wrap div#pageNavi{
	position:fixed;
	top:60px;
	right:10px;
	overflow: hidden;
	zoom: 1;
	z-index:200;
}
body.lower div#wrap div#pageNavi ul{
	float:right;
	width:302px;
	height:60px;
	padding:25px 0px 0px 25px;
	background:url(../img/com_bg_010.png) no-repeat left top;
	overflow: hidden;
	zoom: 1;
}
body.lower div#wrap div#pageNavi.n3 ul{
	width:479px;
	padding:28px 0px 0px 28px;
	background:url(../img/com_bg_009.png) no-repeat left top;
}
body.lower div#wrap div#pageNavi.n4 ul{
	width:602px;
	padding:18px 0px 0px 20px;
	background:url(../img/com_bg_012.png) no-repeat left top;
}
body.lower div#wrap div#pageNavi ul li{
	position:relative;
	float:left;
	margin:0px 6px 0px 0px;
	width:136px;
	height:35px;
}
body.lower div#wrap div#pageNavi ul li a{
	display:block;
	position:absolute;
	left:0;
	top:0;
}
body.lower div#wrap div#pageNavi ul li img.new{
	display:block;
	position:absolute;
	right:0;
	top:-10px;
}

/*
 *
 * HEADER
 *
 *
*/

body div#wrap div#headerBGWrap{
	overflow:hidden;
	position: absolute;
	width:100%;
	height:174px;
	pointer-events: none;
}
body div#wrap div#headerBGWrap div#headerBG{
	position:absolute;
	left:50%;
	top:0;
	width:2318px;
	height:174px;
	margin:0px 0px 0px -1109px;
	background:url(../img/com_bg_003.png) no-repeat center top;
	z-index:100;
}

body div#wrap h1#headerLG{
	position:absolute;
	left:10px;
	top:101;
	width:420px;
	height:156px;
	z-index:101;
}

/*Adjust top lower*/
body#top div#wrap div#header{
	display:none;
}
body#top div#wrap div#headerBG{
	display:none;
}
body#top div#wrap h1#headerLG{
	display:none;
}
/*Adjust top lower*/

/*
 *
 * CONTENTS
 *
 *
*/

/*youtube*/
body div.yt_box_wrap{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
body div.yt_box_wall{
	position:fixed;
	background:rgba(0,0,0,1);
	width:100%;
	height:100%;
}
body div.yt_box{
	position:relative;
	width:987px;
	height:588px;
	margin:200px auto 0 auto;
	background:url(../img/com_bg_011.png) no-repeat left top;
}
body div.yt_box div.yt_box_in{
	position:relative;
	width:900px;
	margin:0 auto;
	padding:60px 0px 0px 0px;
}

body div.yt_box_close{
	position:absolute;
	top:26px;
	right:38px;
	width:165px;
	height:24px;
	cursor:pointer;
	background:url(../img/com_bt_002.png) no-repeat left top;
}
body div.yt_box_close:hover{
	opacity:0.7;
}

body div#wrap div#line{
	position:absolute;
	top:100px;
	left:0;
	width:560px;
	height:687px;
	background:url(../img/com_bg_002.png) no-repeat center top;
}
body#top div#wrap div#line{
	top:0;
	left:0;
}
body.lower div#wrap div#footerTop{
	display:none;
}
body.lower div#wrap div#contents{
	position:relative;
}
body.lower div#wrap div#contents div#contentsInner{
	width:1200px;
	margin: 0 auto;
	position:relative;
}


/*
 *
 * FOOTER
 *
 *
*/
/*Adjust top lower*/
body#top div#wrap div#footer p.toTop{
	display:none;
}
body#top div#wrap div#footer div#ftLine{
	top:320px;
}
body#top div#wrap div#footer div#nav{
	height:320px;
}
body#top div#wrap div#footer div#nav ul.subNav{
	top:270px;
}

body.lower div#wrap div#footer ul.mainNav li div.topNav{
	display:none;
}
body#top div#wrap div#footer ul.mainNav li div.childNav{
	display:none;
}
/*Adjust top lower*/


body div#wrap div#footer{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	padding:170px 0px 0px 0px;
	background:url(../img/com_bg_004.png) no-repeat center top;
	z-index:15;
}
body div#wrap div#footer div#ftLine{
	position:absolute;
	left:0;
	top:220px;
	width:100%;
	height:273px;
	background:url(../img/com_bg_005.png) no-repeat center top;
}
body div#wrap div#footer div#nav{
	width:1200px;
	height:220px;
}
body div#wrap div#footer div#nav h2{
	position:absolute;
	right:0;
	top:0px;
	pointer-events: none;
}
body div#wrap div#footer div#nav p.toTop{
	position:absolute;
	left:0px;
	top:0px;
	z-index:10;
}
body div#wrap div#footer div#nav ul.mainNav{
	position:absolute;
	left:0;
	top:-10px;
	overflow: hidden;
	zoom: 1;
	padding:10px 0px 0px 0px;
}
body div#wrap div#footer div#nav ul.mainNav li{
	float:left;
}
body div#wrap div#footer div#nav ul.mainNav li.nav1{
	margin:44px 23px 0px 0px;
}
body div#wrap div#footer div#nav ul.mainNav li.nav2{
	margin:22px 23px 0px 0px;
}
body div#wrap div#footer div#nav ul.mainNav li.nav3{
	margin:0px 0px 0px 0px;
}
body div#wrap div#footer div#nav ul.mainNav li{
	position:relative;
	width:360px;
	height:221px;
}
body div#wrap div#footer div#nav ul.mainNav li a{
	position:absolute;
	left:0;
	top:0;
	display:block;
}
body div#wrap div#footer div#nav ul.mainNav li img.new{
	position:absolute;
	right:10px;
	top:-10px;
	
}
body div#wrap div#footer div#nav ul.subNav{
	position:absolute;
	left:0;
	top:170px;
	overflow: hidden;
	zoom: 1;
	margin:-20px 0px 0px 0px;
}
body div#wrap div#footer div#nav ul.subNav li{
	float:left;
}
body div#wrap div#footer div#nav ul.subNav li.sub1{
	margin:20px 40px 0px 0px;
}
body div#wrap div#footer div#nav ul.subNav li.sub1 img:hover{
	opacity:0.7;
}
body div#wrap div#footer div#nav ul.subNav li.sub2{
	margin:10px 40px 0px 0px;
}
body div#wrap div#footer div#nav ul.subNav li.sub3{
	margin:0px 40px 0px 0px;
}

/*フッターボタン*/
body div#wrap div#footer div.ftNavWrap{
	padding:55px 0px 0px 0px;
	position:relative;
	background:url(../img/com_bg_001.png) repeat-x left 30px;
}
body div#wrap div#footer div#nav{
	position:relative;
	width:1200px;
	margin: 0 auto;
}
body div#wrap div#footer div.ftNav{
	position:relative;
	width:1200px;
	margin: 0 auto;
}
body div#wrap div#footer div.ftNav p{
	text-align:center;
}
body div#wrap div#footer div.ftNav ul.btArea{
	width:580px;
	margin:0 auto;
	overflow: hidden;
	zoom: 1;
}
body div#wrap div#footer div.ftNav ul.btArea li{
	float:left;
}
body div#wrap div#footer div.ftNav ul.btArea li a{
	display: block;
    height: 38px;
    margin: 0 3px;
    background: url(../img/bt_002.png) no-repeat left top;
	text-indent:-9999px;
}
body div#wrap div#footer div.ftNav ul.btArea li.btn_begin a{
    width: 199px;
    background-position: 0px 0px;
}
body div#wrap div#footer div.ftNav ul.btArea li.btn_ima a{
    width: 158px;
    background-position: -199px 0px;
}
body div#wrap div#footer div.ftNav ul.btArea li.btn_fukki a{
    width: 203px;
    background-position: -357px 0px;
}
body div#wrap div#footer div.ftNav ul.btArea li.btn_begin a:hover{
    background-position: 0px -38px;
}
body div#wrap div#footer div.ftNav ul.btArea li.btn_ima a:hover{
    background-position: -199px -38px;
}
body div#wrap div#footer div.ftNav ul.btArea li.btn_fukki a:hover{
    background-position: -357px -38px;
}
body div#wrap div#footer div.ftNav ul.bnArea{
	width:824px;
	margin:0 auto;
}
body div#wrap div#footer div.ftNav ul.bnArea li{
	float:left;
}

/*childNavi*/
body div#wrap div#contents div#contentsInner div#childNavi{
	background:url(../img/com_bg_013.png) no-repeat left top;
	width:1200px;
	height:125px;
	margin:20px 0px 0px 0px;
	position:relative;
	z-index:300;
}
body div#wrap div#contents div#contentsInner div#childNavi.n6{
	background:url(../img/com_bg_014.png) no-repeat left top;
	height:250px;
}
body div#wrap div#contents div#contentsInner div#childNavi ul{
	padding:15px 0px 0px 20px;
}
body div#wrap div#contents div#contentsInner div#childNavi ul li{
	position:relative;
	float:left;
	width:385px;
	height:118px;
	margin:0px 5px 0px 0px;
}
body div#wrap div#contents div#contentsInner div#childNavi ul li.wide{
	width:580px;
}
body div#wrap div#contents div#contentsInner div#childNavi ul li a,
body div#wrap div#contents div#contentsInner div#childNavi ul li span{
	display:block;
	position:absolute;
	left:0;
	top:0;
}
body div#wrap div#contents div#contentsInner div#childNavi ul li img.new{
	display:block;
	position:absolute;
	right:10px;
	top:-10px;
}
body div#wrap div#contents div#contentsInner div#childNavi.n2 ul li{
	width:580px;
}

/*
 *
 * INDEX
 *
 *
*/
body#top div#wrap div#topBG{
	position:absolute;
	left:50%;
	top:0;
	width:100%;
	height:802px;
	margin:0px 0px 0px -50%;
	background:#000000 url(../../img/top_bg_001.jpg) no-repeat center top;
	z-index:-100;
}
body#top div#wrap div#contents{
	position:relative;
}
body#top div#wrap div#contents div#contentsInner{
	min-width:1200px;
	max-width:1600px;
	margin: 0 auto;
	position:relative;
}
body#top div#wrap div#contents div#contentsInner h1{
	position:absolute;
	top:35px;
	right:0px;
	width:458px;
	height:169px;
}
body#top div#wrap div#contents div#contentsInner p#tx1{
	position:absolute;
	left:0px;
	top:0px;
}
body#top div#wrap div#contents div#contentsInner p#tx2{
	position:absolute;
	left:220px;
	top:530px;
}
body#top div#wrap div#contents div#contentsInner p#pkg{
	position:absolute;
	top:230px;
	right:0px;
	width:376px;
	height:355px;
}


/*
 *
 *WEAPON
 *
 *
*/
body.lower#weapon div#wrap div#comBG{
	position:absolute;
	height:1000px;
	background:#000000 url(../../weapon/img/wid_bg_001.jpg) no-repeat center 0px;
}
body#weapon div#wrap div#contentsInner ul{
	position:absolute;
	left:0;
	top:670px;
	width:1200px;
	padding:50px 0px 10px 0px;
	background:url(../../update/img/upd_bg_002.png) no-repeat center top;
	overflow: hidden;
	zoom: 1;
	z-index:1000;
}
body#weapon div#wrap div#contentsInner ul li{
	position:relative;
	float:left;
	width:400px;
	height:157px;
}

body#weapon div#wrap div#contentsInner ul li a{
	display:block;
	position:absolute;
}
body#weapon div#wrap div#contentsInner ul li img.new{
	position:absolute;
	left:0;
	top:-10px;
	display:block;
}



/*
 *
 * ACTION
 *
 *
*/
body#action div#wrap div#contents{
}
body#action div#wrap div#videoCover{
	position: absolute;
	left: 50%;
	top: 0;
	margin:0px 0px 0px -800px;
	width: 1600px;
	height:1000px;
	z-index: -99;
	background:url(../../weapon/img/wep_bg_002.png) repeat-y left top;
}
body#action div#wrap div#video{
	position: absolute;
	left: 50%; 
	top: 0;
	margin:0px 0px 0px -800px;
	width: 1600px;
	z-index: -100;
}
body#action div#wrap iframe#video{
	position: absolute;
	left: 50%; 
	top: 0;
	margin:0px 0px 0px -800px;
	width: 1600px;
	z-index: -100;
}
body#action div#wrap div#video video{
	min-width: 100%; 
	min-height: 100%;
	width: auto;
	height: auto;
	background-size: cover;
}
body#action div#wrap div#contents h1{
	font-size:70px;
	margin:0px 0px 20px 0px;
}
body#action div#wrap div#contents p,
body#action div#wrap div#contents ul li{
	font-size:24px;
	line-height:180%;
}
body#action div#wrap div#contents p#soundBtn{
	color:#1299DB;
	cursor:pointer;
	display:inline;
}

/*seekbar*/
body#action div#wrap div#contents div#controller{
	width:474px;
	height:28px;
	position:absolute;
	right:50px;
	top:100px;
	background:url(../../weapon/img/wep_bg_001.png) no-repeat left top;
}
body#action div#wrap div#contents div#controller img{
	display:block;
}
body#action div#wrap div#contents div#controller div#seekBar{
	position:absolute;
	left:80px;
	top:3px;
	width:360px;
	padding:0px 10px;
	height:20px;
	z-index:1;
}
body#action div#wrap div#contents div#controller div.pause{
	position:absolute;
	left:8px;
	top:8px;
	width:12px;
	height:12px;
	cursor:pointer;
	z-index:10;
}
body#action div#wrap div#contents div#controller div#return{
	position:absolute;
	left:42px;
	top:9px;
	width:12px;
	height:12px;
	cursor:pointer;
	z-index:10;
}

body#action div#wrap div#contents div#controller div#seekBar div#sbTime,
body#action div#wrap div#contents div#controller div#seekBar div#sbBuff,
body#action div#wrap div#contents div#controller div#seekBar div#sbBase,
body#action div#wrap div#contents div#controller div#seekBar div#sbClick{
	position:absolute;
	left:0px;
	top:10px;
	width:0%;
	height:2px;
}
body#action div#wrap div#contents div#controller div#seekBar div#sbClick,
body#action div#wrap div#contents div#controller div#seekBar div#sbBase{
	width:100%;
}
body#action div#wrap div#contents div#controller div#seekBar div#sbTime{
	background:#fbdb04;
}
body#action div#wrap div#contents div#controller div#seekBar div#sbBuff{
	background:#ffffff;
}
body#action div#wrap div#contents div#controller div#seekBar div#sbBase{
	background:#666666;
}
body#action div#wrap div#contents div#controller div#seekBar div#sbClick{
	top:5px;
	height:10px;
	background:rgba(0,0,0,0);
	cursor:pointer;
}
body#action div#wrap div#contents div#controller div#seekBar div#jpPoint{
	position:absolute;
	top:-2px;
	left:-13px;
	width:26px;
	height:26px;
}
body#action div#wrap div#contents div#controller div#seekBar div#sbPoint{
	position:absolute;
	left:-20px;
	top:-13px;
	width:30px;
	height:40px;
}

/*info*/
body#action div#wrap div#contents div#contentsInner{
	position:relative;
}
body#action div#wrap div#contents div#infoBox div.info{
	position:absolute;
	left:0px;
	top:500px;
}
body#action div#wrap div#contents div#infoBox div.info p{
	position:absolute;
	right:0px;
	bottom:-40px;
	cursor:pointer;
}
body#action div#wrap div#contents div#infoBox div.info div.popOpen{
	cursor:pointer;
}
body#action div#wrap div#contents div#infoBox div#info1,
body#action div#wrap div#contents div#infoBox div#info2{
	width:475px;
}
body#action div#wrap div#contents div#infoBox div#info0,
body#action div#wrap div#contents div#infoBox div#info1,
body#action div#wrap div#contents div#infoBox div#info2,
body#action div#wrap div#contents div#infoBox div#info3{
	top:-600px;
}
/*detail*/
body#action div#wrap div#contents div#detailBox div.detail{
	position:absolute;
	right:50%;
	top:150px;
	margin:0px -600px 0px 0px;
	width:1200px;
	left:-1400px;
	opacity:0;
}
body#action div#wrap div#contents div#detailBox div#detail1,
body#action div#wrap div#contents div#detailBox div#detail2{
	width:1150px;
}
body#action div#wrap div#contents div#detailBox div.detail p.popClose{
	position:absolute;
	cursor:pointer;
	width:164px;
	height:35px;
}
body#action div#wrap div#contents div#detailBox div#detail0 p.popClose{
	right:20px;
	top:50px;
}
body#action div#wrap div#contents div#detailBox div#detail1 p.popClose{
	right:40px;
	top:20px;
}
body#action div#wrap div#contents div#detailBox div#detail2 p.popClose{
	right:40px;
	top:-10px;
}
body#action div#wrap div#contents div#detailBox div.detail p.popClose:hover img{
	opacity:0.7;
}


/*
 *
 * EVOLUTION
 *
 *
*/

body#evolution div#wrap div#contentsInner{
	padding:150px 0px 0px 0px;
}



/*
 *
 * ORIGINAL
 *
 *
*/
body#original div#wrap div#contentsInner{
	padding:150px 0px 0px 0px;
}



/*
 *
 * UPADATE
 *
 *
*/

body.lower#update div#wrap div#comBG{
	position:absolute;
	height:1600px;
	background:#000000 url(../../update/img/upd_bg_001.jpg) no-repeat center top;
}
body#update div#wrap div#contentsInner ul{
	position:absolute;
	left:0;
	top:670px;
	width:1200px;
	padding:50px 0px 10px 0px;
	background:url(../../update/img/upd_bg_001.png) no-repeat center top;
	overflow: hidden;
	zoom: 1;
	z-index:1000;
}
body#update div#wrap div#contentsInner ul li{
	position:relative;
	float:left;
	width:400px;
	height:147px;
	margin:0px 0px 10px 0px;
}
body#update div#wrap div#contentsInner ul li.wide{
	width:593px;
}

body#update div#wrap div#contentsInner ul li a{
	display:block;
	position:absolute;
}
body#update div#wrap div#contentsInner ul li img.new{
	position:absolute;
	left:0;
	top:-10px;
	display:block;
}
body#update div#wrap div#contentsInner h2{
	position:absolute;
	right:0;
	top:80px;
	z-index:2000;
	pointer-events: none;
}

/*
 *
 * UPADATE
 *
 *

body.lower#update div#wrap div#comBG{
	position:absolute;
	height:1000px;
	background:#000000 url(../../update/img/upd_bg_001.jpg) no-repeat center -200px;
}
body#update div#wrap div#contentsInner ul{
	position:absolute;
	left:0;
	top:670px;
	width:1200px;
	padding:50px 0px 10px 0px;
	background:url(../../update/img/upd_bg_001.png) no-repeat center top;
	overflow: hidden;
	zoom: 1;
	z-index:1000;
}
body#update div#wrap div#contentsInner ul li{
	position:relative;
	float:left;
	width:593px;
	height:157px;
}

body#update div#wrap div#contentsInner ul li a{
	display:block;
	position:absolute;
}
body#update div#wrap div#contentsInner ul li img.new{
	position:absolute;
	left:0;
	top:-10px;
	display:block;
}
body#update div#wrap div#contentsInner h2{
	position:absolute;
	right:0;
	top:40px;
	z-index:2000;
	pointer-events: none;
}
*/

/*
 *
 * MONSTAR
 *
 *
*/
body#monstar div#wrap div#contentsInner div#c4{
	position:relative;
	height:1605px;
}
body#monstar div#wrap div#contentsInner div#c4 div{
	position:absolute;
	top:0;
	left:0;
}
body#monstar div#wrap div#contentsInner div#c4 ul{
	position:absolute;
	top:780px;
	left:0;
}
body#monstar div#wrap div#contentsInner div#c4 ul li#c4_bt1{
	position:absolute;
	top:0;
	left:300px;
}
body#monstar div#wrap div#contentsInner div#c4 ul li#c4_bt2{
	position:absolute;
	top:-15px;
	left:850px;
}
body#monstar div#wrap div#contentsInner div#c4 ul li a{
	outline:none;
}


/*
 *
 * NARUGA
 *
 *
*/
body#naruga div#wrap div#contentsInner{
	padding:150px 0px 0px 0px;
}
body#naruga div#wrap div#contentsInner div#c1{
	position:relative;
	height:1083px;
}
body#naruga div#wrap div#contentsInner div#c1 ul.ssList li.ss1{
	position:absolute;
	top:800px;
	left:30px;
}
body#naruga div#wrap div#contentsInner div#c1 ul.ssList li.ss2{
	position:absolute;
	top:730px;
	left:325px;
}
body#naruga div#wrap div#contentsInner div#c1 ul.ssList li.ss3{
	position:absolute;
	top:740px;
	left:620px;
}
body#naruga div#wrap div#contentsInner div#c1 ul.ssList li.ss4{
	position:absolute;
	top:690px;
	left:915px;
}
body#naruga div#wrap div#contentsInner div#c2{
	position:relative;
	height:871px;
}
body#naruga div#wrap div#contentsInner div#c2 ul.ssList li.ss5{
	position:absolute;
	top:350px;
	left:0px;
}
body#naruga div#wrap div#contentsInner div#c2 ul.ssList li.ss6{
	position:absolute;
	top:580px;
	left:0px;
}
body#naruga div#wrap div#contentsInner div#c3{
	position:relative;
	height:1547px;
}
body#naruga div#wrap div#contentsInner div div.cbg{
	position:absolute;
	top:0;
	left:0;
}
body#naruga div#wrap div#contentsInner div ul.ssList{
	position:absolute;
	top:0px;
	left:0;
}
body#naruga div#wrap div#contentsInner div#c3 ul.ssList li.sp1{
	position:absolute;
	top:670px;
	left:100px;
}
body#naruga div#wrap div#contentsInner div#c3 ul.ssList li.sp2{
	position:absolute;
	top:650px;
	left:640px;
}
body#naruga div#wrap div#contentsInner div ul.ssList li a{
	outline:none;
}
body#naruga #cboxClose{
	top: 90px;
}
body#naruga .ssArea #cboxClose,
body#gclass #cboxClose{
	top: 20px;
	right:30px;
}

/*
 *
 * GCLASS
 *
 *
*/
body#gclass div#wrap div#contentsInner{
	padding:150px 0px 0px 0px;
}
body#gclass div#wrap div#contentsInner div#c1{
	position:relative;
	height:999px;
}
body#gclass div#wrap div#contentsInner div#c1 ul.ssList li.ss1{
	position:absolute;
	top:280px;
	right:30px;
}
body#gclass div#wrap div#contentsInner div#c1 ul.ssList li.ss2{
	position:absolute;
	top:520px;
	right:100px;
}
body#gclass div#wrap div#contentsInner div#c2{
	position:relative;
	height:870px;
}
body#gclass div#wrap div#contentsInner div#c2 ul.ssList li.ss3{
	position:absolute;
	top:250px;
	right:-30px;
}
body#gclass div#wrap div#contentsInner div#c2 ul.ssList li.ss4{
	position:absolute;
	top:500px;
	right:80px;
}
body#gclass div#wrap div#contentsInner div#c3{
	position:relative;
	height:786px;
}
body#gclass div#wrap div#contentsInner div#c3 ul.ssList li.ss5{
	position:absolute;
	top:120px;
	left:-20px;
}
body#gclass div#wrap div#contentsInner div#c3 ul.ssList li.ss6{
	position:absolute;
	top:370px;
	left:80px;
}
body#gclass div#wrap div#contentsInner div ul.ssList li a{
	outline:none;
}

/*
 *
 * UTAHIME
 *
 *
*/
body#utahime div#wrap div#contentsInner{
	padding:200px 0px 0px 0px;
}



/*
 *
 * BALANCE
 *
 *
*/
body#balance div#wrap div#contentsInner{
	padding:150px 0px 0px 0px;
}


/*
 *
 * FIELD
 *
 *
*/
body#field div#wrap div#contentsInner{
	padding:150px 0px 0px 0px;
}


/*
 *
 * ARMOR
 *
 *
*/
body#armor div#wrap div#contentsInner{
	padding:100px 0px 0px 0px;
}


/*
 *
 * REFINE
 *
 *
*/
body.lower#refine div#wrap div#comBG{
	position:absolute;
	height:1300px;
	background:#000000 url(../../refine/img/ref_bg_001.jpg) no-repeat center top;
}

body#refine div#wrap div#contentsInner h2{
	padding:240px 0px 0px 0px;
	text-align:center;
}
body#refine div#wrap div#contentsInner ul{
	position:absolute;
	left:0;
	top:670px;
	width:1200px;
	padding:50px 0px 10px 0px;
	background:url(../../update/img/upd_bg_002.png) no-repeat center top;
	overflow: hidden;
	zoom: 1;
	z-index:1000;
}
body#refine div#wrap div#contentsInner ul li{
	position:relative;
	float:left;
	width:593px;
	height:157px;
}

body#refine div#wrap div#contentsInner ul li a{
	display:block;
	position:absolute;
}
body#refine div#wrap div#contentsInner ul li img.new{
	position:absolute;
	left:0;
	top:-10px;
	display:block;
}

/*
 *
 * REFINE1
 *
 *
*/
body#refine1 div#wrap div#contentsInner{
	padding:150px 0px 0px 0px;
}
body.lower#refine1 div#wrap div#comBG{
	background:#000000 url(../../refine/img/ref_bg_001.jpg) no-repeat center top;
}
body#refine1 div#wrap div#contentsInner div.at{
	margin:0px 0px 40px 0px;
}

/*
 *
 * REFINE2
 *
 *
*/
body#refine2 div#wrap div#contentsInner{
	padding:150px 0px 0px 0px;
}
body.lower#refine2 div#wrap div#comBG{
	background:#000000 url(../../refine/img/ref_bg_001.jpg) no-repeat center top;
}

/*
 *
 * VIDEO
 *
 *
*/

body#movie div#wrap div#contentsInner{
	padding:200px 0px 0px 0px;
}
body#movie div#wrap div#contentsInner h2{
	margin:0px 0px 20px 0px;
}
body#movie div#wrap div#contentsInner ul li{
	float:left;
	width:454px;
	height:353px;
	padding:0px 50px;
	background:url(../../movie/img/mov_bg_001.png) no-repeat left 50px;
}
body#movie div#wrap div#contentsInner ul li h3{
	margin:0px 0px 0px -20px;
}
body#movie div#wrap div#contentsInner ul li p{
	background:#ffffff;
	width:454px;
	height:255px;
}
body#movie div#wrap div#contentsInner ul li p:hover img{
	opacity:0.8;
	cursor:pointer;
}


/*
 *
 * WALLPAPER
 *
 *
*/
body#wallpaper div#wrap div#contentsInner{
	padding:200px 0px 0px 0px;
}

body#wallpaper div#wrap div#contentsInner div.walBox{
	width:1140px;
	height:405px;
	padding:30px;
	background:url(../../wallpaper/img/wal_bg_001.png) no-repeat left top;
}
body#wallpaper div#wrap div#contentsInner div.walBox p{
	width: 649px;
	float:left;
}
body#wallpaper div#wrap div#contentsInner div.walBox ul{
	width: 461px;
	float:right;
}
body#wallpaper div#wrap div#contentsInner div.walBox ul li{
	width: 461px;
	height: 91px;
	margin:0px 0px 15px 0px;
}
body#wallpaper div#wrap div#contentsInner p.line{
	padding:10px 0px;
}









/*SNS*/
body #wrap #sns{
	position:fixed;
	right:0;
	bottom:20px;
	z-index:500;
}


/*bgm*/
body div#wrap div#BGMcontents{
	visibility:hidden;
	width:194px; height:27px;
	background:url(../img/snd_ctrl_bg.png);
	overflow:hidden;
	position:absolute;
	top:10px;
	right:10px;
	z-index:101;
}
    #BGMcontents{}
      #bgm{position:absolute; left:-9999px; top:-9999px; width:0; height:0;}
      #BGMcontents .bgmbtn{width:40px; height:18px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background-color:#FFF; position:absolute; top:5px;}
      #BGMcontents .bgmbtn.off{background-color:#a0a0a0; cursor:pointer;}
        #BGMcontents .bgmbtn:before{content:' '; display:block; width:22px; height:8px; position:relative; margin:5px auto; background:url(../img/snd_ctrl_lbl.png) no-repeat;}
      #BGMcontents #bgmon{left:75px;}
      #BGMcontents #bgmoff{left:120px;}
        #BGMcontents #bgmoff:before{background-position:-22px 0px;}
      #bgmgi{width:25px; height:14px; position:absolute; right:4px; top:7px; overflow:hidden;}
        #bgmgi>div{width:4px; height:14px; float:left; margin-right:1px; position:relative;}
          #bgmgi>div>div{width:4px; height:2px; background:url(../img/snd_ctrl_gi.png) bottom left; position:absolute; left:0; bottom:0;}

  
		  
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{-moz-box-sizing:content-box; -webkit-box-sizing:content-box;box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
    #cboxContent{margin-right:33px;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{ }
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxLoadingGraphic{background:url(../img/cbox/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
        
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious,
        #cboxNext{display:none;}
        #cboxClose{position:absolute; top:60px; right:310px; display:block; background:url(../img/cbox/close.png) no-repeat top center; width:165px; height:24px; text-indent:-9999px;}