/*sub CSS*/
#sub_contents {
	float:left;
	background:url(../img/left/left_menu_bg.jpg) repeat-y;
	width:1000px;
	position:relative;
	overflow:hidden;
}
.left_menu {
	width:255px;
	float:left;
	padding-bottom:50px;
}
	.left_menu dl {
		float:left;
		margin-bottom:21px;
	}
	.left_menu dd a{
		display:block;
		width:231px;
		height:37px;
		color:#313131;
		background:url(../img/left/left_menu_ov.gif) no-repeat left top;
		line-height:37px;
		padding-left:24px;
	}
	.left_menu dd a:hover, .left_menu dd a.current{
		color:#fff;
		background:url(../img/left/left_menu_ov.gif) no-repeat left bottom;
	}
	.banner {
		float:left;
	}
	.banner a {
		width:255px;
		display:block;
		text-indent:-99999em;
	}
	.banner .banner01 a {
		height:20px;
		background:url(../img/left/banner01.gif) no-repeat left top;		
	}
	.banner .banner01 a:hover {		
		background:url(../img/left/banner01.gif) no-repeat left bottom;
	}
	.banner .banner02 a {
		height:19px;
		background:url(../img/left/banner02.gif) no-repeat left top;		
	}
	.banner .banner02 a:hover {		
		background:url(../img/left/banner02.gif) no-repeat left bottom;
	}
	.banner .banner03 a {
		height:19px;
		background:url(../img/left/banner03.gif) no-repeat left top;		
	}
	.banner .banner03 a:hover {		
		background:url(../img/left/banner03.gif) no-repeat left bottom;
	}

/* Article */
#article {	
	position:relative;
	overflow:hidden;
}
	.sub_title {
		height:99px;
	}
	.route {
		float:right;
		height:21px;
		text-align:left;
	}
	.sub_content {		
		padding: 0 0 30px 38px;
		float:left;
	}
	/* CEO λ縻 */
	.ceo_greeting .ceo_img{
		float:left;
		width:233px;
		height:219px;
	}
	.ceo_greeting .greeting{
		float:right;
		width:422px;
		line-height:18px;
		margin-right:25px;
	}
	.ceo_greeting .greeting .greeting01{
		float:left;
		width:422px;
		margin-bottom:5px;
	}
	.ceo_greeting .greeting .greeting_txt{
		float:left;
		width:422px;
		line-height:20px;
	}
	.ceo_greeting .greeting .greeting_txt span{
		color:#236c95;
		font-weight:bold;
	}
	.ceo_greeting li.company{
		float:left;
		margin:15px 0 0 170px;
		width:300px;
	}
	.ceo_greeting li.sign{
		float:left;
		margin:3px 0 0 260px;
		width:200px;
	}
	/*  Ұ */
	.location_tab, .md_tab{
		float:right;
		margin-bottom:30px;
	}
	.location_tab li, .md_tab li{
		float:left;
	}
	.location_tab li.tab01 a{
		display:block;
		width:95px;
		height:32px;
		text-indent:-9999px;
		background:url(../img/sub/tab-menu01.jpg) left top no-repeat;
	}
	.md_tab li.tab01 a{
		display:block;
		width:95px;
		height:32px;
		text-indent:-9999px;
		background:url(../img/sub/md_tab01.jpg) left top no-repeat;
	}
	.location_tab li.tab01 a:hover, 
	.location_tab li.tab01 a.current{
		display:block;
		width:95px;
		height:32px;
		text-indent:-9999px;
		background:url(../img/sub/tab-menu01.jpg) left bottom no-repeat;
	}
	.md_tab li.tab01 a:hover,
	.md_tab li.tab01 a.current{
		display:block;
		width:95px;
		height:32px;
		text-indent:-9999px;
		background:url(../img/sub/md_tab01.jpg) left bottom no-repeat;
	}
	.location_tab li.tab02 a{
		display:block;
		width:96px;
		height:32px;
		text-indent:-9999px;
		background:url(../img/sub/tab-menu02.jpg) left top no-repeat;
	}
	.md_tab li.tab02 a{
		display:block;
		width:96px;
		height:32px;
		text-indent:-9999px;
		background:url(../img/sub/md_tab02.jpg) left top no-repeat;
	}
	.location_tab li.tab02 a:hover,
	.location_tab li.tab02 a.current{
		display:block;
		width:96px;
		height:32px;
		text-indent:-9999px;
		background:url(../img/sub/tab-menu02.jpg) left bottom no-repeat;
	}
	.md_tab li.tab02 a:hover,
	.md_tab li.tab02 a.current{
		display:block;
		width:96px;
		height:32px;
		text-indent:-9999px;
		background:url(../img/sub/md_tab02.jpg) left bottom no-repeat;
	}
	.location_tab li.tab03 a{
		display:block;
		width:95px;
		height:32px;
		text-indent:-9999px;
		background:url(../img/sub/tab-menu03.jpg) left top no-repeat;
	}
	.md_tab li.tab03 a{
		display:block;
		width:95px;
		height:32px;
		text-indent:-9999px;
		background:url(../img/sub/md_tab03.jpg) left top no-repeat;
	}
	.location_tab li.tab03 a:hover,
	.location_tab li.tab03 a.current{
		display:block;
		width:95px;
		height:32px;
		text-indent:-9999px;
		background:url(../img/sub/tab-menu03.jpg) left bottom no-repeat;
	}
		.md_tab li.tab03 a:hover,
		.md_tab li.tab03 a.current{
		display:block;
		width:95px;
		height:32px;
		text-indent:-9999px;
		background:url(../img/sub/md_tab03.jpg) left bottom no-repeat;
	}
	.company, .research01-1,
	.patent{
		float:left;
		width:692px;
	}
	.research01-2, .research01-3,
	.research01-4{
		float:left;
		width:692px;
		margin-top:20px;
	}
	.company p{
		float:left;
		color:#72a908;
		width:600px;
		line-height:18px;
	}
	 .location_txt02{
		float:left;
		color:#72a908;
		width:600px;
		margin-top:8px;
	}
	.location_txt03{
		float:left;
		margin-top:8px;
	}
	.location_txt03 .address span, 
	.location_txt03 .tel span,
	.location_txt03 .subway span,
	.location_txt03 .bus span{
		font-weight:bold;
	}
	.location_txt03 .bus span.line02{
		font-weight:100;
		display:block;
		margin-left:72px;
	}
	.location_txt03 .address strong{
		display:inline-block;
	}
	.location_txt03 .bus strong{
		display:inline-block;
	}
	.location_txt03 .subway{
		float:left;
		width:600px;
		margin-top:15px;
	}
	.location_txt03 .bus{
		float:left;
		width:600px;
		margin-top:8px;
	}
	/* о */
	.md01-1, .md01-2,
	.md01-3, .md01-4{
		float:left;
		width:173px;
		height:165px;
		margin-right:20px;
	}
	.md-title, .md01-1_detail, .md01-2_detail,
	.md01-3_detail, .md01-4_detail{
		float:left;
		width:460px;
		line-height:18px;
	}
	.md-title{
		float:left;
		font-weight:bold;
		width:460px;
		font-size:15px;
		color:#358ab1;
	}
	.md01-1_detail dt, .md01-2_detail dt,
	.md01-3_detail dt, .md01-4_detail dt{
		float:left;
		width:460px;
		margin:3px 0 3px 5px;
		color:#358ab1;
	}
	.md01-1_detail dd, .md01-2_detail dd,
	.md01-3_detail dd, .md01-4_detail dd{
		float:left;
		width:460px;
		margin:0 0 0 5px;
	}
	dl.md01-2_detail dd span{
		display:block;
		margin-left:10px;
	}
	/* Ư㺸Ȳ */
	.patent .patent_title, .patent02 .patent_title,
	.patent03 .patent_title{
		font-size:15px;
		font-weight:bold;
		margin-bottom:3px;
		float:left;
	}
	.patent02, .patent03{
		float:left;
		margin-top:20px;
	}
	/*  */
	.manufacturing01, .manufacturing02, .manufacturing03,
	.manufacturing04, .manufacturing05, .product, .product dl, .product02{
		float:left;
		width:682px;
	}
	.manufacturing01 p.manufacturing-img{
		float:left;
		width:174px;
		margin-right:20px;
	}
	.manufacturing02 p.manufacturing-img,
	.manufacturing03 p.manufacturing-img,
	.manufacturing04 p.manufacturing-img,
	.manufacturing05 p.manufacturing-img{
		float:left;
		width:174px;
		margin:20px 20px 0 0;

	}
	.manufacturing01 dl{
		float:left;
		width:480px;
		margin-top:10px;
	}
	.manufacturing02 dl,
	.manufacturing03 dl,
	.manufacturing04 dl,
	.manufacturing05 dl{
		float:left;
		width:480px;
		margin-top:30px;
	}
	.manufacturing01 dt, .manufacturing02 dt, .manufacturing03 dt,
	.manufacturing04 dt, .manufacturing05 dt{
		margin-bottom:3px;
	}
	.manufacturing01 dd, .manufacturing02 dd, .manufacturing03 dd,
	.manufacturing04 dd, .manufacturing05 dd{
		float:left;
	}
	/* о -  */
	dl.box{
		width:682px;
		float:left;
		margin-bottom:20px;
	}
	.box dt{
		width:120px;
		float:left;
		margin-top:25px;
	}
		.box dd.box01_dd{
		width:525px;
		float:left;
		border:2px solid #ddd;
		padding:15px;
		line-height:18px;
		position:relative;
		height:105px;
	}
	.box dd{
		width:525px;
		float:left;
		border:2px solid #ddd;
		padding:15px;
		line-height:18px;
		position:relative;
		height:65px;
	}
	.box dd span.button{
		float:right;
		width:60px;
		display:block;
		position:absolute;
		top:20px;
		left:480px;
	}
	.box dd.box01_dd span.button{
		float:right;
		width:60px;
		display:block;
		position:absolute;
		top:30px;
		left:480px;
	}
	/* äȳ */
	.recrution{
		float:left;
		width:682px;
	}
	.recruition dt{
		float:left;
		width:682px;
		background:url(../img/sub/icon01.gif) 0 50% no-repeat;
	}
	/* ǰҰ κ */
	.product .use_area, .product02 .use_area{
		float:left;
		width:682px;
		font-size:15px;
		font-weight:bold;
	}
	.product dl.feature{
		float:left;
		width:400px;
		margin-top:20px;
	}
	.product02 dl.feature02, .switchboard dl{
		float:left;
		width:680px;
	}
	.product dt{
		float:left;
		width:500px;
		background:url(../img/sub/product_icon.gif) 0 50% no-repeat;
		padding-left:15px;
		font-weight:bold;
		font-size:15px;
		margin-top:10px;
	}
	.product02 dt{
		float:left;
		width:860px;
		background:url(../img/sub/product_icon.gif) 0 50% no-repeat;
		padding-left:15px;
		font-weight:bold;
		font-size:15px;
		margin-top:10px;
	}
	.product .feature_title{
		float:left;
		width:120px;
		background:url(../img/sub/product_icon.gif) 0 50% no-repeat;
		padding-left:15px;
		font-weight:bold;
		font-size:15px;
		margin-top:20px;
	}
	.product .feature_title02,
	.product02 .feature_title02{
		float:left;
		width:680px;
		background:url(../img/sub/product_icon.gif) 0 50% no-repeat;
		padding-left:15px;
		font-weight:bold;
		font-size:15px;
		margin:5px 0;
	}
	.product .table_title, .product02 .table_title, .switchboard dt{
		float:left;
		width:680px;
		background:url(../img/sub/product_icon.gif) 0 50% no-repeat;
		padding-left:15px;
		font-weight:bold;
		font-size:15px;
		margin:20px 0 5px 0;
	}
	.product dd, .product02 dd{
		float:right;
		width:410px;
		margin:5px 0 0 15px;
		line-height:20px;
	}
	.product .feature02 dd,
	.product02 dl.feature02 dd{
		float:left;
		width:680px;
		margin:5px 0 0 35px;
		line-height:20px;
	}
	.product .feature03 dd{
		float:left;
		width:680px;
		margin:5px 0 0 40px;
		line-height:20px;
	}
	.switchboard dd{
		float:left;
		width:680px;
		margin:5px 0 0 20px;
		line-height:20px;
	}
	.product dd.product_img, 
	.product02 dd.product_img02{
		float:left;
		width:240px;
		margin:5px 0 0 0;
		height:208px;
	}
	.feature dt, .feature02 dt{
		background:none;
		margin-top:10px;
		font-size:12px;
	}
	.product .main_function dt{
		background:none;
		font-size:12px;
		margin:5px 0 0 0;
	}
	.feature dt{
		font-size:12px;
		margin:5px 0 0 0;
		padding:0;
	}
	.feature dt.fisrt_feature{
		margin:0px;
		padding:0px;
	}
	.feature dd{
		line-height:18px;
		margin:0 0 0 30px;
		text-indent:-1em;
		float:left;
	}
	.feature dd.first{
		margin:5px 0 0 30px;
	}
	.product .main_function{
		float:left;
		width:682px;
	}
	 .product .main_function dd{
		float:left;
		width:682px;
		margin-left:35px;
	}
	.product .introduction{
		float:left;
		width:680px;
		margin:5px 0 20px 0;
	}
	.product .introduction dd{
		float:left;
		width:680px;
		text-align:justify;
	}
	.switchboard .switchboard_img{
		float:left;
		width:650px;
		height:500px;
		text-align:center;
	}
	.switchboard .switchboard_img02{
		float:left;
		width:650px;
		height:261px;
	}
	/*  */
	.history, .history02{
		float:left;
		width:682px;
	}
	.history_tab{
		float:right;
		margin-bottom:20px;
	}
	.history_tab li{
		float:left;
	}
	.year_title{
		width:70px;
		color:#0059ad;
		float:left;
		font-size:20px;
		font-weight:bold;
	}
	.history dl, .history02 dl{
		float:left;
		margin-bottom:30px;
		width:610px;
	}
	.history dt{
		float:left;
		width:35px;
		background:url(../img/sub/history_icon.gif) 0 50% no-repeat;
		padding-left:15px;
		line-height:20px;
	}
	.history02 dt{
		float:left;
		width:45px;
		background:url(../img/sub/history_icon.gif) 0 50% no-repeat;
		padding-left:15px;
		line-height:20px;
	}
	.history dd{
		float:left;
		width:550px;
		line-height:20px;
		margin-left:10px;
	}
	 .history02 dd{
		float:left;
		width:500px;
		line-height:20px;
		margin-left:10px;
	}
	.history dd.two{
		float:left;
		width:550px;
		line-height:20px;
		margin-left:10px;
	}
	.history_tab .year01 a{
		width:133px;
		height:31px;
		background:url(../img/sub/history-menu01.jpg) left top no-repeat;
		display:block;
		text-indent:-9999px;
	}
	.history_tab .year01 a:hover{
		width:133px;
		height:31px;
		background:url(../img/sub/history-menu01.jpg) left bottom no-repeat;
		display:block;
		text-indent:-9999px;
	}
	.history_tab .year02 a{
		width:133px;
		height:31px;
		background:url(../img/sub/history-menu02.jpg) left top no-repeat;
		display:block;
		text-indent:-9999px;
	}
	.history_tab .year02 a:hover{
		width:133px;
		height:31px;
		background:url(../img/sub/history-menu02.jpg) left bottom no-repeat;
		display:block;
		text-indent:-9999px;
	}
	.history_tab .year03 a{
		width:134px;
		height:31px;
		background:url(../img/sub/history-menu03.jpg) left top no-repeat;
		display:block;
		text-indent:-9999px;
	}
	.history_tab .year03 a:hover{
		width:134px;
		height:31px;
		background:url(../img/sub/history-menu03.jpg) left bottom no-repeat;
		display:block;
		text-indent:-9999px;
	}
	.recruition_txt01{
		float:left;
		width:692px;
		color:#5a595a;
		font-weight:bold;
		line-height:18px;
	}
	.recruition_txt02{
		float:left;
		width:692px;
		color:#ffaa42;
		font-weight:bold;
		font-size:11px;
		margin-top:8px;
	}
	.recruition dl{
		float:left;
		width:692px;
	}
	.recruition dt{
		float:left;
		width:672px;
		font-weight:bold;
		padding-left:20px;
		margin:5px 0;
	}
	.recruition dt.process_title{
		margin-top:15px;
		float:left;
	}
	.recruition dd{
		float:left;
		line-height:20px;
		margin-left:20px;
		width:692px;
	}
	.recruition dd.application_down{
		width:73px;
		height:20px;
		margin:0;
	}
	.recruition dl.application_receive{
		width:692px;
		float:left;
		margin-top:15px;
	}
	.recruition dl.application_receive dd.prepare{
		float:left;
		width:100px;
	}
	.recruition dd.process{
		margin:0;
	}
	/* Ʈ */
	.sitemap_site{
		float:left;
		width:682px;
	}
	 .sitemap_site dl{
		float:left;
		width:227px;
		height:200px;
	}
	.sitemap_site dd{
		float:left;
		width:227px;
		margin:5px 0 0 15px;
	}
	.sitemap_site dl.aboutus dt{
		float:left;
		width:167px;
		height:55px;
		background:url(../img/sub/sitemap_01.jpg) 0 0 no-repeat;
		text-indent:-9999px;
	}
	.sitemap_site dl.business dt{
		float:left;
		width:167px;
		height:55px;
		background:url(../img/sub/sitemap_02.jpg) 0 0 no-repeat;
		text-indent:-9999px;
	}
	.sitemap_site dl.products dt{
		float:left;
		width:167px;
		height:55px;
		background:url(../img/sub/sitemap_03.jpg) 0 0 no-repeat;
		text-indent:-9999px;
	}
	.sitemap_site dl.pr dt{
		float:left;
		width:167px;
		height:55px;
		background:url(../img/sub/sitemap_04.jpg) 0 0 no-repeat;
		text-indent:-9999px;
	}
	.sitemap_site dl.customer dt{
		float:left;
		width:167px;
		height:55px;
		background:url(../img/sub/sitemap_05.jpg) 0 0 no-repeat;
		text-indent:-9999px;
	}
	.sitemap_site dl.recruit dt{
		float:left;
		width:167px;
		height:55px;
		background:url(../img/sub/sitemap_06.jpg) 0 0 no-repeat;
		text-indent:-9999px;
	}
	.sitemap_site dd a:hover{
		text-decoration:underline;
	}

/* table */
table{
	border-collapse:collapse;
	width:682px;
	float:left;
}
thead{
	border-bottom:1px solid #a5a5a5;
	border-top:1px solid #a5a5a5;
	background-color:#7895BF;
	color:#ffffff;
}
th, td{
	border:1px solid #dddddd;
	padding:10px;
	text-align:center;
}
col#patent-name02Col{
	width:170px;
}
.odd, .product table th, .product02 table th{
	background-color:#EDF5FF;
} 
/* left menu script  */
.cate-select {
 width: 255px; float: left; position: relative; z-index: 10;
}
.cate-select .cate-list {
 width: 100%; padding-bottom: 11px; position: relative; z-index: 2;
}
.cate-select .cate-list .mid-cate li {
 height:37px;
}
.cate-select .cate-list .mid-cate li a {
 padding-left: 24px;
 height: 37px;
 line-height:37px;
 display: block;
 background:url(../img/left/left_menu_ov.gif) no-repeat left top;
}
.cate-select .cate-list .mid-cate li a:hover {
 color:#fff;
 background:url(../img/left/left_menu_ov.gif) no-repeat left bottom;
}
.cate-select .cate-list .small-cate-layer {
 position: relative;
}
.cate-select .cate-list .small-cate-layer .layer-box {
 background: #ffffff;
 border: 2px solid #193d76;
 left: 168px;
 top: -33px;
 width: 199px;
 padding-bottom: 12px;
 position: absolute;
}
.cate-select .cate-list .small-cate-layer .layer-box a {
 padding: 0px; height: auto;
}
.cate-select .cate-list .small-cate-layer .layer-box ul {
 padding: 13px 0px 0px 14px;
 font-size: 0px;
 overflow-x: hidden;
 overflow-y: auto;
 max-height: 525px;
}
.cate-select .cate-list .small-cate-layer .layer-box ul li {
 padding: 0px;
 line-height: 0;
 font-size: 0px;
 white-space: nowrap; z-index: 1;
 height:30px;
}
.cate-select .cate-list .small-cate-layer .layer-box ul li a {
 width:120px;
 height: 25px;
 color: #000;
 line-height: 25px;
 letter-spacing: -1px;
 font-size: 11px;
 margin-bottom: 4px;
 display: block;
 background:none; 
 border-bottom:1px solid #ddd;
 padding-left:10px;
}
.cate-select .cate-list .small-cate-layer .layer-box ul li a:hover {
 color: #0079c3;
 font-weight: bold; 
 background:none;
}
.cate-select .cate-list .small-cate-layer .layer-box .det_layer {
 left: 140px;
 width: 212px;
 padding-left: 6px;
 position: absolute;
 z-index: 10;
}
.cate-select .cate-list .small-cate-layer .layer-box .det_layer .det_layer_box {
	background: url("../img/sub/icon_arrow_navi.gif") no-repeat 0px 17px;
	top: -35px;
	width: 212px;
	padding-left: 5px;
	position: relative; _top: -42px;
}

.cate-select .cate-list .small-cate-layer .layer-box .det_layer .det_layer_box p {
	width: 310px;
	color: #999999;
	line-height: 135%;
	letter-spacing: -1px;
	font-size: 11px;
	margin-left: 5px;
	float: left;
	white-space: normal;
}
.cate-select .cate-list .small-cate-layer .layer-box .det_layer .det_layer_box .det_layer_bg {
	background: #ffffff;
	padding: 10px 10px 7px;
	border: 1px solid #3aa901;
	width: 340px;
	overflow: hidden;
}
.cate-select .cate-list .small-cate-layer .layer-box .det_layer .det_layer_box .det_layer_bg a{
	display:block;
	width:330px;
	height:25px;
	background-color: #f9f9f9;
	border:none;	
}
.cate-select .cate-list .small-cate-layer .layer-box .det_layer .det_layer_box .det_layer_bg a:hover{
	color:#2d8400;
}
/* videos */
.video{
	float:left;
	width:682px;
}
.video_left{
	width:390px;
	float:left;
}
.video_right{
	float:right;
}
.video_txt{
	float:left;
	margin:5px 0 0 20px;
	font-size:11px;
	color:#777;
}
.video .down{
	float:left;
	margin:15px 0 0 20px;
}
.player{
	float:left;
	width:500px;
	text-align:center;
}
.video_button{
	float:left;
}
.video_button .button01{
	margin-bottom:30px;
}
/* Footer sitemap */
#footer_sitemap {
	float:left;
	width:1000px;
	height:123px;
	line-height:150%;
	background-color:#fafafa;	
	border-top: 1px solid #e6e6e6;
	border-bottom:2px solid #626262;
}
/* 121231  ߰ */
.organization_tel_title{
	float:left;
	font-weight:bold;
	font-size:14px;
}
.organization_tel{
	float:left;
	width:662px;
	margin-left:20px;
}
.organization_tel dt{
	float:left;
	font-weight:bold;
	margin:5px 0;
}
 .organization_tel dd{
	float:left;
	width:682px;
	line-height:18px;
}
table#control_table{
	margin:10px 0;
	line-height:18px;
}
table#control_table th{
	text-align:left;
	width:190px;
}
table#control_table th.wide_title{
	text-align:left;
	width:340px;
}
table#control_table td{
	text-align:left;
}
#control_table th{
	background-color:#eee;
}
dt.hard_title, dt.soft_title{
	float:left;
	background:none;
}
/* ǰƮ 130404 - ߰ */
.left_menu dl.menu dt {
    background: url("../img/left/left_dt_b.jpg") no-repeat scroll left top transparent;
    color: #0079C3;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: 37px;
    letter-spacing: -0.06em;
    line-height: 37px;
    padding-left: 24px;
    width: 231px;
}
.list-page, .list-page ul{
	float:left;
	width:700px;
}	
.list-page ul li{
	float:left;
	width:160px;
	text-align:center;
	margin-right:20px;
	height:250px;
}
.list-page ul li.last{
	float:left;
	width:160px;
	margin:0;
	text-align:center;
}

.list-page ul li a strong {
    color: #2D8400;
    display: block;
    margin-top: 10px;
}

.list-page02, .list-page02 ul {
    float: left;
    width: 700px;
}
.list-page02 ul li {
    float: left;
    margin-right: 20px;
    text-align: center;
}