@charset "UTF-8";

/*--------------------------------------------------------------------------------
MODULE
--------------------------------------------------------------------------------*/
h1 {font-size: 140%;}
h2 {margin-bottom: 10px; font-size: 126%;}
p.ttl {margin-top: 15px; font-weight: bold;}


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


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


/*--------------------------------------------------------------------------------
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;}


/*--------------------------------------------------------------------------------
infoTopicPath
--------------------------------------------------------------------------------*/
.infoTopicPath ul li {display: inline-block; vertical-align: middle; margin-right: 7px; padding: 0 13px 0 0; background: url(/common/images/bg_topicpath_01.gif) no-repeat right center; font-size: 88%;}
.infoTopicPath ul li.current {background: none;}


/*--------------------------------------------------------------------------------
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;}
.anchorBlock ul li a.iDown01 {padding: 0 10px 0 30px; background-position: 10px 2px;}


/*--------------------------------------------------------------------------------
sideLinkBlock
--------------------------------------------------------------------------------*/
.sideLinkBlock ul li {float: left; padding: 0 8px; border-left: 1px dotted #cbcbcb;}
.sideLinkBlock ul li a {display: block; padding: 0 0 0 21px; background: url(/common/images/ico_link_01.gif) no-repeat 0 2px;}


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


/*--------------------------------------------------------------------------------
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;}


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


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


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


/*--------------------------------------------------------------------------------
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.minW220 {min-width: 220px;}

.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;}

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

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

/* ------ custum select ------ */
.custumList .customSelect {width: 330px; height: 40px; background: url(/support/portal/common/images/custom_select_02.gif) no-repeat 100% 0;}
.custumList .customSelect .customSelectInner {width: 290px !important; padding: 10px 0 9px; text-align: center; background: url(/support/portal/common/images/custom_select_01.gif) no-repeat 0 0;}

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

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

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