@charset "utf-8";

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

"EPSON"

Cascading Style Sheet Setting File
/products/surepress/common/css/common.css

SurePress共通CSS

Ver.201006xx

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

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

01.Import Settings
インポート設定

02.Common Setting
共通設定

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





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


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

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

/* ナビゲーション関係CSS */
@import url("/products/surepress/common/css/navi_utf8.css");

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

/* 購入前の注意・使用限定ボタン用CSS */
@import url("/products/surepress/common/css/topnavi_utf8.css");


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


/** |02.Common Setting| ****************************************************************** START **/
/** [フォント] **************************************************************************/
*{font-family:"メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, Osaka-等幅, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;}

body:first-of-type .txtS{font-size:7.5pt;}
body:first-of-type .txtM{font-size:8.5pt;}
body:first-of-type .txtB{font-size:10pt;}

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

*:first-child+html .txtM{
	font-size:8.5pt;
}

html>/**/body	.txtM{
	font-size /*\**/:8.5pt\9
}

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

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

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

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

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

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

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

/* 上 */
.mT3{margin-top:3px;}
.mT5{margin-top:5px;}
.mT7{margin-top:7px;}
.mT10{margin-top:10px;}
.mT21{margin-top:21px;}
.mT24{margin-top:24px;}
.mT15{margin-top:15px;}
.mT30{margin-top:30px;}

/* 下 */
.mB5{margin-bottom:5px;}
.mB10{margin-bottom:10px;}
.mB15{margin-bottom:15px;}
.mB30{margin-bottom:30px;}

/* 左 */
.mL8{margin-left:8px;}
.mL10{margin-left:10px;}
.mL15{margin-left:15px;}
.mL25{margin-left:25px;}
.mL30{margin-left:30px;}
.mL45{margin-left:45px;}

/* 右 */
.mR10{margin-right:10px;}
.mR15{margin-right:15px;}


/** [パディング] ************************************************************************/
/* 全て */
.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;}

/* 上 */
.pT21{padding-top:21px;}
.pT15{padding-top:15px;}
.pT30{padding-top:30px;}

/* 下 */
.pB15{padding-bottom:15px;}
.pB30{padding-bottom:30px;}

/* 左 */
.pL1em{padding-left:1em;}
.pL1Hem{padding-left:1.5em;}
.pL2em{padding-left:2em;}
.pL2Hem{padding-left:2.5em;}
.pL3em{padding-left:3em;}
.pL3Hem{padding-left:3.5em;}
.pL4em{padding-left:4em;}
.pL4Hem{padding-left:4.5em;}
.pL5em{padding-left:5em;}
.pL5Hem{padding-left:5.5em;}
.pL5{padding-left:5px;}
.pL10{padding-left:10px;}
.pL15{padding-left:15px;}
.pL25{padding-left:25px;}
.pL30{padding-left:30px;}

/* 右 */
.pR5{padding-right:5px;}
.pR10{padding-right:10px;}
.pR15{padding-right:15px;}

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


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

/** [テキストインデント] ********************************************************************/
.tI-1em{text-indent:-1em;}
.tI-1Hem{text-indent:-1.5em;}
.tI-2em{text-indent:-2em;}
.tI-2Hem{text-indent:-2.5em;}
.tI-3em{text-indent:-3em;}
.tI-3Hem{text-indent:-3.5em;}
.tI-4em{text-indent:-4em;}
.tI-4Hem{text-indent:-4.5em;}
.tI-5em{text-indent:-5em;}
.tI-5Hem{text-indent:-5.5em;}
/** [ボーダー] **************************************************************************/


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

/** [文字色] ********************************************************************/
.emphasize{color:#3775A4;}
.cl_red{color:#ff0000;}

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

/** [罫線] **************************************************************************/
.dottedline{
	background:url("/products/surepress/common/images/line_back.gif") no-repeat bottom center;
}

/** [背景] **************************************************************************/
.bgN{
	background:none!important;
}

/** |02.Common Setting| ****************************************************************** START **/ #areaContents img{
	vertical-align:bottom;
}

/* clearfix */

.clearfix:after{
	content: "";
	display: block;
	clear: both;
	height: 0.1px;
}

* html .clearfix{ display: inline-block; }

/* no ie mac \*/
* html .clearfix{ height: 1%; }
.clearfix{ display: block; }
/* */

/* clearfix for IE7*/

*:first-child+html .clearfix{
  zoom:1;
}



/* お問い合わせ */

.faq_web {
	line-height:2;
	font-weight:normal;
	font-size:172%; /* font-size:24px */
	color: #091e8b;
	font-weight:bold;
}

.ico {
		padding:12px 2px;
}

/** [アンカー] **************************************************************************/

dt {font-weight: normal;}

a:link{
	color:#000099;
	text-decoration:none;
}

a:visited{
	color:#000099;
	text-decoration:none;
}

a:hover{
	color:#FF3300;
	text-decoration:underline;
}

a:active{
	color:#FF3300;
	text-decoration:underline;
}