@charset "UTF-8";
/*main.css*/

#topIndex #wrapper {background:url(../images/main/top_bg.jpg) no-repeat center top;}
#topIndex #wrapperIn{width:780px;margin:0 auto;}

#topIndex #contents {height:515px;position:relative;}
#topIndex #contents h1{position:absolute;top:85px;left:303px;}
#topIndex #contents #saleTxt{position:absolute;top:221px;left:343px;}

/*special navi*/
#topIndex #contents ul#specialNavi li{position:absolute;}

#topIndex #contents ul#specialNavi li#btnBenefit,
#topIndex #contents ul#specialNavi li#btnBenefit a{height:119px;}
#topIndex #contents ul#specialNavi li#btnBenefit{width:191px;top:383px;left:-18px;text-indent:-9999px;overflow:hidden;}
#topIndex #contents ul#specialNavi li#btnBenefit a{width:100%;background:url(../images/main/top_btn_benefit.png) 0 top no-repeat;}
#topIndex #contents ul#specialNavi li#btnBenefit a:hover{background-position:0 bottom;}

#topIndex #contents ul#specialNavi li#btnTrailer,
#topIndex #contents ul#specialNavi li#btnTrailer a{height:42px;}
#topIndex #contents ul#specialNavi li#btnTrailer{width:191px;top:328px;left:440px;text-indent:-9999px;overflow:hidden;}
#topIndex #contents ul#specialNavi li#btnTrailer a{width:100%;background:url(../images/main/top_btn_trailer.png) no-repeat;}
#topIndex #contents ul#specialNavi li#btnTrailer a:hover{background-position:0 bottom;}

/*new*/
#topIndex #contents #newsBox{width:449px;height:110px;background:url(../images/main/news_bg.png) no-repeat;position:absolute;top:391px;left:312px;}
#topIndex #newsBox #newsText{width:330px;height:56px;margin:30px auto 9px;overflow:hidden;}
#topIndex #newsBox ul		{padding-right:186px;}
#topIndex #newsBox ul li,
#topIndex #newsBox ul li a	{height:10px;}
#topIndex #newsBox ul li	{float:right;width:38px;margin-left:2px;text-indent:-9999px;overflow:hidden;}
#topIndex #newsBox ul li a	{width:100%;background:url(../images/main/news_btn.gif) no-repeat;}

#topIndex #newsBox ul li#scrollDown a{background-position:0 0;}
#topIndex #newsBox ul li#scrollDown a:hover{background-position:0 -10px;}
#topIndex #newsBox ul li#scrollUp a{background-position:-38px 0;}
#topIndex #newsBox ul li#scrollUp a:hover{background-position:-38px -10px;}

/*navigation*/
#topIndex #navi {height:27px;padding:9px 0 0 63px;}

#topIndex #navi ul li,
#topIndex #navi ul li a{height:19px;background:url(../images/main/top_btn.gif) no-repeat;}
#topIndex #navi ul li{float:left;margin-right:18px;}
#topIndex #navi ul li a{width:100%;text-indent:-9999px;overflow:hidden;}

#topIndex #navi ul li#btnIntro{background-position:0 0;width:125px;}
#topIndex #navi ul li#btnIntro a{background-position:0 -19px;}
#topIndex #navi ul li#btnIntro a:hover{background-position:0 -38px;}

#topIndex #navi ul li#btnStory{background-position:-143px 0;width:74px;}
#topIndex #navi ul li#btnStory a{background-position:-143px -19px;}
#topIndex #navi ul li#btnStory a:hover{background-position:-143px -38px;}

#topIndex #navi ul li#btnSystem{background-position:-235px 0;width:101px;}
#topIndex #navi ul li#btnSystem a{background-position:-235px -19px;}
#topIndex #navi ul li#btnSystem a:hover{background-position:-235px -38px;}

#topIndex #navi ul li#btnPsp{background-position:-354px 0;width:122px;}
#topIndex #navi ul li#btnPsp a{background-position:-354px -19px;}
#topIndex #navi ul li#btnPsp a:hover{background-position:-354px -38px;}

#topIndex #navi ul li#btnMovie{background-position:-494px 0;width:66px;}
#topIndex #navi ul li#btnMovie a{background-position:-494px -19px;}
#topIndex #navi ul li#btnMovie a:hover{background-position:-494px -38px;}

#topIndex #navi ul li#btnExtra{background-position:-578px 0;width:75px;}
#topIndex #navi ul li#btnExtra a{background-position:-578px -19px;}
#topIndex #navi ul li#btnExtra a:hover{background-position:-578px -38px;}

/*sub navigation*/
#topIndex #subNavi {padding-left:302px;}

#topIndex #subNavi ul li,
#topIndex #subNavi ul li a{height:22px;}
#topIndex #subNavi ul li{float:left;width:87px;margin-right:2px;}
#topIndex #subNavi ul li a{width:100%;text-indent:-9999px;overflow:hidden;background:url(../images/main/top_btn_sub.gif) no-repeat;}

#topIndex #subNavi ul li#btnProducts a{background-position:0 0;}
#topIndex #subNavi ul li#btnProducts a:hover{background-position:0 -22px;}

#topIndex #subNavi ul li#btnSitemap a{background-position:-87px 0;}
#topIndex #subNavi ul li#btnSitemap a:hover{background-position:-87px -22px;}

/*footer*/
#topIndex #footer {clear:both;width:740px;margin:0 auto;}
#topIndex #footer #logoBox {float:left;width:100%;padding-top:28px;padding-bottom:20px;}
#topIndex #footer #logoBox li {float:right;}
#topIndex #footer #logoBox li#ubi {clear:both;width:117px;padding-left:623px;} 
#topIndex #footer #logoBox li#sqe {width:160px;padding-top:20px;}
#topIndex #footer #logoBox li#psp {width:109px;padding:27px 32px 0 0;} 
#topIndex #footer #logoBox li#ps3 {width:90px; padding:27px 40px 0 0;} 
#topIndex #footer #logoBox li#ps {width:41px; padding:22px 36px 0 0;} 
#topIndex #footer #logoBox li#xbox360 {width:126px; padding:28px 40px 0 0;}
#topIndex #footer #logoBox li#cero {width:29px;padding:24px 37px 0 0;}

#footer #copyright {clear:both;padding-bottom:20px;}
#footer #qbist {text-align:right;}
#footer #qbist a{display:inline;}

/*sitemap & products*/
#overlay
{/*display:none;*/position:absolute;background-color:#000;top:0;left:0;z-index:50;opacity:0.8;width:100%;/*height:780px;*/}

#popBody	{width:674px;margin-left:-337px;position:absolute;top:130px;left:50%;z-index:51;}
#popBody #popTitle{background:url(../images/sub_header.png) center center no-repeat;}
#popBody #popTitle h3{text-align:center;}

#btnClose	{clear:both;width:124px;height:20px;padding:7px 275px 10px;background:url(../images/sub_footer.png) no-repeat;}
#btnClose a{width:124px;height:20px;background:url(../images/sub_btn.gif) no-repeat;overflow:hidden;text-indent:-9999px;}
#btnClose a:hover{background-position:0 -20px;}

/*sitemap*/
#sitemap				{clear:both;float:left;width:660px;padding:10px 7px 0;}
#sitemap .sitemapBox	{float:left;width:33%;text-align:left;}
#sitemap ul				{padding-bottom:15px;}
#sitemap .endBox		{clear:both;padding-bottom:10px;}
#sitemap ol 			{padding-left:12px;}

/*products*/
#products				{clear:both;float:left;width:660px;padding:10px 7px 0;}
#products h4			{padding-bottom:10px;text-align:left;}
#products #products360Ps3{float:left;width:305px;}
#products #productsPsp	{float:right;width:305px;}

#products .infoHide		{visibility:hidden;}	
#products .coverBox		{clear:both;float:left;width:100%;padding-bottom:10px;}

#products .coverBox ul li{margin-right:12px;}
#products #productsPsp .coverBox{padding-left:56px;width:249px}

#products #products360Ps3 .infoBox	{padding-bottom:15px;}
#products #productsPsp .infoBox		{padding-bottom:32px;}

#products #products360Ps3 .coverBox ul li{float:left;width:124px;}
#products #productsPsp .coverBox ul li{float:left;width:101px;}

#products .coverBox img	{border:1px solid #787878;}
#products #products360Ps3 .coverBox ul li.cero,
#products #productsPsp .coverBox ul li.cero			{width:29px;}
#products .cero img		{border:none;}