@charset "utf-8";

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

"EPSON"

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

supportリスト関係CSS

Ver.200807xx

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

このファイルはリスト関係について記述されています。

01.Icon List Settings
アイコンつきリスト設定

02.Page Link List Settings
ページリンクリスト設定

03.Purpose List Settings
目的別リスト設定

04.Products List Settings
製品別リスト設定

05.Category List Settings
カテゴリ選択リスト設定

06.Model List Settings
型番選択リスト設定

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

/** |01.Icon List Settings| ********************************************* START **/

.support .icoLLink{
	background:transparent url("/common/img/ico_arrow.gif") no-repeat 0.4em 0.4em;
	padding-left:15px;
}
.support .icoLLinkW{
	background:transparent url("/common/img/ico_link.gif") no-repeat 0.1em 0.2em;
	padding-left:15px;
}
ul.icoLLinkLi li, ul.icoLLinkLi02 li{
	padding-left:15px;
	padding-bottom: 3px;
	background:url("/common/img/ico_arrow.gif") no-repeat 0.2em 0.4em;
}
/* Side Navigation */
.support .col31R .icoLLink, .support .col31R ul.icoLLinkLi li{
	padding-left:10px;
	background:url("/common/img/ico_arrow.gif") no-repeat 0 0.4em;
	line-height: 1.3;
}
/* フォントサイズ10px */
.support .txtS .icoLLink, .support .col31R .txtS .icoLLink{
	background:transparent url("/common/img/ico_arrow.gif") no-repeat 0.4em 0.4em;
	padding-left:15px;
	padding-bottom: 3px;
	line-height:1.3;
	text-indent:0;
}
.support .txtS .icoLLinkW, .support .col31R .txtS .icoLLinkW{
	background:transparent url("/common/img/ico_link.gif") no-repeat 0.1em 0.1em;
	padding-left:15px;
	padding-bottom: 3px;
	line-height:1.3;
	text-indent:0;
}
/* その他 */
ul.spNote li {
	line-height:1.4;
	padding-left:15px;
	padding-bottom: 3px;
	background:url("/support/common/images/disc.gif") no-repeat 0.5em 0.5em;
}
ul.spKome li {
	padding-left:1em;
	text-indent:-1em;
	line-height:1.4;
}
ul.spKomeNum.txtS li {
	padding-left:2em;
	text-indent:-2em;
	line-height:1.4;
}


/** |01.Icon List Settings| *********************************************** END **/


/** |02.Page Link List Settings| ********************************************************* START **/
/* アンカーリスト */
.listAncherIco{
	padding: 8px 0 20px;
	background:transparent url("/support/common/images/dot.gif") repeat-x 0 0;
}
.listAncherIco li{
	float:left;
	padding-right:15px;
}
.listAncherIco li.bmLE{
	float:left;
	padding-right:0;
}
.listAncherIco a:link, .listAncherIco a:visited, .listAncherIco a:hover, .listAncherIco a:active{
	background:url("/support/common/images/ico_arrow_ac.gif") no-repeat 0 50%;
	padding: 2px 2px 2px 13px;
}
/* アンカーリスト カテゴリつき */
.listAncherIco dl:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.listAncherIco dl {
	display: inline-table;
	/*\*/
	display: block;
	*height: 1%;
	/**/
	background:transparent url("/support/common/images/dot.gif") repeat-x 0 100%;
}
/* ニュース */
.support .newsList dd {
	background:url("/common/img/ico_arrow.gif") no-repeat 0 0.4em;
	padding-left:13px;
}
.support .newsList dd.icoLLinkW {
	background:url("/common/img/ico_link.gif") no-repeat 0 0.2em;
	padding-left:13px;
}

/** |02.Page Link List Settings| *********************************************************** END **/


/** |03.Purpose List Settings| ********************************************************** START **/

/* 2段 ------------------------------------------------------------ */
/* 枠なし(1：2) */
.listSPCol12L{
	display:block;
	width:182px;
	float:left;
}
.listSPCol12R{
	display:block;
	width:345px;
	float:left;
}
/* 枠あり(1：2) */
.spWrap .listSPCol12L {
	display:block;
	width:182px;
	margin-bottom: 8px;
	float:left;
}
.spWrap .listSPCol12R {
	display:block;
	width:310px;
	float:right;
}
/* 枠あり(1：1) */
.spWrap .listSPCol2L {
	display:block;
	width:250px;
	margin-bottom: 8px;
	float:left;
}
.spWrap .listSPCol2R {
	display:block;
	width:250px;
	margin-bottom: 8px;
	float:right;
}
/* 最優先FAQ */
ol.spFAQ {margin-top: 5px;}
ol.spFAQ li {list-style:decimal inside;margin-bottom:3px; padding-left:30px; text-indent:-15px;}
ol.spFAQ li img {vertical-align:-0.1em; margin-right:4px;}

/* 3段 ------------------------------------------------------------ */
/* 枠なし区切り線なし */
.spBGN .listSPCol3L{
	display:inline;
	width:166px;
	margin-right:15px;
	float:left;
}
.spBGN .listSPCol3R{
	display:inline;
	width:166px;
	float:right;
}
/* 枠なし区切り線あり */
.spBG .listSPCol3L{
	display:inline;
	width:166px;
	margin-right:15px;
	float:left;
}
.spBG .listSPCol3R{
	display:inline;
	width:166px;
	float:right;
}
/* 枠あり */
.spWrap .listSPCol3L{
	display:block;
	width:171px;
	float:left;
}
.spWrap .listSPCol3R{
	display:block;
	width:166px;
	float:left;
}
.spWrap ul.listSPCol3L li, .spWrap ul.listSPCol3R li{display:inline;zoom:1;}
.spWrap ul.listSPCol3L li a, .spWrap ul.listSPCol3R li a{margin-bottom:5px;}

/* 枠 + 区切り線あり */
.spWrapBG .listSPCol3L{
	display:block;
	width:166px;
	margin-right:9px;
	float:left;
}
.spWrapBG .listSPCol3C{
	display:block;
	width:166px;
	float:left;
}
.spWrapBG .listSPCol3R{
	display:block;
	width:166px;
	float:right;
}
/* li横並び ---------- */
/* 枠なし */
.listSPMenu01{zoom:1;}
.listSPMenu01 li{
	display:block;
	width:181px;
	padding-bottom:8px;
	float:left;
}
/* 枠あり */
.spWrap .listSPMenu01 li{
	display:block;
	width:166px;
	margin-right: 5px;
	padding-bottom:8px;
	float:left;
}
.listSPMenu01 li.bmLE, .spWrap .listSPMenu01 li.bmLE{
	width:166px;
	margin-right: 0;
	padding-bottom:8px;
	float:right;
}

/** |03.Purpose List Settings| *********************************************************** END **/


/** |04.Product List Settings| ********************************************************** START **/
/* 個人用の製品別 */
.spProdList{
	padding-top:8px;
}
.spProdList li{
	width:171px;
	padding-bottom:8px;
	float:left;
}
.spProdList li.bmLE{
	width:163px;
	padding-bottom:8px;
	float:left;
}
.spProdList li.widebtnL{
	width:255px;
	padding-bottom:8px;
	float:left;
}
.spProdList li.widebtnR{
	width:248px;
	padding-bottom:8px;
	float:left;
}
.spProdCol31L{width: 334px;}
.spProdCol31R{width: 163px;}

/* OS用の製品別 */
.ostaiou .spHead3bg{
	padding-bottom:8px;
	background-color:#FFFFFF;
}
.ostaiou .spBG01{
	margin-bottom:7px; zoom:1;
	background:transparent url(/support/common/images/bg_prod_dot01.gif) repeat-x 0 100%;}
.ostaiou .spBG02{
	margin-bottom:7px; zoom:1;
	background:transparent url(/support/common/images/bg_prod_dot02.gif) no-repeat 0 100%;}
.ostaiou .spBG03{
	margin-bottom:7px; zoom:1;
	background:transparent url(/support/common/images/bg_prod_dot01.gif) no-repeat 0 100%;}
.ostaiou .spBG04{
	margin-bottom:7px; zoom:1;
	background:transparent url(/support/common/images/bg_prod_dot03.gif) repeat-x 0 100%;}
.ostaiou .spBG05{
	margin-bottom:7px; zoom:1;
	background:transparent url(/support/common/images/bg_prod_dot04.gif) no-repeat 0 100%;}

.ostaiou .spBG06{
	margin-bottom:7px; zoom:1;
	background:transparent url(/support/common/images/bg_prod_dot05.gif) no-repeat 0 100%;}

.ostaiou .spProdOsList02R .spProdOsList{
	width:160px;
	padding-bottom:5px; margin-right:13px;
	float:left; display:inline;
}
.ostaiou .spProdOsList{
	width:166px;
	padding-bottom:5px; margin-right:13px;
	float:left; display:inline;
}
.ostaiou .spProdOsList li{
	line-height:1.2;
	}
.ostaiou .spProdOsList.bmLE{
	margin-right:0;
	}
.ostaiou .spProdOsList02{
	width:358px;
	float:left;
	display:inline;
	}
.ostaiou .spProdOsList02R{
	width:349px;
	float:left;
	display:inline;
	}
.ostaiou .spProdOsList15L{
	width:267px;
	float:left;
	display:inline;
	}
.ostaiou .spProdOsList15R{
	width:260px;
	float:left;
	display:inline;
	}
.ostaiou .spProdOsCol31L{
	width: 350px;
	float:left;
	}
.ostaiou .spProdOsCol31R{
	width: 170px;
	float:right;
	}

/** |04.Product List Settings| ************************************************************ END **/


/** |05.Category List Settings| ********************************************************** START **/
/* カテゴリ選択製品別 */
.spCatList dl:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.spCatList dl {
	display: inline-table;
	/*\*/
	display: block;
	*height: 1%;
	/**/
}
.spCatList dl {
	padding-top:3px;
	padding-bottom:4px;
}
.spCatList dt {
	width:65px;
	float:left;
}
.spCatList .spSW dt {width:110px;}
.spCatList dd{
	width:194px;
	padding-top:10px;
	float:left;
}
.spCatList .spSW dd{width:149px;}

/** |05.Category List Settings| ************************************************************ END **/


/** |06.Model List Settings| ********************************************************** START **/
/* 型番用 */
.spModelList h3 {margin-bottom:5px;}
.spModelList li{
	display:block;
	width:166px;
	margin-right: 5px;
	padding-bottom:3px;
	float:left;
}
.spModelList li.colSet2{width:337px;}
.spModelList li.colSet3{width:508px;}
.spModelList ul:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.spModelList ul {
	display: inline-table;
	/*\*/
	display: block;
	*height: 1%;
	/**/
}
.spModelList li p{
	padding-left:19px;
	background:transparent url(/common/img/ico_arrow.gif) no-repeat 0.4em 0.4em;
}
.spModelList li p.icoW{
	padding-left:19px;
	background:transparent url(/common/img/ico_link.gif) no-repeat 0.4em 0.4em;
}
.spModelList .top, .spModelList .topN{
	margin-top:5px;
	background:transparent url("/support/common/images/dot.gif") repeat-x 0 2px;
}
.spModelList .topN {padding:10px 0 10px;}
.spModelList li.colSet4{width:auto;}
.spModelList li.colSet5{width:250px;}


.lineset { font-size:12px; border-top:1px #666 solid; border-left:1px
#666 solid;}
.lineset th, .lineset td { padding:5px 10px; border-right:1px #666 solid; border-bottom:1px #666 solid;}


/** |06.Model List Settings| ************************************************************ END **/

/** |07.PC List Settings| ********************************************************** START **/
/* 型番用 */

div.spPcModelList h3 {
	background-color: #223BA1;
	color: #FFF;
	padding:3px 0 3px 12px;
}
.spPcModelList dl dt {
	background-color: #ACBCFB;
	color: #222;
	padding:3px 0 3px 12px;
}

.spPcModelList dl dd {
	padding:0;
}
.spPcModelList ul{
	margin:3px 0 3px 12px;
}
.spPcModelList li{
	float:left;
	display:inline;
	margin-right:1.3em;
	white-space:nowrap;
}
.spPcModelList ul {
	display: inline-table;
	/*\*/
	display: block;
	*height: 1%;
	/**/
}
.spPcModelList li p{
	padding-left:19px;
	background:transparent url(/common/img/ico_arrow.gif) no-repeat 0.4em 0.4em;
}
.spPcModelList li p.icoW{
	padding-left:19px;
	background:transparent url(/common/img/ico_link.gif) no-repeat 0.4em 0.4em;
}
.spPcModelList .top, .spPcModelList .topN{
	margin-top:5px;
	background:transparent url("/support/common/images/dot.gif") repeat-x 0 2px;
}
.spPcModelList .topN {padding:10px 0 10px;}
.spPcModelList li.colSet4{width:auto;}
.spPcModelList li.colSet5{width:250px;}

.spPcModelList ul:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/** |07.PC List Settings| ************************************************************ END **/