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

/*header*/
#topIndex #headerIn	{height:459px;margin:0 auto;background:url(../images/main/top_main_bg.jpg) center top no-repeat;}
#topIndex h1		{width:266px;height:126px;margin:0 auto; margin-bottom:36px;}

/*mainNavi*/
#topIndex #mainNavi ul		{width:225px;margin:0 auto;}
#topIndex #mainNavi ul li,
#topIndex #mainNavi ul li a	{height:30px;text-indent:-9999px;}
#topIndex #mainNavi ul li	{width:225px;margin-bottom:15px;}
#topIndex #mainNavi ul li a	{width:100%;background:url(../images/main/top_btn.png) no-repeat;overflow:hidden;}

/**/
#topIndex #mainNavi ul #btnIntro a			{background-position:0 0;}
#topIndex #mainNavi ul #btnIntro a:hover	{background-position:right 0;}
#topIndex #mainNavi ul #btnStory a			{background-position:0 -30px;}
#topIndex #mainNavi ul #btnStory a:hover	{background-position:right -30px;}
#topIndex #mainNavi ul #btnSystem			{background:url(../images/main/top_btn.png) -225px -60px no-repeat;}/*off*/
#topIndex #mainNavi ul #btnSystem a			{background-position:0 -60px;}
#topIndex #mainNavi ul #btnSystem a:hover	{background-position:right -60px;}
#topIndex #mainNavi ul #btnMovie a			{background-position:0 -90px;}
#topIndex #mainNavi ul #btnMovie a:hover	{background-position:right -90px;}

#topIndex #mainNavi ul #btnMovie			{margin-bottom:34px;}
#topIndex #header p	{text-align:center;}

/*footer*/
#topIndex #footer	{min-height:261px;height:auto !important;height:261px;background:url(../images/main/top_footer_bg.jpg) #fff center top no-repeat;}
#topIndex #footerIn	{width:740px;margin:0 auto;}

/*logoBox*/
#topIndex #logoBox		{clear:both;float:left;width:100%;}
#topIndex #logoBox ul	{float:left;width:100%;padding-top:20px;}
#topIndex #logoBox ul li{float:left;}
#topIndex #logoBox ul #cero{width:28px;padding:0 40px 0 0;}
#topIndex #logoBox ul #ps{width:41px;padding:0 40px 0 0;}
#topIndex #logoBox ul #psp{width:109px;padding:0 34px 0 0;}
#topIndex #logoBox ul #ubi{width:117px;}
#topIndex #logoBox ul #sqe{width:160px;padding:0 164px 0 0;}

#topIndex #saleText		{float:right;width:431px;padding-top:6px; position:relative; margin-right:-5px;}

/*copyright*/
#topIndex #copyright	{padding-top:15px;}
#topIndex p#qbist		{float:right;width:99px;height:15px;margin-top:10px;}

#topIndex h3			{text-align:left;}

#subNavi				{clear:both;float:left;width:100%; padding-top:10px;}

/*news*/
#topIndex #newsBox		{float:left;width:300px;}
#topIndex #newsBody		{width:100%;height:50px;background-image:url(../images/main/top_sub_bg.png);}
#topIndex #newsText		{float:left;width:268px;height:34px;margin:8px;overflow:hidden;display:inline;}

#topIndex #newsBox ul		{float:right;width:11px;padding:3px 3px 0 0;}
#topIndex #newsBox ul li,
#topIndex #newsBox ul li a	{height:6px;overflow:hidden;text-indent:-9999px;}
#topIndex #newsBox ul li	{width:11px;}
#topIndex #newsBox ul li a	{width:100%;background:url(../images/main/top_btn_scroll.gif) no-repeat;}

#topIndex #newsBox #scrollUp	{margin-bottom:32px;}
#topIndex #newsBox #scrollUp a 	{background-position:0 0;}
#topIndex #newsBox #scrollUp a:hover{background-position:-11px 0;}
#topIndex #newsBox #scrollDown a 	{background-position:0 -6px;}
#topIndex #newsBox #scrollDown a:hover{background-position:-11px -6px;}

/*banner*/
#topIndex #bannerBox	{float:right;width:420px;}
#topIndex #bannerBox ul {width:100%;height:50px;background-image:url(../images/main/top_sub_bg.png);}
#topIndex #bannerBox ul li{float:left;}
#topIndex #bannerBox #btnAc	{width:206px;padding:3px 3px 0 3px;}
#topIndex #bannerBox #btnAc2{width:205px;padding:3px 0 0 0;}

/*subNavi*/
#topIndex #subNaviBox			{clear:both;float:left;width:100%;}
#topIndex #subNaviBox ul		{float:left;width:300px;}
#topIndex #subNaviBox ul li,
#topIndex #subNaviBox ul li a	{height:21px;text-indent:-9999px;}
#topIndex #subNaviBox ul li		{float:left;width:147px;padding-top:10px;}
#topIndex #subNaviBox ul li a	{width:100%;background:url(../images/main/top_btn_sub.gif) no-repeat;overflow:hidden;}

#topIndex #subNaviBox #btnProducts{padding-right:6px;}

#topIndex #subNaviBox #btnProducts a{background-position:0 0;}
#topIndex #subNaviBox #btnProducts a:hover{background-position:0 -21px;}
#topIndex #subNaviBox #btnSitemap a{background-position:-147px 0;}
#topIndex #subNaviBox #btnSitemap a:hover{background-position:-147px -21px;}


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

#popBody	{width:740px;margin-left:-370px;position:absolute;top:180px;left:50%;z-index:51;}

#popTitle	{clear:both;float:left;width:100%;}
#popBody h3	{text-align:center;}

#btnClose	{clear:both;width:164px;margin:0 auto;padding-top:8px;}
#btnClose a{width:100%;height:13px;background:url(../images/top_btn_back.gif) no-repeat;overflow:hidden;text-indent:-9999px;}
#btnClose a:hover{background-position:0 -13px;}

/*sitemap*/
#sitemap				{clear:both;float:left;width:100%;padding:15px 0 20px;border-bottom:1px solid #960000;}
#sitemap h4				{padding-bottom:5px;}
#sitemap .sitemapBox	{float:left;width:170px;padding-right:20px;text-align:center;}
#sitemap #sitemapLast	{padding:0;}
#sitemap ul.bib	{ padding-top:50px;}

/*products*/
#products				{clear:both;float:left;width:100%;padding:15px 0 20px;border-bottom:1px solid #960000;}
#products h4			{padding-bottom:20px;text-align:left;}
#products #productsBox	{width:450px;margin:0 auto;}

#products .infoBox		{float:left;width:310px;}
#products .cover		{float:right;width:125px;}
#products .cover img	{border:1px solid #fff;}

#products .cero	{padding-top:10px;}
#products .cero p.itemBox	{float:left;width:28px;}
#products .cero p.textBox	{float:right;width:272px;}

/*pop certify*/
#wrapper{display:none;}

#certify
{display:none;display:block;position:absolute;background-color:#000;top:0;left:0;z-index:50;width:100%;}
#certifyIn	{width:400px;margin:0 auto;}
#certifyTitle	{text-align:center; padding:20px 0 40px 0;}

#certify ul	{float:left;width:100%; padding:20px 0 40px 0;}
#certify li	{width:195px;height:30px;}
#certify li a{width:100%;height:30px;background:url(../images/certify/certify_btn.gif) no-repeat; overflow:hidden;text-indent:-9999px;}

#certify li#btn18over	{float:left;}
#certify li#btn18under	{float:right;}
#certify li#btn18over a{background-position:0 0;}
#certify li#btn18under a{background-position:-195px 0;}
#certify li#btn18over a:hover{background-position:0 -30px;}
#certify li#btn18under a:hover{background-position:-195px -30px;}

#certify #certifyCero .itemBox{float:left;width:42px;padding-right:10px;}
#certify #certifyCero .textBox{float:right;width:348px;}
#certify #certifyCopyright {clear:both;width:740px;margin:0 auto;padding:35px 0 10px;}