#wrap, #header, #container, #footer{
	float:left;
	width:100%;
}

.sectors{
	margin:70px auto 0;
	width:1335px;
}

.sectors2{
	float:left;
	width:1714px;
	margin-left:calc(50% - 857px);
}

.sectors3{
	margin:0 auto;
	width:1482px;
}

body.main{
	background:url("/images/main_bg.png") repeat-x center top;
}

#wrap{
	min-width:1714px;
}

#footer{
	padding-bottom:50px;
	background:#333;
	color:#fff;
}

#aside{
	float:left;
	width:250px;
}

#content{
	float:right;
	width:1055px;
	min-height:700;
}


#admin_aside {
	position:fixed;
	left:0;
	top:0;
	width: 250px;
	height:100vh;
	background: #fff;
	box-shadow: 5px 0 15px rgba(0,0,0,0.02);
	overflow: auto;
}

#admin_container {
	float:left;
	width: calc(100% - 310px);
	margin-left:250px;
	padding: 0 30px;
	overflow: auto;
}

#mobile_navi_area{
	display:none;
}

@media screen and (max-width:640px){
	body.main{
		background-size:100% 500px;
	}

	.sectors, .sectors2, .sectors3{
		position:relative;
		float:left;
		width:100%;
		margin-left:0;
		margin-top:0;
	}

	.sectors3{
		width:94%;
		margin-left:3%;
	}

	#wrap{
		min-width:initial;
	}

	#aside{
		display:none;
	}

	#content{
		float:left;
		width:94%;
		margin:40px 0 0 3%;
	}

	#mobile_navi_area{
		display:block;
		width:100%;
	}
}

.black_bg_layer, .black_bg_layer2{
	display:none;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, .4);
}