@charset "utf-8";

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

"EPSON"

Cascading Style Sheet Setting File
/support/common/css/common_utf8.css

support共通CSS

Ver.200807xx

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

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

01.Import Settings
インポート設定

02.Common Setting
共通設定

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

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


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

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

/* 表関係CSS */
@import url("/support/common/css/table_utf8.css");

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


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

/** [ボーダー] **************************************************************************/
.spWrap{border:2px solid #CCCCCC; zoom:1;}
.spWrapP02{background-color:#F4FCEA; border:2px solid #CFE4B1; zoom:1;} /* 製品サポート */
.spWrapP04{background-color:#FBFBE3; border:2px solid #FFFF99; zoom:1;} /* お問い合わせ */
.spWrapP05{background-color:#FFF9F7; border:2px solid #FFCCCC; zoom:1;} /* 導入支援・保守 */
.spWrapP14{background-color:#f9f7e7; border:2px solid #ffcc99; zoom:1;} /* おうちプリント */
.spWrapPmax{background-color:#F6F8FA; border:2px solid #D9E3EC; zoom:1;} /* MAXART */

/* 各カテゴリ帯 */
.spBarP01{border-top:2px solid #0099FF; padding:8px 0 2px;} /* ダウンロード */
.spBarP02{border-top:2px solid #AAD003; padding:8px 0 2px;} /* 製品サポート */
.spBarP03{border-top:2px solid #D595B7; padding:8px 0 2px;} /* 修理 */
.spBarP04{border-top:2px solid #FF6666; padding:8px 0 2px;} /* 導入支援・保守 */
.spBarP05{border-top:2px solid #FFCC00; padding:8px 0 2px;} /* お問い合わせ */
.spBarP06{border-top:2px solid #FF9900; padding:8px 0 2px;} /* 製品登録 */
.spBarP07{border-top:2px solid #99CCCC; padding:8px 0 2px;} /* 消耗品 */
.spBarP08{border-top:2px solid #CCCCCC; padding:8px 0 2px;} /* ソフトウェア */

/* 下 */
.spbdDB{border-bottom:1px solid #DEDEDE;}

/** [背景] **************************************************************************/
.spBGshuri{background-color:#F9F6FB;} /* 修理 */
.spBGhoshu{background-color:#F1F4F5;} /* 導入支援・保守 */

/* 各カテゴリ */
.spBGP02{background-color:#F1FBE3;} /* FAQ */
.spBGP03{background-color:#F0E3F4;} /* 修理 */
.spBGP04{background-color:#FBFBE3;} /* お問い合わせ */
.spBGP05{background-color:#F3F6F7;} /* 導入支援・保守 */
.spWrapBG{
	background-image:url("/support/common/images/bg_dot3col01.gif");
	background-repeat:repeat-y;
	background-position:center 0;
}
.spBG{
	background-image:url("/support/common/images/bg_dot3col02.gif");
	background-repeat:repeat-y;
	background-position:0 0;
}
.spWrapBG02{
	background-image:url("/support/common/images/dot.gif");
	background-repeat:repeat-y;
	background-position:center 0;
}

/** [点線] **************************************************************************/
.dotLineT{
	padding-top: 8px;
	background:transparent url("/support/common/images/dot.gif") repeat-x 0 2px;
}
.dotLineB{
	background:transparent url("/support/common/images/dot.gif") repeat-x 0 100%;
}
.dotLineR{
	background:transparent url("/support/common/images/dot.gif") repeat-y 100% 0;
}
.dotLineL{
	background:transparent url("/support/common/images/dot.gif") repeat-y 0;
}

/** [マージン] **************************************************************************/
/* 上 */
.mT3{margin-top:3px;}
.mT4{margin-top:4px;}
.mT5{margin-top:4px;}
.mT10{margin-top:10px;}
.mT20{margin-top:20px;}

/* 下 */
.mB5{margin-bottom:5px;}
.mB8{margin-bottom:8px;}
.mB10{margin-bottom:10px;}
.mB16{margin-bottom:16px;}

/* 右 */
.mR4{margin-right:4px;}

/** [パディング] ************************************************************************/
/* 全て */
.p4{padding:4px;}
.p8{padding:8px;}
.p10{padding:10px;}

/* 上 */
.pT2{padding-top:2px;}
.pT3{padding-top:3px;}
.pT4{padding-top:4px;}
.pT5{padding-top:5px;}
.pT10{padding-top:10px;}
.pT20{padding-top:20px;}

/* 下 */
.pB3{padding-bottom:3px;}
.pB4{padding-bottom:4px;}
.pB5{padding-bottom:5px;}
.pB8{padding-bottom:8px;}

/* 左 */
.pL4{padding-left:4px;}
.pL10{padding-left:10px;}
.pL14{padding-left:14px;}

/* 右 */
.pR4{padding-right:4px;}
.pR10{padding-right:10px;}
.pR14{padding-right:14px;}

/* 左右 */
.pRL5{padding-right:5px;padding-left:5px;}
.pRL8{padding-right:8px;padding-left:8px;}
.pRL10{padding-right:10px;padding-left:10px;}

/* 上下 */
.pTB5{padding:5px 0;}
.pTB8{padding:8px 0;}


/* 上下左 */
.pTBL4{padding:4px 0 4px 4px;}

/* 上左右 */
.pTRL8{padding:8px 8px 0;}
.pTRL10{padding:10px 10px 0;}

/** [フォントサイズ] ********************************************************************/
.txtM .txtS{font-size:85%;}
.txtT .txtB{font-size:120%;}

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

.support sup{vertical-align: 0.3em;}

/** [文字色] ********************************************************************/
.support p, .support span, .support li,
.support dt, .support dd, .support strong,
.support h2, .support h3{
	color:#666666;
}
.support a:link span, .support .head2S a:link {
	color:#0066CC;
	text-decoration:none;
}
.support a:visited span, .support .head2S a:visited {
	color:#0066CC;
	text-decoration:none;
}
.support a:hover span, .support .head2S a:hover {
	color:#FF3300;
	text-decoration:underline;
}

.support a:active span, .support .head2S a:active {
	color:#FF3300;
	text-decoration:underline;
}

.emphasize{color:#3775A4;}
.sptitEn{font-family: Arial, Helvetica;}

/** [文字装飾] **************************************************************************/
.fUnder{text-decoration:underline;}

/** [高さ] ********************************************************************/
.clearF1{font-size:1px;line-height:0;}
.clearHF1{height:1px;font-size:1px;line-height:0;}

.lhEm2_5{line-height:2.5em;}
.hEm2_5{height:2.5em;}
html>body .hEm2_5{
	height:auto;
	min-height:2.5em;
}
.hEm5{height:5em;}
html>body .hEm5{
	height:auto;
	min-height:5em;
}

/** [画像余白調節] **************************************************************************/
.head2S img.vAM{
	margin-right:0;
	vertical-align:middle;
}
html>/**/body .head2S img.vAM{vertical-align:middle;}

.head2S img.vAMinfo{
	margin-right:4px;
	vertical-align:-0.2em;
}

/** [お知らせ一覧/support/backnumber_info/用] **************************************************************************/

/*ボックス全体*/
.accbox {
    margin: 2em 0;
    padding: 0;
    max-width: 960px;/*最大幅*/
}

/*ラベル*/
.accbox label {
    display: block;
    margin: 1.5px 0;
    padding : 13px 12px;
    color: #333;
    font-weight: bold;
    background: #ececec;;
    cursor :pointer;
    transition: all 0.5s;
}

/*ラベルホバー時*/
.accbox label:hover {
    background :#ccc;
}

/*チェックは隠す*/
.accbox input {
    display: none;
}

/*中身を非表示にしておく*/
.accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.cssacc:checked + label + .accshow {
    height: auto;
    padding: 5px;
    opacity: 1;
}

.accbox .accshow p {
    margin: 15px 10px}

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