@charset "utf-8";

/* >>> READ ME : START <<< ---------------------------

"EPSON device Semicon(English) default.css"

Cascading Style Sheet Setting File
/device/semicon_e/common/css/default.css

Last Updata: 090217

------------------------------------------------------

>>> Table of Contents :
   01. HTML Elements Style
   02. Main Contents
   04. table Settings

-- >>> READ ME : END <<< --------------------------- */


/* 01. HTML Elements Style
================================================== */

/* 01-0
---------------------------------------- */
body {
	font-family:Arial,Helvetica,Tahoma,Verdana,sans-serif;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
}



/* 01-1 Main Layout
---------------------------------------- */

body {background:#FFFFFF;}
.headCategory {
    margin-top:0;!important
	display:inline;}
#contentsHead {width:780px; padding:10px;}
#HEAD { line-height:0;!important}
/* for IE6 */
* html #contentsHead {width:800px; padding:10px;} 




/* 01-2 Link Style
---------------------------------------- */
.ico_arr {
    padding:2px 0px 2px 10px;
	background: url("../img/ic_arr.gif") no-repeat 1px 6px;}
.ico_anv {
    padding:2px 0px 2px 10px;
	background: url("../img/ic_anv.gif") no-repeat 1px 6px;}
.ico_bl {
    padding:2px 0px 2px 20px;
	background: url("../img/ic_bl.gif") no-repeat 3px 4px;}
.ico_pdf {
    padding:5px 0px 3px 20px;
	background: url("../img/ic_pdf.gif") no-repeat 0px 2px;}
.ico_mag {
    padding:2px 0px 2px 18px;
	background: url("../img/ic_mag.gif") no-repeat 0px 2px;}
.ico_zip {
    padding:5px 0px 3px 20px;
	background: url("../img/ic_zip.gif") no-repeat 0px 2px;}


.toTop, .close {
    display:block; padding:8px 0px;	text-align:right;}
.toTop a {
    padding:2px 0px 2px 10px;
	background: url("../img/ic_ptop.gif") no-repeat left center;
	font-size:85%;
	color:#666666;
	text-decoration:none;}
.toTop a:visited {color:#666666;}
.toTop a:hover {color:#666666;}

.close a {
    padding:2px 0px 2px 14px;
	background: url("../img/ic_close.gif") no-repeat left center;}




/* 02. Main Contents
================================================== */

/* 02-1 H1 Style
---------------------------------------- */
.head1 {
	width:100%;
	padding-top:1px;
	background:url("/common/img/h_bar.gif") repeat-y left top;
	font-weight:bold;}
.head1 h1 {
    padding-left:8px;
	font-size:100%;
	color:#666666;}
.head1 h1 .txtS_h1 {
    font-size:80%;
	color:#666666;} 


/* 02-2 Box Style
---------------------------------------- */
/* class="boxLink" (white) */
.boxLink {
	padding:10px 5px 10px 5px;
	background:#ffffff;
	border:1px solid #cccccc;}

/* class="boxLink2" (blue) */
.boxLink2 {
	padding:10px 5px 10px 5px;
	background:#eef2f4;
	border:solid 1px #cccccc;}

/* Use for delete border-top of boxLink,boxLink2 */
.bdNT {border-top:none;}

.box_text {
    margin:12px 0 0 6px;}

.box_caution p {
    padding-left:18px;
	text-indent:-18px;}


/* 02-3 List Style
---------------------------------------- */
ul.list_arr {
	margin:0px 0px 0px 0px;
	padding:0px;
	list-style:none;}
ul.list_anv {
    margin:0px;
	padding:0px;
	list-style:none;}

ul.list_anv li {
    padding:1px 0px 1px 10px;
	background: url("../img/ic_anv.gif") no-repeat 1px 5px;}
ul.list_anv li.arr	{
    background: url("../img/ic_arr.gif") no-repeat 1px 5px;}

ul.list_arr li {
    padding:1px 0px 1px 10px;
	background: url("../img/ic_arr.gif") no-repeat 1px 5px;}
ul.list_arr li.anv	{
    background: url("../img/ic_anv.gif") no-repeat 1px 5px;}
ul.list_arr li.now {
    background-image:url("../img/ic_now.gif");}


/* 02-4 Other Settings
---------------------------------------- */
.notes {color:#ff5b01;}
.bdDtT	{	background:url("../img/line_dx1.gif") repeat-x top;	}

p.ttl_bar {
	margin-top:18px;
	padding:3px 3px 3px 24px;
	text-indent:-16px;
	line-height:20px;
	font-weight:bold;
	background-color:#DBE6F6;}
.fRed {
    color:#FF0000;}
.m0A {margin:0 auto;}

/* box_green(use at About Us: Earth friendly product information) */
.box_green {
    width:368px;
	border:solid 1px #76C7B7;
	margin:0 auto;}

img.news_data {
    vertical-align:-3px;
	margin-left:5px;}

.colorG {color:#666666;}


/* 04. table Settings
================================================== */
table.tableStyle01,table.tableStyle02 {width:100%; border:1px solid #cccccc; border-right:none; border-top:none;}

.tableStyle01 th,.tableStyle01 td {
    height:1.8em;
	padding:1px 5px 0 5px;
	border-top:1px solid #cccccc;
	border-right:1px solid #cccccc;
	text-align:center;
	background-color:#f6f7f7;}
/* class="tableStyle02" (Download) */
.tableStyle02 th,.tableStyle02 td {
	padding:3px 5px 3px 5px;
	border-top:1px solid #cccccc;
	border-right:1px solid #cccccc;
	text-align:left;
	background-color:#f9f5ec;}
/* class="tableStyle03" (other) */
.tableStyle03 th, .tableStyle03 td {
    vertical-align:top;}
.tableStyle03 th {
    font-weight:bold;
	text-align:right;
	padding-right:6px;
	white-space: nowrap;}

/* class="lv1" (darkgray) */
tr.lv1 th,tr.lv1 td,
th.lv1, td.lv1 {background-color:#E2E2E2;}

/* class="lv2" (blue) */
tr.lv2 th,tr.lv2 td,
th.lv2, td.lv2 {background-color:#e2f1f6;}

/* class="lv3" (gray) */
th.lv3,td.lv3 {background-color:#ebebeb;}

/* class="data_dl",class="data_dl02" (beige) */
th.data_dl,td.data_dl {background-color:#f9f5ec;}
th.data_dl02,td.data_dl02 {background-color:#f9f5ec; border-right:none;}
th.data_dl,td.data_dl,th.data_dl02,td.data_dl02 {padding:5px 3px 3px 3px;}

/* class="txtAL" (align_left) */
.tableStyle01 th.txtAL,.tableStyle01 td.txtAL,
.tableStyle03 th.txtAL,.tableStyle03 td.txtAL {text-align:left;}

/* ico_arr */
.tableStyle01 .ico_arr {
    padding:2px 0px 2px 12px;
	background: url("../img/ic_arr.gif") no-repeat 1px 4px;}


/* 05. PopupWindow Settings
================================================== */
body#popup {
    background:#FFFFFF;}

body#popup .popupContents {
    margin:15px 15px 20px 15px;
	width:800px;}
body#popup .toolContents {
    margin:15px 15px 20px 15px;}
body#popup #FOOT {
    padding-bottom:20px;}
