@charset "UTF-8";

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

.blankIcon img{ vertical-align:baseline; margin:0 2px 0 4px; }
.lineG{background: url(/common/images/bg_line_02.gif) no-repeat left top;}
.brd{padding: 20px; border: 1px solid #e3e3e3;}
.brdB{padding-bottom: 20px; border-bottom: 1px solid #e3e3e3;}
.detailGroup h2 {color: #4486c8;}


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


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


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


/*--------------------------------------------------------------------------------
underNav
--------------------------------------------------------------------------------*/
.underNav {padding-top: 40px; border-top: 1px solid #e5e5e5;}


/*--------------------------------------------------------------------------------
categoryMenu01
--------------------------------------------------------------------------------*/
.categoryMenu01{ margin:20px 0 0 0 ; border:1px solid #e2e2e2;}
.categoryMenu01 h2{color: #fd0000; background:#fafafa; padding:12px 20px; margin-bottom: 0;}
.categoryMenu01 h2 img{margin-right: 4px; vertical-align: -0.1em;}
.categoryMenu01 div{padding:20px 20px 0 20px;}
.categoryMenu01 div.infomationGroup{padding:20px 20px 10px 20px;}
.categoryMenu01 div .imgNav{ width:100%; overflow:hidden;}

.categoryMenu01 dd p.linkRow{ background:#fafafa; margin:0 0 20px 0; padding:10px 20px;}
.categoryMenu01 dd p.linkRow a{ background: url(/common/images/ico_link_01.gif) no-repeat left top; padding: 0 0 0 21px;}

/*--------------------------------------------------------------------------------
categoryMenu02
--------------------------------------------------------------------------------*/
.categoryMenu02{ margin:20px 0 0 0 ; border:1px solid #e2e2e2;}
.categoryMenu02 h2{text-align: center; background:#fafafa; padding:12px 20px; margin-bottom: 0;}
.categoryMenu02 div{padding:15px 15px 0 15px;}
.categoryMenu02 div .imgNav{ width:100%; overflow:hidden;}
.categoryMenu02 div .imgNav li{ float:left; padding:10px 0; width: 100%;}
.categoryMenu02 div .imgNav li a{ display:block; font-size:85%;}

.categoryMenu02 div p.linkRow{background:#fafafa; margin:0 0 20px 0; padding:10px 20px;}
.categoryMenu02 div p.linkRow a{background: url(/common/images/ico_link_01.gif) no-repeat left 0.2em; padding: 0 0 0 21px;}


/*--------------------------------------------------------------------------------
categoryMenu03
--------------------------------------------------------------------------------*/
.categoryMenu03{padding: 32px 0 0; text-align: center;}
.categoryMenu03 a{display: inline-block; padding: 0 0 0 21px; background: url(/common/images/ico_down_01.gif) no-repeat 0 2px;}
.categoryMenu03 dl{margin-top: 14px;}


/*--------------------------------------------------------------------------------
categoryMenu04
--------------------------------------------------------------------------------*/
.categoryMenu04 {margin-top: 30px;}
.categoryMenu04 p.ttl {margin-bottom: 0; padding: 12px; font-weight: bold; color: #fff; background: #919294;}
.categoryMenu04 p.ttl a {color: #fff;}
.categoryMenu04 p.ttl.accBtn, .categoryMenu04 p.ttl.accBtn.open.default {background: #919294 url(/common/images/icon_accd_05.png) no-repeat 98% 50%; cursor: pointer;}
.categoryMenu04 p.ttl.accBtn.open, .categoryMenu04 p.ttl.accBtn.default {background: #919294 url(/common/images/icon_accd_06.png) no-repeat 98% 50%; cursor: pointer;}
.categoryMenu04 > div{overflow: hidden; padding: 19px 16px 12px; border-left: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; background: #fafafa;}


/*--------------------------------------------------------------------------------
categoryMenu05
--------------------------------------------------------------------------------*/
.categoryMenu05 {margin-top: 25px; border: 1px solid #e2e2e2;}
.categoryMenu05 dt {border-bottom: 1px solid #e2e2e2; background: #fafafa; padding: 12px 20px;}
.categoryMenu05 dt p {font-size: 106%;}
.categoryMenu05 dt ul li {font-weight: normal;}
.categoryMenu05 dd {padding: 20px;}
.categoryMenu05 dd h3{margin: 20px 0 0;}
.categoryMenu05 dd ul {overflow: hidden; margin-top: 20px;}
.categoryMenu05 dd ul li {float: left; width: 218px; margin-left: 15px;}
.categoryMenu05 dd ul li:first-child {margin-left: 0;}
.categoryMenu05 dd ul li a img {border-top: 1px solid #e2e2e2; border-left: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2;}
.categoryMenu05 dd ul li a {display: block; padding: 10px 0 9px; text-align: center; color: #fff; background: #005ab4 url(/common/images/ico_link_02.png) no-repeat 10px 50%;}
.categoryMenu05 dd ul li a:hover {color: #fff;}
.categoryMenu05 dd ul li span {display: block; padding: 14px 10px 13px; border: 1px solid #e2e2e2; border-top: none;}


/*--------------------------------------------------------------------------------
categoryMenu06
--------------------------------------------------------------------------------*/
.categoryMenu06 {margin: 20px 0 0 0; border: 1px solid #e2e2e2;}
.categoryMenu06 dt {border-bottom: 1px solid #e2e2e2; background: #fafafa; padding: 12px 20px;}
.categoryMenu06 dd {min-height: 143px; padding: 20px 20px 0 20px;}
.categoryMenu06.box01 dd {background: url(/support/common/images/img_help_001.jpg) no-repeat right center;}
.categoryMenu06.box02 dd {background: url(/support/common/images/img_help_002.jpg) no-repeat right center;}


/*--------------------------------------------------------------------------------
categoryMenu07
--------------------------------------------------------------------------------*/
.categoryMenu07 {padding-right: 16px;}
.categoryMenu07.lastChild {padding-right: 0;}


/*--------------------------------------------------------------------------------
categoryMenu08
--------------------------------------------------------------------------------*/
.categoryMenu08{ margin:20px 0 0 0 ; border:1px solid #e2e2e2;}
.categoryMenu08 dt{border-bottom:1px solid #e2e2e2; background:#fafafa; padding:12px 20px;}
.categoryMenu08 dd{padding:20px 20px 0 20px;}
.categoryMenu08 dd .imgNav{ width:100%; overflow:hidden;}
.categoryMenu08 dd .imgNav li{ float:left; margin:0 12px 20px 0; width:174px; min-height:185px;}

.categoryMenu08 dd .imgNav.col4 li {margin: 0 7px 20px 0;}

.categoryMenu08 dd .imgNav li a{ display:block; font-size:85%;}
.categoryMenu08 dd .imgNav li img,
.categoryMenu08 dd .imgNav li span{ display:block; font-size:75%;}
.categoryMenu08 dd .imgNav li a span{ text-align:center; font-size:100%;}
.categoryMenu08 dd .imgNav li img{ border:1px solid #e2e2e2; margin:0 0 7px 0;}
.categoryMenu08 dd .imgNav li.brBox{ margin:0 0 20px 0;}
.categoryMenu08 dd .imgNav li.clrBox { clear:both;}

.categoryMenu08 dd .imgNav.option li {position: relative;}
.categoryMenu08 dd .imgNav.option li a {position: absolute; z-index: -1\9;}
.categoryMenu08 dd .imgNav.option li.mail01:before {content: " "; display: block; position: absolute; z-index: 999; top: 1px; left: 1px; width: 22px; height: 22px; background: url(/support/common/images/icon_mail_tel_01.png) no-repeat 0 0;}
.categoryMenu08 dd .imgNav.option li.tel01:before {content: " "; display: block; position: absolute; z-index: 999; top: 1px; left: 1px; width: 22px; height: 22px; background: url(/support/common/images/icon_mail_tel_01.png) no-repeat 100% 0;}
.categoryMenu08 dd .imgNav.option li.mailtel01:before {content: " "; display: block; position: absolute; z-index: 999; top: 1px; left: 1px; width: 44px; height: 22px; background: url(/support/common/images/icon_mail_tel_01.png) no-repeat 0 0;}


/*--------------------------------------------------------------------------------
categoryMenu09
--------------------------------------------------------------------------------*/
.categoryMenu09{margin:20px 0 0 0 ; border:1px solid #e2e2e2;}
.categoryMenu09 h2{background:#fafafa; padding:12px 20px; margin-bottom: 0;}
.categoryMenu09 h2 img{margin-right: 4px; vertical-align: -0.1em;}
.categoryMenu09 > div{padding:20px 10px 10px 10px;}
.categoryMenu09 > div.infomationGroup {padding:10px;}
.categoryMenu09 .infomationGroup dl dd {width: 800px;}

.categoryMenu09 p.ttl {background: #fafafa; padding: 12px 20px; font-weight: bold; border-bottom: 1px solid #e2e2e2;}

.categoryMenu09 .headingBlock {border-bottom: 1px solid #e2e2e2; background: #fafafa; padding: 12px 20px;}
.categoryMenu09 .headingBlock h2 {padding: 0;}
.categoryMenu09 .innerBlock {padding: 20px;}


/*--------------------------------------------------------------------------------
categoryMenu10
--------------------------------------------------------------------------------*/
.categoryMenu10{margin:20px 0 0 0 ; border:1px solid #e2e2e2;}
.categoryMenu10 dt{border-bottom:1px solid #e2e2e2; background:#fafafa; padding:12px 20px;}
.categoryMenu10 dd{padding:25px 20px 0 19px;}
.categoryMenu10 dd .imgNav{ width:100%; overflow:hidden;}
.categoryMenu10 dd .imgNav li{ float:left; margin:0 20px 20px 0; width:226px; min-height:203px;}
.categoryMenu10 dd .imgNav li a{ display:block; font-size:85%;}
.categoryMenu10 dd .imgNav li img,
.categoryMenu10 dd .imgNav li span{ display:block; font-size:75%;}
.categoryMenu10 dd .imgNav li a span{ text-align:center; font-size:100%;}
.categoryMenu10 dd .imgNav li img{ border:1px solid #e2e2e2; margin:0 0 7px 0;}
.categoryMenu10 dd .imgNav li.brBox{margin:0 0 20px 0;}
.categoryMenu10 dd .imgNav li.clrBox {clear:both;}

.categoryMenu10 dd p.linkRow {background:#fafafa; margin:0 0 20px 0; padding:10px 20px;}
.categoryMenu10 dd p.linkRow a {background: url(/common/images/ico_link_01.gif) no-repeat left top; padding: 0 0 0 21px;}


/*--------------------------------------------------------------------------------
categoryMenu11
--------------------------------------------------------------------------------*/
.categoryMenu11 {border-bottom: 1px solid #e2e2e2;}
.categoryMenu11 dt {padding: 10px 0 9px; text-align: center; background: #005ab4; color: #fff;}
.categoryMenu11 dd {background: #fafafa; border: 1px solid #e2e2e2; border-bottom: none;}
.categoryMenu11 dd.firstChild {border-bottom: none;}
.categoryMenu11 dd p a {display: block; padding: 9px 32px 9px 14px; font-weight: bold; background: url(/common/images/icon_accd_01.png) no-repeat 91% 50%;}
.categoryMenu11 dd p.open a {background: url(/common/images/icon_accd_02.png) no-repeat 91% 50%;}
.categoryMenu11 dd ul li {padding: 9px 14px; font-size: 85%; border-top: 1px dotted #dedede;}
.categoryMenu11 dd ul li.current {background: #e5eff9;}


/*--------------------------------------------------------------------------------
categoryMenu12
--------------------------------------------------------------------------------*/
.categoryMenu12 {  margin: 20px 0 0 0; border: 1px solid #e2e2e2;}
.categoryMenu12 dt { border-bottom: 1px solid #e2e2e2; background: #fafafa; padding: 12px 20px;}
.categoryMenu12 dd { padding: 20px 20px 0 20px;}
.categoryMenu12 dd .deviceNav li {margin-bottom: 12px; padding-bottom: 12px;}
.categoryMenu12 dd .deviceNav li img {float: left; margin-right: 15px;}
.categoryMenu12 dd .deviceNav li .txt {float: left; width: 90%;}
.categoryMenu12 dd .deviceNav li span {display: block;}

.categoryMenu12 p.ttl {background: #fafafa; padding: 12px 20px; font-weight: bold; border-bottom: 1px solid #e2e2e2;}


/*--------------------------------------------------------------------------------
categoryMenu13
--------------------------------------------------------------------------------*/
.categoryMenu13 {overflow: hidden; margin-left: -20px;}
.categoryMenu13 > div {margin-left: 20px;}
.categoryMenu13 dl {border: 1px solid #e2e2e2;}
.categoryMenu13 dt {border-bottom: 1px solid #e2e2e2; background: #fafafa; padding: 12px 20px;}
.categoryMenu13 dd {padding: 12px 20px;}

.categoryMenu13 dl.linkBlock dt {padding: 0; border-bottom: none; background: #005ab4 url(/common/images/ico_link_02.png) no-repeat 10px 50%;}
.categoryMenu13 dl.linkBlock dt a {display: block; padding: 12px 20px 12px 32px; color: #fff;}

/*--------------------------------------------------------------------------------
categoryMenu14
--------------------------------------------------------------------------------*/
.categoryMenu14 {margin-left: -20px;}
.categoryMenu14 dl {overflow: hidden; margin: 0 0 15px 20px; padding: 15px 15px 10px; border: 1px solid #e2e2e2}
.categoryMenu14 dl dt {margin-top: 13px;}
.categoryMenu14 dl dt:first-child {margin-top: 0;}
.categoryMenu14 dl dt span {display: block; width: 191px; padding: 5px 0px 3px; font-size: 80%; text-align: center; color: #005ab4; border: 1px solid #b4cee8; background: #e4eff9;}
.categoryMenu14 dl dd.txt {width: 192px; margin-top: 13px; padding: 12px 0 5px; color: #E60000; border-top: 1px solid #b4cee8;}
.categoryMenu14 dd ul li {font-size: 105%; text-align: center;}
.categoryMenu14 dd ul li.taL {text-align: left;}
.categoryMenu14 dd ul li.fs01 {font-size: 170%; margin: 8px 0 5px;}


/*--------------------------------------------------------------------------------
categoryMenu15
--------------------------------------------------------------------------------*/
.categoryMenu15 {border: 1px solid #e2e2e2;}
.categoryMenu15 dt {border-bottom: 1px solid #e2e2e2; background: #fafafa; padding: 12px 20px;}
.categoryMenu15 dd .innerSection {padding: 18px;}


/*--------------------------------------------------------------------------------
categoryMenu16
--------------------------------------------------------------------------------*/
.categoryMenu16{border:1px solid #e2e2e2;}
.categoryMenu16 h3 {margin-bottom: 0; border-bottom:1px solid #e2e2e2; background:#fafafa; padding:12px 20px;}
.categoryMenu16 div.inner {padding:20px;}


/*--------------------------------------------------------------------------------
col1Block01
--------------------------------------------------------------------------------*/


/*--------------------------------------------------------------------------------
col2Block01
--------------------------------------------------------------------------------*/
.col2Block01{ width:100%; overflow:hidden;}
.col2Block01 .colL{ float:left; width:748px;}
.col2Block01 .colR{ float:right; width:188px;}


/*--------------------------------------------------------------------------------
col2Block02
--------------------------------------------------------------------------------*/
.col2Block02{ width:100%; overflow:hidden;}
.col2Block02 .colL:first-child{margin-right: 20px;}
.col2Block02 .colL{ float:left; width:470px;}
.col2Block02 .colR{ float:right; width:470px;}


/*--------------------------------------------------------------------------------
col2Block03
--------------------------------------------------------------------------------*/
.col2Block03{ width:100%; overflow:hidden;}
.col2Block03 .colL{ float:left; width:370px;}
.col2Block03 .colR{ float:right; width:370px;}


/*--------------------------------------------------------------------------------
col2Block04
--------------------------------------------------------------------------------*/
.col2Block04{ width:100%; overflow:hidden; margin-top: 30px;}
.col2Block04 .colL{ float:left; width:465px;}
.col2Block04 .colR{ float:right; width:465px;}


/*--------------------------------------------------------------------------------
col2Block05
--------------------------------------------------------------------------------*/
.col2Block05{ width:100%; overflow:hidden;}
.col2Block05 .colL{ float:left; width:480px;}
.col2Block05 .colR{ float:right; width:480px;}


/*--------------------------------------------------------------------------------
col3Block01
--------------------------------------------------------------------------------*/
.col3Block01{width:100%; overflow:hidden;}
.col3Block01 .col01, .col3Block01 .col02, .col3Block01 .col03{ float:left; width:306px;}


/*--------------------------------------------------------------------------------
col3Block02
--------------------------------------------------------------------------------*/
.col3Block02{width:100%; overflow:hidden;}
.col3Block02 .col01, .col3Block02 .col02, .col3Block02 .col03{ float:left; width:220px;}


/*--------------------------------------------------------------------------------
col3Block03
--------------------------------------------------------------------------------*/
.col3Block03{width:100%; overflow:hidden;}
.col3Block03 .col01, .col3Block03 .col02, .col3Block03 .col03{ float:left; width:232px;}


/*--------------------------------------------------------------------------------
col3Block04
--------------------------------------------------------------------------------*/
.col3Block04{width:100%; overflow:hidden;}
.col3Block04 .col01, .col3Block04 .col02, .col3Block04 .col03{ float:left; width:218px;}


/*--------------------------------------------------------------------------------
col3Block05
--------------------------------------------------------------------------------*/
.col3Block05{display: table; width: 100%;}
.col3Block05 .col01, .col3Block05 .col02{display:table-cell; width: 37%;}
.col3Block05 .col03{display:table-cell; width: 28%;}
.col3Block05 .btnBlock02 .btnBlockInner01 a {display: table-cell; min-width: 248px; padding: 8px 20px 7px 25px; vertical-align: middle;}


/*--------------------------------------------------------------------------------
col4Block01
--------------------------------------------------------------------------------*/
.col4Block01{display: table; width: 100%; margin-top: 29px;}
.col4Block01 .col01,.col4Block01 .col02,.col4Block01 .col03,.col4Block01 .col04{display: table-cell; width: 25%;}


/*--------------------------------------------------------------------------------
col4Block02
--------------------------------------------------------------------------------*/
.col4Block02 {overflow: hidden; margin-top: 30px;}
.col4Block02 .col {float: left;}


/*--------------------------------------------------------------------------------
col5Block01
--------------------------------------------------------------------------------*/
.col5Block01{ display: table; width: 100%; margin-top: 29px;}
.col5Block01 .col01, .col5Block01 .col02, .col5Block01 .col03, .col5Block01 .col04, .col5Block01 .col05{display: table-cell; width: 187px;}
.col5Block01 .col05{width: 168px;}
.col5Block01 .categoryMenu07{padding-right: 0;}


/*--------------------------------------------------------------------------------
tableBlock
--------------------------------------------------------------------------------*/
.tableBlock {display: table; width: 100%;}
.tableBlock .col {display: table-cell;}


/*--------------------------------------------------------------------------------
infomationGroup
--------------------------------------------------------------------------------*/
.infomationGroup {font-size: 79%;}
.infomationGroup dl {padding: 10px;}
.infomationGroup dl dt {display: table-cell; width: 100px; padding-right: 10px;}
.infomationGroup dl dd {display: table-cell; vertical-align: middle; width: 700px;}

.infomationGroup .inner01 {padding: 11px 0; background: #fafafa;}
.infomationGroup .inner01 dl dd {width: 820px;}

.infomationGroup.group01,.infomationGroup.group02 {margin-top: 0; font-size: 87.5%;}
.infomationGroup.group01 dl,.infomationGroup.group02 dl {padding: 16px 10px 5px; border-top: 1px dotted #e2e2e2;}
.infomationGroup.group01 dl:first-child,.infomationGroup.group02 dl:first-child {border-top: none;}

.infomationGroup.group01 dl dt,.infomationGroup.group02 dl dt {padding-right: 20px;}
.infomationGroup.group01 dl dt.img span,.infomationGroup.group02 dl dt.img span {display: block; width: 134px; padding: 7px 0px 4px; font-size: 85%; text-align: center; color: #005ab4; border: 1px solid #b4cee8; background: #e4eff9;}
.infomationGroup.group01 dl dd .textInner,.infomationGroup.group02 dl dd .textInner {display: block; margin-bottom: 8px; padding-top: 10px; border-top: 1px dotted #e2e2e2;}
.infomationGroup.group01 dl dd .textInner:first-child,.infomationGroup.group02 dl dd .textInner:first-child {padding-top: 0; border-top: none;}

.infomationGroup.group01 dl dd ul.textInner,.infomationGroup.group02 dl dd ul.textInner {display: table; width: 100%; margin-bottom: 8px; padding-top: 10px; border-top: 1px dotted #e2e2e2;}
.infomationGroup.group01 dl dd .textInner li,.infomationGroup.group02 dl dd .textInner li {display: table-cell; width: 83px; padding: 3px 12px 2px; vertical-align: middle; border-left: 2px solid #e2e2e2; word-break: break-all;}
.infomationGroup.group01 dl dd .textInner li:first-child {width: 455px; border-left: none; padding-left: 0;}
.infomationGroup.group02 dl dd .textInner li:nth-child(2) {width: 455px;border-left: 2px solid #e2e2e2;}
.infomationGroup.group02 dl dd .textInner li:first-child {display: table-cell; width: 83px; padding: 3px 12px 2px; vertical-align: middle;border-left: none; padding-left: 0;}

.infomationGroup.group01 dl dd .textInner li.w440:first-child {width: 440px;}
.infomationGroup.group02 dl dd .textInner li.w440:nth-child(2) {width: 440px;}

.infomationGroup.group01 dl dd .textInner li.iconPdf,.infomationGroup.group02 dl dd .textInner li.iconPdf {width: 145px; padding: 3px 0px 2px 25px; word-break: break-all;}
.infomationGroup.group01 dl dd .textInner li.date,.infomationGroup.group02 dl dd .textInner li.date {width: 152px; text-align: center;}
.infomationGroup.group01 dl dd .textInner li.iconLink,.infomationGroup.group02 dl dd .textInner li.iconLink {width: 106px; margin-right: 0; padding: 0px 0 0px 12px;}
.infomationGroup.group01 dl dd .textInner li.iconLink.w143,.infomationGroup.group02 dl dd .textInner li.iconLink.w143 {width: 143px; margin-right: 0; padding: 0px 0 0px 12px;}

.infomationGroup.group01 dl dd .notesBlock.bgClr01,.infomationGroup.group02 dl dd .notesBlock.bgClr01 {margin-bottom: 8px; padding: 10px;}

.infomationGroup.group01 .infomationContents dl,.infomationGroup.group02 .infomationContents dl {padding: 16px 10px 10px;}
.infomationGroup.group01 .infomationContents dl dt,.infomationGroup.group02 .infomationContents dl dt {padding-right: 10px; border-right: 2px solid #e2e2e2;}
.infomationGroup.group01 .infomationContents dl dd,.infomationGroup.group02 .infomationContents dl dd {padding-left: 10px;}


/*--------------------------------------------------------------------------------
katabanSearchBlock
--------------------------------------------------------------------------------*/
.katabanSearchBlock {margin: 20px 0 0;}
.katabanSearchBlock > div {display: table; width: 100%; height: 114px; background: #e4eff9; border: 1px solid #b4cee8;}
.katabanSearchBlock > div .cloL{position: relative; display: table-cell; width: 50%; padding: 20px 10px 5px; border-right: 1px solid #80adda; vertical-align: top;}
.katabanSearchBlock > div .cloL:before{content: " "; display: block; position: absolute; top: 40%; right: -20px; width: 20px; height: 28px; background: url(/support/common/images/bg_step_01.gif) no-repeat 0 0;}
.katabanSearchBlock > div .cloR{display: table-cell; width: 50%; padding: 20px 21px 5px 40px; vertical-align: top;}
.katabanSearchBlock p{color: #005AB4;}
.katabanSearchBlock p.ttl{font-weight: bold;}
.katabanSearchBlock .katabanSearch p{position: relative;}
.katabanSearchBlock .katabanSearch p .txt .outerTxt{position: absolute; top: -5px; left: 0px; font-weight: bold;}
.katabanSearchBlock .katabanSearch p .txt .innerTxt{position: absolute; top: 18px; left: 15px; color: #7c7c7c; font-size: 16px; cursor: text;}
.katabanSearchBlock .katabanSearch p .txt input{width: 297px; height: 36px; margin-top: 10px; border: 1px solid #e2e2e2; line-height: 2em; font-size: 16px;}
.katabanSearchBlock .katabanSearch p .img{position: absolute; bottom: 0; right: 46px;}

.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 {height: auto;text-align: right; background: none; border: 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 {overflow: hidden;}
.katabanDetails > div {padding-top: 20px;}
.katabanDetails .box {margin-top: -1px; border-top: 1px solid #e2e2e2;}
.katabanDetails .box h3 {margin-left: 5px;}
.katabanDetails ul {margin: 0 -20px 0 0;}
.katabanDetails ul li {float: left; width: 122px; margin: 0 17px 20px 0;}  // JP1.1 Mod
.katabanDetails ul li img {border: 1px solid #e2e2e2;}
.katabanDetails ul li span {display: block; margin-top: 10px; margin-left: 17px; text-align: left; font-size: 100%; word-wrap: break-word;}  // JP1.1 Mod

/* JP1.1 Add Start */
.katabanDetails .box .accLinkProd      {vertical-align:bottom; padding: 0 0 0 0; background: url(/common/images/ico_link_01.gif) no-repeat 0 104px;}
.modalProductList  {width: 700px; background: #fff;}
.modalProductList  {padding-top: 15px; padding-left: 10px;}
.modalProductList  ul li {float: left; width: 122px; margin: 0px 10px 20px 5px;}
.modalProductList  ul li img {border: 10px solid #ffffff;}
.modalProductList  ul li span {display: block; margin-top: 1px; text-align:center ; font-size: 80%; word-wrap: break-word;}
.modalProductList  ul li img {margin-top:2px;margin-bottom: 2px; margin-left: 2px; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; border-left: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2;}
/* JP1.1 Add END */

/*--------------------------------------------------------------------------------
imgNavBlock
--------------------------------------------------------------------------------*/
.imgNavBlock .imgNav{width:100%; overflow:hidden;}
.imgNavBlock .imgNav li{ float:left; margin:0 22px 20px 0; width:174px; min-height:185px;}
.imgNavBlock .imgNav li a{ display:block; font-size:85%;}
.imgNavBlock .imgNav li img,
.imgNavBlock .imgNav li span{ display:block; font-size:75%;}
.imgNavBlock .imgNav li a span{ text-align:center; font-size:100%;}
.imgNavBlock .imgNav li img{ border:1px solid #e2e2e2; margin:0 0 7px 0;}
.imgNavBlock .imgNav li.brBox{ margin:0 0 20px 0;}
.imgNavBlock .imgNav li.clrBox { clear:both;}

.imgNavBlock .imgNav li a:link    { color:#005AB4; text-decoration:none; }
.imgNavBlock .imgNav li a:visited { color:#005AB4; text-decoration:none; }
.imgNavBlock .imgNav li a:hover   { color:#FF3300; text-decoration:underline; }
.imgNavBlock .imgNav li a:active  { color:#FF3300; text-decoration:underline; }


/*--------------------------------------------------------------------------------
categoryNameGroup
--------------------------------------------------------------------------------*/
.categoryNameGroup ul li {float: left; width: 31%; margin-bottom: 11px;}
.categoryNameGroup ul li a {display: inline-block; width: 250px; margin-left: 4px; font-size: 88%;}

/*--------------------------------------------------------------------------------
menyBlock
--------------------------------------------------------------------------------*/
.menyBlock {margin-top: 12px;}
.menyBlock ul {overflow:hidden; margin-right: -20px;}
.menyBlock ul li {float: left; width: 225px; min-height: 172px; margin: 0 20px 20px 0}
.menyBlock ul li a{color: #fff;}
.menyBlock ul li a img {border: 1px solid #e2e2e2; border-bottom: none;}
.menyBlock ul li a span {display: block; width: 225px; padding: 10px 0 9px; text-align: center; background: #005ab4 url(/common/images/ico_link_02.png) no-repeat 10px 48%;}
.menyBlock ul li.adjust a span {font-size: 90%;}
.menyBlock ul li.adjust02 a span {height: 29px; max-height: 40px; padding: 6px 0 4px; font-size: 86%; line-height: 1.3;}
.menyBlock ul li p {width: 200px; margin: 5px auto 0;}


/*--------------------------------------------------------------------------------
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;}
.emergencyBlock dl, .emergencyBlock p {margin-top: 5px;}
.emergencyBlock dl dt {float: left; width: 14%;}
.emergencyBlock dl dd {float: left; width: 86%;}


/*--------------------------------------------------------------------------------
bannerBlock
--------------------------------------------------------------------------------*/
.bannerBlock {margin-top: 30px;}


/*--------------------------------------------------------------------------------
icon
--------------------------------------------------------------------------------*/
.infoTel {padding: 6px 0 0 50px; font-weight: bold; font-size: 246%; background: url(/support/common/images/icon_tel_b_02.png) no-repeat 0 50%;}
.infoFax {padding: 6px 0 0 50px; font-weight: bold; font-size: 246%; background: url(/support/common/images/icon_fax_b_01.png) no-repeat 0 50%;}
.infoTelTxt {margin: -10px 0px 0px 46px; font-size: 79%;}

.infoTel02 {padding: 4px 0 0 30px; font-weight: bold; font-size: 142%; background: url(/support/common/images/icon_tel_b_03.gif) no-repeat 0 50%;}
.infoFax02 {padding: 7px 0 0 30px; font-weight: bold; font-size: 142%; background: url(/support/common/images/icon_fax_b.gif) no-repeat 0 50%;}


/*--------------------------------------------------------------------------------
iconInfo
--------------------------------------------------------------------------------*/
.iconInfo li {float: left; margin: 5px 0 5px 5px; padding-left: 48px;}


/* icon */
.download_s {background: url(/support/portal/download/common/images/icon_download_small.png) no-repeat 0 50%;}
.myepson_s {background: url(/support/portal/download/common/images/icon_myepson_small.png) no-repeat 0 50%;}
.infomation_s {background: url(/support/portal/download/common/images/icon_infomation_small.png) no-repeat 0 50%;}
.software_s {background: url(/support/portal/download/common/images/icon_software_small.png) no-repeat 0 50%;}
.epsonpartner_s {background: url(/support/portal/download/common/images/icon_epsonpartner_small.png) no-repeat 0 50%;}


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

.anchorBlock .supportList dt {padding-left: 10px; background: url(/common/images/ico_stick.gif) no-repeat left 0.1em;}
.anchorBlock .supportList dd {overflow: hidden;}
.anchorBlock .supportList dd ul {margin-left: -1px;}


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


/*--------------------------------------------------------------------------------
faqFlowBlock
--------------------------------------------------------------------------------*/
.faqFlowBlock .faqFlowBlockInner {padding: 18px 19px; background: #e4eff9; border: 1px solid #b4cee8;}
.faqFlowBlock .faqFlowBlockInner > div {position: relative; padding: 15px 19px 20px; background: #fff; border: 1px solid #b4cee8;}


/*--------------------------------------------------------------------------------
fileDownloadBlock
--------------------------------------------------------------------------------*/
.fileDownloadBlock .contentsTtl {margin: 25px 0 15px;}
.fileDownloadBlock .contentsInner {background: #fafafa; padding: 20px;}
.fileDownloadBlock .contentsInner div {width: 50%;}
.fileDownloadBlock .pdfDL {margin-top: 10px;}
.fileDownloadBlock .pdfDL span {display: inline-block; margin-left: 10px;}


/*--------------------------------------------------------------------------------
lNav
--------------------------------------------------------------------------------*/
.lNav {height: 47px;}
.lNav li {width: 160px; height: 47px;}

.lNav li a:hover img, .lNav.meny li.lnav01 a img, .lNav.dsDownload li.lnav02 a img, .lNav.use li.lnav03 a img, .lNav.trouble li.lnav04 a img, .lNav.repair li.lnav05 a img, .lNav.consumables li.lnav06 a img {visibility: hidden;}

/* hover */
.lNav li.lnav01 a:hover {background: url(/support/portal/common/images/nav_local_01_over.gif) no-repeat left top;}
.lNav li.lnav02 a:hover {background: url(/support/portal/common/images/nav_local_02_over.gif) no-repeat left top;}
.lNav li.lnav03 a:hover {background: url(/support/portal/common/images/nav_local_03_over.gif) no-repeat left top;}
.lNav li.lnav04 a:hover {background: url(/support/portal/common/images/nav_local_04_over.gif) no-repeat left top;}
.lNav li.lnav05 a:hover {background: url(/support/portal/common/images/nav_local_05_over.gif) no-repeat left top;}
.lNav li.lnav06 a:hover {background: url(/support/portal/common/images/nav_local_06_over.gif) no-repeat left top;}

/* on */
.lNav.meny li.lnav01 a {background: url(/support/portal/common/images/nav_local_01_on.gif) no-repeat left top;}
.lNav.dsDownload li.lnav02 a {background: url(/support/portal/common/images/nav_local_02_on.gif) no-repeat left top;}
.lNav.use li.lnav03 a {background: url(/support/portal/common/images/nav_local_03_on.gif) no-repeat left top;}
.lNav.trouble li.lnav04 a {background: url(/support/portal/common/images/nav_local_04_on.gif) no-repeat left top;}
.lNav.repair li.lnav05 a {background: url(/support/portal/common/images/nav_local_05_on.gif) no-repeat left top;}
.lNav.consumables li.lnav06 a {background: url(/support/portal/common/images/nav_local_06_on.gif) no-repeat left top;}

/* off */
.lNav.off li span img {visibility: hidden;}
.lNav.off li.lnav01 span {display: block; background: url(/support/portal/common/images/nav_local_01_off.gif) no-repeat left top;}
.lNav.off li.lnav02 span {display: block; background: url(/support/portal/common/images/nav_local_02_off.gif) no-repeat left top;}
.lNav.off li.lnav03 span {display: block; background: url(/support/portal/common/images/nav_local_03_off.gif) no-repeat left top;}
.lNav.off li.lnav04 span {display: block; background: url(/support/portal/common/images/nav_local_04_off.gif) no-repeat left top;}
.lNav.off li.lnav05 span {display: block; background: url(/support/portal/common/images/nav_local_05_off.gif) no-repeat left top;}
.lNav.off li.lnav06 span {display: block; background: url(/support/portal/common/images/nav_local_06_off.gif) no-repeat left top;}

.lNav.meny.off li.lnav01 img, .lNav.dsDownload.off li.lnav02 img, .lNav.use.off li.lnav03 img, .lNav.trouble.off li.lnav04 img, .lNav.repair.off li.lnav05 img, .lNav.consumables.off li.lnav06 img {visibility: hidden;}


/*--------------------------------------------------------------------------------
lNavL
--------------------------------------------------------------------------------*/
.lNavL {height: 47px; border-bottom: 1px solid #e2e2e2;}
.lNavL ul {width: 720px; display: table; margin: 0 auto;}
.lNavL li {float: left; margin-right: 1px; text-align: center; vertical-align: middle;}
.lNavL li.lastChild {margin-right: 0;}
.lNavL li a {height: 47px; display: table-cell; vertical-align: middle; color: #fff; font-weight: bold; font-size: 86%; line-height: 1.4; background: #005ab4;}
.lNavL li a:hover {color: #000; text-decoration: none; background: #fff; border: 1px solid #e2e2e2; border-bottom: none;}

.lNavL li.current {height: 46px; border: 1px solid #e2e2e2; border-bottom: none;}
.lNavL li.current a {height: 44px; color: #000; background: #fff; border-top: 3px solid #005ab4;}
.lNavL li.current a:hover {border: none; border-top: 3px solid #005ab4;}

/* col2Top */
.lNavL.col2Top {height: 57px;}
.lNavL.col2Top ul {width: 960px;}
.lNavL.col2Top li, .lNavL.col2Top li a {width: 478px; height: 58px;}
.lNavL.col2Top li a {font-size: 116%;}
.lNavL.col2Top li.curren, .lNavL.col2Top li a:hovert {width: 478px; height: 57px;}
.lNavL.col2Top li.current a {border-top: none;}



/* col4 */
.lNavL.col4 li, .lNavL.col4 li a {width: 179px;}
.lNavL.col4 li.current {width: 178px;}

/* col5 */
.lNavL.col5 li, .lNavL.col5 li a {width: 143px;}
.lNavL.col5 li.current {width: 142px;}

/* col6 */
.lNavL.col6 li, .lNavL.col6 li a {width: 119px;}
.lNavL.col6 li.current {width: 118px;}
.lNavL.col6 li.adjust {font-size: 86%; line-height: 1.2;}

/*--------------------------------------------------------------------------------
lTabContents
--------------------------------------------------------------------------------*/
.lTabContents .lTabContentsBox {margin: 30px 0 0 0;}
.lTabContents .lTabContentsBox {display: none;}
.lTabContents .lTabContentsBox.current {display: block;}
.lTabContents .lTabContentsBox h2 span.icon {margin-left: 5px;}
.lTabContents .lTabContentsBox h2 span.icon:first-child {margin-left: 20px;}


/*--------------------------------------------------------------------------------
tblMod01
--------------------------------------------------------------------------------*/
.tblMod01 td .supportList {margin-top: 15px;}
.tblMod01 td .supportList dt {padding-left: 10px; background: url(/common/images/ico_stick.gif) no-repeat left 0.1em;}
.tblMod01 td .supportList dd {margin-top: 2px;}
.tblMod01 td .supportList:first-child {margin-top: 0;}
.tblMod01 td .supportList li {float: left; width: 32%; padding-right: 8px; line-height: 1.8;}
.tblMod01 td .supportList li a {display: inline-block; padding-left: 21px; background: url(/common/images/ico_link_01.gif) no-repeat 0 2px;}
.tblMod01 td .supportList li span {color: #919191; display: block; padding: 0 0 0 21px; background: url(/common/images/ico_cross_01.png) no-repeat 0 2px;}

.tblMod01.center th, .tblMod01.center td {text-align: center;}
.tblMod01 td.subTtl{text-align: left; color: #4486c8; font-weight: bold; text-align: left;}

.tblMod01.telFlowBlock td {padding: 15px 45px; border-bottom: 1px dotted #e5e5e5;}


/*--------------------------------------------------------------------------------
tblMod02
--------------------------------------------------------------------------------*/
.tblMod02 {width: 100%; border: 1px solid #E5E5E5; border-collapse: collapse;}
.tblMod02 th {padding: 15px; text-align: center; background: #FAFAFA; border-bottom: 1px solid #E5E5E5;}
.tblMod02 td {padding: 13px 24px; text-align: center; font-size: 85%; background: #fff; border-left: 1px solid #E5E5E5;}


/*--------------------------------------------------------------------------------
tblMod03
--------------------------------------------------------------------------------*/
.tblMod03 {width: 100%; border: 1px solid #E5E5E5; border-collapse: collapse;}
.tblMod03 th {padding: 15px; text-align: center; background: #fff; border-bottom: 1px solid #E5E5E5;}
.tblMod03 td {padding: 13px 24px; text-align: center; font-size: 165%; font-weight: bold; background: #fff;}
.tblMod03 td span {display: inline-block; margin: 10px 0 0 15px}
.tblMod03 th:first-child, .tblMod03 td:first-child {border-right: 1px solid #E5E5E5;}


/*--------------------------------------------------------------------------------
tblMod04
--------------------------------------------------------------------------------*/
.tblMod04 {width: 100%; border-top: 1px solid #E5E5E5; border-left: 1px solid #E5E5E5; border-collapse: collapse;}
.tblMod04 th, .tblMod04 td {padding: 10px 5px; text-align: center; border-right: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5;}
.tblMod04 th {background: #919294; color: #fff;}
.tblMod04 th.cell01, .tblMod04 th.cell02 {padding: 10px 0;}
.tblMod04.fs88 td {font-size: 88%;}
.tblMod04 td.cell01, .tblMod04 td.cell05 {text-align: left;}
.tblMod04 th.cell01, .tblMod04 td.cell01 {color: #000; font-weight: normal; background: #eeeeee;}
.tblMod04 th.cell02, .tblMod04 td.cell02 {color: #000; font-weight: normal; background: #e6eff8;}
.tblMod04 th.cell03, .tblMod04 td.cell03 {color: #000; font-weight: normal; background: #f5faff;}
.tblMod04 th.cell04, .tblMod04 td.cell04 {color: #000; font-weight: normal; background: #fafafa;}


/*--------------------------------------------------------------------------------
tblMod05
--------------------------------------------------------------------------------*/
.tblMod05 {width: 100%; border-top: 1px solid #E5E5E5; border-left: 1px solid #E5E5E5; border-collapse: collapse;}
.tblMod05 th {color: #fff; font-weight: bold; background: #005ab4;}
.tblMod05 th, .tblMod05 td {padding: 15px; text-align: center; border-right: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5;}
.tblMod05 td.subTtl{text-align: left; color: #4486c8; font-weight: bold; background: #e6eff8;}


/*--------------------------------------------------------------------------------
tblMod06
--------------------------------------------------------------------------------*/
.tblMod06 {width: 100%;}
.tblMod06 th.cell01, .tblMod06 td.cell01 {width: 5%;}


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


/*--------------------------------------------------------------------------------
tblMod08
--------------------------------------------------------------------------------*/
.tblMod08 {width:100%; border-top:1px solid #E5E5E5; border-left:1px solid #E5E5E5; border-collapse:collapse;}
.tblMod08 th {background-color:#FAFAFA;}
.tblMod08 th, .tblMod08 td {padding:10px 5px; border-right:1px solid #E5E5E5; border-bottom:1px solid #E5E5E5;}
.tblMod08 td {text-align: right;}

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


/*--------------------------------------------------------------------------------
relatedMod02
--------------------------------------------------------------------------------*/
.relatedMod02 {padding: 20px; border: 1px solid #e2e2e2; background: #fafafa;}
.relatedMod02 p.ttl {font-weight: bold;}
.relatedMod02 p.ttl span {color: #4486c8;}
.relatedMod02 .btmTxt {margin-top: 15px; padding-top:15px; border-top: 1px solid #e2e2e2;}

/*--------------------------------------------------------------------------------
relatedMod03
--------------------------------------------------------------------------------*/
.relatedMod03 {padding: 10px; background: #f0f0f0;}


/*--------------------------------------------------------------------------------
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;}
.indent8 { padding-left:4em; text-indent:-4em;}


/*--------------------------------------------------------------------------------
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 .flL h1 {float: none;}
.oneLineBlock .katabanSearchBlock {float: right; margin-top: 0;}
.oneLineBlock p.categoryTitle { font-size: 140%; font-weight: bold; }


/*--------------------------------------------------------------------------------
textBlock01
--------------------------------------------------------------------------------*/
.textBlock01 {width: 960px; line-height: 18px; color: #333333; word-wrap: break-word;}
.textBlock01 textarea {width: 910px; padding: 20px; resize: none;}
.textBlock02 {width: 760px; line-height: 18px; color: #333333; word-wrap: break-word;}
.textBlock02 textarea {width: 718px; padding: 20px; resize: none;}


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


/*--------------------------------------------------------------------------------
iconLink01
--------------------------------------------------------------------------------*/
.iconLink01 {margin-top: 20px;}
.iconLink01 img {margin-right: 10px; vertical-align: middle;}


/*--------------------------------------------------------------------------------
flBlock
--------------------------------------------------------------------------------*/
.flBlock {overflow: hidden;}
.flBlock:after, .flBlock ul:after {display: block; clear: both; height: 0; visibility: hidden; content: " ";}
.flBlock div, .flBlock p, .flBlock li {float: left;}

.flBlock .flBlockInner01 {margin-left: -10px;}
.flBlock .flBlockInner01 li {float: left; margin-left: 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.down01 {background: url(/common/images/ico_down_02.png) no-repeat 5% 50%;}
.btnBlock .btnBlockInner a.minW280 {min-width: 280px;}
.btnBlock .btnBlockInner a.minW220 {min-width: 220px;}
.btnBlock .btnBlockInner a.minW156 {min-width: 156px;}
.btnBlock .btnBlockInner a.minW320 {min-width: 320px;}

.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%;}
.btnBlock .btnBlockInner02 span.icoDownload{padding: 2px 0 0px 32px; background: url(/support/common/images/icon_download_01.png) no-repeat 0 50%;}
.btnBlock .btnBlockInner02 span.icoFaQ{padding: 5px 0 3px 38px; background: url(/support/common/images/icon_faq.png) no-repeat 0 50%;}
.btnBlock .btnBlockInner02 span.icoHeart{padding: 2px 0 0px 38px; background: url(/support/common/images/icon_heart.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;}


/*--------------------------------------------------------------------------------
modalContents
--------------------------------------------------------------------------------*/
.modalContents {width: 620px; background: #fff;}
.modalContents .tblMod01 th.cell01 {background: #e4eff9;}

/*--------------------------------------------------------------------------------
redBlock
--------------------------------------------------------------------------------*/

.redBlock {padding:5px;border:2px solid #E60000;font-weight:bold;color:#E60000;}
.redBlock2 {padding:10px;border:2px solid #E60000;}


/* ------ 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;}
.iLinkBnk02 {display: inline-block; padding-left: 21px; background: url(/common/images/ico_pop_01.gif) 0 2px no-repeat;}

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

.accBtn.positioning01 {position: absolute; top: 0; right: 0;}
.accContents.default {display: block;}

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

/* ------ custum select ------ */
.custumListBlock {display: none;}
.custumList .customSelect {width: 330px; height: 40px; background: url(/support/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/common/images/custom_select_01.gif) no-repeat 0 0;}

.custumList.custumListS .customSelect {width: 320px; height: 30px; font-size: 86%; background: url(/support/download/common/images/custom_select_02.gif) no-repeat 100% 0;}
.custumList.custumListS .customSelect .customSelectInner {padding: 6px 0; background: url(/support/download/common/images/custom_select_01.gif) no-repeat 0 0;}

/* ------ bgColor ------ */
.bgClr01 {background: #fafafa;}
.bgClr01 .bgClrInner01 {padding: 15px;}


/* ------ brdBlock ------ */
.brdBlock01 {padding: 5px 15px 15px; border: 1px solid #E5E5E5;}
.brdBlock02 {padding: 20px 15px; border: 1px solid #E5E5E5;}
.brdBlock03 {border: 3px solid #b4cee8}

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

/* ------ position ------ */
.psnR {position: relative;}

/* ------ padding ------ */
.pl15par {padding-left: 15%;}

/* ------ color ------ */
.fcB {color: #005AB4 !important;}
.fcLB {color: #4486c8 !important;}
.fcGN {color: #33A02C !important;}
.fcCN {color: #960000 !important;}


/*--------------------------------------------------------------------------------
tickerSection ?d?v?Ȃ??m?点 2017/11/17?lj?
--------------------------------------------------------------------------------*/


#contents .tickerSection {
	width:956px;
	margin:30px auto 0;
	/* border:2px solid #005ab4; ?ƒo?[?W???? */
	border:2px solid #cc0000; /* ?ԃo?[?W???? */
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	-ms-border-radius:2px;
	font-size:90%;
}
#contents .tickerSection h2 {
	width:164px;
	height:48px;
	line-height:48px;
	float:left;
	text-align:center;
	color:#fff;
	/* background:#005ab4; ?ƒo?[?W???? */
	background:#cc0000; /* ?ԃo?[?W???? */
	overflow:hidden;
	margin-bottom: 0px;
}
#contents .tickerSection .tickerGroup {
	width:780px;
	height:48px;
	float:right;
	overflow:hidden;
}
#contents .tickerSection .tickerGroup dl {
}
#contents .tickerSection .tickerGroup dl dt {
	float:left;
	width:140px;
	padding-right:10px;
	_width:125px;
	height:48px;
	line-height:48px;
	overflow:hidden;
}
#contents .tickerSection .tickerGroup dl dd {
	float:left;
	width:620px;
	height:48px;
	line-height:48px;
	overflow:hidden;
}


    a:link {
    color: #005AB4;
    text-decoration: none;
}
    .clearfix::after {
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    content: " ";
}
.noteMod01, #gNav, #headNav, .clearfix {
    display: block;
}

/* 2018/5 お知らせページレイアウト */

.iLinkW {
    background: url("/common/images/ico_pop_02.gif") no-repeat scroll left 3px transparent;
    display: block;
    padding: 1px 0 0 21px;
}

.head3Gray2 {
    padding-bottom: 9px;
    font-size: 130%;
    font-weight: bold;
    color: #595959;
    background-color: #EEE;
    padding: 10px;
    width: 100%;
}

h3.midashi {
    padding: 0.25em 1em;
    color: #494949;
    border-left: solid 0.25em #055ab0;
    word-wrap:break-word;
}
.fs160 {
	font-size: 160%;
	color: #494949;
}
.tIndent {text-indent: 1em;}
ul.yokolist {
	margin-left:20px;
	padding-bottom:45px;
	width: 100%;
	overflow:hidden;
}
ul.yokolist li {
	font-size:129%;
	list-style:none;
	margin-left:0px;
	float:left;
	width: 10em;
}

/* サポートトップ緊急お知らせ欄 */
.support_top_infobox28 {
    position: relative;
    margin: 2em 0;
    padding: 25px 10px 7px;
    background: #fff;
    border: solid 2px #E60000;
}
.support_top_infobox28 .support_top_infobox-title {
    position: absolute;
    display: inline-block;
    top: -1px;
    left: -2px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #E60000;
    color: #ffffff;
    font-weight: bold;
}
.support_top_infobox28 p {
    margin: 10px 5px 0px;
    padding: 0;
}
.support_top_infobox-subtitle{
    position: absolute;
    display: inline-block;
    top: 3px;
    left: 90px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 16px;
    color: #333333;
    font-weight: bold;
  }


/* -------------------- 2019.07.01 追加分 -------------------- */

/* 大見出し */
.template .head3Gray2{
	box-sizing: border-box;
}

/* 小見出し */
.template h4{
	font-size: 107%;
	font-weight: bold;
}

/* リンク文字 */
.template .iLinkWLine {
	padding-left: 21px;
	background: url(/common/images/ico_pop_01.gif) no-repeat 3px 0.2em;
}
.template a.iLink01:hover,
.template a.iLink02:hover,
.template a.iLinkW:hover,
.template a.iLinkWLine:hover,
.template a.iDown01:hover
{
	text-decoration: underline;
	color: #FF3300;
}

/* 画像ボックス */
.imageBox{
	display: flex;
	flex-wrap: wrap;
}
.imageBox div{
	box-sizing: border-box;
	margin-bottom: 15px;
	padding: 0 5px;
}
.imageBox .grid3{
	width: 25%;
}
.imageBox .grid4{
	width: 33.33333%;
}
.imageBox .grid6{
	width: 50%;
}
.imageBox .grid12{
	width: 100%;
}
.imageBox img{
	max-width: 100%;
	height: auto;
}

/* ボタン */
.btnBox{
	display: flex;
	flex-wrap: wrap;
}
.btnBox > div{
	box-sizing: border-box;
	margin-bottom: 15px;
	padding: 0 5px;
}
.btnBox .grid6{
	width: 50%;
}
.btnBox .grid12{
	width: 100%;
}
.btnBox > div > a{
	box-sizing: border-box;
	display: inline-block;
	padding: 1.25em 4em;
	background: #005AB4;
	font-size: 1.125rem;
	font-weight: bold;
	color: #fff !important;
	text-decoration: none !important;
	text-align: center;
	line-height: 1.35;
	width:90%;
	max-width:400px;
	background-repeat: no-repeat;
	background-position: 7% 50%;
}
/*内部リンクボタン*/
.btnBox .btn_internal{
	background-image: url("/common/images/ico_link_02.png");
}
/*外部リンクボタン*/
.btnBox .btn_external{
	background-image: url("/common/images/ico_pop_03.gif");
}

/* オンマウス時に半透明 */
.btnBox a:hover{
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}


/* スマホ対応 */
@media screen and (max-width: 768px){
	.template .oneLineBlock .categoryTitle{
		font-size: 110%;
		line-height: 1.1em;
		letter-spacing: 0.025em;
	}
	.imageBox .grid3, .imageBox .grid4{
		width: 50%;
	}
	.btnBox .grid6{
		width: 100%;
	}
	.template .fs160{
		font-size: 120%;
	}

	/* スライド */
	.template .smp_slide{
		overflow:auto !important;
		-webkit-overflow-scrolling: touch;
		border:2px solid #eaeaea;
		margin-top:3px;
		border-radius:4px;
		padding: 0 0px 7px;
	}
	.template .smp_slide > table{
		width:940px !important;
		max-width:initial !important;
	}
}

/* -------------------- 2021.02.03 add -------------------- */
.tblMod04 th.cell03, .tblMod04 td.cell03 {
	word-break: break-word;
}
/* -------------------- 2021.02.03 add end -------------------- */