@charset "UTF-8"; /* ---------------------------------------------------------------------------------------------------------------------- Cascading Style Sheets for [NetSuite Inc.] ---------------------------------------------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------------------------------- COMMON SET ---------------------------------------------------------------------------------------------------------------------- */ body{ zoom: 90%; background: none; color: #000000; font-family:"Hiragino Kaku Gothic Pro", "\30D2\30E9\30AE\30CE\89D2\30B4\20Pro\20W3", "MS Pゴシック", "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "Osaka", verdana, arial, sans-serif; } hr.partition { display: none; } blockquote { margin: 0; padding: 10px; background: #e6e6e6; } .clear:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clear { overflow:hidden; height:0; clear:both; _font-size:1%; } /*¥*/ * html .clear { height:1%; overflow:visible; clear:both; } /**/ br.clear { display: none; } #header-block h2, #btn-block, #global-navi-block, #footer-block #btn-partner-block, .pagetop-block, #next-prev-btn-block, #page-main-img-top, #page-main-img, ul.ul-magnifier, ul.ul-pdf-icon { display: none; } /* ---------------------------------------------------------------------------------------------------------------------- *01 HEAD AREA SET ---------------------------------------------------------------------------------------------------------------------- */ #header-block { width: 100%; margin: 20px 0 50px 0; padding: 0; } /* ---------------------------------------------------------------------------------------------------------------------- FOOTER AREA SET ---------------------------------------------------------------------------------------------------------------------- */ #footer-block { width: 100%; margin: 30px 0 0 0; padding: 0; float:left; } #footer-block address { text-align:center; } #footer-block address p#copyright-txt { font-size:12px; margin:0; padding: 10px 0 5px 0; border-top: 1px solid #999; } #footer-block #btn-partner-block { display: none; } /* ---------------------------------------------------------------------------------------------------------------------- *01 BASIS SET ---------------------------------------------------------------------------------------------------------------------- */ #bodyset { width: 100%; margin: 0; padding: 0; } #main-block { width: 100%; margin: 0; padding: 0; text-align:left; } #main-contents-block { width: 100%; margin: 0; padding: 0; float:none; text-align:left; } /*----------------- [page contents block] ----------------- */ .page-contents-block { width: 95%; margin: 0 auto 50px auto; padding: 0; } .page-contents-block h4, .page-contents-block h5, .page-contents-block h6 { margin: 20px 0 8px 0; padding: 0; } .page-contents-block blockquote h4, .page-contents-block blockquote h5, .page-contents-block blockquote h6 { margin: 0 0 10px 0; padding: 0; } .page-contents-block .contents-unit-area { width: 95%; padding: 0 5px 0 5px; } .page-contents-block .contents-unit-area h5.page-sub-title, .page-contents-block .contents-unit-area h6.page-sub-title { width: 95%; margin: 30px 0 8px 0; padding: 0; float:left; } .page-contents-block .contents-unit-area p { margin: 0; padding: 0 0 15px 0; } /* ---------------------------------------------------------------------------------------------------------------------- *02 QUOTE/ORDER FUNCTION PAGE SET ---------------------------------------------------------------------------------------------------------------------- */ .quote-step-return-txt { width:33px; margin: 230px 0 0 0; padding: 0; float:right; display:inline; } .quote-step-block { width:580px; margin: 40px 0 0 0; padding: 0; float:left; display:inline; } .quote-step-unit { width:580px; margin: 0; padding: 0; float:left; display:inline; background: url(../../quote/img/step_next_arrow.gif) bottom left repeat-y; } .quote-step-unit-last { width:580px; margin: 0 0 0 0; padding: 0; float:left; display:inline; } .quote-step-unit dl { margin: 0; padding: 0 0 50px 0; float:left; display:inline; } .quote-step-unit-last dl { margin: 0; padding: 0; float:left; display:inline; } .quote-step-unit dl dt, .quote-step-unit-last dl dt { width:96px; margin: 0; padding: 0; float:left; display:inline; } .quote-step-unit dl dd, .quote-step-unit-last dl dd { width:394px; margin: 0; padding: 0; float:left; display:inline; } .quote-step-unit dl dd h5, .quote-step-unit-last dl dd h5 { margin: 0; padding: 0; } .quote-step-unit dl dd .txt-area, .quote-step-unit-last dl dd .txt-area { width:230px; margin: 0; padding: 10px 0 0 8px; float:left; display:inline; } .quote-step-unit dl dd .img-area, .quote-step-unit-last dl dd .img-area { width:144px; margin: 0; padding: 10px 0 0 8px; float:right; display:inline; } .quote-step-unit dl dd .img-area p, .quote-step-unit-last dl dd .img-area p { margin: 0; padding: 0 0 15px 0; } .quote-step-unit dl dd .img-area p.img-capture, .quote-step-unit-last dl dd .img-area p.img-capture { margin: 0 0 3px 0; padding: 3px; background: url(../../common/img/bg_img.gif); } .quote-step-unit dl dd.clear, .quote-step-unit-last dl dd.clear { font-size: 1%; height:0; padding: 0; clear:both; } .quote-step-unit .return-arrow, .quote-step-unit-last .return-arrow { margin: 0 0 0 0; padding: 0; float:right; display:inline; } /* ---------------------------------------------------------------------------------------------------------------------- *03 SALES/INVENTORY MANAGEMENT PAGE SET ---------------------------------------------------------------------------------------------------------------------- */ .sales-admin-block { width:144px; margin: 5px 8px 0 0; padding: 0; float:left; display:inline; } .sales-admin-block-last { width:144px; margin: 5px 0 0 0; padding: 0; float:left; display:inline; } .sales-admin-block p.img-capture, .sales-admin-block-last p.img-capture { margin: 0 0 3px 0; padding: 3px; background: url(../../common/img/bg_img.gif); } /* ---------------------------------------------------------------------------------------------------------------------- *04 ECOMMERCE PAGE SET ---------------------------------------------------------------------------------------------------------------------- */ .ecommerce-case-block { margin: 0; padding: 5px 0 15px 0; } .ecommerce-case-block-reader { margin: 0; padding: 5px 0 15px 0; background: url(../../common/img/reader_666.gif) bottom left repeat-x; } .ecommerce-case-block .case-img-capture, .ecommerce-case-block-reader .case-img-capture { width:230px; margin: 0; padding: 0; float:left; display:inline; } .ecommerce-case-block dl, .ecommerce-case-block-reader dl { width:380px; margin: 0; padding: 0; float:right; display:inline; } .ecommerce-case-block dl dt, .ecommerce-case-block-reader dl dt { margin: 0; padding: 0 0 5px 0; } .ecommerce-case-block dl dd, .ecommerce-case-block-reader dl dd { margin: 0 0 15px 0; padding: 0; } /* ---------------------------------------------------------------------------------------------------------------------- *05 WINDOW PAGE SET ---------------------------------------------------------------------------------------------------------------------- */ .window-contents-block { width:100%; margin: 0; padding: 0; background: #fff; } .window-contents-block .window-contents-unit { width:650px; margin: 0; padding: 20px 0 0 27px; background: #fff; } .window-contents-block .window-contents-unit p { margin: 0; padding: 0; } .window-contents-block .window-contents-unit p.img-capture { width:640px; margin: 0 0 10px 0; padding: 5px; background: url(../../common/img/bg_img.gif); } .window-contents-block .window-contents-unit .close-block { margin: 0; padding: 30px 0 30px 0; } /* ---------------------------------------------------------------------------------------------------------------------- UL SET ---------------------------------------------------------------------------------------------------------------------- */ ul.liststyle-disc { list-style:disc; } ul.liststyle-circle { list-style:circle; } ul.liststyle-decimal { list-style:decimal; } /* ---------------------------------------------------------------------------------------------------------------------- TEXT COLOR SET ---------------------------------------------------------------------------------------------------------------------- */ .txtfff {color:#fff;} .txtccc {color:#ccc;} .txt999 {color:#999;} .txt666 {color:#666;} .txt333 {color:#333;} .txt000 {color:#000;} .txtcc0000 {color:#cc0000;} .txt004584 {color:#004584;} /* ---------------------------------------------------------------------------------------------------------------------- ALIGIN SET ---------------------------------------------------------------------------------------------------------------------- */ .align-left { text-align:left; } .align-right { text-align:right; } .align-center { text-align:center; } /* ---------------------------------------------------------------------------------------------------------------------- FLOAT SET ---------------------------------------------------------------------------------------------------------------------- */ .float-column-left { margin: 0; padding: 0; float: left; display: inline; } .float-column-right { margin: 0; padding: 0; float: right; display: inline; } *:first-child+html .float-column-left, *:first-child+html .float-column-right { display: inline; } /* ---------------------------------------------------------------------------------------------------------------------- MARGIN & PADDING SET ---------------------------------------------------------------------------------------------------------------------- */ .mtop001 {margin-top: 1px;} .mtop002 {margin-top: 2px;} .mtop003 {margin-top: 3px;} .mtop004 {margin-top: 4px;} .mtop005 {margin-top: 5px;} .mtop006 {margin-top: 6px;} .mtop007 {margin-top: 7px;} .mtop008 {margin-top: 8px;} .mtop009 {margin-top: 9px;} .mtop010 {margin-top: 10px;} .mtop011 {margin-top: 11px;} .mtop012 {margin-top: 12px;} .mtop013 {margin-top: 13px;} .mtop014 {margin-top: 14px;} .mtop015 {margin-top: 15px;} .mtop020 {margin-top: 20px;} .mtop025 {margin-top: 25px;} .mtop030 {margin-top: 30px;} .mtop035 {margin-top: 35px;} .mtop040 {margin-top: 40px;} .mtop045 {margin-top: 45px;} .mtop050 {margin-top: 50px;} .mbottom001 {margin-bottom: 1px;} .mbottom002 {margin-bottom: 2px;} .mbottom003 {margin-bottom: 3px;} .mbottom004 {margin-bottom: 4px;} .mbottom005 {margin-bottom: 5px;} .mbottom010 {margin-bottom: 10px;} .mbottom015 {margin-bottom: 15px;} .mbottom020 {margin-bottom: 20px;} .mbottom025 {margin-bottom: 25px;} .mbottom030 {margin-bottom: 30px;} .mbottom035 {margin-bottom: 35px;} .mbottom040 {margin-bottom: 40px;} .mbottom045 {margin-bottom: 45px;} .mbottom050 {margin-bottom: 50px;} .mleft001 {margin-left: 1px;} .mleft002 {margin-left: 2px;} .mleft003 {margin-left: 3px;} .mleft004 {margin-left: 4px;} .mleft005 {margin-left: 5px;} .mleft006 {margin-left: 6px;} .mleft007 {margin-left: 7px;} .mleft008 {margin-left: 8px;} .mleft009 {margin-left: 9px;} .mleft010 {margin-left: 10px;} .mleft011 {margin-left: 11px;} .mleft012 {margin-left: 12px;} .mleft013 {margin-left: 13px;} .mleft014 {margin-left: 14px;} .mleft015 {margin-left: 15px;} .mleft020 {margin-left: 20px;} .mleft025 {margin-left: 25px;} .mright001 {margin-right: 1px;} .mright002 {margin-right: 2px;} .mright003 {margin-right: 3px;} .mright004 {margin-right: 4px;} .mright005 {margin-right: 5px;} .mright006 {margin-right: 6px;} .mright007 {margin-right: 7px;} .mright008 {margin-right: 8px;} .mright009 {margin-right: 9px;} .mright010 {margin-right: 10px;} .mright015 {margin-right: 15px;} .mright020 {margin-right: 20px;} .mright025 {margin-right: 25px;} .ptop001 {padding-top: 1px;} .ptop002 {padding-top: 2px;} .ptop003 {padding-top: 3px;} .ptop004 {padding-top: 4px;} .ptop005 {padding-top: 5px;} .ptop006 {padding-top: 6px;} .ptop007 {padding-top: 7px;} .ptop008 {padding-top: 8px;} .ptop009 {padding-top: 9px;} .ptop010 {padding-top: 10px;} .ptop011 {padding-top: 11px;} .ptop012 {padding-top: 12px;} .ptop013 {padding-top: 13px;} .ptop014 {padding-top: 14px;} .ptop015 {padding-top: 15px;} .ptop020 {padding-top: 20px;} .ptop025 {padding-top: 25px;} .ptop030 {padding-top: 30px;} .ptop035 {padding-top: 35px;} .ptop040 {padding-top: 40px;} .ptop045 {padding-top: 45px;} .ptop050 {padding-top: 50px;} .pbottom001 {padding-bottom: 1px;} .pbottom002 {padding-bottom: 2px;} .pbottom003 {padding-bottom: 3px;} .pbottom004 {padding-bottom: 4px;} .pbottom005 {padding-bottom: 5px;} .pbottom010 {padding-bottom: 10px;} .pbottom015 {padding-bottom: 15px;} .pbottom020 {padding-bottom: 20px;} .pbottom025 {padding-bottom: 25px;} .pbottom030 {padding-bottom: 30px;} .pbottom035 {padding-bottom: 35px;} .pbottom040 {padding-bottom: 40px;} .pbottom045 {padding-bottom: 45px;} .pbottom050 {padding-bottom: 50px;} .pleft001 {padding-left: 1px;} .pleft002 {padding-left: 2px;} .pleft003 {padding-left: 3px;} .pleft004 {padding-left: 4px;} .pleft005 {padding-left: 5px;} .pleft006 {padding-left: 6px;} .pleft007 {padding-left: 7px;} .pleft008 {padding-left: 8px;} .pleft009 {padding-left: 9px;} .pleft010 {padding-left: 10px;} .pleft011 {padding-left: 11px;} .pleft012 {padding-left: 12px;} .pleft013 {padding-left: 13px;} .pleft014 {padding-left: 14px;} .pleft015 {padding-left: 15px;} .pleft020 {padding-left: 20px;} .pleft025 {padding-left: 25px;} .pright001 {padding-right: 1px;} .pright002 {padding-right: 2px;} .pright003 {padding-right: 3px;} .pright004 {padding-right: 4px;} .pright005 {padding-right: 5px;} .pright006 {padding-right: 6px;} .pright007 {padding-right: 7px;} .pright008 {padding-right: 8px;} .pright009 {padding-right: 9px;} .pright010 {padding-right: 10px;} .pright011 {padding-right: 11px;} .pright012 {padding-right: 12px;} .pright013 {padding-right: 13px;} .pright014 {padding-right: 14px;} .pright015 {padding-right: 15px;} .pright020 {padding-right: 20px;} .pright025 {padding-right: 25px;} /* ---------------------------------------------------------------------------------------------------------------------- FONT SET ---------------------------------------------------------------------------------------------------------------------- */ address{ padding: 0; font-weight: lighter; line-height: 100%; font-style: normal;} .fixs10 { font-size: 10px; line-height: 130%;} .fixs12 {font-size: 12px; line-height: 130%;} .s10 {font-size: 10px; line-height: 130%;} .s12 .s10 {font-size: 10px; line-height: 130%;} .s12 {font-size: 12px; line-height: 130%;} .s14 {font-size: 14px; line-height: 150%;} .s18 {font-size: 18px;} .s24 {font-size: 24px;line-height: 100%;} /*¥*/ .fixs10 {_font-size: 11px; _line-height: 130%;} .fixs12 {_font-size: 12px; _line-height: 130%;} .s10 {_font-size: 71%; _line-height: 130%;} .s12 .s10 {_font-size: 83%; _line-height: 130%;} .s12 {_font-size: 83%; _line-height: 130%;} .s14 {_font-size: 95%; _line-height: 130%;} .s18 {_font-size: 120%;} .s24 {_font-size: 160%; _line-height: 100%;} /**/ *:first-child+html .fixs10 {font-size: 11px; line-height: 130%;} *:first-child+html .fixs12 {font-size: 12px; line-height: 130%;} *:first-child+html .s10 {font-size: 71%; line-height: 130%;} *:first-child+html .s12 .s10 {font-size: 83%; line-height: 130%;} *:first-child+html .s12 {font-size: 83%; line-height: 130%;} *:first-child+html .s14 {font-size: 95%; line-height: 150%;} *:first-child+html .s18 {font-size: 120%;} *:first-child+html .s24 {font-size: 160%; line-height: 100%;}