@charset "utf-8"; 

div[class^="E10"]{box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box; ; }

/* container */
#container {position:relative; width:100%; padding-top:145px; overflow:hidden; }
#container:after {display:block; content:""; clear:both; }

.main_content {position:relative; width:100%; z-index:10; }

.conBox01{position:relative; width:100%; height:auto; background:#fff url('/images/common/E_10_main/bg_conBox01.png') no-repeat right top; padding:60px 0;}
.conBox02{position:relative; width:100%; height:auto; background: #115bba; /* Old browsers */
background: -moz-linear-gradient(left, #115bba 2%, #0a2656 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #115bba 2%,#0a2656 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #115bba 2%,#0a2656 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#115bba', endColorstr='#0a2656',GradientType=1 ); /* IE6-9 */background-size: cover;}
.con_wrap{position:relative; width:100%; height:auto; max-width:1400px; overflow:hidden; margin:0 auto;
}

.E10_1{position:relative; width:68%; height:auto; margin-right:4%; float:left;}
.E10_2{position:relative; width:28%; height:337px; float:left;}
.E10_3{position:relative; width:1400px; height:160px; margin:0 auto; background:url('/images/common/E_10_main/bg_conBox02.png') no-repeat left bottom;}

@media screen and (max-width:1420px) { 

	.conBox01 { padding:40px 0 4%;}
	.con_wrap { width:95%; margin:0 auto;}

	.E10_1 { width:100%; height: 280px; margin:0 auto; }
	.E10_2 { width:100%; margin:4% 0 0;}
	.E10_3 { width:95%; height:auto; }

}

@media screen and (max-width:1200px) { 
	/* container */
	#container {padding:0; }
}

@media screen and (max-width:980px) { 

}

@media screen and (max-width:760px) { 
    .E10_1 {width:100%;height: 430px;margin:0 auto;}
}

@media screen and (max-width:480px) {

}