@charset "utf-8";
@import "/css/template.css";
/*------------------------------------------------------------
	ご注文の流れ
------------------------------------------------------------*/
#conts h2 {
	margin: 0 0 10px 0;
	padding: 7px 0 10px 23px;
	background: url(/img/template/h3_back01.gif) no-repeat left;
	
	clear: left;
	
	color: #0C5A35;
	font-size: 130%;
	font-weight: bold;
	
	letter-spacing: -1px;
}

#conts h3 {
	margin: 0 0 15px 0;
	padding: 7px 0 10px 15px;
	background: url(/img/mail_order/how/h3_back.gif) no-repeat 13px bottom;
	
	clear: left;
	
	color: #333;
	font-size: 125%;
	font-weight: bold;
	
	letter-spacing: -1px;
}

#conts h4 {
	margin: 0;
	padding: 0 0 7px 15px;
}

#conts p {
	padding: 0 5px 15px 15px;
	
	line-height: 1.5;
}

#conts #flow {
	height: 765px;
	background: url(/img/mail_order/flow/flow_back.gif) no-repeat 15px top;
	
	position: relative; 
}

#conts #flow p {
	margin: 0;
	padding: 0;
	width: 336px;
}

#conts p.one {
	position: absolute;
	top: 9px;
	left: 216px;
}

#conts p.two {
	position: absolute;
	top: 159px;
	left: 216px;
}

#conts p.three {
	position: absolute;
	top: 299px;
	left: 216px;
}

#conts p.four {
	position: absolute;
	top: 445px;
	left: 216px;
}

#conts p.five {
	position: absolute;
	top: 559px;
	left: 216px;
}


#conts img.img1 {
	position: absolute;
	top: 6px;
	left: 25px;
}

#conts img.img2 {
	position: absolute;
	top: 156px;
	left: 24px;
}

#conts img.img3 {
	position: absolute;
	top: 290px;
	left: 24px;
}

#conts img.img4 {
	position: absolute;
	top: 426px;
	left: 26px;
}

#conts img.img5 {
	position: absolute;
	top: 586px;
	left: 23px;
}

#conts #flow address {
	position: absolute;
	top: 628px;
	left: 262px;
	
	font-weight: bold;
	text-align: center;
	line-height: 1.5;
}

#conts ul.top {
	margin: 0;
	padding: 0;
	
	position: absolute;
	top: 52px;
	left: 218px;
}

#conts ul.top li {
	margin: 0 0 6px 0;
	padding: 0 0 0 15px;
	background: url(/img/mail_order/flow/arrow01.gif) no-repeat left center;
	
	font-weight: bold;
}

#conts ul.two {
	margin: 0;
	padding: 0;

	position: absolute;
	top: 92px;
	left: 219px;
}

#conts ul.two li {
	margin: 0;
	padding: 0;
}

#conts ul.three {
	margin: 0;
	padding: 0;
	width: 330px;

	position: absolute;
	top: 678px;
	left: 214px;
	
	color: #0c5a35;
	line-height: 1.5;
}

#conts ul.three li {
	padding: 0 0 0 10px;
	
	text-indent: -8px;
}

#conts ul.goTop {
	margin: 5px 0 30px;
	padding: 0;
	
	text-align: center;
}

#conts #back {
	margin: 5px 0 15px 0;
	padding: 10px 10px 0 0;
	
	float: none;
}

#conts #back li {
	background: none;

	text-align: right;
}