/*sub CSS*/
@charset "UTF-8";

/*contents */
.sub_visual {
	height:176px;	
	float:left;
}
.contents {
	position:relative;
	overflow:hidden;
	width:1000px;				
}
.contents .side {
	width:180px;	
	float:left;	
	padding-bottom:70px;
}
.contents .left_menu{
	width:180px;	
	float:left;	
	padding-bottom:30px;
	font-size:12px;
}
.contents .left_menu dl{
	float:left;
	width:180px;	
}
.contents .left_menu dt {
	float:left;
	width:175px;	
	font-size:24px;
	color:#103884;
	font-weight:bold;
	margin:14px 0 0 5px;	
}
.contents .left_menu dt strong {
	color:#eb1d01;
	font-size:24px;
	font-weight:bold;
}
.contents .left_menu dt span {
	display:block;
	float:right;
	font-size:30px;
	margin-top:-10px;
	color:#aaaaaa;
	font-family:Verdana;
}
.contents .left_menu dd {
	float:left;
	width:180px;
	height:26px;		
	background:url(../img/sub/left_menu_line.gif) repeat-y;
}
.contents .left_menu dd.intro_center {
	float:left;
	width:180px;
	height:35px;		
	background:url(../img/sub/left_menu_line.gif) repeat-y;
}
.contents .left_menu dd.line02 {
	height:18px;
}
.contents .left_menu dd.line {
	background:none;
	border-bottom:none;
	height:20px;
}
.contents .left_menu dd.second {
	height:45px;
	line-height:110%;
}
.contents .left_menu dd.four {
	height:100%;
}
.contents .left_menu dd.second a, .contents .left_menu dd.four a{
	line-height:120%;
	padding-top:3px;
	background:url(../img/sub/dot01.gif) no-repeat 0 30%;
}
.contents .left_menu dd.four a{
	background:url(../img/sub/dot01.gif) no-repeat 0 15%;
}
.contents .left_menu dd.second a:hover {
	color:#ed1c24;	
}
.contents .left_menu dd a{
	display:block;
	float:left;
	width:140px;	
	line-height:26px;
	padding-left:15px;
	margin-left:25px;
	color:#5c5c5c;
	background:url(../img/sub/dot01.gif) no-repeat 0 50%;
}
.contents .left_menu dd.intro_center a{
	display:block;
	float:left;
	width:140px;	
	height:20px;
	line-height:20px;
	padding-left:15px;
	margin-left:25px;
	color:#5c5c5c;
	background:url(../img/sub/dot01.gif) no-repeat 0 50%;
	letter-spacing:-0.02em;
}
.contents .left_menu dd a:hover, .left_menu .ov {
	color:#ed1c24;	
	font-weight:bold;
}
.contents .left_menu dd.intro_center a:hover{
	color:#ed1c24;	
	font-weight:bold;
	letter-spacing:-0.02em;
}
.contents .left_menu .ov {
	padding-left: 25px;
	width:155px;
}
.banner {
	width:180px;
	height:331px;
	float:left;
	background:url(../img/sub/banner_box.jpg) no-repeat;
}
.banner dl {
	float:left;
	width:170px;
	margin-left:10px;
}
.banner dt, .inquiry dt a {
	font-size:22px;
	color:#3a3a3a;
	margin-top:13px;
	font-weight:bold;		
}
.banner .txt {
	margin-top:2px;
	font-size:10px;	
}
.catalogue {
	float:left;
	height:70px;
}
.catalogue .bt, .inquiry.two .bt {
	margin:8px 0 0 12px;
}
.catalogue .bt a, .inquiry .bt a{
	color:#fff;
	font-weight:bold;
}
.inquiry {
	float:left;
	height:80px;
}
.inquiry .bt {
	margin:5px 0 0 30px;
}
.inquiry.two dt a{
	color:#103884;
}

.contact .tel {
	color:#3d3d3d;	
	font-size:20px;
	font-weight:bold;
	margin-top:3px;	
}
.banner .contact dt {
	margin:13px 0 0 0;
	font-size:20px;
	color:#eb1d01;
}

/* sub content */
#article {
	float:right;	
	width:770px;	
}
.sub_title {
	float:left;
	width:770px;
	height:71px;	
}
.sub_title li.route {
	text-align:right;	
	font-size:12px;
	color:#797979;
	margin-top:15px;
	width:770px;
	padding-bottom:5px;
	border-bottom:1px solid #d4d4d4;
}
.sub_title li.title {
	float:left;
	font-weight:bold;
	width:710px;
	font-size:20px;
	color:#5f5f5f;
	margin-top:25px;
	padding-left:20px;
	background:url('../img/sub/dot02.gif') no-repeat 0 50%;	
}
.sub_content {
    float: left;
    padding: 40px 0 50px;
    width: 770px;
}

.tab {
	float:left;
	margin:20px 0;
}
.tab li{
	float:left;
	margin-right:4px;
}
.tab li.two-line{
	margin-top:4px;
}
.miniature .tab li.two a:hover, .miniature .tab li.two a.ov{
	line-height:15px;
	height:36px;
}
.miniature .tab li.two{
	height:36px;
}
.miniature .tab li.two a{
	padding-top:4px;
	height:32px;
	line-height:15px;
}
.tab li a{
	border: 2px solid #cccccc;
    display: block;
    font-weight: bold;
    height: 36px;
    line-height: 36px;
    text-align: center;
    width: 146px;
	font-size:12px;
}
.tab li a:hover, .tab li a.ov{
	background-color: #222222;
    border: medium none;
    color: #fff;
    height: 40px;
    line-height: 40px;
    width: 150px;
	text-align:center;
	font-weight: bold;
}
.pro_img {
	padding-left:5px;
}
.miniature {
	float:left;
	width:770px;
}
.miniature dt {
	padding-left:15px;
	margin-top:15px;
	color:#103884;
	font-weight:bold;
	background:url(../img/sub/dot03.gif) no-repeat 0 50%;
}
.miniature dd {
	padding-left:15px;
	margin-top:5px;
	text-align:justify;
	line-height:150%;
	width:720px;
}
/* 130807 Greetings 김소정 작업 */
.greeting, .certification{
	float:left;
	width:770px;
}
.greeting .img{ 
	float:left;
	width:250px;
}
.greeting .text{
	float:right;
	width:500px;
	line-height:18px;
}
.greeting .text span{
	font-weight:bold;
	text-align:right;
	display:block;
	margin-top:15px;
}
/* 130807 History 김소정 작업 */
.history{
	float:left;
	width:770px;
	background:url(../img/sub/history_b.gif) left center no-repeat;
}
.history .history_content{
	float:left;
	width:770px;
	margin-top:60px;
}
.history .year{
	float:left;
	width:116px;
	height:33px;
	background:url(../img/sub/history_title.jpg) 0 0 no-repeat;
	font-weight:bold;
	text-align:center;
	color:#fff;
	line-height:20px;
}
.history dl{
	float:left;
	width:620px;
	margin-left:20px;
	height:50px;
	line-height:18px;
}
.history dl.year2007{
	float:left;
	width:620px;
	margin-left:20px;
	height:120px;
}
.history dt{
	float:left;
	font-weight:bold;
	width:30px;
}
.history dd{
	float:left;
	width:590px;
}
.certification li{
	float:left;
	width:160px;
	margin-right:30px;
	text-align:center;
	height:240px;
}
.certification li.two{
	margin-top:30px;
}
.certification li span{
	display:block;
	width:160px;
	margin-top:3px;
}
/* 130807 Introduction to Research Center 김소정 작업 */
.research-center{
	float:left;
	width:770px;
	background:url(../img/sub/research.jpg) 25px bottom no-repeat;
	height:430px;
	line-height:20px;
	text-align:justify;
}
/* 130808 Miniature linear guides 김소정 작업 */
.product_img{
	float:left;
	width:770px;
	margin:15px 0 30px;
}
.product_img li{
	float:left;
	width:360px;
}
.product_img li.last{
	float:right;
}
.product_img li span{
	display:block;
	text-align:center;
	font-weight:bold;
	margin-top:3px;
	color:#103884;
	width:360px;
}
.product_img.small li{
	float:left;
	width:180px;
	margin-right:16px;
}
.product_img.small li.second{
	margin-top:16px;
}
.product_img.small li.last{
	margin-right:0;
}
.product_img.small li span{
	display:block;
	text-align:center;
	font-weight:bold;
	margin-top:3px;
	color:#103884;
	width:180px;
}
.plane-design, .miniature dl,
.accuracy-class{
	float:left;
	width:750px;
	line-height:18px;
}
.mounting-plane-design{
	float:left;
	width:755px;
	margin-top:20px;
}
.mounting-plane-design table{
	float:left;
	width:400px;
	margin-top:50px;
}
.mounting-plane-design .table_right_img{
	float:right;
	width:275px;
	margin-right:30px;
}
 .table_two{
	float:left;
	width:735px;
	line-height:18px;
	margin:20px 0 0 15px;
}
.table_two .table_title{
	float:left;
	width:350px;
	font-weight:bold;
}
.table_two .table_title span{
	display:block;
	width:60px;
	font-weight:100;
	font-size:11px;
	float:right;
	margin-top:10px;
}
.table_two table.table01{
	float:left;
	width:350px;
	clear:both;
}
.table_two table.table02{
	float:left;
	width:350px;
	clear:both;
	height:206px;
}
.table_two .ex{
	float:left;
	width:350px;
	margin-top:8px;
}
.table_two .table_one{
	float:left;
	width:350px;
}
.table_two .table_second{
	float:right;
	width:350px;
}
.accuracy-class span{
	display:block;
	width:70px;
	font-weight:100;
	font-size:11px;
	float:right;
	margin-top:10px;
}
.accuracy-class_img{
	float:left;
	width:750px;
	margin:20px 0 0 15px;
}

.rail_img{
	float:left;
	width:755px;
	margin-bottom:20px;
}
.table-title span.rail_unit{
	display:block;
	width:85px;
	font-weight:100;
	font-size:11px;
	float:right;
	margin:10px 0 10px;

}
.order_img{
	float:left;
	width:755px;
}
/* 130808 Sitemap 김소정 작업 */
.sitemap_page{
	float:left;
	width:770px;
}
.sitemap_page dl{
	float:left;
	width:170px;
	margin-right:20px;
}
.sitemap_page dl.aboutus{
	float:left;
	width:120px;
}
.sitemap_page dl.aboutus dd{
	float:left;
	width:105px;
	line-height:20px;
	margin-left:15px;
}
.sitemap_page dl.research{
	float:left;
	width:230px;
}
.sitemap_page dl.research dd{
	float:left;
	width:200px;
	line-height:20px;
	margin-left:15px;
}
.sitemap_page dl.customer{
	margin:0;
}
.sitemap_page dt{
	float:left;
	width:170px;
	height:25px;
	line-height:25px;
	text-align:center;
	font-weight:bold;
	font-size:14px;
	margin-bottom:5px;
	color:#fff;
}
.sitemap_page dl.aboutus dt{
	background-color:#a2c2ff;
	width:120px;
}
.sitemap_page dl.research dt{
	float:left;
	width:230px;
	background-color:#a2c2ff;
}
.sitemap_page dl.products dt,
.sitemap_page dl.customer dt{
	background-color:#fda3a6;
}
.sitemap_page dd{
	float:left;
	line-height:20px;
	width:155px;
	margin-left:15px;
}
.miniature .product_explain{
	float:left;
	width:770px;
}
.miniature .product_num{
	float:left;
	width:735px;
	background:url(../img/sub/icon.gif) 0 50% no-repeat;
	padding-left:20px;
	font-size:14px;
	font-weight:bold;
}
.product_explain .product_img{
	float:left;
	width:770px;
}
.product_explain .product_img02{
	float:left;
	width:768px;
	border:1px solid #ccc;
	margin:0 0 30px;
}
.product_explain .product_img02.two{
	margin-top:30px;
}
.product_explain .product_img03{
	float:left;
	width:751px;
	border:1px solid #ccc;
	margin:30px 0 0;
}
.table-title{
	float:left;
	width:770px;
	font-size:15px;
	font-weight:bold;
}
.table-title.two{
	margin-top:30px;
}
.table-last-content{
	float:left;
	width:770px;
	margin-top:8px;
	font-weight:bold;
}

/* 150427 김소정 추가 */
.download-button{
	float:right;
	margin-bottom:15px;
}
.download-button li{
	float:left;
	width:150px;
	height:39px;
	margin-right:5px;
}
.download-button li.last{
	margin-right:0;
}
.download-button li a{
	display:block;
	background:url(../img/sub/tab_b.gif) left top no-repeat;
	width:150px;
	height:39px;
	line-height:36px;
	text-align:center;
	color:#222;
	font-size:13px;
	font-weight:bold;
}
.download-button li a:hover{
	background:url(../img/sub/tab_b.gif) left bottom no-repeat;
	color:#fff;
}
.spec-table02{
	float:left;
	width:770px;
	margin-top:30px;
}