/* CSS Document */

body{
	margin:0;
	padding:0;
	font-size:12px;
	line-height:1.5em;
	color:#333333;
	height:100%;
	background:#FFFFFF url(../images/bg.gif) 0 0 repeat-x;
}
img{
	padding:0;
	margin:0;
	border-width:0;
}
form{
	padding:0;
	margin:0;
}
#wrap{
	width:800px;
	height:100%;
	margin:0 auto;
}
/*******************COMMON*/
.hide{
	position:absolute;
	top:-9999px;
	left:-99999px;
}
.spacer{
	clear:both;
}
.myborder{
	clear:both;
	background:#DDDDDD;
	color:#DDDDDD;
	border-width:0;
	height:1px;
	width:96%;
}
.myborder100{
	clear:both;
	background:#DDDDDD;
	color:#DDDDDD;
	border-width:0;
	height:1px;
	width:100%;
}
.spliter{
	clear:both;
	border-width:0;
	height:20px;
	width:100%;
	margin:0;
	visibility:hidden;
}
.totop{
	height:20px;
	margin-top:20px;
	margin-bottom:20px;
}
.totop a{
	display:block;
	height:20px;
	width:141px;
	background:#FFFFFF url(../images/btn_totop.gif) 0 0 no-repeat;
	text-indent:-9999px;
	float:right;
	margin:0;
	padding:0;
}
.totop a:hover{
	background-image: url(../images/btn_totop_over.gif);
}
.caution{
	color:#CC0000;
}
.lead{
	color:#E66B19;
	font-size:14px;
	line-height:2em;
	border-bottom:1px solid #CCCCCC;
}
.description{
	padding:10px;
}
.charger{
	color:#CC0000;
}
.bg-div{
	background:#FFFFFF url(../images/content_bg_div.gif) 0 57px repeat-x;
}
.bg{
	background:#FFFFFF url(../images/content_bg.gif) 0 57px repeat-x;
}
/***************************************************** A */
a{
	padding:2px;
	color:#3366CC;
	text-decoration:none;
}
a:link{
	color:#333333;
	text-decoration:none;
}
a:hover{
	color:#009DE1;
	text-decoration:underline;
}
a:active{
	color:#009DE1;
	text-decoration:underline;
}
a:visited{
	color:#333333;
}
/***************************************************** A */

/*******************HEADER*/
#header{
	width:800px;
	height:100px;
	margin:0 auto;
}
#header #mainlogo{
	display:block;
	width:600px;
	height:100px;
	background:transparent url(../images/logo.gif) 0 0 no-repeat;
	float:left;
	text-indent:-9999px;
}
#header #enlogo{
	display:block;
	width:148px;
	height:48px;
	background:transparent url(../images/enlogo.gif) 0 0 no-repeat;
	float:right;
	text-indent:-9999px;
}
#header #english{
	display:block;
	width:101px;
	height:20px;
	background:transparent url(../images/btn_en.gif) 0 0 no-repeat;
	float:right;
	margin-top:5px;
	text-indent:-9999px;
}
#header a#english:hover{
	background-image:url(../images/btn_en_over.gif);
}
#header #contact{
	display:block;
	width:101px;
	height:20px;
	background:transparent url(../images/btn_contact_blue.gif) 0 0 no-repeat;
	float:right;
	margin-top:0px;
	text-indent:-9999px;
}
#header a#contact:hover{
	background-image:url(../images/btn_contact_over.gif);
}
/*******************CONTENT*/
.artcontact .contact{
	margin:0;
	padding:0 0 10px 0;
	display:block;
	width:101px;
	height:20px;
	background:transparent url(../images/btn_contact_blue.gif) 0 0 no-repeat;
	float:right;
	margin-top:0px;
	text-indent:-9999px;
}
.artcontact  a.contact:hover{
	background-image:url(../images/btn_contact_over.gif);
}
#maincatch{
	color:#666666;
	line-height:1.5em;
	font-size:18px;
}
#stage{
	margin:0 auto;
	clear:both;
	background-color:#DDDDDD;
	padding:0 1px 0 1px;
}
#content{
	clear:both;
	background-color:#FFFFFF;
}
#swfSpace{
	margin:0;
	padding:0;
	background-color:#DDDDDD;
	padding-bottom:1px;
}
#box{
	padding:10px 20px;
}
#left{
	width:500px;
	float:left;
}
#right{
	width:240px;
	float:right;
}

#content-header{
	padding-top:22px;
	background:transparent url(../images/h_line_navy.gif) 0 bottom repeat-x;
}
#content-header .content-title{
	height:38px;
	background:transparent url(../images/h_companyprofile.gif) 0 0 no-repeat;
	text-indent:-9999px;
	line-height:1em;
	margin:0;
	padding:0;
}
#content-header .content-title#manufacturers-list{
	background:transparent url(../images/h_manu.gif) 0 0 no-repeat;
}
#content-header .content-title#company-profile{
	background:transparent url(../images/h_companyprofile.gif) 0 0 no-repeat;
}
#content-header .content-title#company-philosophy{
	background:transparent url(../images/h_philosophy.gif) 0 0 no-repeat;
}
#content-header .content-title#art{
	background:transparent url(../images/h_art.gif) 0 0 no-repeat;
}
#content-header .content-title#webedi{
	background:transparent url(../images/h_webedi.gif) 0 0 no-repeat;
}
#content-header .content-title#stock{
	background:transparent url(../images/h_stocksearch.gif) 0 0 no-repeat;
}
#content-header .content-title#inquiry{
	background:transparent url(../images/h_inquiry.gif) 0 0 no-repeat;
}
#content-header .content-title#system{
	background:transparent url(../images/h_system.gif) 0 0 no-repeat;
}
#content-header .content-title#semicon{
	background:transparent url(../images/h_semicon.gif) 0 0 no-repeat;
}
#content-header .content-title#contact{
	background:transparent url(../images/h_contact.gif) 0 0 no-repeat;
}
#content-left{
	width:180px;
	float:left;	
}
#content-left .content{
	padding:20px 0 20px 20px ;
	
}
#content-left .content ul{
	padding:0;
	margin:0;
	list-style-type:none;
}
#content-left .content ul li{
	padding:0;
	margin:0 0 10px 0;
}
#content-left .content#philosophy ul li  a{
	padding:0;
	margin:0;
	display:block;
	height:50px;
	background:transparent url(../images/side_philosophy.gif) 0 0 no-repeat;
	text-indent:-9999px;
}
#content-left .content ul li#philosophy  a{
	padding:0;
	margin:0;
	display:block;
	height:50px;
	background:transparent url(../images/side_philosophy.gif) 0 0 no-repeat;
	text-indent:-9999px;
}
#content-left .content#philosophy ul li  a:hover{
	background-position:0 bottom;
}
#content-left .content#profile ul li  a{
	padding:0;
	margin:0;
	display:block;
	height:50px;
	background:transparent url(../images/side_profile.gif) 0 0 no-repeat;
	text-indent:-9999px;
}
#content-left .content ul li#profile  a{
	padding:0;
	margin:0;
	display:block;
	height:50px;
	background:transparent url(../images/side_profile.gif) 0 0 no-repeat;
	text-indent:-9999px;
}
#content-left .content#profile ul li  a:hover{
	background-position:0 bottom;
}
#content-left .content#maker ul li  a{
	padding:0;
	margin:0;
	display:block;
	height:50px;
	background:transparent url(../images/side_maker.gif) 0 0 no-repeat;
	text-indent:-9999px;
}
#content-left .content ul li#maker  a{
	padding:0;
	margin:0;
	display:block;
	height:50px;
	background:transparent url(../images/side_maker.gif) 0 0 no-repeat;
	text-indent:-9999px;
}
#content-left .content#maker ul li  a:hover{
	background-position:0 bottom;
}
#content-left .content#stock ul li  a{
	padding:0;
	margin:0;
	display:block;
	height:50px;
	background:transparent url(../images/side_stock.gif) 0 0 no-repeat;
	text-indent:-9999px;
}
#content-left .content#stock ul li  a:hover{
	background-position:0 bottom;
}
#content-left .content#inquiry ul li  a{
	padding:0;
	margin:0;
	display:block;
	height:50px;
	background:transparent url(../images/side_inquiry.gif) 0 0 no-repeat;
	text-indent:-9999px;
}
#content-left .content#inquiry ul li  a:hover{
	background-position:0 bottom;
}
#content-left .content#system .graph{
	background:transparent url(../images/graph_system.jpg) 0 0  no-repeat;
	height:480px;
}
#content-left .content#system{
	padding:40px 0 0 20px ;
}
#content-left .content#semicon .graph{
	background:transparent url(../images/graph_semicon.jpg) 0 0  no-repeat;
	height:480px;
}
#content-left .content#semicon{
	padding:40px 0 0 20px ;
}
#content-right{
	width:600px;
	float:right;	
}
#content-right .content{
	padding:20px;
	
}
#content-box .content{
	padding:20px;
	
}
/*******************NAVIGATION*/
div#navigation{
	clear:both;
	height:40px;
	background:#999999;
}
div#navigation ul{
	list-style-type:none;
	list-style-position:inside;
	margin:0;
	padding:0;
	height:37px;
}
div#navigation ul li{
	list-style-type:none;
	float:left;
	margin:0;
	padding:0;
	height:37px;
}
div#navigation ul li a{
	display:block;
	height:37px;
	text-indent:-9999px;
	margin:0;
	padding:0;
}
div#navigation ul li a:hover{
	background-position:bottom;
}
div#navigation ul li#semiconductor a{
	background:transparent url(../images/nav_semiconductor.gif) 0 0 no-repeat;
	width:127px;
}
div#navigation ul li#semiconductor a.now{
	background:transparent url(../images/nav_semiconductor_over.gif) 0 0 no-repeat;
	width:127px;
}
div#navigation ul li#semiconductor a:hover{
	background-image:url(../images/nav_semiconductor_over.gif);
}
div#navigation ul li#system a{
	background:transparent url(../images/nav_system.gif) 0 0 no-repeat;
	width:143px;
}
div#navigation ul li#system a.now{
	background:transparent url(../images/nav_system_over.gif) 0 0 no-repeat;
	width:143px;
}
div#navigation ul li#system a:hover{
	background-image:url(../images/nav_system_over.gif);
}
div#navigation ul li#company a{
	background:transparent url(../images/nav_company.gif) 0 0 no-repeat;
	width:121px;
}
div#navigation ul li#company a.now{
	background:transparent url(../images/nav_company_over.gif) 0 0 no-repeat;
	width:121px;
}
div#navigation ul li#company a:hover{
	background-image:url(../images/nav_company_over.gif);
}
div#navigation ul li#philosophy a{
	background:transparent url(../images/nav_philosophy.gif) 0 0 no-repeat;
	width:122px;
}
div#navigation ul li#philosophy a.now{
	background:transparent url(../images/nav_philosophy_over.gif) 0 0 no-repeat;
	width:122px;
}
div#navigation ul li#philosophy a:hover{
	background-image:url(../images/nav_philosophy_over.gif);
}
div#navigation ul li#stock a{
	background:transparent url(../images/nav_stock.gif) 0 0 no-repeat;
	width:148px;
}
div#navigation ul li#stock a.now{
	background:transparent url(../images/nav_stock_over.gif) 0 0 no-repeat;
	width:148px;
}
div#navigation ul li#stock a:hover{
	background-image:url(../images/nav_stock_over.gif);
}
div#navigation ul li#art a{
	background:transparent url(../images/nav_art.gif) 0 0 no-repeat;
	width:95px;
}
div#navigation ul li#art a.now{
	background:transparent url(../images/nav_art_over.gif) 0 0 no-repeat;
	width:95px;
}
div#navigation ul li#art a:hover{
	background-image:url(../images/nav_art_over.gif);
}
div#navigation ul li#webedi a{
	background:transparent url(../images/nav_webedi.gif) 0 0 no-repeat;
	width:139px;
}
div#navigation ul li#webedi a.now{
	background:transparent url(../images/nav_webedi_over.gif) 0 0 no-repeat;
	width:139px;
}
div#navigation ul li#webedi a:hover{
	background-image:url(../images/nav_webedi_over.gif);
}



/*******************TAB*/
.tab{
	height:39px;
	background:transparent url(../images/tab_bg.gif) 0 bottom repeat-x;
}
.tab h3{
	height:38px;
	margin:0;
	padding:0;
}
.tab h3#stocksearch{
	background:transparent url(../images/tab_search.gif) 0 0 no-repeat;
}
.tab h3#headline{
	background:transparent url(../images/tab_headline.gif) 0 0 no-repeat;
}
.tab h3#login{
	background:transparent url(../images/tab_login.gif) 0 0 no-repeat;
}

/*******************LOGIN*/
.loginInput{
	font-size:10px;
	clear:both;
	margin-top:10px;
	
}
.loginInput input{
	float:right;
	width:150px;
	margin-right:10px;
}
.loginText{
	float:left;
	line-height:24px;
	padding:0 10px;
}
#submitBtn{
	margin-top:10px;
	width:101px;
	height:20px;
}
.loginDesc{
	display:block;
	clear:both;
	padding-top:15px;
	line-height:1.5em;
	padding:0;
	margin:0;
	padding-bottom:15px;
}

/*******************SUBMENU*/
ul#submenu{
	list-style-type:none;
	margin:0;
	padding:0;
}
ul#submenu li{
	width:240px;
	height:44px;
	display:block;
	margin-top:5px;
}
ul#submenu li a{
	width:240px;
	height:44px;
	display:block;
}
ul#submenu li#outline a{
	background:transparent url(../images/btn_outline.gif) 0 0 no-repeat;
}
ul#submenu li#outline a:hover{
	background:transparent url(../images/btn_over_outline.gif) 0 0 no-repeat;
}
ul#submenu li#contact a{
	background:transparent url(../images/btn_contact.gif) 0 0 no-repeat;
}
ul#submenu li#contact a:hover{
	background:transparent url(../images/btn_over_contact.gif) 0 0 no-repeat;
}
ul#submenu li#recruit a{
	background:transparent url(../images/btn_recruit.gif) 0 0 no-repeat;
}
ul#submenu li#recruit a:hover{
	background:transparent url(../images/btn_over_recruit.gif) 0 0 no-repeat;
}
ul#submenu li#art a{
	background:transparent url(../images/btn_art.gif) 0 0 no-repeat;
}
ul#submenu li#art a:hover{
	background:transparent url(../images/btn_over_art.gif) 0 0 no-repeat;
}

ul#submenu li#manufacturers a{
	background:transparent url(../images/btn_manu.gif) 0 0 no-repeat;
}
ul#submenu li#manufacturers a:hover{
	background:transparent url(../images/btn_over_manu.gif) 0 0 no-repeat;
}

/*******************HEADLINE*/
#headlineBox div.headlineBody p.body{
	margin:10px;
	padding:0 0 0 20px;
	background:transparent url(../images/pointer_blue.gif) 0 2px no-repeat;
}
#headlineBox div.headlineBody a.detail{
	margin:10px;
	padding:0 0 0 20px;
	display:block;
	text-align:right;
	font-size:10px;
}
#headlineBox div.headlineBody a.detail:hover{
	background-color:#E2E2E2;
}
/*******************STOCKSEARCH*/
#stocksearchArea{
	margin-top:15px;
	background-color:#EEEEEE;
	padding:0 10px;
}
#stocksearchArea #hinmei{
	width:130px;
}
/*******************FOOTER*/
#footer{
	margin-top:15px;
	clear:both;
	background-color:#DDDDDD;
	padding:20px;
	text-align:right;
	font-size:10px;
	color:#333333;
}
#footer-menu{
	clear:both;
	text-align:right;
	font-size:10px;
	color:#333333;
}
#footer-menu ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
#footer-menu ul li{
	list-style-type:none;
	margin:0;
	padding:0;
	float:left;
}
#footer-menu ul li a{
	margin:0 10px;
}
/*******************COMPANY*/
#list-table{
	font-size:12px;
	color:333333;
	border-collapse:separate;
	border-spacing:10px;
}
#list-table td{
	font-size:12px;
	color:333333;
	padding:5px;
}
body#company-profile #list-table td{
	font-size:13px;
	color:333333;
	padding:5px;
}
body#company-profile #list-table .fieldname{
	background:transparent url(../images/pointer_gray.gif) 0 8px no-repeat;
	width:130px;
	padding-left:20px;
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
}
#list-table .fieldname{
	background:transparent url(../images/pointer_gray.gif) 0 8px no-repeat;
	width:130px;
	padding-left:20px;
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
}
body#company-profile #list-table .fieldname{
	font-size:12px;
}
#list-table .value{
	padding-left:10px;
}
#list-table td ul{
	margin:0;
	padding:0;
	list-style-type:none;
	font-size:12px;
}
#list-table td ul#partner li{
	width:48%;
	float:left;
}

h2#catchsystem{
	height:53px;
	margin:0;
	padding:0;
	background:transparent url(../images/catch_system.gif) 0 0 no-repeat;
	text-indent:-9999px;
}
h2#catchsemicon{
	height:83px;
	margin:0;
	padding:0;
	background:transparent url(../images/catch_semicon.gif) 0 0 no-repeat;
	text-indent:-9999px;
}
/*MAKER*/
.maker-table{
	border-collapse:collapse;
	border-spacing:0;
	width:100%;
}
.maker-table ul{
	margin:0;
	padding:10px;
	list-style-type:none;
}
.maker-table ul li{
	margin:0 0 5px 0;
	padding:0;
	font-size:11px;
	width:50%;
	float:left;
	background:transparent url(../images/pointer_arrow_navy.gif) left center no-repeat;
	text-indent:10px;
}
.maker-table ul li a{
	color:#009DE1;
	text-decoration:underline;
}
#anchor a,#anchor span{
	margin:1px;
}
#anchor a{
	color:#009DE1;
	text-decoration:underline;
}
#anchor {
	padding:10px;
}

#art .box {
	clear:both;
}
#art .box h3{
	border-bottom:1px solid #CCCCCC;
	clear:both;
	color:#003399;
	font-size:16px;
	line-height:1em;
	padding:2px;
}
#art .box .pct{
	width:50%;
	float:left;
	margin-bottom:20px;
	height:320px;
}
#art .box .pct dl,#art .box .pct img{
	float:left;
}
#art .box .pct dl{
	padding:0 10px;
	margin:0;
	width:150px;
}
#art .box .pct dl dt{
	font-weight:bold;
	color:#666666;
	border-bottom:1px solid #CCCCCC;
	background-color:#EEEEEE;
	clear:both;
	font-size:10px;
	margin:0;
	padding:0 3px;
}
#art .box .pct dl dd{
	float:right;
	padding:5px 0 5px 0;
	margin:0;
}