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

#topIndex #wrapper {background:url(../images/main/top_wrapper_bg.gif) repeat-x center top;}
#topIndex #wrapperIn{background:url(../images/main/top_bg.jpg) no-repeat center top;}

#topIndex #headerLine {height:67px; background:url(../images/main/top_header_bg.png) repeat-x;}
#topIndex #header {width:1098px; margin:0 auto; background:url(../images/main/top_navi_bg.gif) no-repeat; position:relative;}
#topIndex #header h1{position:absolute;top:19px;left:58px;}


#topIndex #contents {width:100%;}
#topIndex #contents #mainBox {width:1098px; height:563px; position:relative; margin:0 auto;}
#topIndex #contents #mainBox #catchTxt {position:absolute;top:-25px;left:209px;}
#topIndex #contents #mainBox #saleTxt {position:absolute;top:250px;left:319px;}


/*navigation*/
#topIndex #navi {height:30px;padding:10px 0 0 403px;}

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


#topIndex #navi ul li#btnWhats {background-position:0 0;}
#topIndex #navi ul li#btnWhats a{background-position:0 -30px;}
#topIndex #navi ul li#btnWhats a:hover{background-position:0 -60px;}

#topIndex #navi ul li#btnSystem {background-position:-156px 0;}
#topIndex #navi ul li#btnSystem a{background-position:-156px -30px;}
#topIndex #navi ul li#btnSystem a:hover{background-position:-156px -60px;}

#topIndex #navi ul li#btnStratagem {background-position:-312px 0;}
#topIndex #navi ul li#btnStratagem a{background-position:-312px -30px;}
#topIndex #navi ul li#btnStratagem a:hover{background-position:-312px -60px;}

#topIndex #navi ul li#btnMovie{background-position:-468px 0;}
#topIndex #navi ul li#btnMovie a{background-position:-468px -30px;}
#topIndex #navi ul li#btnMovie a:hover{background-position:-468px -60px;}

/*bottombox*/
#topIndex #bottomBox {background:url(../images/main/top_bottomBox_bg.gif) repeat-x;}
#topIndex #bottomBox #boxset {margin:0 auto; width:988px;}
#topIndex #bottomBox #boxset div {float:left;}

#topIndex #bottomBox #boxset #newsBox {width:498px; background:url(../images/main/top_news_bg.png) no-repeat; height:134px;}
#topIndex #bottomBox #boxset #newsBox #newsArea {padding:30px 0 10px 10px; float:left;width:439px;}
#topIndex #bottomBox #boxset #newsBox #newsText {width:439px; height:90px; overflow:hidden;}
#topIndex #bottomBox #boxset #newsBox ul {width:24px; float:right; padding:10px 10px 0 0;}
#topIndex #bottomBox #boxset #newsBox ul li,
#topIndex #bottomBox #boxset #newsBox ul li a{height:57px;text-indent:-9999px;}
#topIndex #bottomBox #boxset #newsBox ul li a {width:100%;overflow:hidden; background:url(../images/main/top_news_btn.gif) no-repeat;}
#topIndex #bottomBox #boxset #newsBox ul li#scrollUp a{background-position:0 0;}
#topIndex #bottomBox #boxset #newsBox ul li#scrollUp a:hover{background-position:-24px 0;}
#topIndex #bottomBox #boxset #newsBox ul li#scrollDown a{background-position:0 -57px;}
#topIndex #bottomBox #boxset #newsBox ul li#scrollDown a:hover{background-position:-24px -57px;}



#topIndex #bottomBox #boxset #trailerBox {width:352px; background:url(../images/main/top_trailer_bg.png) no-repeat center; height:134px;}
#topIndex #bottomBox #boxset #trailerBox ul {float:left;width:111px;padding:59px 0 0 22px;}
#topIndex #bottomBox #boxset #trailerBox ul li,
#topIndex #bottomBox #boxset #trailerBox ul li a{height:31px;text-indent:-9999px;}
#topIndex #bottomBox #boxset #trailerBox ul li a {width:100%;overflow:hidden; background:url(../images/main/top_trailer_btn.png) no-repeat;}
#topIndex #bottomBox #boxset #trailerBox ul li#btnTrailerhigh a{background-position:0 0;}
#topIndex #bottomBox #boxset #trailerBox ul li#btnTrailerhigh a:hover{background-position:-111px 0;}
#topIndex #bottomBox #boxset #trailerBox ul li#btnTrailerlow a{background-position:0 -32px;}
#topIndex #bottomBox #boxset #trailerBox ul li#btnTrailerlow a:hover{background-position:-111px -32px;}
#topIndex #bottomBox #boxset #trailerBox #miniMovie{float:right;width:196px;height:114px;padding:9px 20px 0 0;}

#topIndex #bottomBox #boxset #subBox {width:138px; background:url(../images/main/top_sub_btn_bg.png) no-repeat; position:relative; height:134px;}
#topIndex #bottomBox #boxset #subBox img.subimage { position:absolute; top:-10px; left:-3px;}
#topIndex #bottomBox #boxset #subBox ul {width:118px; padding:59px 10px 0;}
#topIndex #bottomBox #boxset #subBox ul li,
#topIndex #bottomBox #boxset #subBox ul li a{height:31px;text-indent:-9999px;}
#topIndex #bottomBox #boxset #subBox ul li a {width:100%;overflow:hidden; background:url(../images/main/top_sub_btn.gif) no-repeat;}
#topIndex #bottomBox #boxset #subBox ul li#btnProducts a{background-position:0 0;}
#topIndex #bottomBox #boxset #subBox ul li#btnProducts a:hover{background-position:-118px 0;}
#topIndex #bottomBox #boxset #subBox ul li#btnSitemap a{background-position:0 -32px;}
#topIndex #bottomBox #boxset #subBox ul li#btnSitemap a:hover{background-position:-118px -32px;}

/*footer*/
#topIndex #footer {clear:both;width:980px;margin:0 auto;}
#topIndex #footer #logoBox {float:left;width:100%;padding-top:28px;padding-bottom:20px;}
#topIndex #footer #logoBox li {float:right; padding-left:86px;}
#topIndex #footer #logoBox li#ubi {width:117px; padding-top:5px;} 
#topIndex #footer #logoBox li#sqe {width:160px;}
#topIndex #footer #logoBox li#ps3 {width:81px; padding-top:6px;} 
#topIndex #footer #logoBox li#ps {width:37px; padding-top:2px;} 
#topIndex #footer #logoBox li#xbox360 {width:126px; padding-top:7px;}
#topIndex #footer #logoBox li#cero {width:28px; padding-top:3px; padding-left:0;}

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

/*playmov*/
#topIndex #btnPlaymov,
#topIndex #btnPlaymov a{height:180px;}
#topIndex #btnPlaymov{width:206px;position:absolute;top:315px;left:700px;}
#topIndex #btnPlaymov a{background:url(../images/main/top_playmov_btn.png) no-repeat;text-indent:-9999px;overflow:hidden;}
#topIndex #btnPlaymov a:hover{background-position:0 bottom}