@charset "UTF-8";



/* width:852px */
#title-area{
	width : 852px;
	height : 204px;
	background : url("../images/hd_image.jpg") no-repeat;
}
	#title-area h2{
		padding : 30px 0 15px 0;
	}




/* contents header navi */
#spec-contents-navi-area{
	height : 68px;
}

#spec-contents-navi-area ul{
	list-style : none;
	padding : 0;
	margin : 0;
}
	#spec-contents-navi-area ul li#h-nav1{
		width : 350px;
		float : left;
	}
		#spec-contents-navi-area ul li#h-nav1 a{
			width : 350px;
			height : 34px;
			background : url("../images/hd_nav1.gif") no-repeat 0px 0px;
			display : block;
			font-size : 1px;
			line-height : 1px;
			text-indent : -9999px;
		}
		#spec-contents-navi-area ul li#h-nav1 a:hover{
			background-position : 0px -34px;
		}
		
	#spec-contents-navi-area ul li#h-nav2{
		width : 151px;
		float : left;
	}
		#spec-contents-navi-area ul li#h-nav2 a{
			width : 151px;
			height : 34px;
			background : url("../images/hd_nav2.gif") no-repeat 0px 0px;
			display : block;
			font-size : 1px;
			line-height : 1px;
			text-indent : -9999px;
		}
		#spec-contents-navi-area ul li#h-nav2 a:hover{
			background-position : 0px -34px;
		}
		
	#spec-contents-navi-area ul li#h-nav3{
		width : 172px;
		float : left;
	}
		#spec-contents-navi-area ul li#h-nav3 a{
			width : 172px;
			height : 34px;
			background : url("../images/hd_nav3.gif") no-repeat 0px 0px;
			display : block;
			font-size : 1px;
			line-height : 1px;
			text-indent : -9999px;
		}
		#spec-contents-navi-area ul li#h-nav3 a:hover{
			background-position : 0px -34px;
		}
		
	#spec-contents-navi-area ul li#h-nav4{
		width : 179px;
		float : left;
	}
		#spec-contents-navi-area ul li#h-nav4 a{
			width : 179px;
			height : 34px;
			background : url("../images/hd_nav4.gif") no-repeat 0px 0px;
			display : block;
			font-size : 1px;
			line-height : 1px;
			text-indent : -9999px;
		}
		#spec-contents-navi-area ul li#h-nav4 a:hover{
			background-position : 0px -34px;
		}
		
	#spec-contents-navi-area ul li#h-nav5{
		width : 143px;
		float : left;
	}
		#spec-contents-navi-area ul li#h-nav5 a{
			width : 143px;
			height : 34px;
			background : url("../images/hd_nav5.gif") no-repeat 0px 0px;
			display : block;
			font-size : 1px;
			line-height : 1px;
			text-indent : -9999px;
		}
		#spec-contents-navi-area ul li#h-nav5 a:hover{
			background-position : 0px -34px;
		}
		
	#spec-contents-navi-area ul li#h-nav6{
		width : 130px;
		float : left;
	}
		#spec-contents-navi-area ul li#h-nav6 a{
			width : 130px;
			height : 34px;
			background : url("../images/hd_nav6.gif") no-repeat 0px 0px;
			display : block;
			font-size : 1px;
			line-height : 1px;
			text-indent : -9999px;
		}
		#spec-contents-navi-area ul li#h-nav6 a:hover{
			background-position : 0px -34px;
		}
		
	#spec-contents-navi-area ul li#h-nav7{
		width : 142px;
		float : left;
	}
		#spec-contents-navi-area ul li#h-nav7 a{
			width : 142px;
			height : 34px;
			background : url("../images/hd_nav7.gif") no-repeat 0px 0px;
			display : block;
			font-size : 1px;
			line-height : 1px;
			text-indent : -9999px;
		}
		#spec-contents-navi-area ul li#h-nav7 a:hover{
			background-position : 0px -34px;
		}
		
	#spec-contents-navi-area ul li#h-nav8{
		width : 166px;
		float : left;
	}
		#spec-contents-navi-area ul li#h-nav8 a{
			width : 166px;
			height : 34px;
			background : url("../images/hd_nav8.gif") no-repeat 0px 0px;
			display : block;
			font-size : 1px;
			line-height : 1px;
			text-indent : -9999px;
		}
		#spec-contents-navi-area ul li#h-nav8 a:hover{
			background-position : 0px -34px;
		}
		
	#spec-contents-navi-area ul li#h-nav9{
		width : 121px;
		float : left;
	}
		#spec-contents-navi-area ul li#h-nav9 a{
			width : 121px;
			height : 34px;
			background : url("../images/hd_nav9.gif") no-repeat 0px 0px;
			display : block;
			font-size : 1px;
			line-height : 1px;
			text-indent : -9999px;
		}
		#spec-contents-navi-area ul li#h-nav9 a:hover{
			background-position : 0px -34px;
		}
		
	#spec-contents-navi-area ul li#h-nav10{
		width : 150px;
		float : left;
	}
		#spec-contents-navi-area ul li#h-nav10 a{
			width : 150px;
			height : 34px;
			background : url("../images/hd_nav10.gif") no-repeat 0px 0px;
			display : block;
			font-size : 1px;
			line-height : 1px;
			text-indent : -9999px;
		}
		#spec-contents-navi-area ul li#h-nav10 a:hover{
			background-position : 0px -34px;
		}





.scene-area{
	padding : 0 0 0 0;
}
	.scene-area .scene-left{
		
	}
	.scene-area .scene-left2{
		width : 412px;
		padding : 0 0 15px 0;
		float : left;
	}
		
		.scene-area .scene-left2 #scene-caption{
			padding : 12px 0 0 12px;
		}
	.scene-area .scene-right{
		
	}
	.scene-area .scene-right2{
		width : 440px;
		text-align : right;
		padding : 0 0 15px 0;
		float : left;
	}
		.scene-area .scene-left .scene-inner{
			padding : 0 0 12px 12px;
		}
		.scene-area .scene-right .scene-inner{
			padding : 0 0 12px 12px;
		}
			.scene-area .scene-left .scene-inner h4,
			.scene-area .scene-right .scene-inner h4{
				padding : 0 0 10px 0;
			}
			.scene-area .scene-left .scene-inner div.img,
			.scene-area .scene-right .scene-inner div.img{
				width : 220px;
				float : left;
			}
			.scene-area .scene-left .scene-inner div.right-area,
			.scene-area .scene-right .scene-inner div.right-area{
				width : 459px;
				float : left;
			}
			
#AFsystem-area{
	padding : 15px 0 15px 0;
}
	#AFsystem-area #AF-left{
		width : 358px;
		float : left;
	}
		#AFsystem-area #AF-left p{
			padding : 5px 0 0 12px;
		}
	#AFsystem-area #AF-right{
		width : 453px;
		float : left;
	}
		#AFsystem-area #AF-right #AF-right-inner{
			padding : 0 0 0 11px;
		}
		
		#AF-icon{
			padding : 20px 0 0 12px;
		}
		
#Large-area{
	padding : 12px 0 12px 0;
}
	#Large-area #Large-inner{
		padding : 0 0 0 12px;
	}
		#Large-area #Large-inner sup{
			line-height : 70%;
		}
		*:first-child+html #Large-area #Large-inner sup{
			vertical-align: text-top;
			line-height: 4px;
		}
		*html #Large-area #Large-inner sup{
			vertical-align: text-top;
			line-height: 4px;
		}
		#Large-area #Large-inner div{
			width : 271px;
			float : left;
		}
		#Large-area #Large-inner p{
			width : 330px;
			float : left;
		}
		
#live-area{
	padding : 12px 0 12px 0;
}
	#live-area #live-left{
		width : 514px;
		float : left;
	}
		#live-area #live-left h3{
			padding : 0 0 12px 0;
		}
		#live-area #live-left #live-left-inner{
			padding : 0 0 0 12px;
		}
			#live-area #live-left #live-left-inner p{
				width : 459px;
				padding : 12px 0 0 0;
			}
	#live-area #live-right{
		width : 330px;
		float : left;
	}
		#live-area #live-right ul{
			list-style : none;
			padding : 0;
			margin : 0;
		}
			#live-area #live-right ul li{
				padding : 0 0 10px 0;
			}
				#live-area #live-right ul li div{
					width : 187px;
					float : left;
				}
				#live-area #live-right ul li h4{
					width : 136px;
					padding : 0 0 8px 0;
					float : right;
				}
				#live-area #live-right ul li p{
					width : 136px;
					float : right;
				}
				
#LCD-area{
	padding : 12px 0 12px 0;
}
	#LCD-area #LCD-inner{
		padding : 0 0 0 12px;
	}
		#LCD-area #LCD-inner div{
			width : 332px;
			float : left;
		}
		#LCD-area #LCD-inner p{
			width : 330px;
			float : left;
		}
		
#quick-area{
	width : 823px;
	padding : 0 0 12px 0;
	margin : 10px 0 0 0;
	background : url("../images/quick_bg.jpg") no-repeat 0px 0px;
}
	#quick-area h3{
		height : 169px;
	}
	#quick-area p{
		padding : 10px 0 0 12px;
	}
	#quick-area p.caution{
		padding : 10px 0 0 12px;
	}
	
#proven-area{
	padding : 12px 0 12px 0;
}
	#proven-area #proven-inner{
		padding : 0 0 0 12px;
	}
		#proven-area #proven-inner div{
			width : 271px;
			float : left;
		}
		#proven-area #proven-inner p{
			width : 330px;
			float : left;
		}
		
#advanced-area{
	padding : 12px 0 12px 0;
}
	#advanced-inner{
		padding : 0 0 0 12px;
	}
	#advanced-area #advanced-inner ul{
			list-style : none;
			padding : 0;
			margin : 0;
		}
			#advanced-area #advanced-inner ul li.layout1{
				width : 220px;
				float : left;
			}
				#advanced-area #advanced-inner ul li.layout1 h4{
					padding : 8px 0 0 0;
					text-align : center;
				}
			#advanced-area #advanced-inner ul li.layout2{
				width : 400px;
				height : 180px;
				float : left;
			}
			#advanced-area #advanced-inner ul li.layout3{
				width : 220px;
				padding : 15px 0 0 0;
				float : left;
			}
				#advanced-area #advanced-inner ul li.layout3 h4{
					padding : 8px 0 12px 0;
					text-align : center;
				}
			#advanced-area #advanced-inner ul li.layout4{
				width : 180px;
				float : left;
			}
				#advanced-area #advanced-inner ul li.layout4 h4{
					padding : 0 0 0 50px;
				}
				
#built-area{
	width : 851px;
}
	#built-left{
		width : 305px;
		float : left;
	}
	#built-center{
		width : 317px;
		float : left;
	}
	#built-right{
		width : 213px;
		padding : 15px 0 0 0;
		float : left;
	}
		#built-right h4{
			padding : 8px 0 5px 0;
		}
		
	#built-area h3{
		padding : 12px 0 12px 0;
	}
	#built-area #built-inner{
		padding : 0 0 0 12px;
	}
		#built-area #built-inner p{
			width : 286px;
		}
/* built-area only anchor style */
div#anchor-built{
	height : 17px;
	background : url("../images/built_anchor_border.jpg") no-repeat;
}
/* built-area only anchor style */


#intelligent-area{
	padding : 12px 0 0 0;
}
	#intelligent-area #int-left{
		width : 478px;
		float : left;
	}
		#intelligent-area #int-left h3{
			padding : 12px 0 12px 0;
		}
		#intelligent-area #int-left p{
			padding : 0 0 0 12px;
		}
	#intelligent-area #int-right{
		width : 246px;
		float : left;
	}
/* intelligent-area only anchor style */
div#anchor-intelligent{
	height : 17px;
	background : url("../images/int_anchor_border.jpg") no-repeat;
}
/* built-area only anchor style */