@charset "utf-8";


.container {margin:0 auto; width:900px;}


/* HEADER */
.gui_header_util {position:relative; height:27px; overflow:hidden; _zoom:1;}
.gui_header_util a:link,
.gui_header_util a:visited {display:block;}
.gui_header_util a:hover,
.gui_header_util a:active {text-decoration:none;}
.gui_header_util ul {position:absolute; right:0; top:0; padding:10px 0 0 0; overflow:hidden; _zoom:1;}
.gui_header_util li {float:left; letter-spacing:-0.05em;}
.gui_header_util .util0 {padding:1px 0 0 16px;}
.gui_header_util .util1 {background:url(../img/global_header.png) 0 -272px no-repeat; padding:1px 0 0 16px;}
.gui_header_util .util2 {background:url(../img/global_header.png) 0 -272px no-repeat; padding:1px 0 0 16px;}
.gui_header_util .util3 {background:url(../img/global_header.png) 0 -289px no-repeat; padding:0 4px 0 18px;}
.gui_header_util .util4 {padding:0 4px 0 12px;}
.gui_header_util .util3 a:link,
.gui_header_util .util3 a:visited {background:url(../img/global_header.png) 0 -306px no-repeat; padding:1px 0 0 20px; height:17px; _width:60px;}
.gui_header_util .util3 a:hover,
.gui_header_util .util3 a:active {background:url(../img/global_header.png) 0 -324px no-repeat;}
.gui_header_util .util4 a:link,
.gui_header_util .util4 a:visited {background:url(../img/global_header.png) 0 -342px no-repeat; padding:1px 0 0 20px; height:17px; _width:60px;}
.gui_header_util .util4 a:hover,
.gui_header_util .util4 a:active {background:url(../img/global_header.png) 0 -360px no-repeat;}
.gui_header_util .util3 strong,
.gui_header_util .util4 strong {font-family:tahoma; color:#666;}

.gui_header_menu {position:relative; height:45px; margin:20px 0 15px 0;}
.gui_header_menu label {display:none;}
.gui_header_menu .gui0 {position:absolute; left:0; top:0;}
.gui_header_menu .gui1 {position:absolute; left:150px; top:0;}
.gui_header_menu .gui2 {position:absolute; left:300px; top:0;}
.gui_header_menu .gui3 {position:absolute; left:450px; top:0;}
.gui_header_menu .gui4 {position:absolute; left:600px; top:0;}
.gui_header_menu .gui5 {position:absolute; left:750px; top:0; background:url(../img/global_header.png) 0 -225px no-repeat; width:150px; height:45px;}
.gui_header_menu .gui5 input {position:absolute; right:29px; top:16px;font-size:11px; color:#9e9e9e; width:105px; border:none; background:none; padding:1px;}
.gui_header_menu .gui5 img {position:absolute; right:9px; top:13px; background:url(../img/global_header.png) -310px -238px no-repeat; width:20px; height:20px;}
.gui_header_menu .gui5 a {display:inline;}
.gui_header_menu .gui1 .now img {background:url(../img/global_header.png) -300px -45px no-repeat; width:150px; height:45px;}
.gui_header_menu .gui2 .now img {background:url(../img/global_header.png) -300px -90px no-repeat; width:150px; height:45px;}
.gui_header_menu .gui3 .now img {background:url(../img/global_header.png) -300px -135px no-repeat; width:150px; height:45px;}
.gui_header_menu .gui4 .now img {background:url(../img/global_header.png) -300px -180px no-repeat; width:150px; height:45px;}
.gui_header_menu a {display:block; width:150px; height:45px;}
.gui_header_menu .gui0 a:link,
.gui_header_menu .gui0 a:visited {background:url(../img/global_header.png) 0 0 no-repeat;}
.gui_header_menu .gui0 a:hover,
.gui_header_menu .gui0 a:active {background:url(../img/global_header.png) -150px 0 no-repeat;}
.gui_header_menu .gui1 a:link,
.gui_header_menu .gui1 a:visited {background:url(../img/global_header.png) 0 -45px no-repeat;}
.gui_header_menu .gui1 a:hover,
.gui_header_menu .gui1 a:active {background:url(../img/global_header.png) -150px -45px no-repeat;}
.gui_header_menu .gui2 a:link,
.gui_header_menu .gui2 a:visited {background:url(../img/global_header.png) 0 -90px no-repeat;}
.gui_header_menu .gui2 a:hover,
.gui_header_menu .gui2 a:active {background:url(../img/global_header.png) -150px -90px no-repeat;}
.gui_header_menu .gui3 a:link,
.gui_header_menu .gui3 a:visited {background:url(../img/global_header.png) 0 -135px no-repeat;}
.gui_header_menu .gui3 a:hover,
.gui_header_menu .gui3 a:active {background:url(../img/global_header.png) -150px -135px no-repeat;}
.gui_header_menu .gui4 a:link,
.gui_header_menu .gui4 a:visited {background:url(../img/global_header.png) 0 -180px no-repeat;}
.gui_header_menu .gui4 a:hover,
.gui_header_menu .gui4 a:active {background:url(../img/global_header.png) -150px -180px no-repeat;}
/*.gui_header_menu .gui5:hover,
.gui_header_menu .gui5:active {background:url(../img/global_header.png) -150px -225px no-repeat;}*/


/* MAIN WIDE */
.gui_main_wide {clear:both;}


/* MAIN LEFT */
.gui_main_left {float:left; width:172px; margin-right:10px;}

.gui_main_left_submenu {position:relative; margin-bottom:8px; z-index:2; _zoom:1;}
.gui_main_left_submenu .box_top {background:url(../img/main_left.gif) 0 0 no-repeat; height:5px; _font-size:0;}
.gui_main_left_submenu .box_bg {background:url(../img/main_left.gif) -173px 0 repeat-y; padding:2px;}
.gui_main_left_submenu .box_bottom {background:url(../img/main_left.gif) 0 -6px no-repeat; height:8px; margin-top:-5px; _font-size:0;}
.gui_main_left_submenu .box_bg h3 {padding:10px 0 0 14px; color:#444; border-top:1px solid #eee;}
.gui_main_left_submenu .box_bg .firstchild {padding:6px 14px 0 14px; border:none;}
.gui_main_left_submenu .box_bg ul {padding:5px 14px 6px 14px;}
.gui_main_left_submenu .box_bg li {_width:100%;}
.gui_main_left_submenu .box_bg li h4 {font-weight:normal;}
.gui_main_left_submenu .box_bg li a:link,
.gui_main_left_submenu .box_bg li a:visited {display:block; color:#777; padding:3px 0; width:100%;}
.gui_main_left_submenu .box_bg li a:hover,
.gui_main_left_submenu .box_bg li a:active {color:#0b58bb; font-weight:bold; text-decoration:underline; letter-spacing:-0.08em;}
#menu1_on {top:11px;}
#menu2_on {top:33px;}
#menu3_on {top:90px; _top:93px;}
#menu4_on {top:111px; _top:113px;}
#menu5_on {top:130px; _top:133px;}
#menu6_on {top:150px; _top:154px;}
#menu7_on {top:172px; _top:176px;}
#menu8_on {top:192px; _top:196px;}
#menu9_on {top:213px; _top:216px;}
#menu10_on {top:268px; _top:277px;}
/*ADD BY G FOR SHOPPINGLEFT.JSP 20100726*/
#menu11_on {top:295px; _top:295px;}
.gui_main_left_submenu .flymenu {position:absolute; left:135px; width:420px; display:none; overflow:hidden; z-index:2; _zoom:1;}
.gui_main_left_submenu .flymenu .flymenu_arrow {float:left; background:url(../img/main_left.gif) -346px -71px no-repeat; width:5px; height:9px; margin:26px 0 0 0; _font-size:0;}
.gui_main_left_submenu .flymenu .flymenu_contents {margin:0 0 0 5px; _margin:0; _float:left; _zoom:1;}
.gui_main_left_submenu .flymenu .flymenu_contents .flybox_top {background:url(../img/main_left.gif) -346px 0 no-repeat; height:7px; _font-size:0;}
.gui_main_left_submenu .flymenu .flymenu_contents .flybox_bg {background:url(../img/main_left.gif) -762px 0 repeat-y; padding:4px; overflow:hidden; _zoom:1;}
.gui_main_left_submenu .flymenu .flymenu_contents .flybox_bottom {background:url(../img/main_left.gif) -346px -8px no-repeat; height:13px; margin-top:-5px; _font-size:0;}
.gui_main_left_submenu .flymenu .flymenu_contents .flybox_bg h5 {padding:10px 0 0 14px; color:#0b58bb; border-top:1px solid #eee; clear:both;}
.gui_main_left_submenu .flymenu .flymenu_contents .flybox_bg .firstchild {padding:3px 14px 0 14px; border:none;}
.gui_main_left_submenu .flymenu .flymenu_contents .flybox_bg ul {padding:4px 14px 5px 14px; overflow:hidden; _zoom:1;}
.gui_main_left_submenu .flymenu .flymenu_contents .flybox_bg li {float:left; width:75px; font-size:11px; margin:2px 0; letter-spacing:-0.08em; _margin:0;}
.gui_main_left_submenu .flymenu .flymenu_contents .flybox_bg li a:link,
.gui_main_left_submenu .flymenu .flymenu_contents .flybox_bg li a:visited {display:block; color:#777;}
.gui_main_left_submenu .flymenu .flymenu_contents .flybox_bg li a:hover,
.gui_main_left_submenu .flymenu .flymenu_contents .flybox_bg li a:active {color:#000; font-weight:bold; text-decoration:underline; letter-spacing:-0.17em;}

.gui_main_left_quick {position:relative; height:172px; margin-bottom:10px;}
.gui_main_left_quick label {display:none;}
.gui_main_left_quick .item1 {position:absolute; left:1px; top:1px;}
.gui_main_left_quick .item2 {position:absolute; left:1px; top:87px;}
.gui_main_left_quick .item3 {position:absolute; left:87px; top:1px;}
.gui_main_left_quick .item4 {position:absolute; left:87px; top:87px;}
.gui_main_left_quick .item1 img {background:url(../img/main_left_util.png) 0 0 no-repeat; width:84px; height:84px;}
.gui_main_left_quick .item2 img {background:url(../img/main_left_util.png) -84px 0 no-repeat; width:84px; height:84px;}
.gui_main_left_quick .item3 img {background:url(../img/main_left_util.png) -168px 0 no-repeat; width:84px; height:84px;}
.gui_main_left_quick .item4 img {background:url(../img/main_left_util.png) -252px 0 no-repeat; width:84px; height:84px;}
.gui_main_left_quick .item1 img:hover {background:url(../img/main_left_util.png) 0 -84px no-repeat; width:84px; height:84px;}
.gui_main_left_quick .item2 img:hover {background:url(../img/main_left_util.png) -84px -84px no-repeat; width:84px; height:84px;}
.gui_main_left_quick .item3 img:hover {background:url(../img/main_left_util.png) -168px -84px no-repeat; width:84px; height:84px;}

.gui_main_left_util1 {margin-bottom:8px;}
.gui_main_left_util1 label {display:none;}
.gui_main_left_util1 .item1 img {background:url(../img/main_left_util.png) 0 -168px no-repeat; width:172px; height:43px;}
.gui_main_left_util1 .item2 img {background:url(../img/main_left_util.png) 0 -211px no-repeat; width:172px; height:43px;}
.gui_main_left_util1 .item3 img {background:url(../img/main_left_util.png) 0 -254px no-repeat; width:172px; height:43px;}
.gui_main_left_util1 .item4 img {background:url(../img/main_left_util.png) 0 -297px no-repeat; width:172px; height:43px;}

.gui_main_left_util2 {margin-bottom:8px;}
.gui_main_left_util2 li a:link,
.gui_main_left_util2 li a:visited {display:block; background:url(../img/main_left_util.png) -173px -209px no-repeat; padding:12px 0 0 14px; height:26px; color:#777;}
.gui_main_left_util2 li a:hover,
.gui_main_left_util2 li a:active {color:#0b58bb; font-weight:bold; letter-spacing:-0.08em; text-decoration:none;}
.gui_main_left_util2 .firstchild a:link,
.gui_main_left_util2 .firstchild a:visited {display:block; background:url(../img/main_left_util.png) -173px -169px no-repeat; height:27px;}
.gui_main_left_util2 .firstchild a:hover,
.gui_main_left_util2 .firstchild a:active {background:url(../img/main_left_util.png) -173px -169px no-repeat; height:27px;}
.gui_main_left_util2 .lastchild a:link,
.gui_main_left_util2 .lastchild a:visited {display:block; background:url(../img/main_left_util.png) -173px -248px no-repeat; height:28px;}
.gui_main_left_util2 .lastchild a:hover,
.gui_main_left_util2 .lastchild a:active {background:url(../img/main_left_util.png) -173px -248px no-repeat; height:28px;}

.gui_main_left_brand {margin-bottom:8px;}
.gui_main_left_brand label {display:none;}
.gui_main_left_brand h3 {background:url(../img/main_left.gif) 0 -27px no-repeat; padding:8px 0 0 10px; height:22px; font-size:11px; letter-spacing:-0.05em;}
.gui_main_left_brand .box_bg {background:url(../img/main_left.gif) -173px 0 repeat-y; padding:6px; overflow:hidden; _zoom:1;}
.gui_main_left_brand .box_bottom {background:url(../img/main_left.gif) 0 -6px no-repeat; height:8px; margin-top:-5px; _font-size:0;}
.gui_main_left_brand .box_bg ul {margin:12px 0;}
.gui_main_left_brand .box_bg li {float:left; width:50%; text-align:center; height:32px;}
/*.gui_main_left_brand .box_bg .ipad img {background:url(../img/main_left_util.png) 0 -345px no-repeat; width:30px; height:14px;}*/
/*.gui_main_left_brand .box_bg .macbook img {background:url(../img/main_left_util.png) 0 -360px no-repeat; width:60px; height:14px;}*/
/*.gui_main_left_brand .box_bg .nokia5800 img {background:url(../img/main_left_util.png) 0 -376px no-repeat; width:46px; height:21px;}*/
/*.gui_main_left_brand .box_bg .sensN150 img {background:url(../img/main_left_util.png) 0 -398px no-repeat; width:62px; height:15px;}*/
/*.gui_main_left_brand .box_bg .sensX170 img {background:url(../img/main_left_util.png) 0 -416px no-repeat; width:62px; height:15px;}*/
/*.gui_main_left_brand .box_bg .sensR480 img {background:url(../img/main_left_util.png) 0 -432px no-repeat; width:64px; height:14px;}*/
/*.gui_main_left_brand .box_bg .iphone img {background:url(../img/main_left_util.png) -73px -345px no-repeat; width:48px; height:14px;}*/
/*.gui_main_left_brand .box_bg .omnia2 img {background:url(../img/main_left_util.png) -73px -360px no-repeat; width:54px; height:15px;}*/
/*.gui_main_left_brand .box_bg .motoroi img {background:url(../img/main_left_util.png) -73px -376px no-repeat; width:60px; height:11px;}*/
/*.gui_main_left_brand .box_bg .iriverD img {background:url(../img/main_left_util.png) -73px -398px no-repeat; width:52px; height:17px;}*/
/*.gui_main_left_brand .box_bg .penE img {background:url(../img/main_left_util.png) -73px -416px no-repeat; width:53px; height:12px;}*/
/*.gui_main_left_brand .box_bg .uj200 img {background:url(../img/main_left_util.png) -73px -432px no-repeat; width:53px; height:13px;}*/
.gui_main_left_brand .box_bg .ipad img {width:30px; height:14px;}


.gui_main_left_banner {margin-bottom:8px;}
.gui_main_left_banner img {background:url(../img/main_left_util.png) -173px -289px no-repeat; width:172px; height:104px;}
.gui_main_left_banner label {display:none;}


/* MAIN CENTER */
.gui_main_center {float:left; width:718px;}

.gui_main_center_navi {margin-bottom:10px;}
.gui_main_center_navi ol {background:url(../img/main_center.gif) 0 0 no-repeat; height:31px; overflow:hidden; _zoom:1;}
.gui_main_center_navi li {float:left; font-size:11px; background:url(../img/main_center.gif) -45px 0 no-repeat; padding:9px 2px 0 15px; height:31px;}
.gui_main_center_navi .firstchild {background:none; padding:9px 0 0 27px; font-weight:bold; width:17px;}
.gui_main_center_navi .lastchild {color:#0b58bb; font-weight:bold; letter-spacing:-0.09em;}
.gui_main_center_navi li a:link,
.gui_main_center_navi li a:visited {color:#999;}
.gui_main_center_navi li a:hover,
.gui_main_center_navi li a:active {color:#0b58bb; font-weight:bold; letter-spacing:-0.09em; text-decoration:underline;}


/* FOOTER */
.gui_footer_line {clear:both; border-bottom:1px solid #dadada; height:30px;}
.gui_footer {position:relative; height:125px; overflow:hidden; _zoom:1;}
.gui_footer label {display:none;}
.gui_footer .graylogo {position:absolute; left:41px; top:29px;}
.gui_footer .menus {position:absolute; left:182px; top:15px; color:#dadada; letter-spacing:-0.05em;}
.gui_footer .menus a:link,
.gui_footer .menus a:visited {color:#777; font-weight:bold;}
.gui_footer .menus a:hover,
.gui_footer .menus a:active {color:#0b58bb; letter-spacing:-0.05em;}
.gui_footer .information {position:absolute; left:182px; top:43px; font-size:11px; line-height:16px; color:#9e9e9e;}
.gui_footer .copyright {position:absolute; right:0; top:60px; font-family:"trebuchet MS"; font-size:11px; color:#9e9e9e;}
.gui_footer .logo1 {position:absolute; right:132px; top:15px;}
.gui_footer .logo2 {position:absolute; right:61px; top:15px;}
.gui_footer .logo3 {position:absolute; right:0; top:15px;}
.gui_footer .graylogo img {background:url(../img/global_footer.gif) 0 0 no-repeat; width:93px; height:41px;}
.gui_footer .logo1 img {background:url(../img/global_footer.gif) 0 -42px no-repeat; width:46px; height:26px;}
.gui_footer .logo2 img {background:url(../img/global_footer.gif) -47px -42px no-repeat; width:52px; height:26px;}
.gui_footer .logo3 img {background:url(../img/global_footer.gif) -100px -42px no-repeat; width:45px; height:26px;}

