@charset "UTF-8";
/*top.css*/
body{min-width:980px;}
#wrapper{display:none;}

/*font style*/

#certify .textBox p{text-align:center; color:#fff; font-size:16px; line-height:1.8;}
#certify .textBox p em{color:#f00;}
#certify .ceroBox p{color:#fff; font-size:12px;}

#newsArea dt{font-size:12px;color:#969696;}
#newsArea dd{line-height:1.4;}


/*---------------------------------------------------------------*/
/*layout*/
#wrapperIn {text-align:left;}

/*header----------*/
#header{width:100%;z-index:20;position:relative;}
#header h1{width:305px;padding-top:40px;padding-bottom:27px;margin:0 auto;}

/*topNav*/
nav#topNav li{height:52px;margin:0 auto 10px;float:none;}
#topNav li a,
#topNav li p{background-image:url(../img/top_btn_nav.png);}

#topNav #tBtnAbout{width:116px;}
#topNav #tBtnAbout a{background-position:0 0;}
#topNav #tBtnAbout a:hover{background-position:0 -52px;}

#topNav #tBtnStory{width:114px;}
#topNav #tBtnStory a{background-position:-116px 0;}
#topNav #tBtnStory a:hover{background-position:-116px -52px;}

#topNav #tBtnChara{width:230px;}
#topNav #tBtnChara a{background-position:-230px 0;}
#topNav #tBtnChara a:hover{background-position:-230px -52px;}
#topNav #tBtnChara p{background-position:-230px -104px;}

#topNav #tBtnSystem{width:137px;}
#topNav #tBtnSystem a{background-position:-460px 0;}
#topNav #tBtnSystem a:hover{background-position:-460px -52px;}
#topNav #tBtnSystem p{background-position:-460px -104px;}

#topNav #tBtnMulti{width:100px;}
#topNav #tBtnMulti a{background-position:-597px 0;}
#topNav #tBtnMulti a:hover{background-position:-597px -52px;}
#topNav #tBtnMulti p{background-position:-597px -104px;}

#topNav #tBtnCoop{width:91px;}
#topNav #tBtnCoop a{background-position:-697px 0;}
#topNav #tBtnCoop a:hover{background-position:-697px -52px;}
#topNav #tBtnCoop p{background-position:-697px -104px;}

#topNav #tBtnMovie{width:107px;}
#topNav #tBtnMovie a{background-position:-788px 0;}
#topNav #tBtnMovie a:hover{background-position:-788px -52px;}


/*---------------------------------------------------------------*/
/*--contents--*/
#contents{width:980px;height:196px;position:relative;top:-45px;z-index:10;}


/*--saleArea--*/
#saleArea{width:384px;height:139px;position:absolute;left:580px;top:-1px;}
#saleArea p{position:absolute;}
#saleArea #saleTxt{width:255px;height:76px;left:0;top:63px;}
#saleArea #salePh{width:140px;height:110px;left:244px;top:0;}
#saleArea #tBtnProduct{width:112px;height:23px;left:269px;top:115px;}
#saleArea #tBtnProduct a{width:112px;height:23px;background-image:url(../img/top_btn_product.png);}


/*--newsArea--*/
#newsArea{width:352px;height:138px;background:url(../img/top_news_bg.png) 0 12px no-repeat;position:absolute;left:3px;top:5px;}
#newsArea h1{width:154px;padding-top:2px;padding-left:23px;}
#newsArea #newsAreaMask{width:270px;height:56px;position:absolute;left:32px;top:35px;overflow:hidden;}
#newsArea dl{float:left;width:270px;}
#newsArea dt{padding-bottom:10px;}
#newsArea dd{width:270px;height:32px;}
/*newsNav*/
#newsArea #scrollNav{position:absolute;right:20px;bottom:15px;}

/*news-width*/
#newsArea #newsAreaIn{width:2970px;position:absolute;left:0;top:0;}
/**/

/*--bannerArea--*/
#bannerArea{width:804px;height:70px;position:absolute;left:19px;top:160px;z-index:1;}
#bannerArea #bnrAreaMask{width:750px;height:70px;position:absolute;left:31px;top:0;overflow:hidden;z-index:20;}
#bannerArea #bnrAreaIn li{float:left;width:240px;height:70px;margin-right:10px;background:url(../img/bnr/top_bnr_bg.gif) 0 0 no-repeat;}
#bannerArea #bnrAreaIn li.soon{background:url(../img/bnr/top_bnr_bg.gif) 0 0 no-repeat;}
/*bnr-width*/
#bannerArea #bnrAreaIn{width:1500px;position:absolute;left:0;top:0;}
/**/

/*bnrScrollNav*/
#bannerArea #bnrScrollNav{width:804px;height:34px;position:absolute;left:0;top:19px;z-index:10;}
#bannerArea #bnrScrollNav ul{width:804px;height:34px;}
#bannerArea #bnrScrollNav li{width:24px;height:34px;}
#bannerArea #bnrScrollNav li.off,
#bannerArea #bnrScrollNav li a{background-image:url(../img/top_bnr_btn_scroll.png);}
/**/
#bannerArea #bnrScrollNav #btnLeft{position:absolute;left:0;top:0;}
#bannerArea #bnrScrollNav #btnLeft a{background-position:0 0;} 
#bannerArea #bnrScrollNav #btnLeft a:hover{background-position:0 -34px;} 
#bannerArea #bnrScrollNav #btnLeft.off{background-position:0 -68px;} 
/**/
#bannerArea #bnrScrollNav #btnRight{position:absolute;right:0;top:0;}
#bannerArea #bnrScrollNav #btnRight a{background-position:-24px 0;} 
#bannerArea #bnrScrollNav #btnRight a:hover{background-position:-24px -34px;} 
#bannerArea #bnrScrollNav #btnRight.off{background-position:-24px -68px;} 


/*--socalNav--*/
#socalNav{width:130px;height:50px;position:absolute;right:8px;top:170px;}
#socalNav ul li{float:left;margin-bottom:10px;}
#btnTW{width:110px;}
#btnFB{width:130px;}

/*---------------------------------------------------------------*/
/*footer*/
footer{min-height:150px;}
footer #logoNav{clear:both; width:890px; margin:0 auto; padding-bottom:20px;}
footer #logoNav ul{clear:both; width:100%; overflow:hidden;}
footer #logoNav ul li{float:left;}
footer #logoNav ul li.cero		{width:33px; padding:13px 40px 0 5px;}
footer #logoNav ul li.ps		{width:41px; padding:14px 24px 0 0;}
footer #logoNav ul li.ps3		{width:81px; padding:22px 32px 0 0;}
footer #logoNav ul li.xbox360	{width:126px; padding:18px 30px 0 0;}
footer #logoNav ul li.sqexMem	{width:160px; padding:12px 30px 0 0;}
footer #logoNav ul li.ubiMem	{width:144px; padding:14px 27px 0 0;}
footer #logoNav ul li.ubi		{width: 117px; padding-top:15px;}

/*certify --------------------------------- */
#certify {background:url(../img/certify/certify_logo.jpg) #000 center 81px no-repeat; min-height:730px; position:relative;}
#certify .textBox {padding-top:265px;}

#certify .ceroBox{clear:both; width:410px; margin:0 auto; overflow:hidden; padding-top:30px;}
#certify .ceroBox figure{ float:left; width:56px;}
#certify .ceroBox p{float:right; width:344px; padding-top:10px;}

#certify .copyright{clear:both; width:100%; padding-top:80px;}

#certifyBtn{margin:0 auto; width:284px; padding-top:20px;}
#certifyBtn li {float:left; width:132px; height:40px; text-indent:-9999px;}
#certifyBtn li a{display:block; width:100%; height:100%; background-image:url(../img/certify/certify_btn.png); background-repeat:no-repeat;}

#btn18over{margin-right:20px;}
#btn18over a{background-position:0 0;}
#btn18over a:hover{background-position:0 -40px;}
#btn18under a{background-position:-132px 0;}
#btn18under a:hover{background-position:-132px -40px;}