@charset "utf-8"; 

@import "../../../common/css/common.css";
@import "../../common/css/static_common.css";

/* ===================================== contents */

ol {
	list-style-type: none;
}
#wrapper .main-area {
	color: #646464;
	text-align: left;
}
#wrapper .main-area p {
	line-height: 1.6;
}
#wrapper .main-area p.ex {
	width: 380px;
	padding: 15px 0 20px;
	margin: 0 auto;
}
#wrapper .main-area p.ex strong {
	color: #e66400;
}


/* lead-area */

#wrapper .main-area .lead-area {
	width: 422px;
	margin: 0 auto 20px;
}
#wrapper .main-area .lead-area dl {
	padding-top: 21px;
	border-top: 1px solid #e6ab8f;
}
#wrapper .main-area .lead-area dl dt {
	float: left;
	width: 50px;
	margin-right: 5px;
}
#wrapper .main-area .lead-area dl dd {
	padding-top: 8px;
}


/* flow-area */

#wrapper .main-area .flow-area {
	clear: both;
	width: 423px;
	margin: 0 auto 50px;
	background: #ffe6d3 url(../images/volume_discount/flow_bg_top.gif) no-repeat left top;
}
#wrapper .main-area .flow-area ol {
	padding: 17px 16px 17px 24px;
	background: url(../images/volume_discount/flow_bg_btm.gif) no-repeat left bottom;
}
#wrapper .main-area .flow-area ol li em {
	font-style: normal;
	color: #3eaaff;
}
#wrapper .main-area .flow-area ol li strong {
	font-size: 14px;
	color: #c70e24;
}
#wrapper .main-area .flow-area ol li.flow-01 {
	margin-bottom: 33px;
}
#wrapper .main-area .flow-area ol li.flow-01 img {
	margin-top: 10px;
}
#wrapper .main-area .flow-area ol li.flow-01 p.note {
	position: relative;
	margin-top: -16px;
	margin-left: 140px;
}
#wrapper .main-area .flow-area ol li.flow-02 {
	position: relative;
	width: 100%;
	margin-bottom: 10px;
}
#wrapper .main-area .flow-area ol li.flow-02 p.note {
	position: absolute;
	left: 255px;
	top: 28px;
}
#wrapper .main-area .flow-area ol li.flow-03 {
	margin-bottom: 30px;
}
#wrapper .main-area .flow-area ol li.flow-03 p.note {
	position: relative;
	margin-top: -12px;
	margin-left: 45px;
}
#wrapper .main-area .flow-area ol li.flow-04 {
	margin-bottom: 25px;
}
#wrapper .main-area .flow-area ol li.flow-05 {
	margin-bottom: 15px;
}
#wrapper .main-area .flow-area ol li.flow-04 p.note,
#wrapper .main-area .flow-area ol li.flow-05 p.note {
	position: relative;
	margin-top:-15px;
	text-align: center;
}