@charset "iso-8859-1";
/* -------------------------------------------------------------
################################################################
###                TDK Corporation Website CSS               ###
###        - for Electronic Compornents & Materials -        ###
################################################################
--------------------------------------------------------------*/


/* body
-----------------------------------------------------*/
body	{
		text-decoration:none;
		color:#000;
		background-color:#fff;
		}


/* background Color
-----------------------------------------------------*/
.bggry001 { background-color: #eeeeee; }
.bgblu001 { background-color: #e9f3f7; }

/* link_blankIcon
-----------------------------------------------------*/
.icBrws001	{
	vertical-align:text-top;
	}


/* categoryArea
-----------------------------------------------------*/
#cateName	{
	text-align: left;
	margin: 0px;
	padding: 0px;
	width: 600px;
	height: 23px;
	background: url(../images/proname_bg001.gif) #97bade repeat-x;
	clear: both;
	}
#cateName h2	{
	display: block;
	margin: 0px;
	padding: 6px 0px 0px 10px;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	clear: both;
	}
#cateName h2 #subTitle001	{
	font-weight: normal;
	}


h3.title	{
	display: block;
	text-align: left;
	margin: 0px;
	padding: 16px 0px 4px 0px;
	width: 600px;
	font-family: "MS UI Gothic", sans-serif;
	font-size: 128%;
	line-height: 1.3em;
	clear: both;
	}
h3.title#closelySpc	{
	padding: 0px 0px 4px 0px;
	}
h3.title small	{
	font-size: 80%;
	}

.ttLine001	{
	margin: 0px 0px 16px 0px;
	height: 2px;
	background: url(../images/ttline001.gif) repeat-x;
	clear: both;
	overflow: hidden;
	}


/* text
-----------------------------------------------------*/
.text {font-size: 10pt; line-height: 12pt; font-family: Helvetica, Arial; }

sup	{
	vertical-align: top;
	}
* html sup	{
	vertical-align: 0.4em;
	}
	
.text002	{
	font-size: 70%;
	line-height: 1.3em;
}

.curvedpgHead {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	border: thin #CCCCCC;
	color: #FFFFFF;
	font-weight: bold;
	text-indent: 5pt;
}

.portalpgHead {
	/*font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:medium;
	background-color: #0000FF;
	background-image: url(../images/background_header.png);
	background-repeat: repeat-y;
	background-color: #B4D3E7;
	border: thin #CCCCCC;
	color: #FFFFFF;
	font-weight: bold;
	text-indent: 5pt;*/

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:small;	
	background-image: url(../images/background_header35.png);
	background-repeat: repeat-y;
	background-color: #0046ad; /*B4D3E7*/ /*0000FF*/
	border: thin #CCCCCC;
	color: #FFFFFF;
	font-weight: bold;
	text-indent: 5pt;

}


/* cell color
-----------------------------------------------------*/
.bgwhite	{ background-color: #fff; }
.bgEcm001	{ background-color: #e9f3ff; }
.bgEcm002	{ background-color: #eee; }
.bgEcm003	{ background-color: #ddd; }
.bgEcm004	{ background-color: #999; }
.bgEcm005	{ background-color: #ccc; }


/* border
-----------------------------------------------------*/
.bdrEmc001	{ border: 3px double #b4cef3; }
.bdrEmc002	{ border: 1px solid #99c; }

/* line
-----------------------------------------------------*/
.ecmLine01	{
	display: block;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	width: 600px;
	height: 5px;
	background: url(../images/line002.gif) no-repeat;
	clear: both;
	overflow: hidden;
	}

.cl	{
	clear: both;
	}

.cl br { margin: 0px 0px 15px 0px;}

/* mainBody BG
-----------------------------------------------------*/
#contBg	{
	text-align: left;
	margin: 0px;
	padding: 0px;
	width: 760px;
	background: url(../images/ecm_lnv_bg.gif) repeat-y;
	}


/* sideNavi
-----------------------------------------------------*/
.ecmNvbg001	{
	background-color: #e5e5e5;
	}

ul.ecmNv001	{
	margin: 0px 0px 1px 0px;
	padding: 0px;
	width: 149px;
	list-style-type: none;
	background: #f6fbff url(../images/ecm_lnv_ssbg.gif) repeat-y;
	border-top: 1px solid #f6fbff;
	border-bottom: 1px solid #f6fbff;
	clear: both;
	}
ul.ecmNv001 li	{
	display: block;
	margin: 0px 2px 0px 7px;
	padding: 4px 0px 2px 0px;
	width: 140px;
	font-size: 12px;
	line-height: 1.4em;
	clear: both;
	}
ul.ecmNv001 li.topline	{
	padding: 6px 0px 2px 0px;
	font-size: 12px;
	background: url(../images/ecm_lnv_ssbg02.gif) no-repeat;
	}
ul.ecmNv001 li a	{
	display: block;
	padding: 0px 0px 0px 5px;
	width: 135px;
	overflow: hidden;
	}
ul.ecmNv001 li a:link,
ul.ecmNv001 li a:visited		{ color: #324a61; }
ul.ecmNv001 li a:hover			{ color: #f60; text-decoration: underline; }
ul.ecmNv001 li a:active			{ color: #f60; }

.ecmNvline001	{
	margin: 0px;
	padding: 0px;
	}


ul.ecmNv002	{
	margin: 0px 0px 1px 0px;
	padding: 0px;
	width: 149px;
	list-style-type: none;
	background: #ffffff url(../images/ecm_lnv_ssbg.gif) repeat-y;
	border-top: 1px solid #f6fbff;
	border-bottom: 1px solid #f6fbff;
	clear: both;
	}
ul.ecmNv002 li	{
	display: block;
	margin: 0px 2px 0px 7px;
	padding: 4px 0px 3px 0px;
	width: 140px;
	font-size: 12px;
	line-height: 1.2em;
	clear: both;
	}
ul.ecmNv002 li.topline	{
	padding: 6px 0px 3px 0px;
	font-size: 12px;
	background: url(../images/ecm_lnv_ssbg02.gif) no-repeat;
	}
ul.ecmNv002 li a	{
	display: block;
	padding: 0px 0px 0px 5px;
	width: 135px;
	overflow: hidden;
	}
ul.ecmNv002 li a:link		{ color: #369; }
ul.ecmNv002 li a:visited	{ color: #69c; }
ul.ecmNv002 li a:hover		{ color: #f60; text-decoration: underline; }
ul.ecmNv002 li a:active		{ color: #f60; }



/*=====================================================
  INDEX : /tjbca01/index.htm
=====================================================*/
/* link
-----------------------------------------------------*/
.proLink001	{
	display: block;
	margin: 0px;
	padding: 8px 0px 8px 17px;
	font-size: 9pt;
	line-height: 1.2em;
	background: url(../images/icon_002.gif) no-repeat;
	clear: both;
	}
.proLink001 a:link			{ color: #6685a3; }
.proLink001 a:visited		{ color: #6685a3; }
.proLink001 a:hover			{ color: #f60; text-decoration: underline; }
.proLink001 a:active		{ color: #f60; }



/*=====================================================
  product_portal
=====================================================*/
.ecmPorlst	{
	display: block;
	text-align: left;
	margin: 0px 0px 10px 16px;
	padding: 0px;
	width: 284px;
	clear: both;
	}
.ecmPorlst img	{
	margin: 0px;
	padding: 0px;
	float: left;
	clear: both;
	}

.ecmPorlstM	{
	dispaly: block;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px;
	width: 235px;
	background: url(../images/bca11_bg003.gif) repeat-y;
	float: right;
	}

.ecmPorlstT,
.ecmPorlstB	{
	display: block;
	margin: 0px;
	padding: 0px;
	width: 235px;
	height: 5px;
	clear: both;
	overflow: hidden;
	}
.ecmPorlstT	{ background: url(../images/bca11_bg001.gif) no-repeat; }
.ecmPorlstB	{ background: url(../images/bca11_bg002.gif) no-repeat; }

.ecmPorlstM a	{
	display: block;
	margin: 0px 0px 0px 5px;
	padding: 5px 5px 5px 16px;
	font-weight: bold;
	line-height: 1.2em;
	background: url(../images/icon_004.gif) no-repeat;
	background-position: left center;
	overflow: hidden;
	clear: both;
	}
.ecmPorlstM a:link			{ color: #369; }
.ecmPorlstM a:visited		{ color: #369; }
.ecmPorlstM a:hover			{ color: #f60; text-decoration: none; }
.ecmPorlstM a:active		{ color: #f60; }



/*=====================================================
  related_links
=====================================================*/
/* title
-----------------------------------------------------*/
.ecmLinks	{
	text-align: left;
	margin: 10px 0px;
	padding: 0px 0px 10px 0px;
	width: 600px;
	border-bottom: 1px dotted #ccc;
	clear: both;
	}
.ecmLinks p	{
	display: block;
	margin: 0px;
	padding: 2px 0px 2px 10px;
	width: 445px;
	border-left: 3px solid #ccc;
	float: right;
	}
.ecmLinks p.txt		{
	line-height: 1.5em;
	}
.ecmLinks .ecmBnrArea	{
	text-align: center;
	margin: 0px;
	padding: 6px 0px;
	width: 140px;
	float: left;
	}

/*=====================================================
  application_guide_Index �F /teapl01/index.htm
=====================================================*/

h3.ecmAp01	{
	padding: 4px;
	font-size: 0.95em;
	font-weight: bold;
	background-color: #eee;
}

.ecmApLst001	{
	margin-bottom: 30px;
}

.ecmApLst001 ul	{
	margin: 0 0 0 10px;
	padding: 0;
	width: 590px;
	list-style: none;
}

.ecmApLst001 ul li	{
	float: left;
	margin: 0px 0px 5px 0px;
	padding: 1px;
	width: 292px;
	height: 48px;
	background: url(../images/aplbg001.gif) 0 2px no-repeat;
}

.ecmApLst001 ul li a:link		{ color: #369; ; } /*369*/
.ecmApLst001 ul li a:visited	{ color: #69c; }
.ecmApLst001 ul li a:hover		{ color: #0046AD;} /*f60*/
.ecmApLst001 ul li a:active		{ color: #0046AD;} /*f60*/

.ecmApLsttxt,
.ecmApLsttxt02	{
	font-family: Helvetica, Arial;
	display: block;
	vertical-align: middle;
	margin: 6px 0 0 52px;
	font-size: 75%; 
	font-weight: bold;
	line-height:120%;
	background: url(../images/icon_002.gif) no-repeat; /*icon_001*/
	background-position: left center;
}

.ecmApLsttxt	{
	padding: 6px 0px 5px 14px;
}

.ecmApLsttxt02	{
	padding: 0px 0px 5px 14px;
}

.ecmApLst001 ul li img.thumb01	{
	float: left;
	margin: 0px 6px 2px 0px;
}


.ecmApLst001 ul li a:hover img.thumb01	{
	margin: -1px 5px -1px -1px;
	border: 1px solid #f60;
}



/*=====================================================
  product_portal: product_page
=====================================================*/
/* title
-----------------------------------------------------*/
h4	{
	margin: 0px;
	padding: 0px;
	clear: both;
	overflow: hidden;
	}
h4#tOutlne	{
	width: 600px;
	height: 34px;
	}
h4#tCatarog	{
	margin: 0px 0px 10px 0px;
	width: 310px;
	height: 100px;
	}
h4#tSearch	{
	width: 310px;
	height: 33px;
	}
/*-- forIE6 --*/
* html body h4#tCatarog {
	margin: 0px;
	}


/* product_outline
-----------------------------------------------------*/
#outlne	{
	text-align: left;
	margin: 0px;
	padding: 14px 16px 10px 14px;
	clear: both;
	overflow: hidden;
	}

#outlne1 {
	text-align: left;
	margin: 0px;
	padding: 14px 16px 10px 14px;
	clear: both;
	overflow: hidden;
	}
	
#outlne img	{
	margin: 0px 14px 10px 0px;
	padding: 0px;
	/*width: 176px;
	height: 150px;*/
	float: left;
	}
#outlne p.rt		{
	margin: 0px;
	padding: 0px;
	width: 380px;
	line-height: 1.4em;
	float: right;
	}


/* number_search
-----------------------------------------------------*/
.listBase002 ul	{
	display: block;
	text-align: left;
	margin: 0px 4px 10px 4px;
	padding: 0px;
	list-style-type: none;
	clear: both;
	}
	
.listBase002 ul li	{
	display: block;
	margin: 0px;
	padding: 9px 0px 10px 8px;
	width: 292px;
	background: url(../images/ecm11_line002.gif) repeat-x;
	clear: both;
	}
	
.searchTxt001	{
	font-size: 90%;
	color: #667481;
	font-weight: bold;
	}

.listBase002 ul li a	{
	display: block;
	margin: 6px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
	line-height: 1.3em;
	background: url(../images/icon_002.gif) no-repeat; /* icon_001.gif*/
	clear: both;
	
	}
	


.listBase002 ul li a:link		{ color: #036; } /*#036; */
.listBase002 ul li a:visited	{ color: #36c; }
.listBase002 ul li a:hover		{ color: #0046AD; /*text-decoration: underline;*/ background: url(../images/icon_002.gif) no-repeat; }  /* f60  icon_001.gif*/
.listBase002 ul li a:active		{ color: #0046AD; } /* f60*/
.listBase002 ul li a img 		{ text-decoration: none;} 

#proSearch002	{
	display: block;
	text-align: center;
	margin: 2px 4px;
	padding: 13px 0px;
	width: 300px;
	/*	height: 61px;*/
	background-color: #EBEBEB; /*#f4f2f7;*/
	clear: both;
	}
#proSearch002 table	{
	margin: 0px auto;
	clear: both;
	}
#proSearch003	{
	border: 1px solid #6699cc;
	}
#srchPname02	{
	margin: 0px 2px 0px 0px;
	width: 232px;
	height: 20px;
	font-size: 10pt;
	border: solid 1px #ccc;
	ime-mode: inactive;
	}
form	{
	clear: both;
	}


/*-- Heads --*/
.ecm11Right ul li.head01 a	{
	display: block;
	margin: 0px;
	padding: 0px 0px 9px 95px;
	height: 70px;
	background: url(../images/bck01002.jpg) no-repeat;
	clear: both;
	overflow: hidden;
	}
.ecm11Right ul li.head02 a	{
	display: block;
	margin: 0px;
	padding: 0px 0px 9px 95px;
	height: 70px;
	background: url(../images/bck01003.jpg) no-repeat;
	clear: both;
	overflow: hidden;
	}

.ecm11Right ul li.head03 a	{
	display: block;
	margin: 0px;
	padding: 0px 0px 9px 95px;
	height: 70px;
	background: url(../images/bck01004.jpg) no-repeat;
	clear: both;
	overflow: hidden;
	}

/* right_area title
-----------------------------------------------------*/
.uptRgt001,
.btmtRgt001	{
	margin: 0px;
	padding: 0px;
	width: 270px;
	height: 5px;
	clear: both;
	overflow: hidden;
	}
.uptRgt001	{
	background: url(../images/ecm11_bg002.gif) no-repeat;
	}
.btmtRgt001	{
	background: url(../images/ecm11_bg004.gif) no-repeat;
	}
.tRgt001	{
	display: block;
	text-align: left;
	margin: 0px;
	padding: 0px;
	width: 270px;
	background: url(../images/ecm11_bg003.gif) repeat-y;
	clear: both;
	overflow: hidden;
	}
.tRgt001 h4	{
	margin: 0px;
	padding: 2px 11px;
	font-size: 78%;
	font-weight: bold;
	color: #50526a;
	line-height: 1.3em;
	}

.ecm11Right	{
	display: block;
	text-align: left;
	margin: 0px;
	padding: 0px 0px 8px 0px;
	width: 270px;
	clear: both;
	}
.ecm11Right ul	{
	display: block;
	text-align: left;
	margin: 8px 2px 0px 2px;
	padding: 0px;
	list-style-type: none;
	line-height: 1.5em
	clear: both;
	}
.ecm11Right ul li.line	{
	padding: 12px 0px 0px 0px;
	background: url(../images/ecm11_line001.gif) no-repeat;
	}

.ecm11Right ul li.line2	{
	padding: 12px 0px 0px 0px;
	background: url(../images/ecm11_line002.gif) repeat-x;
	}
	
.ecm11Right ul li.line2blg	{
	padding: 0px 0px 0px 0px;
	background: url(../images/ecm11_line002.gif) repeat-x;
	}


.ecm11Right ul li.nosummary01	{
	padding: 0px 0px 10px 0px;
	}
.ecm11Right ul li a	{
	display: block;
	margin: 0px;
	padding: 0px 0px 0px 14px;
	background: url(../images/icon_002.gif) no-repeat; /*icon_001.gif*/
	clear: both;
	overflow: hidden;
	}
	
.ecm11Right ul li a:link	{ color: #369; }
.ecm11Right ul li a:visited	{ color: #69c; }
.ecm11Right ul li a:hover	{ color: #0046ad; /*text-decoration: underline;*/ background: url(../images/icon_002.gif) no-repeat; } /*f60* icon_001*/
.ecm11Right ul li a:active	{ color: #0046ad; }

.ecm11Right .summary01	{
	display: block;
	text-align: left;
	margin: 4px 0px 10px 14px;
	padding: 0px;
	font-size: 8pt;
	color: #666;
	line-height: 1.6em;
	clear: both;
	}
	
.cl#rightLine	{
	display: block;
	width: 270px;
	height: 1px;
	background: url(../images/ecm11_line001.gif) no-repeat;
	clear: both;
	}

/* left_area title
-----------------------------------------------------*/
.uptLft001,
.btmtLft001	{
	margin: 0px;
	padding: 0px;
	width: 310px;
	height: 5px;
	clear: both;
	overflow: hidden;
	}
.uptLft001	{
	background: url(../images/ecm11_bg005.gif) no-repeat;
	}
.btmtLft001	{
	background: url(../images/ecm11_bg007.gif) no-repeat;
	}
.tLft001	{
	display: block;
	text-align: left;
	margin: 0px;
	padding: 0px;
	width: 310px;
	background: url(../images/ecm11_bg006.gif) repeat-y;
	clear: both;
	overflow: hidden;
	}
.tLft001 h4	{
	margin: 0px;
	padding: 2px 11px;
	font-size: 78%;
	font-weight: bold;
	color: #50526a;
	line-height: 1.3em;
	}

.ecm11Left	{
	display: block;
	text-align: left;
	margin: 0px;
	padding: 0px 0px 8px 0px;
	width: 310px;
	clear: both;
	}
.ecm11Left ul	{
	display: block;
	text-align: left;
	margin: 8px 2px 0px 2px;
	padding: 0px;
	list-style-type: none;
	line-height: 1.5em
	clear: both;
	}
.ecm11Left ul li.line	{
	padding: 12px 0px 0px 0px;
	background: url(../images/ecm11_line002.gif) repeat-x;
	}
.ecm11Left ul li.nosummary01	{
	padding: 0px 0px 10px 0px;
	}
.ecm11Left ul li a	{
	display: block;
	margin: 0px;
	padding: 0px 0px 0px 14px;
	background: url(../images/icon_001.gif) no-repeat;
	clear: both;
	overflow: hidden;
	}
.ecm11Left ul li a:link		{ color: #369; }
.ecm11Left ul li a:visited	{ color: #69c; }
.ecm11Left ul li a:hover		{ color: #f60; text-decoration: underline; }
.ecm11Left ul li a:active	{ color: #f60; }

.ecm11Left .summary01	{
	display: block;
	text-align: left;
	margin: 4px 0px 10px 14px;
	padding: 0px;
	font-size: 8pt;
	color: #666;
	line-height: 1.6em;
	clear: both;
	}
.cl#leftLine	{
	display: block;
	overflow: hidden;
	width: 310px;
	height: 1px;
	background: url(../images/ecm11_line003.gif) no-repeat;
	clear: both;
	}

/* topic path :
-----------------------------------------------------*/
#topicPath	{
	display: block;
	text-align: left;
	margin: 0px 0px 1px 0px;
	padding: 0px;
	width: 760px;
/*	height: 26px;*/
	background: url(../images/ecm_tpath_bg.gif) repeat-x;
	clear: both;
	}
#tptxt001	{
	display: block;
	margin: 0px;
	padding: 8px 0px 0px 18px;
	width: 740px;
	font-size: 10px;
	color: #999;
	line-height: 1.2em;
	background: url(../images/ecm_tpic_001.gif) no-repeat;
	clear: both;
	}
#tptxt002	{
	color: #666;
	}
#tptxt001 a:link,
#tptxt001 a:visited		{ color: #369; }
#tptxt001 a:hover			{ color: #f60; text-decoration: underline; }
#tptxt001 a:active		{ color: #f60; }