html, div, body, p, form, img, dd, h1, h2, h3, input { margin:0 auto; padding:0; font:11px/160% Verdana, Arial, Helvetica, sans-serif; color:#222222; }
body { text-align:left; background-color:#edf6ff; }
p { padding:5px 15px; line-height:20px; font-size:11px; }
dl, dd, dt { margin:0; padding:0; }
ul { margin:0; padding:0; list-style:none; }
li { margin:0; list-style:none; padding:0; }
h1 { font:bold 18px/39px Verdana, Geneva, sans-serif; margin-left:15px; }
h2 { font:bold 15px/2 Verdana, sans-serif; color:#468BF3; padding-left: 10px; }
h2 { font:bold 16px/31px Tahoma, Geneva, sans-serif; padding-left:20px; clear: both; color: #FFF; }
img { border:none; }
a, a:link, a:visited { text-decoration:none; color:#222; }
a:hover, a:active { text-decoration:underline; color:#222; }
input { font-size:11px; float:left; }
table { border-collapse:collapse; }
.clear { clear:both; }
.clearfix:after { clear:both; display:block; visibility:hidden; height:0; font-size:0; line-height:0; content:" "; }
.clearfix { zoom:1; }
.fl { float:left; }
.fr { float:right; }
.f11 { font-size:11px; line-height:19px; width:140px; }
.red { color:#F00; }
.note { color:#EE5B03; font-weight:bold; }
/*header css*/
#container { width:998px; text-align:left; overflow:hidden; }
#header { width:998px; height:132px; }
#logo { width:278px; height:100px; float:left; }
#toplink { float:right; padding-right:10px; text-align:right; }
#sns { float:right; margin-top:10px; clear:right; width:226px; }
#sns img { margin-right:10px; }
/*search style*/
/*#search { position:absolute; top:10px; right:20px; width:245px; margin:0; }
#q { height:19px; width:159px; float:left; background:url(/style/images/search-bg.jpg) no-repeat; border:none; padding:0 10px; line-height:19px; }
.btn_search { background:url(/style/images/search.jpg) no-repeat scroll 0 0 transparent; border:none; cursor:pointer; height:19px; width:23px; float:left; margin-left:0; overflow:hidden; line-height:200px; font-size:0; }*/
#search { position:absolute; top:10px; right:20px; width:245px; background:url(/style/images/search-bg.jpg) no-repeat left; margin:0; }
#q { height:19px; width:159px; float:left; border:none; padding:0 10px; line-height:19px; background:none; }
.btn_search { background:url(/style/images/search.jpg) no-repeat scroll 0 0 transparent; border:none; cursor:pointer; height:19px; width:23px; float:left; margin-left:0; overflow:hidden; line-height:200px; font-size:0; }

/*top menu*/
.menu { height:32px; position:relative; z-index:200; }
.nav { width:680px; list-style:none; }
.nav li { float:left; text-align:center; width:92px; height:31px; margin-right:2px; background:url(/style/images/menu-bg.jpg) no-repeat; }
.nav li a { font:normal 17px/32px Tahoma, Geneva, sans-serif; text-decoration:none; display:block; }
.nav li a:hover, .nav .now, .nav .over { background:url(/style/images/menu-on.jpg) repeat-x; }
.nav .now a, .nav .over a { color:#FFF; }
dl, dd, dt { margin:0; padding:0 }
.second-menu, .third-menu, .four-menu, .fifth-menu { position:absolute; width: 165px; }
.first-menu li { float:left; }
.second-menu { top:32px; right:752px; display:none; }
.third-menu { top:32px; right:520px; display:none; }
.four-menu { top:32px; right:376px; display:none; }
.fifth-menu { top:32px; right:0px; display:none; }
.second-menu a { }
#shows-list-all { width:662px; background-color:#7C7F81; right:190px; top:41px; border:#293233 solid 1px; position:absolute; display:none; }
#shows-list-all dl { float:left; padding:10px 0 10px 10px; }
#shows-list-all dt { background:#5E6061; font-weight:bold; padding:5px; margin-bottom:10px; }
#shows-list-all dd { float:left; background:#7e8183; }
#shows-list-all dd a { border:none; width:129px; padding:0 0 0 0; font-size:11px; text-align:left; font-family:Verdana, Geneva, sans-serif; color:#FFF; line-height:normal; }
#shows-list-all dl.shows { width:149px; padding:0; margin-top:0px; margin-left:0px; border-right:#293233 solid 1px; }
#shows-list-all dl.shows a { height:18px; line-height:18px; padding:0 0 0 10px; display:block; margin:5px }
#shows-list-all dl.shows a:hover { background-color:#2F88EC; }
#shows-list-all dl.shows .showsed a { font-weight:normal; border:0; margin:0px }
#shows-list-all dl.shows .showsed a:hover { font-weight:normal; border:0; }
#shows-list-all .shows dd.bg a { background:none; }
#shows-list-all .shows dd.bg:hover a { color:#fff; }
.showsed { position:absolute; }
#shows-list-all .showsed { width:512px; height:auto; right:-1px; height:auto !important; height:518px; min-height:518px; border:#293233 solid 1px; border-top:none; background-color:#7e8183; }
#shows-list-all .showsed dl { float:left; padding:0 0 5px 5px; *padding:0 0 8px 5px;
}
#shows-list-all .showsed dt { padding:3px 5px; margin-bottom:10px; color:#fff; font-weight:normal }
/* win list & mac list */
#shows-list-all .showsed .shows-list { width:150px; margin-top:2px; margin-left:15px; display:inline; }
#shows-list-all .showsed .shows-list dd { float:left; margin-left:0px; }
#shows-list-all .shows dd.bg:hover .showsed .shows-list dd a { padding:0 0 0 5px; border:none; height:auto; line-height:18px; width:145px; margin-bottom:5px; font-weight:normal; border:none; color:#fff; margin:0 }
#shows-list-all .shows dd.bg:hover .showsed .shows-list dd a:hover, #shows-list-all .shows dd.bg:hover .showsed .specials-list dd a:hover { border:0; background:#2F88EC; color:#FFF; }
#shows-list-all .shows dd em { background:none; padding:0 0 0 15px; border:none; height:auto; line-height:18px; width:145px; margin-bottom:5px; font-weight:normal; border:none; color:#fff; margin:0; font-style:normal }
#shows-list-all .showsed .specials-list { width:150px; margin-left:5px; padding-left:15px; margin-top:2px; }
/*teshu*/
#shows-list-all .showsed .specials-list-width { }
#shows-list-all .showsed .specials-list-width dt { width:295px; }
#shows-list-all .showsed .specials-list-width-right { padding:30px 0 0 0; _margin:0 0 0 -150px; }
/*teshu end*/
#shows-list-all .showsed .specials-list dd { margin-left:0; width:130px; }
#shows-list-all .shows dd.bg:hover .showsed .specials-list dd a { padding:0 0 0 5px; border:none; height:auto; line-height:18px; width:145px; margin-bottom:5px; font-weight:normal; border:none; color:#fff; margin:0 }
.first-productlist { margin-top:-24px; display:none; }
.second-productlist { margin-top:-52px; display:none; }
.third-productlist { margin-top:-80px; display:none; }
.fourth-productlist { margin-top:-108px; display:none; }
.fifth-productlist { margin-top:-156px; display:none; }
.sixth-productlist { margin-top:-184px; display:none; }
.seventh-productlist { margin-top:-212px; display:none; }
.eighth-productlist { margin-top:-238px; display:none; }
.ninth-productlist { margin-top:-266px; display:none; }
.tenth-productlist { margin-top:-292px; display:none; }
.eleventh-productlist { margin-top:-320px; display:none; }
.twelfth-productlist { margin-top:-348px; display:none; }
.thirteenth-productlist { margin-top:-376px; display:none; }
.fourteenth-productlist { margin-top:-404px; display:none; }
.fifteenth-productlist { margin-top:-432px; display:none; }
.sixteen-productlist { margin-top:-518px; display:none; }
.ipad-productlist { margin-top:-294px; display:none; }
.ppt-productlist { margin-top:-490px; display:none; }
/* downloads support articles*/
#sub_download { padding:10px 0; width:148px; background:none #7e8183; list-style:none; border:#293233 1px solid; border-top:none }
#sub_download li { background:none; }
#sub_download li a { text-align:left; font:10px Verdana, Arial, Helvetica, sans-serif; width:138px; height:24px; line-height:24px; text-indent:5px; display:block; background:none; margin:0 5px; }
#sub_download li a:hover, #sub_support li a:hover, #sub li a:hover { background:#2F88EC; color:#fff; text-decoration:none; }
#sub_support { padding:10px 0; width:150px; background:#7e8183; border:#293233 1px solid; border-top:none; }
#sub_support li { background:none; }
#sub_support li a { text-align:left; font:11px Verdana, Arial, Helvetica, sans-serif; width:135px; height:24px; line-height:24px; display:block; background:none; padding:0 5px; }
#sub { padding:10px 0; width:148px; background:none #7e8183; list-style:none; border:#293233 1px solid; border-top:none }
#sub li { background:none; }
#sub li a { text-align:left; font:10px Verdana, Arial, Helvetica, sans-serif; width:136px; height:24px; line-height:24px; text-indent:10px; display:block; background:none; margin:0 5px; }
/*side menu*/
#cat { border-top:none; background-color:#d1e8ff; width:256px; padding-bottom:10px; }
#cat #win { background:url(/style/images/win-bg.jpg) no-repeat 0 0; padding-left:40px; }
#cat #mac { background:url(/style/images/mac-bg.jpg) no-repeat 0 0; padding-left:40px; }
#cat h3 { color:#1559a4; font:bold 14px/27px Tahoma, Geneva, sans-serif; padding-left:20px; clear: both; overflow:hidden; height:27px; background:url(/style/images/cat-bg.jpg) no-repeat 0 center; }
#cat h3 span { float:left; }
#cat h3 a { padding-left:20px; color:#666; font-size:11px; float:right; padding-right:10px; }
#side { float:left; width:256px; margin-top:10px; }
#hotpack, .side-top { background:url(/style/images/title-bg.jpg) no-repeat 0 0; width:256px; margin-bottom:10px; color:#FFF; }
#side ul { clear: both; margin:5px 0 0 10px; }
#side ul li { background:url(/style/images/cat-li.jpg) no-repeat 0 center; margin-bottom:3px; padding-left:10px; }
#side ul li a { font-size:11px; color:#333; }
#partner { background:#D1E8FF; width:256px; padding-bottom:10px; }
#partner h2 { background:url(/style/images/partner.jpg) no-repeat 0 0; height:32px; line-height:32px; padding-left:40px; }
.side-bottom { background:url(/style/images/side-bottom.gif) no-repeat 0 0; height:10px; }
.side-img { padding-bottom:10px; background:#EDF6FF url(/images/system/product-pic.jpg) no-repeat; width:256px; height:196px; padding-top:75px; }
.side-img p { margin:0 20px 5px; padding:0; font:13px/20px Arial, Helvetica, sans-serif; color:#353535; }
.side-img p strong { font-size:14px; color:#ff2222; }
.side-img a { text-decoration:underline; }
.side-ad { padding-bottom:10px; background-color:#EDF6FF; }
.new { padding-right:30px; background:url(/style/images/new-icon.jpg) no-repeat right 0 transparent; }
.hot { padding-right:25px; background:url(/style/images/hot-icon.jpg) no-repeat right 0 transparent; }
.free { padding-right:25px; background:url(/style/images/free-icon.jpg) no-repeat right 0 transparent; }
.update { padding-right:50px; background:url(/style/images/update-icon.jpg) no-repeat right 0 transparent; }
#side ul#language li { background:none; }
#side ul#language li.jp { background:url(/images/system/jp.jpg) no-repeat 0 center; padding-left:25px; }
#side ul#language li.fre { background:url(/images/system/fr.jpg) no-repeat 0 center; padding-left:25px; }
#side ul#language li.de { background:url(/images/system/de.jpg) no-repeat 0 center; padding-left:25px; }
.product-info { background:#edf6ff url(/style/images/product-info-bg.jpg) no-repeat top; border-left:#5e9bdd solid 1px; border-right:#5e9bdd solid 1px; width:254px; overflow:hidden; }
.product-info h2 { font-size:16px; font-weight:bold; color:#052840; padding-left:8px; border-bottom:#797d82 dashed 1px; }
#side .product-info ul { margin-bottom:10px; }
.product-info-top { background:url(/style/images/product-info-top.jpg) no-repeat; width:256px; height:8px; overflow:hidden; }
.product-info-bottom { background:url(/style/images/product-info-bottom.jpg) no-repeat; width:256px; height:6px; margin-bottom:5px; }
/*footer*/
#footer { clear: both; background:#d1e8ff; border-top:#808080 solid 1px; }
#foot-text { padding:20px; text-align:center; }
#footer a { text-decoration:underline; }
.copyright { margin-left:0; }
/* ----------------------------------------------------------------------------------------------------------------*/
/* -------->> jquery.lightbox-0.5 <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#jquery-overlay { position:absolute; top:0; left:0; z-index:90; width:100%; height:500px; }
#jquery-lightbox { position:absolute; top:0; left:0; width:100%; z-index:1000; text-align:center; line-height:0; }
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box { position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto; }
#lightbox-container-image { padding: 10px; }
#lightbox-loading { position:absolute; top:40%; left:44%; height:25%; text-align:center; line-height:0; }
#lightbox-nav { position:absolute; top:0; left:0; height:100%; width:100%; z-index:1000; }
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none; }
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; }
#lightbox-nav-btnPrev { left: 0; float: left; }
#lightbox-nav-btnNext { right: 0; float: right; }
#lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; }
#lightbox-container-image-data { padding: 0 10px; color: #666; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; }
#lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; }

/*go top*/
.back-to { position: fixed; bottom: 10px; right: 10px; z-index: 999; width: 110px; overflow: hidden; zoom: 1; -ie6-position-fixed-delay: 200; }
.back-to .back-top { float: right; display: block; width: 50px; height: 50px; background: url(/images/system/gotop.png) no-repeat scroll 0 0 transparent; margin-left: 10px; outline: 0 none; text-indent: -9999em; }
.back-to { _position:absolute; _bottom:auto; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));
_margin-bottom:10px; _margin-right:5px; }
*html { background-image:url(about:blank); background-attachment:fixed; }


/*for christmas*/
.nav li { background:url(/style/images/menu-bg.png) no-repeat; }
.nav li a:hover, .nav .now, .nav .over { background:url(/style/images/menu-on.png) repeat-x; }
#header-i { background:url(/style/images/top.jpg) no-repeat; width:998px; height:132px; }
#top { position:relative; width:998px; }
#top .top-left { position:absolute; width:453px; height:134px; background:url(/style/images/top-left.jpg) no-repeat; top:0; left:-453px; }
#top .top-right { position:absolute; width:451px; height:132px; background:url(/style/images/top-right.jpg) no-repeat; top:0; right:-451px; }
#footer-i { position:relative; width:998px; background:url(/style/images/bot.jpg) no-repeat left bottom; border:none; height:104px; }
#footer-i .bot-left { position:absolute; width:453px; height:104px; background:url(/style/images/bot-left.jpg) no-repeat; bottom:0; left:-453px; }
#footer-i .bot-right { position:absolute; width:453px; height:104px; background:url(/style/images/bot-right.jpg) no-repeat; bottom:0; right:-453px; }
#footer-i p, #footer-i p a { color:#222; }
.btn_search { background:url(/style/images/search.png) no-repeat scroll 0 0 transparent; }
#header-i #top #toplink { color:#222; }
#header-i #top #toplink a, #header-i #top #toplink a:link, #header-i #top #toplink a:visited { color:#222; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
   #top .top-left { position:absolute; width:453px; height:798px; top:0; left:-452px; }
   #footer-i .bot-left { position:absolute; width:453px; height:104px; bottom:0; left:-452px; }
  }