@charset "utf-8";
/* CSS Document */

#wrap {
	
}

#header_back {
	background:url(../images/technology/main.jpg) no-repeat center center;
}

#pagetitle h3 {
	font-size:36px;
}

#content01 {
	background:#FFF;
	text-align:center;
	padding-top:60px;
	padding-bottom:70px;
}


#content01 .w900 {
	text-align:left;
}

#content01 h2 {
	font-size:48px;
	color:#004DA0;
	
	font-family: 'Roboto', sans-serif;
	font-weight:bold;
	
	margin-left:5px;
}

#content01 h3 {
	font-size:64px;
	color:#333333;
	font-weight:bold;
	line-height:120%;
	margin-top:20px;
}

#content01 p {
	font-size:18px;
	margin:20px 0 0 10px;
	line-height:180%;
}


#content02 {
	background:url(../images/technology/back.png) repeat-y #EEEEEE;
	background-size:100%;
	padding:20px 0 120px;
}

#content02 #c2_box1 {
	background:url(../images/technology/img1.jpg) no-repeat right top 120px;
	background-size:70%;
	padding-bottom:500px;
	width:1080px;
	margin:auto;
}

#content02 #c2_box1 h2 {
	background: rgba(0,0,0,0.7);
	color:#FFF;
	font-size:24px;
	padding:40px 25px;
	display:inline-block;
	width:40%;
	text-align:center;
	
}

#content02 #c2_box2 {
	background:url(../images/technology/img2.jpg) no-repeat left top 40px;
	background-size:55%;
	text-align:right;
	padding-bottom:250px;
	width:1080px;
	margin:auto;
}

#content02 #c2_box2 h3 {
	background: rgba(0,0,0,0.7);
	color:#FFF;
	font-size:28px;
	padding:20px 100px;
	display:inline-block;
	text-align:center;
	margin-right:100px;
	
}

#content02 #c2_box2 p {
	width:340px;
	margin:30px 0 0 auto;
	text-align:left;
	font-size:20px;
	line-height:180%;
}

#content02 #c2_box3 {
	background:url(../images/technology/img3.jpg) no-repeat right top 40px;
	background-size:53%;
	text-align:left;
	padding-bottom:30px;
	width:1080px;
	margin:auto;
}

#content02 #c2_box3 h3 {
	background: rgba(0,0,0,0.7);
	color:#FFF;
	font-size:28px;
	padding:20px 100px;
	display:inline-block;
	text-align:center;
	margin-right:100px;
	
}

#content02 #c2_box3 p {
	width:350px;
	margin:30px auto 0 0;
	text-align:left;
	font-size:20px;
	line-height:180%;
}


#content03 {
	padding:60px 0;
	background:#FFF;
	text-align:center;
}

#content03 h2 {
	font-size:30px;
	color:#004DA0;
	
	font-family: 'Roboto', sans-serif;
	font-weight:700;
	line-height:100%;
}

#content03 h2 span {
	font-size:18px;
	color:#333;
	font-weight:bold;
}

#content03 a {
	width:200px;
	text-align:center;
	padding:50px 0;
	background:#004DA0;
	color:#FFF;
	font-size:20px;
	font-weight:bold;
	letter-spacing:4px;
	display: inline-block;
	
	margin:10px;
}

#content03 a:hover {
	background-color:#3371B3;
}

#content03 a#c3_link_on {
	background-color:#FFF;
	color:#004DA0;
	border: solid 10px #004DA0;
	width:180px;
	padding:40px 0;
}

#content03 a span {
	font-size:12px;
	font-family: 'Roboto', sans-serif;
	line-height:100%;
	letter-spacing:1px;
}