@charset "utf-8"; /*----------------------------------------------- public -----------------------------------------------*/ * { margin:0; padding:0; } body { color:#626262; font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; background:url('/ca/common/images/body_back01.gif') repeat 0 0; font-size:12px; line-height:150%; } ul, li, dl, dt, dd { margin:0; padding:0; list-style:none; } table { border-collapse: collapse; border-spacing: 0;} iframe { border:none; } sup { font-size:12px; } .blank05 { height:5px; line-height:5px; clear:both; visibility:hidden; } .blank08 { height:8px; line-height:8px; clear:both; visibility:hidden; } .blank10 { height:10px; line-height:10px; clear:both; visibility:hidden; } .blank15 { height:15px; line-height:15px; clear:both; visibility:hidden; } .blank20 { height:20px; line-height:20px; clear:both; visibility:hidden; } .blank25 { height:25px; line-height:25px; clear:both; visibility:hidden; } .blank30 { height:30px; line-height:30px; clear:both; visibility:hidden; } .blank40 { height:40px; line-height:40px; clear:both; visibility:hidden; } .blank50 { height:50px; line-height:50px; clear:both; visibility:hidden; } .blank60 { height:60px; line-height:60px; clear:both; visibility:hidden; } .clear { clear:both; display:block; visibility:hidden; overflow:hidden; height:0px; } .clearfix { zoom:1; } .clearfix:after { content:""; display:block; clear:both; } .dn { display:none; } .db { display:block; } .fltl { float:left; display:inline; } .fltr { float:right; display:inline; } .center { margin:0 auto; } .tal { text-align:left; } .tar { text-align:right; } .tac { text-align:center; } a { color: #5E5E5E; text-decoration: none; } a:hover { color:#004473; text-decoration: underline; } a img { border: none; } /*----------------------------------------------- width -----------------------------------------------*/ .w980 { width:980px; } .w900 { width:900px; } .w780 { width:780px; } .w750 { width:750px; } .w475 { width:475px; } .w250 { width:250px; } .w220 { width:220px; } .w50 { width:50px; } /*----------------------------------------------- color -----------------------------------------------*/ .cred { color:red; } .cblue {color:#172969; } .cwhite { color:#FFFFFF; } /*----------------------------------------------- line-height -----------------------------------------------*/ .lh200 { line-height:200%; } .lh180 { line-height:180%; } .lh160 { line-height:160%; } .lh150 { line-height:150%; } .lh140 { line-height:140%; } .lh120 { line-height:120%; } /*----------------------------------------------- font size -----------------------------------------------*/ .fs10 { font-size:10px !important;} .fs12 { font-size:12px !important;} .fs13 { font-size:13px !important;} .fs14 { font-size:14px !important;} .fs16 { font-size:16px !important;} .fb { font-weight: bold; } /*----------------------------------------------- margin,padding -----------------------------------------------*/ .m00 { margin:0 !important;} .mt00 { margin-top: 0 !important;} .mt05 { margin-top: 5px !important;} .mt10 { margin-top:10px !important;} .mt12 { margin-top:12px !important;} .mt15 { margin-top:15px !important;} .mt20 { margin-top:20px !important;} .mt25 { margin-top:25px !important;} .mt30 { margin-top:30px !important;} .mt40 { margin-top:40px !important;} .mt80 { margin-top:80px !important;} .mt95 { margin-top:95px !important;} .mr00 { margin-right: 0 !important;} .mr05 { margin-right: 5px !important;} .mr10 { margin-right:10px !important;} .mr12 { margin-right:12px !important;} .mr15 { margin-right:15px !important;} .mr20 { margin-right:20px !important;} .mr25 { margin-right:25px !important;} .mr30 { margin-right:30px !important;} .mr40 { margin-right:40px !important;} .mb00 { margin-bottom: 0 !important;} .mb05 { margin-bottom: 5px !important;} .mb10 { margin-bottom:10px !important;} .mb12 { margin-bottom:12px !important;} .mb15 { margin-bottom:15px !important;} .mb20 { margin-bottom:20px !important;} .mb25 { margin-bottom:25px !important;} .mb30 { margin-bottom:30px !important;} .mb45 { margin-bottom:45px !important;} .mb50 { margin-bottom:50px !important;} .mb70 { margin-bottom:70px !important;} .ml00 { margin-left: 0 !important;} .ml05 { margin-left: 5px !important;} .ml10 { margin-left:10px !important;} .ml12 { margin-left:12px !important;} .ml15 { margin-left:15px !important;} .ml20 { margin-left:20px !important;} .ml25 { margin-left:25px !important;} .ml30 { margin-left:30px !important;} .ml40 { margin-left:40px !important;} .p00 { padding: 0 !important;} .pt00 { padding-top: 0 !important;} .pt05 { padding-top: 5px !important;} .pt10 { padding-top:10px !important;} .pt12 { padding-top:12px !important;} .pt15 { padding-top:15px !important;} .pt20 { padding-top:20px !important;} .pt25 { padding-top:25px !important;} .pt30 { padding-top:30px !important;} .pt70 { padding-top:70px !important;} .pr00 { padding-right: 0 !important;} .pr05 { padding-right: 5px !important;} .pr10 { padding-right:10px !important;} .pr12 { padding-right:12px !important;} .pr15 { padding-right:15px !important;} .pr20 { padding-right:20px !important;} .pr25 { padding-right:25px !important;} .pr30 { padding-right:30px !important;} .pb00 { padding-bottom: 0 !important;} .pb05 { padding-bottom: 5px !important;} .pb10 { padding-bottom:10px !important;} .pb12 { padding-bottom:12px !important;} .pb15 { padding-bottom:15px !important;} .pb20 { padding-bottom:20px !important;} .pb25 { padding-bottom:25px !important;} .pb30 { padding-bottom:30px !important;} .pb60 { padding-bottom:60px !important;} .pl00 { padding-left: 0 !important;} .pl05 { padding-left: 5px !important;} .pl10 { padding-left:10px !important;} .pl12 { padding-left:12px !important;} .pl15 { padding-left:15px !important;} .pl20 { padding-left:20px !important;} .pl25 { padding-left:25px !important;} .pl30 { padding-left:30px !important;} .ptb95 { padding-top: 95px; padding-bottom: 95px;} .ptb84 { padding-top: 84px; padding-bottom: 84px;} .ptb26 { padding-top: 26px; padding-bottom: 26px;} .ptb8_7 { padding-top: 8px; padding-bottom: 7px;} /*----------------------------------------------- structure -----------------------------------------------*/ .content { padding:30px 0; background:url('/ca/common/images/content_back01.png') repeat-x 0 0; } .content02 { background:url('/ca/common/images/content_back01.png') repeat-x 0 0; padding-top: 0px; padding-right: 0; padding-bottom: 30px; padding-left: 0;} .carContent { background-image:none; } .comContent { background-image:none; } .smartheadsetsContent { background-image: none; } .inner980 { width:980px; margin:0 auto; } .content .inner980 { position:relative; } .content02 .inner980 { position:relative; } /*----------------------------------------------- header -----------------------------------------------*/ #header { height:auto; background:#FFF url('/ca/common/images/topBar_back01.gif') repeat-x 0 bottom; min-width: 980px; position:relative;} #header .inner980 { padding-top:25px; position:relative; } #header .logo01 { float:left; } #header .logo01 a img { width:156px; height:27px; } #header .logo02 { float:right; } #header .topBar { height:36px; margin-top:18px; } .categoryTitle { padding-top:13px; } .search { float:right; padding-top:8px; } #keyword { border:none; height:19px; width:190px; padding:2px 0 0 19px; color:#FFF; background:url('/ca/common/images/search_back01.png') no-repeat 0 0; } /*--------------------------------------- globalNavi add 2012/09/12 @wada -----------------------------------------------*/ #globalNavi { height: 63px;padding: 5px 0 0 0; position: absolute; left: 0px; top: 105px; width: 100%; min-width: 980px; z-index:100; background:url('/ca/common/images/navi_back01.png') repeat-x 0 0; } #globalNavi ul {height: 64px; width: 100%; position: absolute; top: 0px; left: 0px; } #globalNavi .naviBackground { background: url('/ca/common/images/productNavi_back01_p64.png') repeat-x 0px 0px; height: 579px; width: 100%; left: 0px; top: -495px; position: absolute; } #globalNavi ul li { float:left; } #globalNavi ul li a { display:block; width:140px; height:68px; text-indent:-9999px; } #globalNavi .inner980{ position: relative; overflow: hidden; height:64px; } #globalNavi ul li p { display:block; width:140px; height:68px; text-indent:-9999px; } /*----- globalProductList -----*/ #globalProductList {margin: 65px 0 0 0; height: 0px; min-width: 980px; overflow: hidden; position: relative; background:url('/ca/common/images/productNavi_back01.png') repeat-x left bottom; } #globalProductList #globalProductBox{ position: relative; overflow: hidden; height:0px;} #globalProductPosition {position:absolute;left:0px;top:0px;width:980px;} .navTabContents { position: absolute; top:0px; width:980px;} .navTabContents .navTabContentsInner { height:258px; overflow:hidden; position: relative;} .navTabContents .navTabContentsInner .header_blocks { position: absolute; top: 0px; left: 0px;} .navTabContents .navTabContentsInner .scroll_blocks { height: 225px; width: 980px; overflow: hidden; position: absolute; top: 35px; left: 0px;} .navTabContents .navTabContentsInner .blocks { position: absolute; top: 0px; left: 0px;} #navTabContents02.carProduct .navTabContentsInner { height: 304px; } #navTabContents02.carProduct .navTabContentsInner .scroll_blocks { height: 250px; } #navTabContents02.carProduct .btnUpDown { bottom: -24px; top: auto; } #navTabContents04.carProduct .navTabContentsInner { height: 304px; } #navTabContents04.carProduct .navTabContentsInner .scroll_blocks { height: 250px; } #navTabContents04.carProduct .btnUpDown { bottom: -24px; top: auto; } #navTabContents05.carProduct .navTabContentsInner { height: 304px; } #navTabContents05.carProduct .navTabContentsInner .scroll_blocks { height: 250px; } #navTabContents05.carProduct .btnUpDown { bottom: -24px; top: auto; } #navTabContents06.carProduct .navTabContentsInner { height: 304px; } #navTabContents06.carProduct .navTabContentsInner .scroll_blocks { height: 250px; } #navTabContents06.carProduct .btnUpDown { bottom: -24px; top: auto; } #navTabContents07.carProduct .navTabContentsInner { height: 304px; } #navTabContents07.carProduct .navTabContentsInner .scroll_blocks { height: 250px; } #navTabContents07.carProduct .btnUpDown { bottom: -24px; top: auto; } .navTabContents .header_block { float:left; margin:15px 7px 0 0; } .navTabContents .block { float:left; margin:0 7px 0 0; } .navTabContents .header_block2_1 { float:left; margin:8px 7px 0 0; } .navTabContents .header_block2_2 { float:left; margin:5px 7px 0 0; } .navTabContents .block_com { float:left; margin:0px 7px 0 0; } .navTabContents .btnUpDown { margin-top:20px; text-align:center; display:none; position: absolute; left: 313px; top: 240px;} .navTabContents .btnUpDown a { margin-right:30px; } /* 2line header (sub-sub category) */ .navTabContents.comProduct#navTabContents02 .navTabContentsInner { height: 258px; } .navTabContents.comProduct#navTabContents02 .navTabContentsInner .scroll_blocks { top: 55px; } .navTabContents.comProduct#navTabContents02 .btnUpDown {top: 240px; } /* carProduct */ .navTabContents.carProduct .navTabContentsInner { height: 238px; } .navTabContents.carProduct .btnUpDown {top: 225px; } /* no header & categories in scroll_blocks */ .navTabContents.comProduct#navTabContents01 .navTabContentsInner .scroll_blocks { top: 0px; } .navTabContents.comProduct#navTabContents01 .navTabContentsInner ul{ width:980px;} .navTabContents.comProduct#navTabContents01 .navTabContentsInner li{ float:left; margin:0px; margin-right:7px; margin-top:10px; width:189px; height:161px; display:block;} .navTabContents.comProduct#navTabContents01 .navTabContentsInner li:first-child{ margin-left:4px;} .navTabContents.comProduct#navTabContents01 .navTabContentsInner li:last-child{ margin-right:0px;} /* for IE7 */ *:first-child+html #globalProductList {margin:0 0 0 0;padding:60px 0 0 0;} .navTabContents#navTabContents01 {left:0px;} .navTabContents#navTabContents02 {left:980px;} .navTabContents#navTabContents03 {left:1960px;} .navTabContents#navTabContents04 {left:2940px;} .navTabContents#navTabContents05 {left:3920px;} .navTabContents#navTabContents06 {left:4900px;} .navTabContents#navTabContents07 {left:5880px;} /* space : 7px width : 113px; */ /* block * 1 = 113px */ /* block * 2 = 233px */ /* block * 3 = 353px */ /* block * 4 = 474px */ /* block * 5 = 594px */ /* block * 6 = 714px */ /* block * 7 = 834px */ /* block * 8 = 954px */ .navTabContents#navTabContents01 .block01_com { width:113px; } .navTabContents#navTabContents01 .block02_com { width:113px; } .navTabContents#navTabContents01 .block03_com { width:113px; } .navTabContents#navTabContents01 .block04_com { width:113px; } .navTabContents#navTabContents01 .block05_com { width:113px; } .navTabContents#navTabContents01 .block06_com { width:113px; } .navTabContents#navTabContents01 .block07_com { width:113px; } .navTabContents#navTabContents01 .block08_com { width:113px; } .navTabContents#navTabContents02 .block01_com { width:474px; } .navTabContents#navTabContents02 .block02_com { width:113px; } .navTabContents#navTabContents02 .block03_com { width:353px; } .navTabContents#navTabContents03 .block01_com { width:353px; } .navTabContents#navTabContents03 .block02_com { width:233px; } .navTabContents#navTabContents03 .block03_com { width:353px; } .navTabContents#navTabContents01 .block01 { width:233px; } .navTabContents#navTabContents01 .block02 { width:714px; } /**/ .navTabContents#navTabContents02 .block00 { width:113px; } .navTabContents#navTabContents02 .block01 { width:113px; } .navTabContents#navTabContents02 .block02 { width:594px; } .navTabContents#navTabContents02 .block03 { width:113px; } .navTabContents#navTabContents02 .block04 { width:113px; } .navTabContents#navTabContents02 .block05 { width:233px;overflow: hidden; } /**/ .navTabContents#navTabContents03 .block01 { width:113px; } .navTabContents#navTabContents03 .block02 { width:594px; } .navTabContents#navTabContents03 .block03 { width:233px; } .navTabContents#navTabContents03 .block04 { width:113px; } .navTabContents#navTabContents03 .block05 { width:474px; } .navTabContents#navTabContents03 .block07 { width:834px;overflow: hidden; } /**/ .navTabContents#navTabContents04 .block01 { width:113px; } .navTabContents#navTabContents04 .block02 { width:834px; } /**/ .navTabContents#navTabContents06 .block01 { width:353px; } .navTabContents#navTabContents06 .block02 { width:353px; } .navTabContents#navTabContents06 .block03 { width:113px; } .navTabContents#navTabContents06 .block04 { width:113px; } .navTabContents#navTabContents06 .block05 { width:113px; } .navTabContents ul { margin-top:10px; } .navTabContents ul li { float:left; margin-left:7px; width:113px; height:91px; } .navTabContents ul li:first-child { margin-left:0px; } .navTabContents ul li.excelon_reference { padding-top: 25px; position: relative; } .navTabContents ul li.excelon_reference:after { background-image: url("/usa/common/images/logo_excelon_reference.png"); background-repeat: no-repeat; background-size: 60px 20px; content: ""; height: 20px; position: absolute; right: 0; top: 0; width: 60px; } .navTabContents ul li.excelon { padding-top: 25px; position: relative; } .navTabContents ul li.excelon:after { background-image: url("/usa/common/images/logo_excelon.png"); background-repeat: no-repeat; background-size: 60px 12px; content: ""; height: 12px; position: absolute; right: 0; top: 8px; width: 60px; } .navTabContents ul li.blank { padding-top: 25px; position: relative; } .navTabContents ul li.excelon_motorsports { padding-top: 25px; position: relative; } .navTabContents ul li.excelon_motorsports:after{ background-image: url(/ca/common/images/logo_excelon_motorsports.png); background-repeat: no-repeat; background-size: 60px 20px; content: ""; height: 20px; position: absolute; right: 0; top: 0; width: 60px; } .navTabContents .scrollpoint {margin-top: 25px;} .navTabContents .scrollpoint_dummy {margin-top: 25px;} /*----- Smart Headsets -----*/ .categorySmartHeadsets #globalNavi ul li a { background: url('/ca/smartheadsets/images/smartheadsetsNavi.png') no-repeat 0 0; } .categorySmartHeadsets #globalNavi ul li.m01 a { background-position: 0px 0px; width: 140px; pointer-events: none; } .categorySmartHeadsets #globalNavi ul li.m02 a { background-position: -140px 0px; width: 140px; pointer-events: none; } .categorySmartHeadsets #globalNavi ul li.m03 a { background-position: -280px 0px; width: 140px; pointer-events: none; } .categorySmartHeadsets #globalNavi ul li.m04 a { background-position: -420px 0px; width: 140px; pointer-events: none; } .categorySmartHeadsets #globalNavi ul li.m05 a { background-position: -560px 0px; width: 140px; pointer-events: none; } .categorySmartHeadsets #globalNavi ul li.m06 a { background-position: -700px 0px; width: 140px; pointer-events: none; } .categorySmartHeadsets #globalNavi ul li.m07 a { background-position: -841px 0px; width: 140px; pointer-events: none; } .categorySmartHeadsets #globalNavi ul li.m01.active a{ background-position: 0px -70px; pointer-events: none; } /* .categorySmartHeadsets #globalNavi ul li.m01.active a, .categorySmartHeadsets #globalNavi ul li.m01.overActive a { background-position: 0px -70px; } .categorySmartHeadsets #globalNavi ul li.m02.active a, .categorySmartHeadsets #globalNavi ul li.m02.overActive a { background-position: -140px -70px; } .categorySmartHeadsets #globalNavi ul li.m03.active a, .categorySmartHeadsets #globalNavi ul li.m03.overActive a { background-position: -280px -70px; } .categorySmartHeadsets #globalNavi ul li.m04.active a, .categorySmartHeadsets #globalNavi ul li.m04.overActive a { background-position: -420px -70px; } .categorySmartHeadsets #globalNavi ul li.m05.active a, .categorySmartHeadsets #globalNavi ul li.m05.overActive a { background-position: -560px -70px; } .categorySmartHeadsets #globalNavi ul li.m06.active a, .categorySmartHeadsets #globalNavi ul li.m06.overActive a { background-position: -700px -70px; } .categorySmartHeadsets #globalNavi ul li.m07.active a, .categorySmartHeadsets #globalNavi ul li.m07.overActive a { background-position: -841px -70px; } */ .categorySmartHeadsets #globalProductList #navTabContents01 .navTabContentsInner .scroll_blocks { top: 0px; } .categorySmartHeadsets #globalProductList #navTabContents01 ul li { width: 280px; height: 161px; } /*----- Com -----*/ .categoryCom #globalNavi ul li a { background:url('/ca/com/images/comNavi.png') no-repeat 0 0;} .categoryCom #globalNavi ul li.m01 a { background-position: 0px 0px; width:198px;} .categoryCom #globalNavi ul li.m02 a { background-position: -198px 0px; width:196px;} .categoryCom #globalNavi ul li.m03 a { background-position: -394px 0px; width:195px;} .categoryCom #globalNavi ul li.m04 a { background-position: -590px 0px; width:195px;} .categoryCom #globalNavi ul li.m05 a { background-position: -786px 0px; width:196px;} /* .categoryCom #globalNavi ul li.m06 a { background-position: -817px 0px; width:164px;} */ .categoryCom #globalNavi ul li.m01.active a , .categoryCom #globalNavi ul li.m01.overActive a { background-position: 0px -70px; } .categoryCom #globalNavi ul li.m02.active a , .categoryCom #globalNavi ul li.m02.overActive a { background-position: -198px -70px; } .categoryCom #globalNavi ul li.m03.active a , .categoryCom #globalNavi ul li.m03.overActive a { background-position: -394px -70px; } .categoryCom #globalNavi ul li.m04.active a , .categoryCom #globalNavi ul li.m04.overActive a { background-position: -590px -70px; } .categoryCom #globalNavi ul li.m05.active a , .categoryCom #globalNavi ul li.m05.overActive a { background-position: -786px -70px; } /* .categoryCom #globalNavi ul li.m06.active a , .categoryCom #globalNavi ul li.m06.overActive a { background-position: -817px -70px; } */ /*----- Car -----*/ .categoryCar #globalNavi ul li a { background:url('/ca/car/images/carNavi.png') no-repeat 0 0;} /*/ca/car/images/carNavi.png*/ .categoryCar #globalNavi ul li a.new { background:url('/ca/car/images/carNavi_new.png') no-repeat 0 0;} .categoryCar #globalNavi ul li.m01 a { background-position: 0px 0px; width:140px;} .categoryCar #globalNavi ul li.m02 a { background-position: -140px 0px; width:140px;} .categoryCar #globalNavi ul li.m03 a { background-position: -280px 0px; width:140px;} .categoryCar #globalNavi ul li.m04 a { background-position: -420px 0px; width:140px;} .categoryCar #globalNavi ul li.m05 a { background-position: -560px 0px; width:140px;} .categoryCar #globalNavi ul li.m06 a { background-position: -700px 0px; width:140px;} .categoryCar #globalNavi ul li.m07 a { background-position: -841px 0px; width:140px;} .categoryCar #globalNavi ul li.m01.active a , .categoryCar #globalNavi ul li.m01.overActive a { background-position: 0px -70px; } .categoryCar #globalNavi ul li.m02.active a , .categoryCar #globalNavi ul li.m02.overActive a { background-position: -140px -70px; } .categoryCar #globalNavi ul li.m03.active a , .categoryCar #globalNavi ul li.m03.overActive a { background-position: -280px -70px; } .categoryCar #globalNavi ul li.m04.active a , .categoryCar #globalNavi ul li.m04.overActive a { background-position: -420px -70px; } .categoryCar #globalNavi ul li.m05.active a , .categoryCar #globalNavi ul li.m05.overActive a { background-position: -560px -70px; } .categoryCar #globalNavi ul li.m06.active a , .categoryCar #globalNavi ul li.m06.overActive a { background-position: -700px -70px; } .categoryCar #globalNavi ul li.m07.active a , .categoryCar #globalNavi ul li.m07.overActive a { background-position: -841px -70px; } .categoryCar #globalProductList #navTabContents01 .navTabContentsInner .scroll_blocks { top: 35px; } .categoryCar #globalProductList #navTabContents01 ul li { width:113px; height: 91px; } /* lowerLayerPage */ #globalNaviWrapper, .lowerLayerPage #globalNavi .inner980{ background:#e6e6e6; } .lowerLayerPage #globalNavi .naviBackground{ opacity: 0; filter: alpha(opacity=0); } .lowerLayerPage #globalProductList { opacity: 0; filter: alpha(opacity=0); } /* .comProductNavi { background:url('/com/images/comProductNavi_back01.gif') repeat-x 0 0; } .comProductNavi .bottom { padding-top:20px; height:3px; line-height:3px; background:url('/com/images/comProductNavi_back02.gif') repeat-x 0 bottom; } #navTabContentsBoxCom .navTabContents#navTabContents03 .navTabContentsInner { height:108px; } */ /*----------------------------------------------- banner add 2012/09/12 @wada -----------------------------------------------*/ #categoryLauncher { height:418px; position:relative; width: 100%; min-width: 980px; overflow: hidden;} #categoryLauncher .leftOverlay, #categoryLauncher .rightOverlay { background:url("/ca/car/images/banner_filter_back.png") left top repeat-x; position: absolute; top: 0; width: 100%; height: 100%;} #categoryLauncher .leftOverlay{ margin-left: -490px; left: -50%;} #categoryLauncher .rightOverlay { margin-left: 490px; left: 50%; } #categoryLauncher .leftOverlay .arrow, #categoryLauncher .rightOverlay .arrow {position: absolute; width:60px; height:480px; top:0px; cursor: pointer;text-indent: -9999px; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; } #categoryLauncher .leftOverlay .arrow { right:0px; background:url("/ca/common/images/left_arrow.png") center 200px no-repeat;} #categoryLauncher .rightOverlay .arrow{ left:0px; background:url("/ca/common/images/right_arrow.png") center 200px no-repeat;} #categoryLauncher .leftOverlay .arrow:hover { background:url("/ca/common/images/left_arrow_o.png") center 200px no-repeat;} #categoryLauncher .rightOverlay .arrow:hover{ background:url("/ca/common/images/right_arrow_o.png") center 200px no-repeat;} #categoryLauncher .numberIcons {position: absolute;bottom:10px;left:0px;width:100%;} #categoryLauncher .numberIcons li { float: right; width:32px;height:32px; padding:0 10px 0 0; text-indent: -9999px; outline: none; background:no-repeat left top; cursor: pointer;} #categoryLauncher .contentWapper { position: absolute; top: 0; left: 0; width: 100%; height:418px; overflow: hidden;} #categoryLauncher .contentWapper ul { position: relative;} #categoryLauncher .contentWapper li {width: 980px;height: 418px;position: absolute;} /*----- Category Launcher -----*/ #categoryLauncher .numberIcons .n1 {background-image:url("/ca/common/images/btn01.png");} #categoryLauncher .numberIcons .n2 {background-image:url("/ca/common/images/btn02.png");} #categoryLauncher .numberIcons .n3 {background-image:url("/ca/common/images/btn03.png");} #categoryLauncher .numberIcons .n4 {background-image:url("/ca/common/images/btn04.png");} #categoryLauncher .numberIcons .n5 {background-image:url("/ca/common/images/btn05.png");} #categoryLauncher .numberIcons .n6 {background-image:url("/ca/common/images/btn06.png");} #categoryLauncher .numberIcons .n7 {background-image:url("/ca/common/images/btn07.png");} #categoryLauncher .numberIcons .n1:hover, #categoryLauncher .numberIcons .n1.on {background-image:url("/ca/common/images/btn01_on.png");} #categoryLauncher .numberIcons .n2:hover, #categoryLauncher .numberIcons .n2.on {background-image:url("/ca/common/images/btn02_on.png");} #categoryLauncher .numberIcons .n3:hover, #categoryLauncher .numberIcons .n3.on {background-image:url("/ca/common/images/btn03_on.png");} #categoryLauncher .numberIcons .n4:hover, #categoryLauncher .numberIcons .n4.on {background-image:url("/ca/common/images/btn04_on.png");} #categoryLauncher .numberIcons .n5:hover, #categoryLauncher .numberIcons .n5.on {background-image:url("/ca/common/images/btn05_on.png");} #categoryLauncher .numberIcons .n6:hover, #categoryLauncher .numberIcons .n6.on {background-image:url("/ca/common/images/btn06_on.png");} #categoryLauncher .numberIcons .n7:hover, #categoryLauncher .numberIcons .n7.on {background-image:url("/ca/common/images/btn07_on.png");} /*----------------------------------------------- footer -----------------------------------------------*/ #footer { border-top:2px solid #D3D3D3; background:#FFF url('/ca/common/images/footer_back01.gif') repeat-x 0 bottom; min-width: 980px; } .footerNavi-breadCrumb-sitemap { background:url('/ca/common/images/footer_back02.png') no-repeat center 0;} .footerNavi-sns, .footerNavi-sns_res { border-bottom:1px solid #D3D3D3; height:47px; margin-bottom:1px; } .footerNavi { float:left; margin-top:15px; } .footerNavi li { float:left; border-left:1px solid #E8E8E8; padding:0 20px; height:18px; line-height:18px; } .footerNavi li:first-child { border-left:none; padding-left:0px; } .sns { float:right; margin-top:10px; } .sns li { float:right; margin-left:7px; } .footerLogo-copyright { height:36px; padding-top:25px; z-index:9; } .footerLogo-copyright .footerLogo { float:left; } .footerLogo-copyright .copyright { float:right; } .footerBreadCrumb { border-top:1px solid #D3D3D3; border-bottom:1px solid #F1F1F1; } .breadCrumb { font-size:10px; height:29px; line-height:29px; } .breadCrumb li { float:left; margin-left:5px; padding-left:20px; color:#979797; background:url('/ca/common/images/icon02.png') no-repeat 0 0; } .breadCrumb li:first-child { margin-left:0px; padding-left:0px; background-image:none; } .breadCrumb li a { color:#979797; } .footerSitemap .sitemapL { float:left; width:148px; border-right:1px solid #F1F1F1; } .footerSitemap .sitemapL .sitemapLogo { margin-top:25px; } #tabMenu { margin:15px 0 100px; } #tabMenu li { margin:5px -1px 5px 0; } #tabMenu li a { display:block; height:23px; line-height:23px; padding-left:20px; border-right:1px solid #F1F1F1; background:#FFF url('/ca/common/images/icon03.png') no-repeat 12px 10px; font-size:11px; } #tabMenu li.active a { border:1px solid #F1F1F1; border-right:none; background:#FFF url('/ca/common/images/icon04.png') no-repeat 12px 10px; } .footerSitemap .sitemapR { float:left; } .sitemapRow { margin-top:20px; } .sitemapRow dl { float:left; width:140px; margin-left:16px; border-right:1px solid #F1F1F1; } .sitemapRow01 dl { height:154px; } .sitemapRow02 dl { height:60px; } .sitemapRow03 dl, .sitemapRow04 dl { height:22px; } .sitemapRow dt { padding-left:10px; background:url('/ca/common/images/icon03.png') no-repeat 0px 8px; } .sitemapRow dt a { color:#7E7E7E; font-weight:bold; } .sitemapRow dd { padding-left:10px; } .sitemapRow dd a { color:#A3A3A3; font-size:10px; } /*----------------------------------------------- iconLink -----------------------------------------------*/ a.iconLink01 { color:#004473; padding-left:10px; background:url('/ca/common/images/icon01.png') no-repeat 0 6px; } #go-top { position: fixed; bottom:0px; /* bottom:380px; margin-left:1000px; */ right:10px; } #go-top a { display:block; width:42px; height:44px; background:url('/ca/common/images/icon_gotop.png') no-repeat 0 0; text-indent:-9999px; outline:none; } #go-top a:hover { background:url('/ca/common/images/icon_gotop_on.png') no-repeat 0 0; } /*----------------------------------------------- roundCornerBox -----------------------------------------------*/ .roundCornerBox01 { position:relative; border:1px solid #D0D0D0; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background:#FFF; behavior:url('/ca/common/js/PIE.htc'); } .roundCornerBox02 { position:relative; border:1px solid #D0D0D0; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-box-shadow: #999 0px 1px 1px; -moz-box-shadow: #999 0px 1px 1px; box-shadow: #999 0px 1px 1px; background:#FFF; behavior:url('/ca/common/js/PIE.htc'); } .roundCornerBox03 { position:relative; border:1px solid #DBDBDB; border-top:none; -webkit-border-radius:0px 0px 4px 4px; -moz-border-radius:0px 0px 4px 4px; border-radius:0px 0px 4px 4px; background:#FFF; behavior:url('/ca/common/js/PIE.htc'); } .roundCornerBox04 { position:relative; border:1px solid #DEDEDE; border-top:none; -webkit-border-radius:0px 0px 4px 4px; -moz-border-radius:0px 0px 4px 4px; border-radius:0px 0px 4px 4px; background:#FBFBFB; behavior:url('/ca/common/js/PIE.htc'); } .roundCornerBox05 { position:relative; border:1px solid #CAD0D7; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background:#FFF; behavior:url('/ca/common/js/PIE.htc'); } .roundCornerBox06 { position:relative; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background:#E4E4E4; behavior:url('/ca/common/js/PIE.htc'); } /*----------------------------------------------- common -----------------------------------------------*/ h1.pageTitle { margin-bottom:18px; } .secTitle { padding:35px 0 10px; } .catLinkBox { margin-top:40px; } .catLinkBox ul li { width:470px; height:162px; } .borderBottomDotted { border-bottom:1px dotted #999; } h2.titleType01 { margin-bottom:20px; } h3.titleType01 { margin-bottom:10px; } .textIndent01 { padding-left:1em; text-indent:-1em; } /*----------------------------------------------- paging list numbers -----------------------------------------------*/ .pagingNumbers { color:#8C8C8C; height:12px; overflow:hidden; } .pagingNumbers ul { float:right; } .pagingNumbers ul li { float:left; border-left:1px solid #8C8C8C; height:12px; line-height:12px; margin-right:2px; padding-left:2px; } .pagingNumbers ul li:first-child { border-left:none; } .pagingNumbers ul li a { color:#8C8C8C; padding:0 3px; } .pagingNumbers ul li a:hover, .pagingNumbers ul li span { color:#FFF; background:#2E6083; padding:0 3px; } .textIndentList li { padding-left:1.5em; text-indent:-1.5em; } /*----------------------------------------------- tableType -----------------------------------------------*/ .tableType table { width:100%; text-align:left; font-size:14px; } .tableType th, .tableType td { padding:15px; border:1px solid #D6D6D6; background:#FFF; } .tableType th { background:#F5F5F5; font-weight:normal; } .tableType .title th { background:#A2A2A2; color:#FFF; font-size:16px; } .tableType01 tr .col01, .tableType01 tr .col02 { width:33%; } .tableType02 col.col01, .tableType02 col.col02 { width:110px; *width:80px; } .tableType02 col.col03 { width:180px; *width:150px; } .tableType03 col.col01, .tableType03 col.col02, .tableType03 col.col03 { width:25%; } .tableiPodFunction col.col01 { width:180px; *width:150px; } .tableiPodFunction col.col02 { width:120px; *width:90px; } .tableBluetoothUnit col.col01 { width:50%; } .tableType04 th, .tableType04 td { padding:15px 0; vertical-align:top; } .phoneList { overflow:scroll; overflow-y:hidden; } .phoneList .tableType03 { width:3000px; } .phoneList table { width:100%; } .phoneList th, .phoneList td { white-space: nowrap; } .phoneList col.col01 { width:200px; } .phoneList col.col02 { width:600px; } .phoneList col.col03 { width:300px; } .phoneList col.col04 { width:180px; } .phoneList col.col05 { width:180px; } .playableAudioFile col.col01 { width:90px; } .playableAudioFile col.col02 { width:190px; } /*----------------------------------------------- products details page -----------------------------------------------*/ .productTitle { margin-top:10px; } .productTabNavi ul { margin-top:13px; height:60px; width:980px; background:url('/ca/common/images/btn_productTabNavi.png') no-repeat 0 0; } .productTabNavi ul li { float:left; margin-left:7px; } .productTabNavi ul li.m01 { margin-left:0px; } .productTabNavi ul li a { display:block; width:322px; height:60px; background:url('/ca/common/images/btn_productTabNavi_car.png') no-repeat 0 0; text-indent:-9999px; } .productTabNavi ul li.m02 a { background-position:-329px 0; } .productTabNavi ul li.m03 a { background-position:-658px 0; } .productTabNavi ul li.m01.active a { background-position:0 -60px; } .productTabNavi ul li.m02.active a { background-position:-329px -60px; } .productTabNavi ul li.m03.active a { background-position:-658px -60px; } .productTabNavi ul li.m01 a:hover { background-position:0 -60px; } .productTabNavi ul li.m02 a:hover { background-position:-329px -60px; } .productTabNavi ul li.m03 a:hover { background-position:-658px -60px; } /*----- 2 tabs menu -----*/ .productTabNavi#tabs2 ul li a { background:url('/ca/common/images/btn_productTabNavi_car02.png') no-repeat 0 0; } .productTabNavi#tabs2 ul li.m03 a { background-position:-658px 0; } .productTabNavi#tabs2 ul li.m01.active a { background-position:0 -60px; } .productTabNavi#tabs2 ul li.m03.active a { background-position:-658px -60px; } .productTabNavi#tabs2 ul li.m01 a:hover { background-position:0 -60px; } .productTabNavi#tabs2 ul li.m03 a:hover { background-position:-658px -60px; } /*----- promotion tabs menu -----*/ .productTabNavi#pmtabs ul li a { background:url('/ca/common/images/btn_productTabNavi_pm.png') no-repeat 0 0; } .productTabNavi#pmtabs ul li.m02 a { background-position:-329px 0; } .productTabNavi#pmtabs ul li.m01.active a { background-position:0 -60px; } .productTabNavi#pmtabs ul li.m02.active a { background-position:-329px -60px; } .productTabNavi#pmtabs ul li.m01 a:hover { background-position:0 -60px; } .productTabNavi#pmtabs ul li.m02 a:hover { background-position:-329px -60px; } /*----- com products -----*/ .comContent .productTabNavi ul { background:url('/ca/common/images/btn_productTabNavi.png') no-repeat 0 0; } .comContent .productTabNavi ul li a { background:url('/ca/common/images/btn_productTabNavi_com.png') no-repeat 0 0; } .comContent .productTabNavi ul li.m01 { margin-left:0px; } .comContent .productTabNavi ul li.m02 { margin-left:9px; } .comContent .productTabNavi ul li.m03 { margin-left:9px; } .comContent .productTabNavi ul li.m04 { margin-left:7px; } .comContent .productTabNavi ul li.m01 a { width:238px; background-position:0 0; } .comContent .productTabNavi ul li.m02 a { width:239px; background-position:-248px 0; } .comContent .productTabNavi ul li.m03 a { width:239px; background-position:-495px 0; } .comContent .productTabNavi ul li.m04 a { width:239px; background-position:-741px 0; } .comContent .productTabNavi ul li.m01.active a { background-position:0 -60px; } .comContent .productTabNavi ul li.m02.active a { background-position:-248px -60px; } .comContent .productTabNavi ul li.m03.active a { background-position:-495px -60px; } .comContent .productTabNavi ul li.m04.active a { background-position:-741px -60px; } .comContent .productTabNavi ul li.m01 a:hover { background-position:0 -60px; } .comContent .productTabNavi ul li.m02 a:hover { background-position:-248px -60px; } .comContent .productTabNavi ul li.m03 a:hover { background-position:-495px -60px; } .comContent .productTabNavi ul li.m04 a:hover { background-position:-741px -60px; } /*----- 3 tabs menu -----*/ .comContent .productTabNavi#tabs3 ul li.m04 a { background:url('/ca/common/images/btn_productTabNavi_com02.png') no-repeat -741px 0; } .comContent .productTabNavi#tabs3 ul li.m04.active a { background-position:-741px -60px; } .comContent .productTabNavi#tabs3 ul li.m04 a:hover { background-position:-741px -60px; } .productDetailBox { padding:30px; } #productDetailFeaturesBox { padding:30px 0 0px; } #productDetailAccessoriesBox { padding:0; } a.popup01, a.popup02, a.popup03, a.popup04 { outline:none; } .supportDetailTab { background:url('/ca/common/images/supportDetailTab_back01.png') no-repeat right bottom; } #supportDetailTabMenu { padding-bottom:5px; background:url('/ca/common/images/supportDetailTab_back02.png') no-repeat left bottom; padding-left: 1px; } #supportDetailTabMenu li { float:left; margin-bottom:0px; } #supportDetailTabMenu li a { padding-left:6px; display:table-cell; outline:none; width: 174px; } #supportDetailTabMenu li a span { display:block; height:40px; line-height:40px; background:url('/ca/common/images/supportDetailTab_back03.png') no-repeat right -80px; padding-top: 0; padding-right: 20px; padding-bottom: 0; padding-left: 20px; } #supportDetailTabMenu li.active a { background:url('/ca/common/images/supportDetailTab_back03.png') no-repeat 0 -40px; } #supportDetailTabMenu li.active { margin-left: -1px; } #supportDetailTabMenu li.active a span { background:url('/ca/common/images/supportDetailTab_back03.png') no-repeat right 0; color:#004473; } #supportDetailTabMenu li.prev-child a span { background-image:none;} .supportDetailTabContentsBox { padding:30px; font-size:14px; } /*----- iPod Compatibility -----*/ .iPodiPhone { margin:30px 0 20px; } .iPodiPhone .iPodiPhoneL { float:left; width:220px; } .iPodiPhone .iPodiPhoneL .hint { font-size:10px; color:#BCBCBC; line-height:1.2; padding-top:15px; } .iPodiPhone .iPodiPhoneR { float:right; width:617px; } .iPodiPhone .iPodiPhoneR .iPodiPhoneList { width:610px;overflow:scroll;overflow-y:hidden; } .iPodiPhoneList table { width:100%; } .iPodiPhoneList table td { padding:10px; border-right:1px solid #DEDEDE; text-align:center; font-size:11px; white-space: nowrap; } .iPodiPhoneList table td p.img { margin-bottom:10px; } .iPodiPhoneList table td p.name { font-weight:bold; } h2.title { height:39px; line-height:39px; padding-left:10px; font-size:16px; color:#FFF; margin-bottom:10px; background:url('/ca/common/images/h2_back01.png') no-repeat 0 0; } h3.title01 { font-size:14px; padding:15px 0 10px; font-weight:bold; } .iPodBox { padding:20px; } .iPodInterfaceAdaptor { margin:25px 0; } .iPodInterfaceAdaptor li { float:left; width:180px; padding:11px; border-left:1px solid #DEDEDE; text-align:center; } .iPodInterfaceAdaptor li:first-child { border-left:none; } .iPodInterfaceAdaptor li p.img { margin-bottom:10px; } .iPodInterfaceAdaptor li p.name { font-weight:bold; font-size:16px; } .attention { background:url('/ca/common/images/icon_attention.png') no-repeat 0 0; font-size:12px; font-weight:bold; padding-left:18px; margin-top:20px; } .bluetoothSelect { margin:20px 0; } .bluetoothSelect .bluetoothSelectL { float:left; } .bluetoothSelect .bluetoothSelectR { width:531px; padding:12px 22px; float:right; } .bluetoothBox { padding:20px; } /*----- features -----*/ .productDetail00 { padding:0px 3px 3px; border-bottom:1px solid #ECECEC; font-size:14px; line-height:1.6; color:#212121; } .productDetail { padding:30px 3px 3px; border-bottom:1px solid #ECECEC; font-size:14px; line-height:1.6; color:#212121; } .productDetail .inner { background:url('/ca/common/images/productDetail_back01.png') repeat-x 0 bottom; } .popupContents { display:none; } /*----- image slide -----*/ /* .popupImage { width:800px; height:400px; } */ #slideThumbs { padding-top: 10px; overflow: hidden; } #slideBigImage { background:#fff; } #slideThumbs img { float: left; margin-right: 6px; border: 2px solid #FFF; cursor: pointer; width:60px; } #slideThumbs img.current, #slideThumbs img:hover { border: 2px solid #19528d; } #slideThumbs02 { clear: both; padding: 10px 30px; text-align: left; overflow: hidden; } #slideThumbs02 img { margin-right: 6px; border: 2px solid #FFF; cursor: pointer; width:60px; } #slideThumbs02 img.current, #slideThumbs02 img:hover { border: 2px solid #19528d; } #slidePanel { position: relative; } .popupVideo { width:700px; height:400px; } .productDetail01 { width:1010px; background:#FFF; border:1px solid #DBDBDB; margin-left:-20px; } .productDetail01 .inner { background:url('/ca/common/images/productDetail_back02.png') repeat-x 0 bottom; } .functionIcons { margin-top:20px; } .functionIcons ul { margin-bottom:20px; } .functionIcons ul li { float:left; margin-left:15px; height:49px; } .functionIcons ul li:first-child { margin-left:0px; } .featureBox { border-top:1px solid #E7E7E7; margin:40px 0 0px; font-size:14px; color:#212121; } .featureBox dt { float:left; padding-top:30px; width:240px; border-top:6px solid #E7E7E7; margin-top:-3px; } .featureBox dd { float:right; padding:30px 0 30px 20px; width:620px; text-align:left; line-height:1.5; } .featureBox dd p { padding-bottom:10px; } .functionBox { padding:10px 0 40px; font-size:14px; color:#212121; } .functionBox a { color:#004473; } .functionBox dt { float:left; width:315px; } .functionBox dd { float:right; width:550px; text-align:left; line-height:1.5; } .functionBox.functionBox02 { border-top:1px solid #DCDCDC; padding:40px 0;} .functionBox03 { border-bottom:1px solid #DCDCDC; padding:40px 0;} .functionBox04 { padding:40px 0;} .functionLine{border-bottom:1px solid #DCDCDC;padding:10px 0 40px 0;} .btGray { border-top:1px solid #DCDCDC; } .txtBox { padding:50px 0; border-bottom:1px solid #DCDCDC; } .txtBox.bbNone { border-bottom:none; } .otherFeaturesTxt { padding:0 0 40px 10px; } /*----------------------------------------------- /car/news/ && /com/news/ -----------------------------------------------*/ .newsBox { padding:30px 30px 40px; } .newsContentsBox { } #newsNavi { padding-bottom:28px; margin-bottom:20px; border-bottom:1px solid #E0E0E0; } #newsNavi li { float:left; border-left:1px solid #8C8C8C; height:12px; line-height:12px; } #newsNavi li:first-child { border-left:none; } #newsNavi li:first-child { border-left:none; } #newsNavi li a { padding:0 15px; } #newsNavi li:first-child a { padding-left:0px; } #newsNavi li.active a { color:#004473; font-weight:bold; } .newsDate { font-size:14px; margin-top:30px; } .newsTitle { font-size:16px; padding:8px 0 16px; margin-bottom:35px; border-bottom:1px dotted #999; } .newsBody p { padding:15px 0; line-height:2; } /*----- newsList -----*/ .newsList { } .newsList ul { border-top:1px dotted #999999; } .newsList ul li { clear:both; height:32px; padding-top:15px; border-bottom:1px dotted #999999; } .newsList ul li span { display:block; float:left; margin:0 5px; } .newsList ul li span.latestNews { width:50px; padding-left:5px; height:17px; } /*----------------------------------------------- for all products catagory pages such as: /com/amateur/ -----------------------------------------------*/ .productBox { margin-top:40px; color:#555; } .catTitle { margin-bottom:10px; } .productBox ul { border-bottom:1px solid #E8E8E8; background:url('/ca/common/images/line_back01.gif') repeat-y 324px 0;} .productBox ul.column1 { background:url('/ca/common/images/line_back02.gif') repeat-y 324px 0;} .productBox ul.column4 { background:url('/ca/common/images/line_back03.gif') repeat-y 242px 0;} .productBox ul li { float:left; /* border-right:1px solid #E8E8E8; border-bottom:1px solid #E8E8E8; */ text-align:center; width:325px; padding:40px 0 25px; } /* .productBox ul li:last-child { border-right:none; } */ .productBox ul li p, .productBox ul li dl { width:288px; margin:0 auto; } p.pName { text-align:left; font-size:18px; font-weight:bold; padding-top:10px; height:18px; } p.pName img { margin-left:5px; } p.pName img.blank { margin:0 5px 2px 0; } p.pDesc { text-align:left; font-size:14px; padding:5px 0; /* height:35px; */ } dl.pFunc { padding-top:8px; } dl.pFunc dd { float:left; margin-left:8px; width:140px; height:44px; } dl.pFunc dd:first-child { margin-left:0px; } dl.pFunc dd img { width:140px; height:44px; } .productBox ul li.on:hover, .productBox ul li.on:hover a { color:#004473; } .productBox ul li.new p.pName { background:url('/ca/common/images/icon_new.png') no-repeat 96% 75%; } .productBox .pImg.excelon_reference { position: relative; } .productBox .pImg.excelon_reference:after { background-image: url("/usa/common/images/logo_excelon_reference.png"); background-repeat: no-repeat; background-size: 90px 30px; content: ""; height: 30px; position: absolute; right: 34px; top: -16px; width: 90px; } .productBox .pImg.excelon_motorsports { position: relative; } .productBox .pImg.excelon_motorsports:after { background-image: url("/ca/common/images/logo_excelon_motorsports.png"); background-repeat: no-repeat; background-size: 90px 30px; content: ""; height: 30px; position: absolute; right: 34px; top: -16px; width: 90px; } .productBox .pImg.excelon { position: relative; } .productBox .pImg.excelon::after { background-image: url(/ca/common/images/logo_excelon.png); background-repeat: no-repeat; background-size: 68px 14px; content: ""; height: 14px; position: absolute; right: 5px; top: 0px; width: 90px; } /*----------------------------------------------- for allaccessories pages such as: /com/srbr/tk-3000_m6/accessories.html -----------------------------------------------*/ /*----- accessoris -----*/ .bd_botm { border-bottom: 1px solid #dbdbdb !important; } .accessoriesBox ul { border-bottom:1px solid #E8E8E8; background:url('/ca/common/images/line_back01.gif') repeat-y 324px 0;} .accessoriesBox ul.column1 { background:url('/ca/common/images/line_back02.gif') repeat-y 324px 0;} .accessoriesBox ul li { float:left; text-align:center; width:325px; padding:40px 0 10px; } /* .accessoriesBox ul.lastRow li { border-bottom:none; } */ .accessoriesBox ul li p { width:285px; margin:0 auto; } .accessoriesBox ul li a { color:#004473; } /* p.pName { text-align:left; font-size:18px; font-weight:bold; padding-top:10px; height:18px; } p.pName img { margin-left:5px; } p.pName img.blank { margin:0 5px 2px 0; } p.pDesc { text-align:left; font-size:14px; padding:5px 0; height:35px; } */ .accessoriesBox ul li.on:hover, .accessoriesBox ul li.on:hover a { color:#004473; } h2.titleType02 { height:39px; line-height:39px; font-size:16px; margin:10px 0 5px; } /*----------------------------------------------- popup_css -----------------------------------------------*/ #brandPopup { width:475px; height:110px; position:absolute; top:-130px; right:-10px; } #brandPopup .txt { text-align:center; font-size:14px; font-weight:bold; color:#000; } #brandPopup ul { padding-top:20px; padding-left:20px; } #brandPopup ul li { float:left; margin-left:10px; } #brandPopup ul li a { display:block; width:159px; height:24px; line-height:20px; font-size:14px; text-align:center; color:#FFF; font-family: "Lucida Sans Unicode"; background: url('/global-common/images/btnCountry_back01.gif') no-repeat 0 0; } #brandPopup ul li a:hover { background-position: 0 -24px; color:#FFF; text-decoration:none; } #brandPopup ul li#btnGlobal { background: url('/global-common/images/arr01.gif') no-repeat 0 6px; padding-left:10px; margin-left:15px; } #brandPopup ul li#btnGlobal a { width:auto; height:18px; line-height:18px; font-size:12px; text-align:left; color:#282828; border-bottom:2px solid #FFF; background:none; } #brandPopup ul li#btnGlobal a:hover { color:#000; border-bottom:2px solid #D4D4D4; } #closePopup { text-align:right; padding-top:13px; padding-right:5px; } #closePopup img { cursor:pointer; } #brandPopupInner { width:475px; height:115px; position:relative; border:1px solid #DEDEDE; border-top:4px solid #989898; -webkit-border-radius:0px 0px 4px 4px; -moz-border-radius:0px 0px 4px 4px; border-radius:0px 0px 4px 4px; -webkit-box-shadow: #999 0px 1px 1px; -moz-box-shadow: #999 0px 1px 1px; box-shadow: #999 0px 1px 1px; background:#FFF; /* behavior:url('http://www.jvckenwood.com/global-common/PIE.htc'); */ } #brandOverlay{ z-index:999; display:none; position:fixed; top:0; left:0; width:100%; height:120%; background-color:rgba(0,0,0,0.75); filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#77000000,EndColorStr=#77000000);/*IE8以下用*/ } #brandConf{ width:475px; height:210px; position:absolute; z-index:1000; } #brandConfInner { width:475px; height:215px; position:relative; border:1px solid #DEDEDE; border-top:4px solid #989898; -webkit-border-radius:0px 0px 4px 4px; -moz-border-radius:0px 0px 4px 4px; border-radius:0px 0px 4px 4px; -webkit-box-shadow: #999 0px 1px 1px; -moz-box-shadow: #999 0px 1px 1px; box-shadow: #999 0px 1px 1px; background:#FFF; /* behavior:url('http://www.jvckenwood.com/global-common/PIE.htc'); */ } #brandConf .txt { text-align:center; font-size:14px; font-weight:bold; color:#000; } #brandConf ul { padding-top:20px; padding-left:20px; } #brandConf ul li { float:left; margin-left:10px; } #brandConf ul li a { display:block; width:159px; height:24px; line-height:20px; font-size:14px; text-align:center; color:#FFF; font-family: "Lucida Sans Unicode"; background: url('/global-common/images/btnCountry_back01.gif') no-repeat 0 0; } #brandConf ul li a:hover { background-position: 0 -24px; color:#FFF; text-decoration:none; } #brandCloseConf { text-align:right; padding-top:13px; padding-right:5px; } #brandCloseConf img { cursor:pointer; } #brandPopupInner { z-index: 9999; top: 10px; right: 10px; } #brandConfChange { position: absolute; right: 0; top: 48px; } #brandConf .msg { padding: 0 25px 0; } #brandConf .title { font-size: 130%; } #brandConfForm { text-align: center; padding: 10px 0; } #brandConfForm select { font-size: 130% !important; } #brandConfBtn, #brandPopupInner ul { padding-left: 60px !important; } #brandConfBtn .apply a, #brandPopupBtnTrue { background: #004373 !important; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #004373; display: inline-block; cursor: pointer; color: #ffffff; width: 100px !important; height: 20px !important; padding: 5px 25px; text-decoration: none !important; } #brandConfBtn .apply a:hover, #brandPopupBtnTrue:hover { background-color: #6c7c7c !important; border: 1px solid #6c7c7c !important; } #brandConfBtn .cancel a, #brandPopupBtnFalse { background: #6c7c7c !important; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #6c7c7c; display: inline-block; cursor: pointer; color: #ffffff; width: 100px !important; height: 20px !important; padding: 5px 25px; text-decoration: none !important; } #brandConfBtn .cancel a:hover, #brandPopupBtnFalse:hover { background-color: #cccccc !important; border: 1px solid #cccccc !important; } #brandConfBtn a:active, #brandPopupBtnTrue:active, #brandPopupBtnFalse:active { position: relative; top: 1px; } .privacy_law_bg { width: 100%; background-color: #F7F7F7; z-index: 999; border-bottom: 0; position: relative; border-bottom: 1px solid #999; } .privacy_law_wrapper { width: 950px; margin:0 auto; padding: 10px 5px; position: relative; } .privacy_law_wrapper { color: #286eaf; } .privacy_law_wrapper #btnprivacylaw { padding:1px 5px; margin-left: 10px; background-color: #FFF; border: 1px solid #ABABAB; display: block; float: right; } .privacy_law_wrapper #learnmore { padding:1px 5px; margin-left: 10px; display: block; float: right; } /*nishiki 20150924*/ .customerCareBox02 { padding:20px 40px; font-size: 14px;} .promotionBox { padding:30px; } .promotionBox ul li { float:left; width:/*260px*/410px; margin-left:35px; } .promotionBox ul li .txt { text-align:center; padding:15px 10px; } .promotionBox ul div.catalog { padding-left: 75px; } .promotionBox ul li img { margin: 10px; } .roundCornerBox01 .promotionBox p { padding: 5px; font-size: 13px !important; } /*----------------------------------------------- floating -----------------------------------------------*/ #floating { width: 100%; height: 100%; position: fixed; top: 0; left: 0; display: none; z-index: 500; } #floating .bg { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: #000; filter: alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; } #floating .movieIn { background-color: #000; width: 740px; height: 680px; padding: 35px 10px 10px; position: absolute; top: 40%; left: 50%; margin-left: -360px; margin-top: -214px; } #floating .movieIn .inr { position: relative; } #floating .movieIn .inr iframe { width: 740px; height: 680px; } #floating .movieIn .inr .closeBtn { position: absolute; top: -31px; right: -4px; display: block; background-image: url(http://www.kenwood.ca/UserFiles/Media/Common/2011-KIV/int/img/bt_close.gif); background-repeat: no-repeat; background-position: center; background-color: #000; width: 29px; height: 28px; cursor: pointer; } /*20151202 newマークを追加*/ .new_bt { position: absolute; left: 130px; } .globalSupport { width: 980px; position: absolute; left: 0px; right: 0px; margin: auto; } .globalSupport a::before { display: block; content: ""; position: absolute; -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 54%; left: 10px; width: 6px; height: 6px; margin-top: -4px; background: #fff; } .globalSupport a::after { display: block; content: ""; position: absolute; -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 54%; left: 7px; width: 6px; height: 6px; margin-top: -4px; background: #165179; } .globalSupport a { position: absolute; right: 220px; top: -28px; margin: auto; padding-left: 22px; color: #FFF; text-decoration: none; font-size: 11px; vertical-align: bottom; } .globalSupport a:hover { color: #FFF; text-decoration: underline; } .global_wheretobuy { width: 980px; position: absolute; left: 0px; right: 0px; margin: auto; } .global_wheretobuy a::before { display: block; content: ""; position: absolute; -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 54%; left: 10px; width: 6px; height: 6px; margin-top: -4px; background: #fff; } .global_wheretobuy a::after { display: block; content: ""; position: absolute; -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 54%; left: 7px; width: 6px; height: 6px; margin-top: -4px; background: #165179; } .global_wheretobuy a { position: absolute; right:295px; top: -28px; margin: auto; padding-left: 22px; color: #FFF; text-decoration: none; font-size: 11px; vertical-align: bottom; } .global_wheretobuy a:hover { color: #FFF; text-decoration: underline; } .productTitle { margin: 0 0 20px 0; padding: 0; line-height: 1.1; color: #004473; font-family: "Lucida Sans Unicode","Lucida Grande",Arial,Helvetica,verdana,sans-serif; font-size: 32px; max-height: 999999px; } .vitxt { float: left; text-align: center; } .tac { text-align: center; } .p_infos.p_info01 { padding-top: 0px; padding-left: 0px; margin-bottom: 6em/*!important*/; text-align: left; } .p_infos { padding-top: 138px; padding-left: 50px; margin-bottom: 6em/*!important*/; text-align: left; } .viimg { float: left; } p.centering b.txt_navy { font-size: 23px; } /* buynow */ .buynow a { display: inline-block; width: 200px; height: 35px; text-align: center; text-decoration: none; outline: none; position: relative; background-color: #004272; border-radius: 20px; font-size: 16px; color: #fff; line-height: 35px; -webkit-transition: none; transition: none; } .buynow a::before, .buynow a::after { position: absolute; z-index: -1; display: block; content: ''; } .buynow a, .buynow a::before, .buynow a::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s; transition: all .3s; } .buynow a:hover { background-color: #125f96; }