@charset "utf-8";

@import "import_base.css";
@import "import_layout.css";


/* Page Title
----------------------------------------------------------------------------*/
#contents h2 {
	display: block;
	width: 598px;
	height: 45px;
	margin-left: 38px;
	margin-bottom: 32px;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
}
#contents.rex h2		{ background-image: url( ../images/h2_rex.gif ); }
#contents.rey h2		{ background-image: url( ../images/h2_rey.gif ); }
#contents.pbf h2		{ background-image: url( ../images/h2_pbf.gif ); }
#contents.rnc h2		{ background-image: url( ../images/h2_rnc.gif ); }
#contents.thr h2		{ background-image: url( ../images/h2_thr.gif ); }
#contents.rdm_rlm h2	{ background-image: url( ../images/h2_rdm_rlm.gif ); }
#contents.rtm h2		{ background-image: url( ../images/h2_rtm.gif ); }
#contents.ras h2		{ background-image: url( ../images/h2_ras.gif ); }
#contents.rad h2		{ background-image: url( ../images/h2_rad.gif ); }
#contents.rlc h2		{ background-image: url( ../images/h2_rlc.gif ); }
#contents.rlcs h2		{ background-image: url( ../images/h2_rlcs.gif ); }
#contents.rml h2		{ background-image: url( ../images/h2_rml.gif ); }
#contents.rd_rds h2		{ background-image: url( ../images/h2_rd_rds.gif ); }
#contents.mf h2			{ background-image: url( ../images/h2_mf.gif ); }
#contents.rmg h2		{ background-image: url( ../images/h2_rmg.gif ); }
#contents.srmg h2		{ background-image: url( ../images/h2_srmg.gif ); }
#contents.rlf_rlfs h2	{ background-image: url( ../images/h2_rlf_rlfs.gif ); }
#contents.rsdf h2		{ background-image: url( ../images/h2_rsdf.gif ); }
#contents.rwb h2		{ background-image: url( ../images/h2_rwb.gif ); }
#contents.rsb h2		{ background-image: url( ../images/h2_rsb.gif ); }
#contents.rwf h2		{ background-image: url( ../images/h2_rwf.gif ); }
#contents.rmo h2		{ background-image: url( ../images/h2_rmo.gif ); }
#contents.rf h2			{ background-image: url( ../images/h2_rf.gif ); }
#contents.rgh h2		{ background-image: url( ../images/h2_rgh.gif ); }
#contents.rha h2		{ background-image: url( ../images/h2_rha.gif ); }

#contents.index h2 {
	width: 733px;
	height: 51px;
	margin-left: 38px;
	background: url( ../images/h2_product.gif ) no-repeat left top;
	text-indent: -9999px;
}


/* Contents Element
----------------------------------------------------------------------------*/
.contents_element {
	width: 704px;
	margin: 24px auto 0 auto;
	padding-bottom: 32px;
}

.contents_element h3 {
	width: 704px;
	height: 33px;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
}
#introduction h3 		{ background-image: url( ../images/h3_introduction.jpg ); }
#style_construction h3	{ background-image: url( ../images/h3_style_construction.jpg ); }
#dimensions_rating h3	{ background-image: url( ../images/h3_dimensions_rating.jpg ); }
#dimensions h3			{ background-image: url( ../images/h3_dimensions.jpg ); }
#rating h3				{ background-image: url( ../images/h3_rating.jpg ); }
#name_composition h3	{ background-image: url( ../images/h3_name_composition.jpg ); }
#features h3			{ background-image: url( ../images/h3_features.jpg ); }
#characteristics h3		{ background-image: url( ../images/h3_characteristics.jpg ); }
#jumper_chip h3			{ background-image: url( ../images/h3_jumper_chip.jpg ); }
#tcr h3					{ background-image: url( ../images/h3_tcr.jpg ); }
#melf_jumper h3			{ background-image: url( ../images/h3_melf_jumper.jpg ); }
#rml h3					{ background-image: url( ../images/h3_melf_jumper.jpg ); }
#color_code h3			{ background-image: url( ../images/h3_color_code.jpg ); }
#tcr_rml h3				{ background-image: url( ../images/h3_tcr_rml.jpg ); }
#circuit h3				{ background-image: url( ../images/h3_circuit.jpg ); }
#circuit_2 h3			{ background-image: url( ../images/h3_circuit.jpg ); }
#current_rating h3		{ background-image: url( ../images/h3_current_rating.jpg ); }
#number_pl h3			{ background-image: url( ../images/h3_number_pl.jpg ); }
#custom h3				{ background-image: url( ../images/h3_custom.jpg ); }

.contents_element p {
	width: auto;
	margin-top: 12px;
	
	text-align: justify;
	_text-justify: distribute;
	
	font-size: 77%;
	line-height: 140%;
}

.contents_element p.notes {
	text-align: right;
}


/* PDF
----------------------------------------------------------------------------*/
#pdf {
	width: 146px;
	height: 32px;
	position: absolute;
	left: 637px;
	top: 52px;
	background: url( ../images/btn_pdf.gif ) no-repeat left top;
}

#pdf a {
	display: block;
	width: 146px;
	height: 32px;
	cursor: pointer;
}
#pdf span {
	display: block;
	position: absolute;
	left: 38px;
	top: 11px;
	color: #666666;
	font-size: 11px;
}

#pdf a:link,
#pdf a:visited {
	background: none;
}
#pdf a:link span,
#pdf a:visited span {
	color: #666666;
}

#pdf a:active,
#pdf a:hover {
	background: url( ../images/btn_pdf_over.gif ) no-repeat left top;
}
#pdf a:active span,
#pdf a:hover span {
	color: #FF0000;
}


/* Introduction
----------------------------------------------------------------------------*/
#introduction p {
	width: auto;
	margin: 16px 8px;
	font-size: 77%;
	line-height: 150%;
}


/* Style and Construction
----------------------------------------------------------------------------*/
#style_construction table {
	margin: 16px 0 16px 4px;
	width: auto;
}

#style_construction thead th {
	width: auto;
	height: 18px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: left top;
}
#style_construction thead th.construction { background-image: url( ../images/dt_construction.gif ); }
#style_construction thead th.style        { background-image: url( ../images/dt_style.gif ); }


/* Table Data
----------------------------------------------------------------------------*/
table.common_format {
	width: 100%;
	
	margin-top: 16px;
	border-top: #AEB67C 1px solid;
	border-left: #AEB67C 1px solid;
	border-bottom: #AEB67C 1px solid;
	border-right: 0;
	border-collapse: separete;
	border-spacing: 0;
	empty-cells: show;
	
	color: #333333;
	font-size: 77%;
	font-weight: normal;
}

#circuit_2 table {
	width: 180px;
	
	margin-top: 16px;
	border-top: #AEB67C 1px solid;
	border-left: #AEB67C 1px solid;
	border-bottom: #AEB67C 1px solid;
	border-right: 0;
	border-collapse: separete;
	border-spacing: 0;
	empty-cells: show;
	
	color: #333333;
	font-size: 77%;
	font-weight: normal;
}

table.common_format thead {
	background: #EDEEE1 url( ../images/bg_product_th.gif ) repeat-x left top;
}

table.common_format thead th.start {
	background: #E7E8DB url( ../images/bg_product_th_start.gif ) repeat-x left top;
}

table.common_format thead th {
	padding: 8px 4px;
	border-top: #F9F9F5 1px solid;
	border-left: #F9F9F5 1px solid;
	border-right:  #AEB67C 1px solid;
	border-bottom:  #AEB67C 1px solid;
	
	text-align: center;
}

table.common_format thead .sub th {
	border-top: 0;
}

table.common_format tbody th,
table.common_format tbody td {
	padding: 6px 4px;
	margin-left: 1px;
	border-top: 0;
	border-bottom: 0;
	border-left: #F9F9F5 1px solid;
	border-right:  #AEB67C 1px solid;
}

table.common_format tbody th {
	background-color: #F4F5E9;
}
table.common_format tbody .even th {
	background-color: #E4E8CC;
}

table.common_format tbody td {
	background-color: #FFFFFF;
	
	text-align: center;
}
table.common_format tbody .even td {
	background-color: #F4F5EB;
}

/* Text Align */
#dimensions_rating table tbody th,
#dimensions table tbody th,
#rating table tbody th,
#tcr table tbody th,
#melf_jumper table tbody th,
#circuit table tbody th,
#circuit_2 table tbody th,
#characteristics table tbody th,
#color_code table tbody th,
#tcr_rml table tbody th,
#jumper_chip table tbody th {
	text-align: left;
}
#current_rating table tbody th,
#number_pl table tbody th {
	text-align: center;
}

/* Cell Extend */
table.common_format tbody th.odd {
	background-color: #F4F5E9;
}
table.common_format tbody th.even {
	background-color: #E4E8CC;
}

table.common_format tbody td.odd {
	background-color: #FFFFFF;
}
table.common_format tbody td.even {
	background-color: #F4F5EB;
}

table.common_format tbody td.cell_border_bottom {
	border-bottom: #CED2B0 1px solid;
}

/* Plus Minus */
table.common_format td.plus_minus {
	/* width:style.js */
}
table.common_format td.plus_minus dl {
	margin: 0 auto;
	/* clearfix */
	zoom: 100%;
}
/* clearfix */
table.common_format td.plus_minus dl:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1px;
	line-height: 0;
	clear: both;
}
table.common_format td.plus_minus dt {
	padding-top: 0.5em;
	float: left;
}
table.common_format td.plus_minus dd {
	float: right;
}

.product_bg01 {
	background-color: #F4F5E9 !important;
}
.product_bg02 {
	background-color: #E4E8CC !important;
}
.product_bg03 {
	background-color: #F4F5E9;
}


/* Circuit_2
----------------------------------------------------------------------------*/

/* clearfix */
#circuit_2 .circuit_box:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1px;
	line-height: 0;
	clear: both;
}

#circuit_2 .c_2 {
border-bottom:  #AEB67C 1px solid;
}

.circuit_l {
	padding: 0px 0px 0px 30px;
	float: left;
	width: 180px
}

.circuit_c {
	padding: 0px 0px 0px 50px;
	float: left;
	width: 180px
}

.circuit_r {
	padding: 0px 30px 0px 50px;
	float: left;
	width: 180px
}


/* Composition of Name
----------------------------------------------------------------------------*/
#name_composition table {
	width: 100%;
	
	table-layout: fixed;
	
	margin-top: 16px;
	border-collapse: collapse;
	empty-cells: show;
	
	color: #333333;
	line-height: 100%;
}

#name_composition table thead th {
	width: auto;
	height: 24px;
	padding-left: 11px;
	background: #E9E9E0 url( ../images/bg_name_th_split.gif ) repeat-y left top;
	
	font-weight: bold;
	font-size: 77%;
	text-align: center;
}

#name_composition table thead th.first {
	padding-left: 1px;
	background: #E9E9E0 url( ../images/bg_name_th_first.gif ) repeat-y left top;
}

#name_composition table tbody {
	font-weight: normal;
	font-size: 77%;
	text-align: center;
}

#name_composition table tbody td {
	padding: 8px 8px 4px 19px;
	background: url( ../images/bg_name_td_split.gif ) repeat-y left top;
	
	vertical-align: top;
}

#name_composition table tbody td.first {
	padding: 8px 8px 4px 9px;
	background: none;
}

#name_composition table tbody td p {
	display: block;
	margin: 0 auto;
	text-align: left;
	font-size: 100%;
}


/* Common Information
----------------------------------------------------------------------------*/
#common_info {
	width: 640px;
	height: 25px;
	padding: 20px 32px;
	margin: 24px auto 0px auto;
	background: url( ../images/bg_common_information.gif ) no-repeat left top;
}
#common_info ul,
#common_info li {
	display: block;
	height: 25px;
}
#common_info ul {
	position: relative;
}
#common_info li {
	position: absolute;
	top: 0px;
}

#common_info li.packaging		 { left: 0px;	width: 75px; }
#common_info li.lead_forming	 { left: 100px;	width: 85px; }
#common_info li.color_code		 { left: 211px;	width: 97px; }
#common_info li.resistance_value { left: 334px; width: 125px; }
#common_info li.cautions_terms	 { left: 483px;	width: 160px; }

#common_info li a.html,
#common_info li a.pdf {
	display: block;
	height: 25px;
	position: absolute;
	top: 0px;
	text-indent: -9999px;
}

#common_info li a.pdf {
	left: 0px;
	width: 20px;
	background: url( ../images/common_pdf.gif ) no-repeat left top;
}
#common_info li a.pdf:hover,
#common_info li a.pdf:active {
	background: url( ../images/common_pdf_active.gif ) no-repeat left top;
}
#common_info li a.html {
	left: 20px;
	background-repeat: no-repeat;
	background-position: center top;
}
#common_info li.packaging a.html		{ width: 55px;	background-image: url( ../images/link_packaging.gif ); }
#common_info li.lead_forming a.html		{ width: 65px;	background-image: url( ../images/link_lead_forming.gif ); }
#common_info li.color_code a.html		{ width: 77px;	background-image: url( ../images/link_color_code.gif ); }
#common_info li.resistance_value a.html { width: 105px;	background-image: url( ../images/link_resistance_value.gif ); }
#common_info li.cautions_terms a.html	{ width: 140px;	background-image: url( ../images/link_cautions_terms.gif ); }


/* Features / Custom
----------------------------------------------------------------------------*/
.dot_list {
	margin-top: 15px;
	display: block;
	/* clearfix */
	zoom: 100%;
}
/* clearfix */
.dot_list:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1px;
	line-height: 0;
	clear: both;
}

.dot_list li {
	white-space: nowrap;
	background: url(../images/ic_en.gif) no-repeat 10px center;
	padding: 0px 0px 0px 20px;
	float: left;
	
	font-size: 77%;
	line-height: 140%;
}