/*
########################################################
  technology style
########################################################
*/

.technology{
	zoom: 1;
}

.technology:after{
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}


/*
########################################################
  left
########################################################
*/

.technology .left{
	width: 160px;
	float: left;
}
.technology .left h3{
	margin-bottom: 10px;
}
.technology .left h3.on a{
	color: #CC0004;
}
.technology .left ul.leftMenu{
}
.technology .left ul.leftMenu li{
	font-size: 83%;
}


/*
########################################################
  main
########################################################
*/

.technology .main{
	width: 640px;
	float: right;
	border-left: #BFBFBF solid 1px;
}
.technology .main .detail,
.technology .main .detail_02{
	zoom: 1;
	margin-bottom: 40px;
	clear: both;
}
.technology .main .detail h2{
	width: 120px;
	text-align: center;
	float: left;
}
.technology .main .detail_02 h2{
	width: 240px;
	text-align: center;
	margin-bottom:5px;
}
.technology .main .inner{
	width: 500px;
	float: right;
}
.technology .main .inner h3{
	font-weight: normal;
	color: #CC0004;
}
.technology .main .inner p{
	font-size: 83%;
	margin-bottom: 5px;
}

.technology .main .inner ul.item{
	zoom: 1;
}
.technology .main .inner ul.item li{
	width: 120px;
	padding-right: 10px;
	float: left;
}
.technology .main .inner ul.item li img{
	width: 40px;
	float: left;
}
.technology .main .inner ul.item li h4{
	width: 70px;
	font-size: 75%;
	float: left;
	font-weight: normal;
	padding-left: 5px;
	position: relative;
	top: 20px;
}

.technology:after,
.technology .main .detail:after,
.technology .main .detail_02:after,
.technology .main .inner ul.item:after{
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}