@charset "Shift_JIS";

div#braengine{
	width: 522px;
	margin:10px auto;
	overflow:hidden;
}
div#braengine div.wrap{
	float: left;
	width: 240px;
	margin:0 0 0 15px;
	*display:inline;
}
div#braengine p{
	margin:0;
}
div#braengine div.imgChange1{	width:240px; height:135px; background:url(/vaio/pre_include/images/VJ21/be_1.jpg) no-repeat left top;}
div#braengine div.imgChange1:hover{	width:240px; height:135px; background:url(/vaio/pre_include/images/VJ21/be_1_on.jpg) no-repeat left top;}

div#braengine div.imgChange2{	width:240px; height:135px; background:url(/vaio/pre_include/images/VJ21/be_2.jpg) no-repeat left top;}
div#braengine div.imgChange2:hover{	width:240px; height:135px; background:url(/vaio/pre_include/images/VJ21/be_2_on.jpg) no-repeat left top;}

div#braengine div.imgChange3{	width:240px; height:135px; background:url(/vaio/pre_include/images/VJ21/be_3.jpg) no-repeat left top;}
div#braengine div.imgChange3:hover{	width:240px; height:135px; background:url(/vaio/pre_include/images/VJ21/be_3_on.jpg) no-repeat left top;}

div#braengine div.imgChange4{	width:240px; height:135px; background:url(/vaio/pre_include/images/VJ21/be_4.jpg) no-repeat left top;}
div#braengine div.imgChange4:hover{	width:240px; height:135px; background:url(/vaio/pre_include/images/VJ21/be_4_on.jpg) no-repeat left top;}

.braengine_center{
	width:470px;
	margin:0 auto;
}

.braengine_right{
	clear:both;
	margin:0 0 20px;
	font-size:80%;
	text-align:right;
}

@media (max-width:640px){
	div#braengine{
		width: auto!important;
		height:auto;
	}
	div#braengine div.wrap{
		float: none;
		margin:0 auto!important;
	}
	div#braengine div.wrap div{
		float:none!important;
	}
	div#braengine p{
		margin:0 0 20px;
	}
	.braengine_center{
		width:auto;
		margin:0 auto;
	}
	.braengine_center img{
		max-width:100%;
		width:auto;
		height:auto;
	}
}