@charset "Shift_JIS";

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

"EPSON"

FAQ 共通CSS

Ver.2008010xx

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

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

01.Common Setting
共通設定

02.Layout Pattern Settings
レイアウトパターン設定

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

/** |01.Common Setting| ********************************************************* START **/

.faq h1, .faq h2, .faq p, .faq form {
	margin: 0;
	padding: 0;
	text-indent:0;
}
.faq ul, .faq ol, .faq li, .faq dl, .faq dt, .faq dd {
	list-style: none;
	margin: 0;
	padding: 0;
}
.faq img, .faq a img {
	border: none;
	text-decoration: none;
	background: transparent;
}

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

.faq .txtS{font-size:10px;}
.faq .txtM{font-size:12px;}
.faq .txtB{font-size:14px;}

.faq h1{font-size:18px;}

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

.faq sup{vertical-align: 0.3em;}
.faq sub{vertical-align: bottom;}

/** [文字色] ********************************************************************/
.faq h1, .faq h2, .faq h3, .faq p,.faq span, .faq li, .faq dt, .faq dd,
.faq strong, .faq th, .faq td, .faq label{
	color:#333333;
}

/** [背景] **************************************************************************/
.spWrap{border:2px solid #DDDDDD; zoom:1;}

/** [マージン] **************************************************************************/
/* 上 */
.faq .mT6{margin-top:6px;}
.faq .mT8{margin-top:8px;}
.faq .mT10{margin-top:10px;}
.faq .mT12{margin-top:12px;}
.faq .mT18{margin-top:18px;}
.faq .mT20{margin-top:20px;}
.faq .mT24{margin-top:24px;}
.faq .mT30{margin-top:30px;}

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

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

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

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

/** [テキスト横揃え] ********************************************************************/
.txtAR{text-align:right;}
.txtAL{text-align:left;}
.txtAC{text-align:center;}

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

/** [リスト] ********************************************************************/
ul.icoLLinkLi li{
	padding-left:15px;
	padding-bottom: 3px;
	background:url("../images_faq/ico_arrow.gif") no-repeat 0.2em 0.4em;
}

/** [幅] ********************************************************************************/
.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%;}

/** |01.Common Setting| *********************************************************** END **/


/** |02.Layout Pattern Settings| ********************************************************* START **/

ul.btRel{ float:right;}
ul.btRel li{
	float:left; display:inline;
	margin-left:6px;
}
.spHead2{ float:left;}
#areaContents .headline{
	background:transparent url("../images_faq/bg_tit.gif") no-repeat 0 0;
}
#areaContents .col31L .headline, #areaContents .col13R .headline{
	background:transparent url("../images_faq/bg_tit_s.gif") no-repeat 0 0;
}
#areaContents .headline h2 {
	margin:0 0 0 1em;
	padding :9px 0 8px;
	color:#333333;
	line-height: 1.1;
}
.col31R{
	float:right;
	width:185px;
	line-height:0;
}
.col31R ul li{
	margin-bottom:5px;
	line-height:0;
	font-size:0;
}

.faq p.top{
	margin:0;
	padding:24px 10px;
	font-size:10px;
	color:#666666;
	text-align:right;
}
.faq p.top img{
	margin-right:4px;
	vertical-align:0.2em;
}
.faq p.top a:link, .faq p.top a:visited, .faq p.top a:hover, .faq p.top a:active{
	color:#666666;
	text-decoration:none;
}
.faq .back{
	margin:0;
	padding:20px 0 0 0;
}

/** |02.Layout Pattern Settings| *********************************************************** END **/