@charset "utf-8"; 

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

/* ==================================================== contents */
#wrapper #main .main-area .contents h2 {
	margin-bottom: 15px;
}
#wrapper #main .main-area .contents em {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	font-size: 10px;
	font-style: normal;
}
#wrapper #main .main-area .contents .box {
	width: 516px;
}
#wrapper #main .main-area .contents .read {
	margin-bottom: 20px;
	color: #222;
}


/* area-all */

/* related-link text */
#wrapper #main .main-area .area-all ul.related-link li {
	padding-left: 14px;
	background: url(../images/orderflow/orderflow_lnk_icon.gif) no-repeat left center;
}
#wrapper #main .main-area .contents .area-all strong {
	font-weight: normal;
	color: #cb1f31;
}
#wrapper #main .main-area .contents .area-all ol {
	padding-left: 1em;
}
#wrapper #main .main-area .contents .area-all ol li {
	line-height: 1.6;
	text-indent: -1em;
}
#wrapper #main .main-area .contents .area-all dl {
	padding-bottom: 27px;
	margin-bottom: 10px;
	background: url(../images/orderflow/orderflow_bg_btm_next.gif) no-repeat left bottom;
}
#wrapper #main .main-area .contents .area-all dl dt,
#wrapper #main .main-area .contents .area-all dl dd {
	padding-right: 20px;
	padding-left: 12px;
}
#wrapper #main .main-area .contents .area-all dl dt {
	padding-top: 17px;
	background: url(../images/orderflow/orderflow_bg_top.gif) no-repeat left top;
}
#wrapper #main .main-area .contents .area-all dl dd {
	padding-top: 10px;
	padding-left: 49px;
}


/* step-two-column */

#wrapper #main .main-area .contents .area-all dl.step-two-column dd p {
	width: 230px;
}
#wrapper #main .main-area .contents .area-all dl.step-two-column dd img {
	position: relative;
	float: right;
}


/* step2 */

#wrapper #main .main-area .contents .area-all dl.step02 dd {
}
#wrapper #main .main-area .contents .area-all dl.step02 dd img.step02-img01 {
	width: 199px;
	margin-top: -37px;
	margin-bottom: 15px;
}
#wrapper #main .main-area .contents .area-all dl.step02 dd ul li {
	float: left;
	width: 215px;
	display: inline;
}
#wrapper #main .main-area .contents .area-all dl.step02 dd ul li.step02-tempga {
	margin-left: 17px;
}
#wrapper #main .main-area .contents .area-all dl.step02 dd ul li p {
	width: auto;
	margin-top: 5px;
}
#wrapper #main .main-area .contents .area-all dl.step02 dd ul li img {
	position: static;
	float: none;
}


/* step3 */

#wrapper #main .main-area .contents .area-all dl.step03 dd {
	height: 125px;
}
#wrapper #main .main-area .contents .area-all dl.step03 dd img {
	width: 209px;
	margin-top: -41px;
}


/* step4 */

#wrapper #main .main-area .contents .area-all dl.step04 dd {
	height: 142px;
}
#wrapper #main .main-area .contents .area-all dl.step04 dd img {
	width: 181px;
	margin-top: -66px;
}


/* step5 */

#wrapper #main .main-area .contents .area-all dl.step05 dd {
	height: 85px;
}
#wrapper #main .main-area .contents .area-all dl.step05 dd img {
	width: 168px;
	padding-right: 21px;
}


/* step6 */

#wrapper #main .main-area .contents .area-all dl.step06 dd {
	height: 151px;
}
#wrapper #main .main-area .contents .area-all dl.step06 dd img {
	width: 189px;
	margin-top: -49px;
}


/* step7 */

#wrapper #main .main-area .contents .area-all dl.step07 dd {
	height: 105px;
}
#wrapper #main .main-area .contents .area-all dl.step07 dd img {
	width: 189px;
	margin-top: -37px;
}


/* step8 */

#wrapper #main .main-area .contents .area-all dl.step08 dd {
	position: relative;
	height: 360px;
}
#wrapper #main .main-area .contents .area-all dl.step08 dd img {
	float: none;
	width: 287px;
}
#wrapper #main .main-area .contents .area-all dl.step08 dd p {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 235px;
}


/* step9 */

#wrapper #main .main-area .contents .area-all dl.step09 {
	padding-bottom: 15px;
	background: url(../images/orderflow/orderflow_bg_btm.gif) no-repeat left bottom;
}