@charset "UTF-8";

/*--------------------------------------------------------------------------------
MODULE
--------------------------------------------------------------------------------*/
h1 {font-size: 140%;}
h2 {margin-bottom: 10px; font-size: 126%;}
h3.h3Head01 {padding-left: 10px; background: url(/common/images/ico_stick.gif) no-repeat left 0.2em;}
th.taL, td.taL {text-align: left !important;}
th.taC, td.taC {text-align: center !important;}
th.taR, td.taR {text-align: right !important;}


/*--------------------------------------------------------------------------------
col1Contents
--------------------------------------------------------------------------------*/
.col1Contents{ width:960px; margin:0 auto;}


/*--------------------------------------------------------------------------------
sideNav
--------------------------------------------------------------------------------*/
.sideNav {overflow: hidden;}


/*--------------------------------------------------------------------------------
mainSection
--------------------------------------------------------------------------------*/
#contents .mainSection .productsDetail .img {width: 285px; vertical-align: top;}
#contents .mainSection .productsDetail .img p.productName {font-size: 200%; font-weight: bold;}
#contents .mainSection .productsDetail .summary01, #contents .mainSection .summary02, #contents .mainSection .summary03 {display: table-cell; width: 203px; padding: 0 12px;}
#contents .mainSection .productsDetail .summary01 {width: 230px;}
#contents .mainSection .productsDetail .summary02 {vertical-align: middle;}
#contents .mainSection .productsDetail .summary03 {text-align: center; border-right: none;}


/*--------------------------------------------------------------------------------
sectionBlock
--------------------------------------------------------------------------------*/
.sectionBlock {margin-top: 40px;}
.sectionBlock.lineS {padding-bottom: 40px;}


/*--------------------------------------------------------------------------------
productsDetail
--------------------------------------------------------------------------------*/
.productsDetail {margin-top: 17px;}
.productsDetail > ul > li {border-right: 1px dotted #e2e2e2;}
.productsDetail > ul > li .subTtl {font-weight: bold; margin-bottom: 10px;}
.productsDetail > ul > li dt, .productsDetail > ul > li dd {float: left; font-size: 88%; font-weight: normal; line-height: 1.8;}


/*--------------------------------------------------------------------------------
detailBtnGroup
--------------------------------------------------------------------------------*/
p.mainTtl {font-size: 115%; font-weight: bold;}

.detailBtnGroup {float: right;}
.detailBtnGroup ul li {float: left; margin-left: 9px;}
.detailBtnGroup ul li:first-child {margin-left: 0;}


/*--------------------------------------------------------------------------------
btnListBlock
--------------------------------------------------------------------------------*/
.btnListBlock {margin-top:20px; overflow: hidden;}
.btnListBlock > div {margin-left: -15px;}
.btnListBlock .box {display: table; float: left; width: 100%; max-width: 296px; min-width: 296px; margin: 0 0 25px 13px; padding-left: 13px; border-left: 1px dotted #cccccc;}
.btnListBlock .box h3 {display: table-cell; float: left; font-size: 136%;}
.btnListBlock .box ul, .btnListBlock .box p {display: table-cell; width: 50%;}


/*--------------------------------------------------------------------------------
oneLineBlock
--------------------------------------------------------------------------------*/
.oneLineBlock {padding-bottom: 21px; border-bottom: 1px solid #e3e3e3;}
.oneLineBlock h1 {float: left;}
.oneLineBlock .katabanSearchBlock {float: right; margin-top: 0;}


/*--------------------------------------------------------------------------------
categoryMenu01
--------------------------------------------------------------------------------*/
.categoryMenu01 dt {padding: 15px; font-weight: bold; color: #fff; background: #919294;}
.categoryMenu01 dd {padding: 15px;}


/*--------------------------------------------------------------------------------
categoryMenu02
--------------------------------------------------------------------------------*/
.categoryMenu02 dt {padding: 15px; font-weight: bold; background: #eeeeee;}
.categoryMenu02 dd {padding: 15px;}


/*--------------------------------------------------------------------------------
tblMod01
--------------------------------------------------------------------------------*/
.tblMod01 th:first-child, .tblMod01 td:first-child {text-align: center;}


/*--------------------------------------------------------------------------------
tblMod02
--------------------------------------------------------------------------------*/
.tblMod02 {width: 100%; border-top: 1px solid #E5E5E5; border-left: 1px solid #E5E5E5; border-collapse: collapse;}
.tblMod02 th, .tblMod02 td {padding: 15px; border-right: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5;}
.tblMod02 th {background: #919294; color: #fff;}
.tblMod02 th.cell01 {color: #000000; font-weight: normal; background: #fafafa;}
.tblMod02 th.cell02 {color: #000000; font-weight: normal; background: #eeeeee;}

.tblMod02.center th, .tblMod02.center td {text-align: center;}


/*--------------------------------------------------------------------------------
tblMod03
--------------------------------------------------------------------------------*/
.tblMod03 {width: 100%; border-top: 1px solid #E5E5E5; border-left: 1px solid #E5E5E5; border-collapse: collapse;}
.tblMod03 th, .tblMod03 td {padding: 15px 8px; border-right: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5;}
.tblMod03 th {background: #919294; color: #fff;}
.tblMod03 th.cell01 {color: #000000; font-weight: normal; background: #fafafa;}
.tblMod03 th.cell02 {color: #000000; font-weight: normal; background: #eeeeee;}

.tblMod03.center th, .tblMod03.center td {text-align: center;}


/*--------------------------------------------------------------------------------
indent
--------------------------------------------------------------------------------*/
.indent4 { padding-left:3em; text-indent:-3em;}
.indent5 { padding-left:1.5em; text-indent:-1.5em;}
.indent6 { padding-left:2em; text-indent:-2em;}
.indent7 { padding-left:2.5em; text-indent:-2.5em;}


/*--------------------------------------------------------------------------------
katabanSearchBlock
--------------------------------------------------------------------------------*/
.katabanSearchBlock {margin: 20px 0 0;}
.katabanSearchBlock > div {display: table; width: 100%; background: #005ab4;}
.katabanSearchBlock > div .cloL{display: table-cell; width: 50%; padding: 12px 10px; border-right: 1px solid #80adda;}
.katabanSearchBlock > div .cloR{display: table-cell; width: 50%; padding: 10px 21px 10px 40px; vertical-align: middle;}
.katabanSearchBlock p{color: #fff;}
.katabanSearchBlock p a {display: block; padding: 0 0 0 21px; background: url(/common/images/ico_link_02.png) no-repeat 0 2px; color: #fff;}
.katabanSearchBlock .katabanSearch p{position: relative;}
.katabanSearchBlock .katabanSearch p .txt label{vertical-align: -3px; margin-right: 11px; color: #fff;}
.katabanSearchBlock .katabanSearch p .txt .innerTxt{position: absolute; top: 6px; left: 72px; color: #7c7c7c; font-size: 12px; cursor: text;}
.katabanSearchBlock .katabanSearch p .txt input{width: 288px; height: 26px; border: 1px solid #e2e2e2; line-height: 2em; font-size: 12px;}
.katabanSearchBlock .katabanSearch p .img{position: absolute; bottom: 0; right: 0;}

.katabanSearchBlock.topSearch {border-top: 1px solid #e3e3e3;}
.katabanSearchBlock.topSearch .katabanSearch02 p {position: relative; display: inline-block; padding: 4px 4px 4px 12px; border: 1px solid #e2e2e2; border-top: none; background: #fafafa;}
.katabanSearchBlock.topSearch .katabanSearch02 p .txt .innerTxt {position: absolute; top: 10px; right: 128px;}
.katabanSearchBlock.topSearch .katabanSearch02 p .txt input {width: 146px; height: 26px;}
.katabanSearchBlock .katabanSearch02 p {position: relative; display: inline-block}
.katabanSearchBlock .katabanSearch02 {text-align: right; background: none;}
.katabanSearchBlock .katabanSearch02 p .txt label {margin-right: 13px; vertical-align: 7px; font-size: 12px; color: #000;}
.katabanSearchBlock .katabanSearch02 p .txt .innerTxt {position: absolute; top: 7px; left: 70px; color: #7c7c7c; font-size: 12px; cursor: text;}
.katabanSearchBlock .katabanSearch02 p .txt input {width: 198px; height: 26px; vertical-align: top; border: 1px solid #e2e2e2; line-height: 2em; font-size: 12px;}


/*--------------------------------------------------------------------------------
katabanList / katabanDetails
--------------------------------------------------------------------------------*/
.katabanList {padding: 5px 20px; background: #fafafa;}
.katabanList ul li {float: left; min-width: 74px; margin: 5px 8px 5px 0;}
.katabanList ul li a {padding: 0 0 0 21px; background: url(/common/images/ico_link_01.gif) no-repeat 0 2px;}

.katabanDetails ul {margin: 20px -20px 0 0;}
.katabanDetails ul li {float: left; width: 120px; margin: 0 20px 33px 0;}
.katabanDetails ul li img {border: 1px solid #e2e2e2;}
.katabanDetails ul li span {display: block; margin-top: 10px; text-align: center; font-size: 100%; word-wrap: break-word;}


/*--------------------------------------------------------------------------------
emergencyBlock
--------------------------------------------------------------------------------*/
.emergencyBlock {margin-top: 40px; padding: 18px; color: #f65944; border: 2px solid #f31c00;}


/*--------------------------------------------------------------------------------
anchorBlock
--------------------------------------------------------------------------------*/
.anchorBlock {overflow: hidden; padding: 12px 20px;}
.anchorBlock ul {margin-left: -21px;}
.anchorBlock ul li {float: left;}
.anchorBlock ul li a {display: block; margin-bottom: 5px; padding: 0 10px 0 20px; border-left: 1px dotted #cccccc;}
#contents .anchorBlock ul li a.iDown01 {padding: 0 10px 0 30px; font-size: 100%; background-position: 10px 2px;}


/*--------------------------------------------------------------------------------
notesBlock
--------------------------------------------------------------------------------*/
.notesBlock {margin-top: 10px}


/*--------------------------------------------------------------------------------
btnBlock
--------------------------------------------------------------------------------*/
.btnBlock > div, .btnBlock02 > div {display: inline-block;}

/* bg_blue */
.btnBlock p {position: relative; background: #005ab4;}
.btnBlock p:before {content: " "; display: block; position: absolute; top: 0; left: 0; width: 3px; height: 3px; background: url(/common/images/bg_btn_tl_01.gif) no-repeat 0 0;}
.btnBlock p:after {content: " "; display: block; position: absolute; bottom: 0; left: 0; width: 3px; height: 3px; background: url(/common/images/bg_btn_bl_01.gif) no-repeat 100% 0;}
.btnBlock a:before {content: " "; display: block; position: absolute; top: 0; right: 0; width: 3px; height: 3px; background: url(/common/images/bg_btn_tr_01.gif) no-repeat 0 100%;}
.btnBlock a:after {content: " "; display: block; position: absolute; bottom: 0; right: 0; width: 3px; height: 3px; background: url(/common/images/bg_btn_br_01.gif) no-repeat 100% 100%;}

.btnBlock .btnBlockInner a{display: inline-block; min-width: 173px; padding: 10px 20px 9px 25px; color: #fff; text-align: center; background: url(/common/images/ico_link_02.png) no-repeat 5% 50%;}
.btnBlock .btnBlockInner a.minW125 {min-width: 125px;}
.btnBlock .btnBlockInner a.minW220 {min-width: 220px;}
.btnBlock .btnBlockInner span.shopping {padding-left: 18px; background: url(/products/common/images/icon_btn_cart.gif) no-repeat 0 50%;}

.btnBlock .btnBlockInner02 a{display: inline-block; min-width: 400px;  min-height: 25px; padding: 25px 20px 25px 20px; font-size: 113%; color: #fff; text-align: center;}
.btnBlock .btnBlockInner02 span.icoMail{padding-left: 40px; background: url(/support/common/images/icon_mail_02.png) no-repeat 0 50%;}
.btnBlock .btnBlockInner02 span.icoItems{padding: 2px 0 0px 38px; background: url(/support/common/images/icon_items_01.png) no-repeat 0 50%;}
.btnBlock .btnBlockInner02 span.icoQuestion{padding: 2px 0 0px 25px; background: url(/support/common/images/icon_question_01.png) no-repeat 0 50%;}

/* bg_white border */
.btnBlock02 p {position: relative; background: #fff; border: 1px solid #e3e3e3;}
.btnBlock02 p:before {content: " "; display: block; position: absolute; top: -1px; left: -1px; width: 3px; height: 3px; background: url(/common/images/bg_btn_tl_02.gif) no-repeat 0 0;}
.btnBlock02 p:after {content: " "; display: block; position: absolute; bottom: -1px; left: -1px; width: 3px; height: 3px; background: url(/common/images/bg_btn_bl_02.gif) no-repeat 100% 0;}
.btnBlock02 a:before {content: " "; display: block; position: absolute; top: -1px; right: -1px; width: 3px; height: 3px; background: url(/common/images/bg_btn_tr_02.gif) no-repeat 0 100%;}
.btnBlock02 a:after {content: " "; display: block; position: absolute; bottom: -1px; right: -1px; width: 3px; height: 3px; background: url(/common/images/bg_btn_br_02.gif) no-repeat 100% 100%;}

.btnBlock02 .btnBlockInner01 a{display: inline-block; min-width: 123px; padding: 20px 20px 19px 25px; color: #005AB4; text-align: center;}
.btnBlock02 .btnBlockInner01 a span{padding-left: 18px;}
.btnBlock02 .btnBlockInner01 a span.shopping{background: url(/support/common/images/icon_btn_01.gif) no-repeat 0 50%;}
.btnBlock02 .btnBlockInner01 a span.qAnda{background: url(/support/common/images/icon_btn_02.gif) no-repeat 0 50%;}
.btnBlock02 .btnBlockInner01 a span.printTown{background: url(/support/common/images/icon_btn_03.gif) no-repeat 0 50%;}
.btnBlock02 .btnBlockInner01 a span.webInstaller{background: url(/support/common/images/icon_btn_04.gif) no-repeat 0 50%;}
.btnBlock02 .btnBlockInner01 a span.epson{background: url(/support/common/images/icon_btn_05.gif) no-repeat 0 50%;}


.btnBlock .btnBlockInner.lineCol p {display: inline-block;}
.btnBlock .btnBlockInner.mw001 a {min-width: 107px;}


/*--------------------------------------------------------------------------------
lightbox
--------------------------------------------------------------------------------*/
.lb-outerContainer {-webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0;}
.lightbox .lb-image {-webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0;}
.lb-dataContainer {position: absolute; top: -45px; right: 100px;}
.lb-nav {display: none !important;}
.lb-data .lb-number {display: none !important;}
.lb-data .lb-close {float: right;}


/* ------ iLink01 ------ */
.iLink01 {background-position: 0 2px;}

/* ------ iLinkBnk01 ------ */
.iLinkBnk01 {display: block; padding-left: 21px; background: url(/common/images/ico_pop_01.gif) 0 2px no-repeat;}

/* ------ accordion ------ */
.accBtn {overflow: hidden;}
.accContents {display: none;}

/* ------ tgtElm ------ */
.tgtElm > div {display: none;}
.tgtElm > div:first-child,.tgtElm > div.act {display: block;}

/* ------ custum select ------ */
.custumList {position: relative;}
.custumList > a {display: block; width: 330px; background: url(/support/portal/common/images/custom_select_02.gif) no-repeat 100% 0;}
.custumList a:hover {color: #000; text-decoration: none;}
.custumList a span {display: block; width: 290px; padding: 10px 0 9px; text-align: center; color: #000; background: url(/support/portal/common/images/custom_select_01.gif) no-repeat 0 0; }
.custumList ul {position: absolute; top: 40px; left: 0; display: none; background: #fff; border: 1px solid #d9d9d9; border-top: none;}
.custumList ul li a {display: block; width: 290px; padding: 10px 19px 9px;}
.custumList ul li a.act,.custumList ul li a:hover {background: #f4f4f4;}

/* ------ bgColor ------ */
.bgClr01 {background: #fafafa;}

/* ------ brdBlock ------ */
.brdBlock01 {padding: 5px 15px 15px; border: 1px solid #E5E5E5;}

/* ------ float ------ */
.flN {float: none !important;}