@charset "UTF-8";

/*--------------------------------------------------------------------------------
MODULE
--------------------------------------------------------------------------------*/


/*--------------------------------------------------------------------------------
mainCol2Block03
--------------------------------------------------------------------------------*/
.mainCol2Block03{ width:100%; overflow:hidden; margin-top: 40px;}
.mainCol2Block03 .mainColL{ float:left; width:760px;}
.mainCol2Block03 .mainColR{ float:right; width:180px;}


/*--------------------------------------------------------------------------------
categoryMenu11
--------------------------------------------------------------------------------*/
.categoryMenu11 {border-bottom: none;}
.categoryMenu11 dt {margin-bottom: 1px; padding: 9px 32px 9px 14px; color: #fff; font-weight: bold; background: #005ab4;}
.categoryMenu11 dt.open a {background: #005ab4 url(/common/images/icon_accd_04.png) no-repeat 91% 50%;}

.categoryMenu11 dd {background: #fafafa; border: 1px solid #dedede; border-top: none;}
.categoryMenu11 dd ul li {font-size: 85%;}
.categoryMenu11 dd ul li:first-child {border-top: none;}
.categoryMenu11 dd ul li.current {background: #e5eff9;}

/*--------------------------------------------------------------------------------
tblMod01
--------------------------------------------------------------------------------*/
.tblMod01 td {word-break: break-all;}
.tblMod01 .brdB {border-bottom: 2px solid #d3d0d0;}

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


/*--------------------------------------------------------------------------------
menyBlock
--------------------------------------------------------------------------------*/
.menyBlock ul li {margin-bottom: 0;}

/*--------------------------------------------------------------------------------
faqFlowBlock
--------------------------------------------------------------------------------*/
.faqFlowBlock .faqFlowBlockInner > div {margin-bottom: 20px; padding: 26px 0 40px 39px;}
.faqFlowBlock .faqFlowBlockInner > div.lastChild {margin-bottom: 0;}
.faqFlowBlock .faqFlowBlockInner > div:before {content: " "; display: block; position: absolute; bottom: -20px; left: 64px; width: 28px; height: 20px; background: url(/support/faq/common/images/bg_step_01.gif) no-repeat 0 0;}
.faqFlowBlock .faqFlowBlockInner > div.lastChild:before {display: none;}
.faqFlowBlock .faqFlowBlockInner > div .sndElm {width: 555px; margin: 0 0 0 20px;}

.faqFlowBlock .faqFlowBlockInner .relatedMod02 .infoTel { padding: 6px 0 0 40px; font-size: 192%;}
.faqFlowBlock .faqFlowBlockInner .relatedMod02 .tblMod02 td {padding: 13px 15px;}

.faqFlowBlock .faqFlowBlockInner.outerVer {position: relative; margin-bottom: 30px;}
.faqFlowBlock .faqFlowBlockInner.outerVer.lastChild, .faqFlowBlock .faqFlowBlockInner.outerVer > div {margin-bottom: 0;}
.faqFlowBlock .faqFlowBlockInner.outerVer:before {content: " "; display: block; position: absolute; bottom: -31px; left: 448px; width: 63px; height: 31px; background: url(/support/hoshu/common/images/bg_push_01.gif) no-repeat 0 0;}
.faqFlowBlock .faqFlowBlockInner.outerVer.lastChild:before, .faqFlowBlock .faqFlowBlockInner.outerVer > div:before{display: none;}
.faqFlowBlock .faqFlowBlockInner.outerVer .inner {margin-top: 25px; padding-top: 25px; border-top: 1px dotted #e2e2e2;}
.faqFlowBlock .faqFlowBlockInner.outerVer > div .sndElm {width: 732px; margin: 8px 0 0 20px;}


/*--------------------------------------------------------------------------------
linkBlock
--------------------------------------------------------------------------------*/
.linkBlock {overflow: hidden;}
.linkBlock ul {margin: 0 0 0 -20px;}
.linkBlock ul li {float: left; width: 240px; margin: 0 0 0 20px;}
.linkBlock ul li.adjust a {height: 15px; padding: 12px 5px 12px; font-size: 82%; text-align: right;}
.linkBlock ul li.adjust02 a {padding: 12px 5px 12px; font-size: 77%; text-align: right;}
.linkBlock ul li a img {border-top: 1px solid #e2e2e2; border-left: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2;}
.linkBlock 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%;}
.linkBlock ul li a:hover {color: #fff;}
.linkBlock ul li span {display: block; padding: 14px 10px 13px; border: 1px solid #e2e2e2; border-top: none;}

.linkBlock.fourBlock ul li {float: left; width: 225px;}


/*--------------------------------------------------------------------------------
serviceContentsBlock
--------------------------------------------------------------------------------*/
.serviceContentsBlock {background: #fafafa url(/support/hoshu/kitting/common/images/bg_kitting_001.jpg) no-repeat 100% 63px;}
.serviceContentsBlock .tblMod01 th, .serviceContentsBlock .tblMod01 td {padding: 15px 20px; vertical-align: middle;}
.serviceContentsBlock .tblMod01 th {background: #fff5f7;}
.serviceContentsBlock .tblMod01 td {background: #fff;}
.serviceContentsBlock .tblMod01 dl dt {margin-bottom: 8px; color: #d70544; font-size: 113%;}


/*--------------------------------------------------------------------------------
serviceContentsBox
--------------------------------------------------------------------------------*/
.serviceContentsBox {padding: 12px;}
.serviceContentsBox dt {margin-bottom: 8px; font-size: 142%; text-align: center; color: #005AB4;}


/*--------------------------------------------------------------------------------
figureBlock
--------------------------------------------------------------------------------*/
.figureBlock {margin: 20px auto 0; text-align: center;}
.figureBlock .col {display: inline-block; margin-left: 30px;}
.figureBlock .col:first-child {margin-left: 0;}
.figureBlock .caption {margin-bottom: 5px; font-weight: bold;}




/* ------ indentNum01 ------ */
.indentNum01 {margin-right: 5px; padding: 0 4px; color: #fff; background: #d70544;}

/* ------ brdrdBlock01 ------ */
.brdrdBlock01 {position: relative; background: #fff;}
.brdrdBlock01:before {content: " "; display: block; position: absolute; top: -3px; left: -3px; width: 8px; height: 8px; background: url(/common/images/bg_radius_tl_01.gif) no-repeat 0 0;border-radius: 0;}
.brdrdBlock01:after {content: " "; display: block; position: absolute; bottom: -3px; left: -3px; width: 8px; height: 8px; background: url(/common/images/bg_radius_bl_01.gif) no-repeat 100% 0;}
.brdrdBlock01 .brdrdBlockInner01:before {content: " "; display: block; position: absolute; top: -3px; right: -3px; width: 8px; height: 8px; background: url(/common/images/bg_radius_tr_01.gif) no-repeat 0 100%;}
.brdrdBlock01 .brdrdBlockInner01:after {content: " "; display: block; position: absolute; bottom: -3px; right: -3px; width: 8px; height: 8px; background: url(/common/images/bg_radius_br_01.gif) no-repeat 100% 100%;}


/* ------ padding ------ */
.p15 {padding:15px;}




/* --- 以下からは既存cssからの引用　150914---*/


/** |READ ME| **************************************************************************************

"EPSON"

Cascading Style Sheet Setting File
/common/css/contents_utf8.css

共通CSS

Ver.200703xx

----------------------------------------------------------------------------------------------------

このファイルは各CSSファイルのインポート、およびタイポグラフィ関連設定について記述されています。

01.Import Settings
インポート設定

02.Common Setting
共通設定

************************************************************************************** |READ ME| **/





/** |01.Import Settings| ***************************************************************** START **/


/*HTML要素設定用CSS*/
@import url("/common/css/element_utf8.css");

/* ヘッダー領域用CSS */
@import url("/common/css/header_utf8.css");

/* ヘッダー領域用CSS WIDE */
@import url("/common/css/header_wide.css");

/* コンテンツ領域用CSS */
@import url("/common/css/contents_utf8.css");

/* フッター領域用CSS */
@import url("/common/css/footer_utf8.css");

/* フッター領域用CSS WIDE */
@import url("/common/css/footer_wide.css");

/* レイアウト関係CSS */
@import url("/common/css/layout_utf8.css");

/* アイコン関係CSS */
@import url("/common/css/icon_utf8.css");

/* リスト関係CSS */
@import url("/common/css/list_utf8.css");

/* テーブル関係CSS */
@import url("/common/css/table_utf8.css");

/* 印刷関係CSS */
/*@import url("/common/css/print_utf8.css");*/

/* 印刷関係CSS */
@import url("/common/css/print_wide.css");

/* 新ヘッダー領域用CSS */
@import url("/common/css/head.css");

/* 新フッター領域用CSS */
@import url("/common/css/foot.css");


/** |01.Import Settings| ******************************************************************* END **/





/** |02.Common Setting| ****************************************************************** START **/


/** [フォントサイズ] ********************************************************************/


.txtS{font-size:70%;}
.txtM{font-size:80%;}
.txtB{font-size:95%;}

/* for Font Diff Fix */
html>/**/body .txtS{font-size:8pt;}
html>/**/body .txtM{font-size:9.5pt;}
html>/**/body .txtB{font-size:11pt;}


/** [行間] ******************************************************************************/


.lhN{line-height:normal;}
.lhS{line-height:1.2;}
.lhM{line-height:1.5;}
.lhB{line-height:1.8;}


/** [文字装飾] **************************************************************************/


/* 太字 */
.fBold{font-weight:bold;}

/* 斜体 */
.fItalic{font-style:italic;}

/* 文字間隔 */
.fSpace{letter-spacing:-0.1em;}

/* スタイルクリア */
.fNormal{font-weight:normal;font-style:normal;}

/* インデント */
.tIndent{text-indent:1em;}

/** [幅] ********************************************************************************/


.w1{width:1%;}
.w2{width:2%;}
.w3{width:3%;}
.w4{width:4%;}
.w5{width:5%;}
.w6{width:6%;}
.w7{width:7%;}
.w8{width:8%;}
.w9{width:9%;}
.w10{width:10%;}
.w11{width:11%;}
.w12{width:12%;}
.w13{width:13%;}
.w14{width:14%;}
.w15{width:15%;}
.w16{width:16%;}
.w17{width:17%;}
.w18{width:18%;}
.w19{width:19%;}
.w20{width:20%;}
.w21{width:21%;}
.w22{width:22%;}
.w23{width:23%;}
.w24{width:24%;}
.w25{width:25%;}
.w26{width:26%;}
.w27{width:27%;}
.w28{width:28%;}
.w29{width:29%;}
.w30{width:30%;}
.w31{width:31%;}
.w32{width:32%;}
.w33{width:33%;}
.w34{width:34%;}
.w35{width:35%;}
.w36{width:36%;}
.w37{width:37%;}
.w38{width:38%;}
.w39{width:39%;}
.w40{width:40%;}
.w41{width:41%;}
.w42{width:42%;}
.w43{width:43%;}
.w44{width:44%;}
.w45{width:45%;}
.w46{width:46%;}
.w47{width:47%;}
.w48{width:48%;}
.w49{width:49%;}
.w50{width:50%;}
.w51{width:51%;}
.w52{width:52%;}
.w53{width:53%;}
.w54{width:54%;}
.w55{width:55%;}
.w56{width:56%;}
.w57{width:57%;}
.w58{width:58%;}
.w59{width:59%;}
.w60{width:60%;}
.w61{width:61%;}
.w62{width:62%;}
.w63{width:63%;}
.w64{width:64%;}
.w65{width:65%;}
.w66{width:66%;}
.w67{width:67%;}
.w68{width:68%;}
.w69{width:69%;}
.w70{width:70%;}
.w71{width:71%;}
.w72{width:72%;}
.w73{width:73%;}
.w74{width:74%;}
.w75{width:75%;}
.w76{width:76%;}
.w77{width:77%;}
.w78{width:78%;}
.w79{width:79%;}
.w80{width:80%;}
.w81{width:81%;}
.w82{width:82%;}
.w83{width:83%;}
.w84{width:84%;}
.w85{width:85%;}
.w86{width:86%;}
.w87{width:87%;}
.w88{width:88%;}
.w89{width:89%;}
.w90{width:90%;}
.w91{width:91%;}
.w92{width:92%;}
.w93{width:93%;}
.w94{width:94%;}
.w95{width:95%;}
.w96{width:96%;}
.w97{width:97%;}
.w98{width:98%;}
.w99{width:99%;}
.w100{width:100%;}


/** [マージン] **************************************************************************/


/* auto */
.mRA{margin-left:auto;}
.mLA{margin-right:auto;}
.mRLA{margin-left:auto;margin-right:auto;}

/* 全て */
.m0{margin:0px;}
.m6{margin:6px;}
.m12{margin:12px;}
.m18{margin:18px;}
.m24{margin:24px;}
.m30{margin:30px;}

/* 上 */
.mT0{margin-top:0px;}
.mT6{margin-top:6px;}
.mT12{margin-top:12px;}
.mT18{margin-top:18px;}
.mT24{margin-top:24px;}
.mT30{margin-top:30px;}

/* 右 */
.mR0{margin-right:0px;}
.mR6{margin-right:6px;}
.mR12{margin-right:12px;}
.mR18{margin-right:18px;}
.mR24{margin-right:24px;}
.mR30{margin-right:30px;}

/* 下 */
.mB0{margin-bottom:0px;}
.mB6{margin-bottom:6px;}
.mB12{margin-bottom:12px;}
.mB18{margin-bottom:18px;}
.mB24{margin-bottom:24px;}
.mB30{margin-bottom:30px;}

/* 左 */
.mL0{margin-left:0px;}
.mL6{margin-left:6px;}
.mL12{margin-left:12px;}
.mL18{margin-left:18px;}
.mL24{margin-left:24px;}
.mL30{margin-left:30px;}

/* 上下 */
.mTB0{margin-top:0px;margin-bottom:0px;}
.mTB6{margin-top:6px;margin-bottom:6px;}
.mTB12{margin-top:12px;margin-bottom:12px;}
.mTB18{margin-top:18px;margin-bottom:18px;}
.mTB24{margin-top:24px;margin-bottom:24px;}
.mTB30{margin-top:30px;margin-bottom:30px;}

/* 左右 */
.mRL0{margin-right:0px;margin-left:0px;}
.mRL6{margin-right:6px;margin-left:6px;}
.mRL12{margin-right:12px;margin-left:12px;}
.mRL18{margin-right:18px;margin-left:18px;}
.mRL24{margin-right:24px;margin-left:24px;}
.mRL30{margin-right:30px;margin-left:30px;}


/** [パディング] ************************************************************************/


/* 全て */
.p0{padding:0px;}
.p6{padding:6px;}
.p12{padding:12px;}
.p18{padding:18px;}
.p24{padding:24px;}
.p30{padding:30px;}

/* 上 */
.pT0{padding-top:0px;}
.pT6{padding-top:6px;}
.pT12{padding-top:12px;}
.pT18{padding-top:18px;}
.pT24{padding-top:24px;}
.pT30{padding-top:30px;}

/* 右 */
.pR0{padding-right:0px;}
.pR6{padding-right:6px;}
.pR12{padding-right:12px;}
.pR18{padding-right:18px;}
.pR24{padding-right:24px;}
.pR30{padding-right:30px;}

/* 下 */
.pB0{padding-bottom:0px;}
.pB6{padding-bottom:6px;}
.pB12{padding-bottom:12px;}
.pB18{padding-bottom:18px;}
.pB24{padding-bottom:24px;}
.pB30{padding-bottom:30px;}

/* 左 */
.pL0{padding-left:0px;}
.pL6{padding-left:6px;}
.pL12{padding-left:12px;}
.pL18{padding-left:18px;}
.pL24{padding-left:24px;}
.pL30{padding-left:30px;}

/* 上下 */
.pTB0{padding-top:0px;padding-bottom:0px;}
.pTB6{padding-top:6px;padding-bottom:6px;}
.pTB12{padding-top:12px;padding-bottom:12px;}
.pTB18{padding-top:18px;padding-bottom:18px;}
.pTB24{padding-top:24px;padding-bottom:24px;}
.pTB30{padding-top:30px;padding-bottom:30px;}

/* 左右 */
.pRL0{padding-right:0px;padding-left:0px;}
.pRL6{padding-right:6px;padding-left:6px;}
.pRL12{padding-right:12px;padding-left:12px;}
.pRL18{padding-right:18px;padding-left:18px;}
.pRL24{padding-right:24px;padding-left:24px;}
.pRL30{padding-right:30px;padding-left:30px;}


/** [テキスト横揃え] ********************************************************************/


.txtAR{text-align:right;}
.txtAL{text-align:left;}
.txtAC{text-align:center;}


/** [縦揃え] ****************************************************************************/


.vAT{vertical-align:top;}
.vAM{vertical-align:middle;}
.vAB{vertical-align:bottom;}


/** [フロート] **************************************************************************/


.left{float:left;}
.right{float:right;}
.clear{clear:both;}

.clearWH1{width:1px;height:1px;}


/** [表示状態] **************************************************************************/


.dispI{display:inline;}
.dispB{display:block;}
.dispN{display:none;}


/** [ボーダー] **************************************************************************/


/* 全て */
.bdB, .bdG{border:solid 1px;}

/* 上 */
.bdBT, .bdGT{border-top:solid 1px;}

/* 右 */
.bdBR, .bdGR{border-right:solid 1px;}

/* 下 */
.bdBB, .bdGB{border-bottom:solid 1px;}

/* 左 */
.bdBL, .bdGL{border-left:solid 1px;}

/* 上下 */
.bdBTB, .bdGTB{border-top:solid 1px;border-bottom:solid 1px;}

/* 左右 */
.bdBRL, .bdGRL{border-right:solid 1px;border-left:solid 1px;}

/* 色 */
.bdB, .bdBT, .bdBR, .bdBB, .bdBL, .bdBTB, .bdBRL{border-color:#000000;}
.bdG, .bdGT, .bdGR, .bdGB, .bdGL, .bdGTB, .bdGRL{border-color:#CCCCCC;}


/** [ボーダー非表示] **********************************************************/


/* 全て */
.bdN{border:none;}

/* 上 */
.bdNT{border-top:none;}

/* 右 */
.bdNR{border-right:none;}

/* 下 */
.bdNB{border-bottom:none;}

/* 左 */
.bdNL{border-left:none;}

/* 上下 */
.bdNTB{border-top:none;border-bottom:none;}

/* 左右 */
.bdNRL{border-right:none;border-left:none;}


/** [ボーダータイプ] **********************************************************/


/** [Solid] *********************************************************/


/* 全て */
.bdSSd{border-style:solid;}

/* 上 */
.bdSSdT{border-top-style:solid;}

/* 右 */
.bdSSdR{border-right-style:solid;}

/* 下 */
.bdSSdB{border-bottom-style:solid;}

/* 左 */
.bdSSdL{border-left-style:solid;}

/* 上下 */
.bdSSdTB{border-top-style:solid;border-bottom-style:solid;}

/* 左右 */
.bdSSdRL{border-right:solid-style;border-left-style:solid;}


/** [Dotted] ********************************************************/


/* 全て */
.bdSDo{border-style:dotted;}

/* 上 */
.bdSDoT{border-top-style:dotted;}

/* 右 */
.bdSDoR{border-right-style:dotted;}

/* 下 */
.bdSDoB{border-bottom-style:dotted;}

/* 左 */
.bdSDoL{border-left-style:dotted;}

/* 上下 */
.bdSDoTB{border-top-style:dotted;border-bottom-style:dotted;}

/* 左右 */
.bdSDoRL{border-right:dotted-style;border-left-style:dotted;}


/** [Dashed] ********************************************************/


/* 全て */
.bdSDs{border-style:dashed;}

/* 上 */
.bdSDsT{border-top-style:dashed;}

/* 右 */
.bdSDsR{border-right-style:dashed;}

/* 下 */
.bdSDsB{border-bottom-style:dashed;}

/* 左 */
.bdSDsL{border-left-style:dashed;}

/* 上下 */
.bdSDsTB{border-top-style:dashed;border-bottom-style:dashed;}

/* 左右 */
.bdSDsRL{border-right:dashed-style;border-left-style:dashed;}


/** [背景] ******************************************************************************/


.bgW{background-color:#FFFFFF;}
.bgG1{background-color:#999999;}
.bgG2{background-color:#CCCCCC;}
.bgG3{background-color:#EFEFEF;}
.bgB{background-color:#DBE6F6;}


/** [リスト] **************************************************************************/


/* ● */
.lsDt li{list-style:disc; margin-left:20px;}
html>/**/body .lsDt li{margin-left:18px;}

/* ○ */
.lsCc li{list-style:circle; margin-left:20px;}
html>/**/body .lsSc li{margin-left:18px;}

/* ■ */
.lsSq li{list-style:square; margin-left:20px;}
html>/**/body .lsSc li{margin-left:18px;}

/* 数字 */
.lsNm li{list-style:decimal; margin-left:28px;}
html>/**/body .lsNm li{margin-left:22px;}

/* マーク無 */
.lsN li{list-style:none; margin-left:0px;}


/* ネスト解除 */

/* ○ */
.lsCc .lsDt li{list-style:disc;}

/* ■ */
.lsSq .lsDt li{list-style:disc;}
.lsSq .lsCc li{list-style:circle;}
.lsSq .lsNm li{list-style:decimal;}

/* 数字配下 */
.lsNm .lsDt li{list-style:disc;}
.lsNm .lsCc li{list-style:circle;}
.lsNm .lsSq li{list-style:square;}


/** |02.Common Setting| ****************************************************************** START **/



/** [environment.css] **************************************************************************/
#areaHeader {
	margin-bottom: 10px;
}

#mainContents {
	width: 100%;
}

#mainContents .col13L {
	width: 150px;
	float: left;
	padding-bottom: 24px;
}

#mainContents .col13R {
	width: 540px;
	float: right;
	padding-bottom: 24px;
}

#mainContents .indent {
	margin-left: 1em;
	text-indent: -1em;
}
#mainContents .indent2 {
	margin-left: 2em;
	text-indent: -2em;
}