@charset "utf-8";

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

"EPSON"

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

supportテーブル関係CSS

Ver.200807xx

2010/02/22　中牟田　.spTable01 td{　に「word-wrap:break-word;」追加

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

このファイルはテーブル関係について記述されています。

01.spTable setting
基本テーブル設定

02.shuri table
修理サービス　サービス詳細お申し込みページ表　設定

03.hoshu table
保守サービス

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

/** |01.spTable setting | ********************************************* START **/

/* spTable01
 -------------------------------------------------- */
.spTable01, .spTable01 th, .spTable01 td {
	margin: 0;padding:0;border: 0;border-collapse:collapse;
}
.spTable01 {
	width:100%;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}
.spTable01 th{
	padding: 4px 5px;
	border-top:1px solid #E5E5E5;
	border-left:1px solid #CCCCCC;
	background-color:#F9F9F7;
	color:#666666;
	text-align: left;
}
.spTable01 thead th{
	border-top:1px solid #CCCCCC;
	border-left:1px solid #E5E5E5;
	background-color:#F6F6F6;
	text-align: center;
}
.spTable01 td{
	padding: 4px 5px;
	border-top:1px solid #E5E5E5;
	border-left:1px solid #E5E5E5;
	color:#666666;
	word-wrap:break-word;
}
.spTable01 thead th.first,
.spTable01 td.first{border-left:1px solid #CCCCCC;}
.spTable01 th.thead, .spTable01 td.thead{border-top:1px solid #CCCCCC;}
.spTable01 .note{color:#FF0000;}


/* spTable02
 -------------------------------------------------- */
.spTable02, .spTable02 th, .spTable02 td {
	margin: 0;padding:0;border: 0;border-collapse:collapse;
}
.spTable02 {
	width:100%;
	border-right:1px solid #BBBBBB;
	border-bottom:1px solid #BBBBBB;
}
.spTable02 th{
	padding: 4px 5px;
	border-top:1px solid #BBBBBB;
	border-left:1px solid #BBBBBB;
	background-color:#EDEDE7;
	color:#666666;
	line-height: 1.3;
	text-align: left;
}
.spTable02 thead th{
	background-color:#EDEDED;
	text-align: center;
}
.spTable02 td{
	padding: 4px 5px;
	border-top:1px solid #BBBBBB;
	border-left:1px solid #BBBBBB;
	color:#666666;
	line-height: 1.3;
}
.spTable02 thead th.first,
.spTable02 td.first{border-left:1px solid #BBBBBB;}
.spTable02 th.thead, .spTable01 td.thead{border-top:1px solid #BBBBBB;}
.spTable02 .even td,
.spTable02 td.even{background-color:#EDEDE7;}
.spTable02 .note{color:#FF0000;}
.spTable02 .wsNW{white-space:nowrap;}
.spTable02 th.txtAC{text-align: center;}

/* spTable03
 -------------------------------------------------- */
.spTable03, .spTable03 th, .spTable03 td {
	margin: 0;padding:0;border: 0;border-collapse:collapse;
}
.spTable03 {
	width:300px;
	border-right:1px solid #BBBBBB;
	border-bottom:1px solid #BBBBBB;
}
.spTable03 th{
	padding: 4px 5px;
	border-top:1px solid #BBBBBB;
	border-left:1px solid #BBBBBB;
	background-color:#EDEDE7;
	color:#666666;
	line-height: 1.3;
	text-align: left;
}
.spTable03 thead th{
	background-color:#EDEDED;
	text-align: center;
}
.spTable03 td{
	padding: 4px 5px;
	border-top:1px solid #BBBBBB;
	border-left:1px solid #BBBBBB;
	color:#666666;
	line-height: 1.3;
}
.spTable03 thead th.first,
.spTable03 td.first{border-left:1px solid #BBBBBB;}
.spTable03 th.thead, .spTable01 td.thead{border-top:1px solid #BBBBBB;}
.spTable03 .even td,
.spTable03 td.even{background-color:#EDEDE7;}
.spTable03 .note{color:#FF0000;}
.spTable03 .wsNW{white-space:nowrap;}
.spTable03 th.txtAC{text-align: center;}

/** |01.spTable setting | *********************************************** END **/



/** |02.shuri table | ********************************************* START **/

/* spShuriTable01
 -------------------------------------------------- */
.spShuriTable01, .spShuriTable01 th, .spShuriTable01 td {
	margin: 0;padding: 0;border: 0;border-collapse: collapse;
}
.spShuriTable01 {
	width:100%;
	border-top:1px solid #DDDDDD;
	border-left:1px solid #DDDDDD;
	border-bottom:1px solid #DDDDDD;
}
.spShuriTable01 th{
	padding: 4px 8px;
	border-bottom:1px solid #DDDDDD;
	border-right:1px solid #DDDDDD;
	background-color:#FBFBFB;
	color:#666666;
	text-align: left;
}
.spShuriTable01 td{
	padding: 4px 8px;
	border-right:1px solid #DDDDDD;
	color:#666666;
}
.spShuriTable01 td.first{
	padding: 4px 8px;
	border-right:none;
}
.spShuriTable01 .even td{background-color:#F8FBF3;}

/** |02.shuri table | *********************************************** END **/


/** |03.hoshu table | ********************************************* START **/

/* spHoshuTable01
 -------------------------------------------------- */
table.spHoshuTable01, table.spHoshuTable01 th, table.spHoshuTable01 td{border:1px solid #BBBBBB;}
table.spHoshuTable01 th.tit01{background-color:#FFCECE;}
table.spHoshuTable01 th.tit02{background-color:#DEE6EB;}

/* spHoshuTable02
 -------------------------------------------------- */
table.spHoshuTable02 th.sw01{background-color:#E4F0ED; border:1px solid #BBBBBB;}
table.spHoshuTable02 th.sw02{background-color:#F0E4E4; border:1px solid #BBBBBB;}
table.spHoshuTable02 th.sw03{background-color:#EAF0E4; border:1px solid #BBBBBB;}
table.spHoshuTable02 th.sw04{background-color:#DFF0E2; border:1px solid #BBBBBB;}

/* spHoshuTable03
 -------------------------------------------------- */
table.spHoshuTable03 {
	border-left:1px solid #BBBBBB;
	border-right:1px solid #BBBBBB;
}
table.spHoshuTable03 thead th {
	border-top:1px solid #BBBBBB;
}
table.spHoshuTable03 th.caption {
	width:100%;
	padding-left:8px;
	border-top:1px solid #BBBBBB;
	border-left:1px solid #BBBBBB;
	border-right:1px solid #BBBBBB;
	background-color:#FFFFE5;
	text-align:left;
}
table.spHoshuTable03 thead th.first {text-align:left;padding-left:8px;}
table.spHoshuTable03 th,
table.spHoshuTable03 td {padding:4px 5px 4px 8px;}




/** |03.hoshu table | *********************************************** END **/