@charset "UTF-8";

#flow {
	width: 800px;
	margin: 20px auto 100px;
}

#flowBox {
	width: 100%;
	/* [disabled]height: 1300px; */
	background: url(flowbase.png) repeat-y;
	background-size: 100%;
}

.contents_Box{
	width: 800px;
	margin-bottom: 60px;
}
#MailLink {
	width: 788px;
	margin-top: 50px;
	text-align: center;
	padding: 40px 0px;
	border: 6px solid #DCDCDC;
}

.contents_Box:before{
  content:"";
  display:block;
  background: url(flowtop.png) no-repeat;
  height:20px;
  background-size: 100%;
}

.contents_Box:after{
  content:"";
  display:block;
  background: url(flowbottom.png) bottom center no-repeat;
  background-size: 100%;
  height:40px;
}

.contents_BoxEnd:after{
  background: url(flowbottomEnd.png) bottom center no-repeat;
}

.inner_Box{
  background: url(flowback.png) repeat-y;
  background-size: 100%;
  padding:0px;    
}

.inner_Box .FboxL {
	width: 227px;
	height:80px;
	float: left;
}

.inner_Box .FboxL p {
	font-size: 17px;
	color: #FFFFFF;
	text-align: center;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.inner_Box .FboxR {
	width: 485px;
	height: 60px;
	float: right;
	margin-right: 45px;
	margin-top: 10px;
}


.inner_Box .FboxR p {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

#flow #flowBox .flowImg {
	text-align: right;
	margin-top: -60px;
	margin-bottom: 20px;
	margin-right: 15px;
	width: 100%;
}