Como puedes ver enesta imagenTengo una naranjadiv dentro de un verdediv sin borde superior. La naranjadiv tiene un30px margen superior, pero también está empujando el verdediv abajo. Por supuesto, agregar un borde superior solucionará el problema, pero necesito el verdediv ser superior sin fronteras. ¿Qué puedo hacer?

.body {
	border: 1px solid black;
	border-top: none;
	border-bottom: none;
	width: 120px;
	height: 112px;
	background-color: lightgreen;
}

.body .container {
	background-color: orange;
	height: 50px;
	width: 50%;
	margin-top: 30px;
}

<div class="header">Top</div>
<div class="body">
	<div class="container">Box</div>
</div>
<div class="foot">Bottom</div>

Gracias