@charset "utf-8";

/* WORK FLOW
----------------------------------------*/

.stepbox {position: relative;}

.stepbox p {line-height: 1.6em;}

.stepbox a {
	text-decoration: underline;}

#step01 {
	height: 340px;
	background: url(../img/arrow01.jpg) left 60px no-repeat;}

#step01 p {margin: 20px 400px 0 95px;}

.btncont {
	text-align: center;
	font-weight: bold;
	margin-bottom: 25px;}

.btncont img {
	margin-bottom: 3px;}

#step01 span img {
	position: absolute;
	left: 542px; top: 60px;}

#step02 {
	height: 191px;
	background: url(../img/arrow02.jpg) left 60px no-repeat;}

#step02 p {margin: 20px 0 0 95px;}

#step03 {
	height: 400px;
	background: url(../img/arrow03.jpg) left 60px no-repeat;}

#step03 p {margin: 20px 420px 0 95px;}

#step03 div {
	position: absolute;
	width: 180px;
	height: 91px;
	line-height: 1.6em;}

#step03 .image01 {
	left: 525px; top: 64px;
	padding: 135px 10px 0 10px;
	background: url(../img/img02.jpg) left top no-repeat;}

#step03 .image02 {
	left: 727px; top: 64px;
	padding: 135px 10px 0 10px;
	background: url(../img/img03.jpg) left top no-repeat;}

#step04 {
	height: 470px;
	background: url(../img/arrow04.jpg) left 60px no-repeat;}

#step04 p {margin: 20px 10px 0 473px;}

#step04 ul {margin: 20px 10px 0 473px;}

#step04 ul li {margin-bottom: 5px;}

#step04 div {
	position: absolute;
	width: 176px;
	height: 32px;
	text-align: center;
	line-height: 1.6em;}

#step04 .image03 {
	left: 95px; top: 67px;
	padding: 200px 0 0 0;
	background: url(../img/img04.jpg) left top no-repeat;}

#step04 .image04 {
	left: 280px; top: 67px;
	padding: 200px 0 0 0;
	background: url(../img/img05.jpg) left top no-repeat;}

#step05 {
	height: 216px;
	background: url(../img/arrow02.jpg) left 60px no-repeat;}

#step05 p {margin: 20px 0 0 95px;}

#after h5 {
	margin-top: 25px;
	padding-bottom: 3px;
	border-bottom: 1px dotted #6b3f2e;}

#step06 p {margin: 15px 0 0 95px;}

#after {
	margin: 15px 8px 0 95px;
	padding: 15px;
	background-color: #e1dfd7;}

#after p {
	margin-top: 1em;}

#after a {
	text-decoration: underline;}

#after a:hover {
	text-decoration: none;}

#after ul li {
	margin-top: 0.5em;}

#after ul li dl dt {
	font-weight: bold;}

#after ul li dl dd {
	padding: 6px 0 10px 0;}

.hosho {
	margin-top: 10px;}

.unhosho {
	margin-top: 10px;
	padding: 10px;
	background-color: #ecebe6;}