@charset "utf-8";
/* CSS Document */

/*=========================================================================

 ご注文の流れ
	
=========================================================================*/

body#guide{
	font-size:12px;
}

/* flowFrame */
div.flowFrame{
	width:500px;
	margin:0px auto;
	background:#ffffff url(/guide/images/bg_frame_02.gif) repeat-y;
}
body#guide div.flowFrame h2{
	font-size:18px;
	color:#ffffff;
	font-weight:bold;
	background:#ff800e url(/guide/images/bg_frame_01.gif) no-repeat;
	margin:0px;
	padding:5px;
	border-bottom:none;
}
div.flowFrame p.flowFrameBottom{
	width:500px;
	height:5px;
	margin:0px auto;
	background:url(/guide/images/bg_frame_03.gif) no-repeat left bottom;
}

/* flowImg */
div.flowFrame h3.flowImg01{
	display:block;
	width:475px;
	height:150px;
	background:url(/guide/images/img_order_flow.gif) no-repeat 0px 0px;
	text-indent:-9999px;
	margin:5px auto;
}
div.flowFrame h3.flowImg02{
	display:block;
	width:475px;
	height:150px;
	background:url(/guide/images/img_order_flow.gif) no-repeat 0px -150px;
	text-indent:-9999px;
	margin:5px auto;
}

/* flowList */
div.flowFrame p.flowAlert{
	font-weight:bold;
	color:#ff0000;
	text-align:center;
}
div.flowFrame div.flowVisitor ,
div.flowFrame div.flowAccept{
	position:relative;
	width:450px;
	height:70px;
	background-color:#fff6ec;
	border:1px solid #f8a651;
	margin:5px auto;
	padding:10px;
}
div.flowFrame div.flowVisitor dl dt strong ,
div.flowFrame div.flowAccept dl dt strong{
	font-size:16px;
	color:#ff520e;
}
div.flowFrame div.flowMail{
	position:relative;
	width:450px;
	height:55px;
	background-color:#f1f7ff;
	border:1px solid #7cadf0;
	margin:5px auto;
	padding:10px;
}
div.flowFrame div.flowMail dl dt strong{
	font-size:16px;
	color:#4691f8;
}
div.flowFrame div.flowStore{
	width:450px;
	height:30px;
	margin:5px auto;
	padding:10px;
	text-align:center;
}
div.flowFrame div.flowStore dl dt strong{
	font-size:16px;
	color:#819b07;
}
div.flowFrame div.flowVisitor dl ,
div.flowFrame div.flowMail dl ,
div.flowFrame div.flowAccept dl{
	margin-left:62px;
}
div.flowFrame div.flowVisitor p{
	position:absolute; top:10px; left:10px;
	display:block;
	width:58px;
	height:59px;
	background-color:#fff6ec;
	background:url(/guide/images/img_order_flow.gif) no-repeat 0px -365px;
}
div.flowFrame div.flowMail p{
	position:absolute; top:10px; left:10px;
	display:block;
	width:59px;
	height:59px;
	background:url(/guide/images/img_order_flow.gif) no-repeat -60px -364px;
}
div.flowFrame div.flowAccept p{
	position:absolute; top:10px; left:10px;
	display:block;
	width:59px;
	height:59px;
	background:url(/guide/images/img_order_flow.gif) no-repeat -120px -364px;
}
div.flowFrame p.flowIcoArrow{
	display:block;
	width:47px;
	height:24px;
	margin:0px auto;
	background:url(/guide/images/img_order_flow.gif) no-repeat 0px -321px;
}