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; }
#sns img { margin-right:10px; }
/*search style*/
#search { position:absolute; top:10px; right:20px; width:245px; margin: 0; }
#q { height:19px; width:179px; float:left; background:url(/style/images/search-bg.jpg) no-repeat; border:none; padding-left:10px; }
.btn_search { background:url(/style/images/search.jpg) no-repeat 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:100; }
.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:260px; 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 { width:260px; height:275px; text-align: center; }
.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; }
.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 .jp { background:url(/images/system/jp.jpg) no-repeat 0 center; padding-left:25px }
#side ul#language .en { background:url(/images/system/en.jpg) no-repeat 0 center; padding-left:25px }
#side ul#language .fre { background:url(/images/system/fr.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 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 promotion*/
.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:#fff; }
.btn_search { background:url(/style/images/search.png) no-repeat 0 0 transparent; }
#header-i #top #toplink { color:#fff; }
#header-i #top #toplink a, #header-i #top #toplink a:link, #header-i #top #toplink a:visited { color:#fff; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
#top .top-left { position:absolute; width:453px; height:798px; background:url(/style/images/top-left.jpg) no-repeat; top:0; left:-452px; }
#footer-i .bot-left { position:absolute; width:453px; height:104px; background:url(/style/images/bot-left.jpg) no-repeat; bottom:0; left:-452px; }
}
/* ----------------------------------------------------------------------------------------------------------------*/
/* -------->> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
/* -------->> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window { font: 12px Arial, Helvetica, sans-serif; color: #333333; }
#TB_secondLine { font: 10px Arial, Helvetica, sans-serif; color:#666666; }
#TB_window a:link { color: #666666; }
#TB_window a:visited { color: #666666; }
#TB_window a:hover { color: #000; }
#TB_window a:active { color: #666666; }
#TB_window a:focus { color: #666666; }
/* ----------------------------------------------------------------------------------------------------------------*/
/* -------->> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay { position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%; }
.TB_overlayMacFFBGHack { background: url(macFFBgHack.png) repeat; }
.TB_overlayBG { background-color:#000; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; }
* html #TB_overlay { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window { position: fixed; background: #ffffff; z-index: 102; color:#000000; display:none; border: 4px solid #525252; text-align:left; top:50%; left:50%; }
* html #TB_window { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image { display:block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666; }
#TB_caption { height:25px; padding:7px 30px 10px 25px; float:left; }
#TB_closeWindow { height:25px; padding:11px 25px 10px 0; float:right; }
#TB_closeAjaxWindow { padding:7px 10px 5px 0; margin-bottom:1px; text-align:right; float:right; }
#TB_ajaxWindowTitle { float:left; padding:7px 0 5px 10px; margin-bottom:1px; }
#TB_title { background-color:#e8e8e8; height:27px; }
#TB_ajaxContent { clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em; }
#TB_ajaxContent.TB_modal { padding:15px; }
#TB_ajaxContent p { padding:5px 0px 5px 0px; }
#TB_load { position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ }
* html #TB_load { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect { z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%; }
* html #TB_HideSelect { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent { clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px; }