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

	Top Page CSS

------------------------------------------------------------------- */

/* ----------------------------------------
   MainVisual(TopSlider)
---------------------------------------- */
/*--Main Container--*/
.mv {
	height:269px;
	width:960px;
	padding-left:10px;
	border-bottom:1px solid #ffffff;
	position: relative;
}
/*--Window/Masking Styles--*/
.window {
	height:269px;	width: 960px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {
	position: absolute;
	bottom: 15px; right: 0px;
	width: 178px; height:35px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	line-height: 35px;
	text-align: center;
	font-size:12px;
	background:#333333;
	border:1px solid #000000;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
	margin-right:5px;
	padding: 5px;
	color: #e0e0e0;
}
.paging a:link, .paging a:visited, .paging a:active, .paging a:hover{
	text-decoration:none;
}
.paging a.active {
	font-weight: bold;
	color:#ffffff;
	background: #920000;
	border: 1px solid #610000;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.paging a:hover {color:#ffffff}


/* ----------------------------------------
   MainNavigation
---------------------------------------- */
.b_nav{
	margin-bottom:16px;
}
.b_nav ul{
	height:124px;
	padding:0 35px 0 36px;
	background:url(../images/b_nav.png) no-repeat;
}
.b_nav ul li{
	float:left;
	margin-right:1px;
}
.b_nav ul li a{
	width:302px;
	height:114px;
	display:block;
	font-size:1px;
	text-indent:-4000px;
}
.b_nav ul li a:hover{
	background-image:url(../images/b_nav.png);
	background-repeat:no-repeat;
}
.b_nav ul li#bn_industrials a:hover{
	background-position:-36px -124px;
}
.b_nav ul li#bn_cars a:hover{
	background-position:-339px -124px;
}
.b_nav ul li#bn_contact a:hover{
	background-position:-642px -124px;
}


/* ----------------------------------------
   Contents Area
---------------------------------------- */
.contents_area{
	padding:0 35px 30px 35px;
	overflow:hidden;
}
* html .contents_area{
	width:100%;
}

/*-- public --*/
* html .contents_area .pickup_contents ul,
* html .contents_area .information ul{
	padding-top:5px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
}
.contents_area .pickup_contents ul li,
.contents_area .information ul li{
	clear:both;
	border-bottom:1px dotted #999999;
	overflow:hidden;
}
* html .contents_area .pickup_contents ul li,
* html .contents_area .information ul li{
	width:100%;
}
.contents_area .pickup_contents ul li p.thumbnail,
.contents_area .information ul li p.thumbnail{
	float:left;
	padding:13px 0;
}
* html .contents_area .pickup_contents ul li p.thumbnail,
* html .contents_area .information ul li p.thumbnail{
	padding-top:7px;
}
.contents_area .pickup_contents ul li p.thumbnail a,
.contents_area .information ul li p.thumbnail a{
	display:block;
	background:#000000;
	border:1px solid #999999;
}
.contents_area .pickup_contents ul li p.thumbnail a:hover,
.contents_area .information ul li p.thumbnail a:hover{
	border:1px solid #666666;
}
.contents_area .pickup_contents ul li p.thumbnail a:hover img,
.contents_area .information ul li p.thumbnail a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}
.contents_area .pickup_contents ul li div,
.contents_area .information ul li div{
	float:right;
	padding:13px 0;
	line-height:1.5em;
}
* html .contents_area .pickup_contents ul li div,
* html .contents_area .information ul li div{
	padding-top:6px;
}
* html .contents_area .information ul li div h3,
* html .contents_area .pickup_contents ul li div h3{
	border-top:1px solid #ffffff;
}


/*-- Pickup Contents --*/
.contents_area .pickup_contents{
	float:left;
	width:606px;
	margin-right:20px;
}
.contents_area .pickup_contents h2{
	margin-bottom:5px;
}
.contents_area .pickup_contents ul li div{
	width:474px;
}
.contents_area .pickup_contents ul li div h3{
	margin-bottom:6px;
	padding-left:15px;
	line-height:1.4em;
}
.contents_area .pickup_contents ul li div h3.link_industry{
	background:url(../images/list_icn_blue.png) no-repeat left 3px;
}
.contents_area .pickup_contents ul li div h3.link_cars{
	background:url(../images/list_icn_orange.png) no-repeat left 3px;
}
.contents_area .pickup_contents ul li div h3.link_others{
	background:url(../images/list_icn_black.png) no-repeat left 3px;
}
.contents_area .pickup_contents ul li div p.spec img{
	margin:7px 4px 0 0;
}
.contents_area .pickup_contents ul li div h3 a:link,
.contents_area .pickup_contents ul li div h3 a:hover,
.contents_area .pickup_contents ul li div h3 a:visited{
	color:#111111;
	text-decoration:none;
}

/*-- News and Information --*/
.contents_area .information{
	float:left;
	width:280px;
	margin-bottom:15px;
}
.contents_area .information ul li p.thumbnail{
	padding:6px 0;
}
.contents_area .information ul li div{
	width:197px;
	padding-top:4px;
}
.contents_area .information ul li div h3{
	font-size:92%;
	line-height:1.6em;
	font-weight:normal;
}
.contents_area .information ul li div p{
	font-size:92%;
}

.contents_area .information p.to_infomation{
	margin-top:2px;
	text-align:right;
}
.contents_area .information p.to_infomation a{
	padding-left:15px;
	font-size:92%;
	background:url(../images/list_icn_black.png) no-repeat left 3px;
}


/*-- Bunner Space --*/
.contents_area .bunner_space{
	float:left;
	width:280px;
}
.contents_area .bunner_space ul li{
	margin-bottom:10px;
}
.contents_area .bunner_space a{
	display:inline-block;
	background:#000000;
}
.contents_area .bunner_space a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}