﻿#flow-btn{
	margin: 30px 0;
	background: url(../img/flow_btn.gif) no-repeat 0 0;
}

#flow-btn a{
	display: block;
	width: 768px;
	_width: 780px;
	height: 58px;
	_height: 140px;
	padding: 82px 0 0 12px;

	font-size: 12px;
	line-height: 14px;
}

#flow-btn a:link	{color:#333333}
#flow-btn a:visited	{color:#333333}
#flow-btn a:action	{color:#333333}

#flow-btn a:hover{
	filter: alpha(opacity=40);
	-moz-opacity: 0.4;
	opacity: 0.4;
	color: #660000;
	background: url(../img/flow_btn.gif) no-repeat 0 -140px;
}
#flow-conf p{
	display: block;
	width: 350px;
	_width: 780px;
	margin: 0;
	padding: 10px 0 10px 430px;
	font-size: 12px;
	background: no-repeat 0 50%;
	border-bottom: 1px solid #d5ce4a;
}

#flow-conf p.c1{ background-image: url(../img/flow_conf1.gif) }
#flow-conf p.c2{ background-image: url(../img/flow_conf2.gif) }
#flow-conf p.c3{ background-image: url(../img/flow_conf3.gif) }
#flow-conf p.c4{
	background-image: url(../img/flow_conf4.gif);
	border:none;
}

#flow-notice img{ margin: 30px 0 6px 0 }
#flow-notice img.top{ margin: 20px 0 6px 0 }


/* flow table */
#flow {
	margin:0px;
}

#flow td {

font-size:12px;

vartical-align:top;
}
.backOrange {
	background: url(images/flow/back_orange.jpg) bottom left repeat-y;
	text-align:center;
	color:#333;
}
.backTopOrange {
	background: url(images/flow/topback.jpg) bottom left repeat-y;
	text-align:center;
	color:#333;
}
.backBlue {
	background: url(images/flow/back_blue.jpg) bottom left repeat-y;
	text-align:center;
	color:#fff;
}
.flow_text {
	border-bottom:1px #fff solid;
	padding:10px;
	background:#FFF8EA
}

#flow td h5 {
	font-size:16px;
	border-left:solid 3px orange;
	padding-left:5px;

}
#flow td p {
	font-size:12px;
	padding:5px 5px 5px 5px;

}
.flow_text2 {
	border-bottom:1px #fff solid;
	padding:10px;
	background:#EAF8FF
}
.flow_text3 {
	border-bottom:1px #fff solid;
	padding:10px;

}
.customer {
	background:#FFE2A1;
	width:20px;
	text-align:center;
	padding:10px;
}
.mzspeed {
	background:#97C3FF;
	width:20px;
	text-align:center;
	padding:10px;
}
.backBlue h4,.backOrange h4{
	text-align:center;
	margin:20px 0px;
}
.link {
	border:solid 1px #ccc;
	padding:5px;
	background:#fff;
}

.step {
	border:solid 1px #ddd;
	padding:20px 20px 0px 110px;
	height:100px;
}

.half-step {
	width:213px;
	border:solid 1px #ddd;
	padding:10px 20px 0px 110px;
	height:160px;
	float:left;
}
.arrow-a {
	text-align:center;
	width:323px;
	padding:10px;
	float:left;
}


#step1 {	background:url("https://www.mzspeed.co.jp/new_car/images/step1_03.jpg");}
#step2 {	background:url("https://www.mzspeed.co.jp/new_car/images/step2_03.jpg");}
#step3-a {	background:url("https://www.mzspeed.co.jp/new_car/images/step3.jpg");}
#step3-b {	background:url("https://www.mzspeed.co.jp/new_car/images/step3g.jpg");}
#step4-a {	background:url("https://www.mzspeed.co.jp/new_car/images/step4.jpg");}
#step4-b {
	background:url("https://www.mzspeed.co.jp/new_car/images/step4g.jpg");
	line-height:140%;
}
#step5 {	background:url("https://www.mzspeed.co.jp/new_car/images/step5_03.jpg");}
#step6 {	background:url("https://www.mzspeed.co.jp/new_car/images/step6_03.jpg");}
.title {
	width:340px;
	float:left;
	text-align:center;
}
em {color:red;}

.arrow1 {
	padding:10px;
	text-align:center;
}
