/* ¸ÞÀÎ¼öÁ¤ */
body { text-align:center; }
img { vertical-align:middle; border:0; }
ul { list-style:none; margin:0; padding:0; }
h1 { margin:0; }

.top { position:relative; width:882px; height:105px; margin:0 auto; background:url('/images/menu/bg_main_top_sub.jpg') no-repeat left top; }
.top h1 { position:absolute; top:28px; left:0; }

.top .menu { position:absolute; top:31px; right:0; float:left; }
.top .menu li { position:relative; float:left; }
.top .menu li a { display:block; height:24px; text-indent:-100000em; overflow:hidden; background:url('/images/menu/bg_menu.jpg') no-repeat left top; }
.top .submenu li a { display:block; height:24px; text-indent:-100000em; overflow:hidden; background:url('/images/menu/bg_sub_menu.jpg') no-repeat left top; }

.top .menu li .no01 { width:144px; background-position:0 0; }
.top .menu li .no02 { width:125px; background-position:-145px 0; }
.top .menu li .no03 { width:114px; background-position:-269px 0; }
.top .menu li .no04 { width:121px; background-position:-383px 0; }
.top .menu li .no05 { width:120px; background-position:-504px 0; }

.top .menu .on .no01, .top .menu li .no01:hover { background-position:0 -24px; }
.top .menu .on .no02, .top .menu li .no02:hover { background-position:-145px -24px; }
.top .menu .on .no03, .top .menu li .no03:hover { background-position:-269px -24px; }
.top .menu .on .no04, .top .menu li .no04:hover { background-position:-383px -24px; }
.top .menu .on .no05, .top .menu li .no05:hover { background-position:-504px -24px; }

.top .submenu01 { position:absolute; bottom:-18px; left:50px; float:left; width:575px; }
.top .submenu01 li { float:left; }
.top .submenu01 li a { display:block; height:18px; text-indent:-100000em; overflow:hidden; background:url('/images/menu/bg_submenu001.jpg') no-repeat left top; }

.top .submenu01 li .no001 { width:98px; background-position:0 0; }
.top .submenu01 li .no002 { width:90px; background-position:-98px 0; }
.top .submenu01 li .no003 { width:103px; background-position:-188px 0; }
.top .submenu01 li .no004 { width:107px; background-position:-291px 0; }
.top .submenu01 li .no005 { width:54px; background-position:-398px 0; }

.top .submenu01 .on .no001, .top .submenu01 li .no001:hover { background-position:0 -18px; }
.top .submenu01 .on .no002, .top .submenu01 li .no002:hover { background-position:-98px -18px; }
.top .submenu01 .on .no003, .top .submenu01 li .no003:hover { background-position:-188px -18px; }
.top .submenu01 .on .no004, .top .submenu01 li .no004:hover { background-position:-291px -18px; }
.top .submenu01 .on .no005, .top .submenu01 li .no005:hover { background-position:-398px -18px; }

.top .submenu02 { position:absolute; bottom:-18px; left:33px; float:left; width:447px; }
.top .submenu02 li { float:left; }
.top .submenu02 li a { display:block; height:18px; text-indent:-100000em; overflow:hidden; background:url('/images/menu/bg_submenu02.jpg') no-repeat left top; }

.top .submenu02 li .no001 { width:71px; background-position:0 0; }
.top .submenu02 li .no002 { width:70px; background-position:-71px 0; }
.top .submenu02 li .no003 { width:66px; background-position:-141px 0; }
.top .submenu02 li .no004 { width:64px; background-position:-207px 0; }

.top .submenu02 .on .no001, .top .submenu02 li .no001:hover { background-position:0 -18px; }
.top .submenu02 .on .no002, .top .submenu02 li .no002:hover { background-position:-71px -18px; }
.top .submenu02 .on .no003, .top .submenu02 li .no003:hover { background-position:-141px -18px; }
.top .submenu02 .on .no004, .top .submenu02 li .no004:hover { background-position:-207px -18px; }

.top .submenu03 { position:absolute; bottom:-18px; left:-45px; float:left; width:447px; }
.top .submenu03 li { float:left; }
.top .submenu03 li a { display:block; height:18px; text-indent:-100000em; overflow:hidden; background:url('/images/menu/bg_submenu03.jpg') no-repeat left top; }

.top .submenu03 li .no001 { width:76px; background-position:0 0; }
.top .submenu03 li .no002 { width:91px; background-position:-76px 0; }
.top .submenu03 li .no003 { width:72px; background-position:-167px 0; }
.top .submenu03 li .no004 { width:89px; background-position:-239px 0; }
.top .submenu03 li .no005 { width:72px; background-position:-328px 0; }

.top .submenu03 .on .no001, .top .submenu03 li .no001:hover { background-position:0 -18px; }
.top .submenu03 .on .no002, .top .submenu03 li .no002:hover { background-position:-76px -18px; }
.top .submenu03 .on .no003, .top .submenu03 li .no003:hover { background-position:-167px -18px; }
.top .submenu03 .on .no004, .top .submenu03 li .no004:hover { background-position:-239px -18px; }
.top .submenu03 .on .no005, .top .submenu03 li .no005:hover { background-position:-328px -18px; }

.top .submenu04 { position:absolute; bottom:-18px; left:0; float:left; width:447px; }
.top .submenu04 li { float:left; }
.top .submenu04 li a { display:block; height:18px; text-indent:-100000em; overflow:hidden; background:url('/images/menu/bg_submenu04.jpg') no-repeat left top; }

.top .submenu04 li .no001 { width:65px; background-position:0 0; }
.top .submenu04 li .no002 { width:42px; background-position:-65px 0; }
.top .submenu04 li .no003 { width:55px; background-position:-107px 0; }
.top .submenu04 li .no004 { width:71px; background-position:-162px 0; }

.top .submenu04 .on .no001, .top .submenu04 li .no001:hover { background-position:0 -18px; }
.top .submenu04 .on .no002, .top .submenu04 li .no002:hover { background-position:-65px -18px; }
.top .submenu04 .on .no003, .top .submenu04 li .no003:hover { background-position:-107px -18px; }
.top .submenu04 .on .no004, .top .submenu04 li .no004:hover { background-position:-162px -18px; }

.top .submenu05 { position:absolute; bottom:-18px; left:-31px; float:left; width:151px; }
.top .submenu05 li { float:left; }
.top .submenu05 li a { display:block; height:18px; text-indent:-100000em; overflow:hidden; background:url('/images/menu/bg_submenu05.jpg') no-repeat left top; }

.top .submenu05 li .no001 { width:52px; background-position:0 0; }
.top .submenu05 li .no002 { width:73px; background-position:-52px 0; }

.top .submenu05 .on .no001, .top .submenu05 li .no001:hover { background-position:0 -18px; }
.top .submenu05 .on .no002, .top .submenu05 li .no002:hover { background-position:-52px -18px; }

/* sidebar */
.sidebarCompany { position:relative; width:191px; height:555px; background:url('/images/menu/bg_left_company.jpg') no-repeat left top; }
.sidebarProduct { position:relative; width:191px; height:555px; background:url('/images/menu/bg_left_product.jpg') no-repeat left top; }
.sidebarGames { position:relative; width:191px; height:555px; background:url('/images/menu/bg_left_games.jpg') no-repeat left top; }
.sidebarSupport { position:relative; width:191px; height:555px; background:url('/images/menu/bg_left_support.jpg') no-repeat left top; }
.sidebarNews { position:relative; width:191px; height:555px; background:url('/images/menu/bg_left_news.jpg') no-repeat left top; }

.sideMenu01 { position:absolute; top:90px; left:3px; width:172px; }
.sideMenu01 li { float:left; width:100%; }

.sidebarCompany .sideMenu01 a { display:block; width:172px; height:27px; text-indent:-10000em; overflow:hidden; background:url('/images/menu/bg_left_menu01.jpg') no-repeat left top; }
.sidebarCompany .sideMenu01 .no01 { background-position:0 1px; }
.sidebarCompany .sideMenu01 .no02 { background-position:0 -26px; }
.sidebarCompany .sideMenu01 .no03 { background-position:0 -53px; }
.sidebarCompany .sideMenu01 .no04 { background-position:0 -80px; }
.sidebarCompany .sideMenu01 .no05 { background-position:0 -107px; }

.sidebarCompany .sideMenu01 .on .no01, .sidebarCompany .sideMenu01 .no01:hover { background-position:0 -133px; }
.sidebarCompany .sideMenu01 .on .no02, .sidebarCompany .sideMenu01 .no02:hover { background-position:0 -160px; }
.sidebarCompany .sideMenu01 .on .no03, .sidebarCompany .sideMenu01 .no03:hover { background-position:0 -187px; }
.sidebarCompany .sideMenu01 .on .no04, .sidebarCompany .sideMenu01 .no04:hover { background-position:0 -215px; }
.sidebarCompany .sideMenu01 .on .no05, .sidebarCompany .sideMenu01 .no05:hover { background-position:0 -242px; }

.sideMenu02 { position:absolute; top:90px; left:3px; width:172px; }
.sideMenu02 li { float:left; width:100%; }

.sidebarProduct .sideMenu02 a { display:block; width:172px; height:27px; text-indent:-10000em; overflow:hidden; background:url('/images/menu/bg_left_menu02.jpg') no-repeat left top; }
.sidebarProduct .sideMenu02 .no01 { background-position:0 1px; }
.sidebarProduct .sideMenu02 .no02 { background-position:0 -26px; }
.sidebarProduct .sideMenu02 .no03 { background-position:0 -53px; }
.sidebarProduct .sideMenu02 .no04 { background-position:0 -80px; }

.sidebarProduct .sideMenu02 .on .no01, .sidebarProduct .sideMenu02 .no01:hover { background-position:0 -106px; }
.sidebarProduct .sideMenu02 .on .no02, .sidebarProduct .sideMenu02 .no02:hover { background-position:0 -133px; }
.sidebarProduct .sideMenu02 .on .no03, .sidebarProduct .sideMenu02 .no03:hover { background-position:0 -159px; }
.sidebarProduct .sideMenu02 .on .no04, .sidebarProduct .sideMenu02 .no04:hover { background-position:0 -187px; }

.sideMenu03 { position:absolute; top:90px; left:3px; width:172px; }
.sideMenu03 li { float:left; width:100%; }

.sidebarGames .sideMenu03 a { display:block; width:172px; height:27px; text-indent:-10000em; overflow:hidden; background:url('/images/menu/bg_left_menu03.jpg') no-repeat left top; }
.sidebarGames .sideMenu03 .no01 { background-position:0 1px; }
.sidebarGames .sideMenu03 .no02 { background-position:0 -26px; }
.sidebarGames .sideMenu03 .no03 { background-position:0 -53px; }
.sidebarGames .sideMenu03 .no04 { background-position:0 -80px; }
.sidebarGames .sideMenu03 .no05 { background-position:0 -107px; }

.sidebarGames .sideMenu03 .on .no01, .sidebarGames .sideMenu03 .no01:hover { background-position:0 -134px; }
.sidebarGames .sideMenu03 .on .no02, .sidebarGames .sideMenu03 .no02:hover { background-position:0 -162px; }
.sidebarGames .sideMenu03 .on .no03, .sidebarGames .sideMenu03 .no03:hover { background-position:0 -190px; }
.sidebarGames .sideMenu03 .on .no04, .sidebarGames .sideMenu03 .no04:hover { background-position:0 -216px; }
.sidebarGames .sideMenu03 .on .no05, .sidebarGames .sideMenu03 .no05:hover { background-position:0 -244px; }

.sideMenu04 { position:absolute; top:90px; left:3px; width:172px; }
.sideMenu04 li { float:left; width:100%; }

.sidebarSupport .sideMenu04 a { display:block; width:172px; height:27px; text-indent:-10000em; overflow:hidden; background:url('/images/menu/bg_left_menu04.jpg') no-repeat left top; }
.sidebarSupport .sideMenu04 .no01 { background-position:0 1px; }
.sidebarSupport .sideMenu04 .no02 { background-position:0 -26px; }
.sidebarSupport .sideMenu04 .no03 { background-position:0 -53px; }
.sidebarSupport .sideMenu04 .no04 { background-position:0 -80px; }

.sidebarSupport .sideMenu04 .on .no01, .sidebarSupport .sideMenu04 .no01:hover { background-position:0 -106px; }
.sidebarSupport .sideMenu04 .on .no02, .sidebarSupport .sideMenu04 .no02:hover { background-position:0 -133px; }
.sidebarSupport .sideMenu04 .on .no03, .sidebarSupport .sideMenu04 .no03:hover { background-position:0 -159px; }
.sidebarSupport .sideMenu04 .on .no04, .sidebarSupport .sideMenu04 .no04:hover { background-position:0 -186px; }

.sideMenu05 { position:absolute; top:90px; left:3px; width:172px; }
.sideMenu05 li { float:left; width:100%; }

.sidebarNews .sideMenu05 a { display:block; width:172px; height:27px; text-indent:-10000em; overflow:hidden; background:url('/images/menu/bg_left_menu05.jpg') no-repeat left top; }
.sidebarNews .sideMenu05 .no01 { background-position:0 1px; }
.sidebarNews .sideMenu05 .no02 { background-position:0 -26px; }

.sidebarNews .sideMenu05 .on .no01, .sidebarNews .sideMenu05 .no01:hover { background-position:0 -53px; }
.sidebarNews .sideMenu05 .on .no02, .sidebarNews .sideMenu05 .no02:hover { background-position:0 -80px; }
