@charset "utf-8";

/*
	1.Common Layout.
	2.Order Flow Layout.
	3.Document Download Layout.
	4.Address Layout.
	5.Payment Layout.
	6.Option Layout.
*/

/*----------------------------------------------------------
	1.Common Layout.
-----------------------------------------------------------*/

/*----------------------------------------------------------
	2.Order Flow Layout.
-----------------------------------------------------------*/
div#order a[target="_blank"]{
	padding-right: 16px;
	background: url(/cloud/common/images/icon_blank.png) no-repeat center right;
	margin-right: 10px;
}
div#order a.pdf{
	padding-right: 20px;
	background: url(/cloud/common/images/icon_pdf.png) no-repeat center right;
	margin: 3px;
}

div#flow{}

div#flow h2{
	background:url(/cloud/common/images/order/h2_orderflow.jpg) no-repeat top left;
	}

div#flow ul{
	margin:30px 10px;
	background:url(/cloud/common/images/order/10days.jpg) no-repeat center right;
	}

div#flow li{
	width:550px;
	margin-bottom:20px;
	padding:0px;
	padding-bottom:50px;
	background:url(/cloud/common/images/order/bg_arrow.gif) no-repeat bottom left;
	}

div#flow li.step5{
	padding-bottom:10px;
	background:url(/cloud/common/images/order/bg_line.gif) no-repeat bottom left;
	}

div#flow li span{
	width:45px;
	height:50px;
	float:left;
	text-indent:-9999px;
	}

div#flow li span.step1{
	background:url(/cloud/common/images/order/bg_step1.jpg) no-repeat top left;
	}

div#flow li span.step2{
	background:url(/cloud/common/images/order/bg_step2.jpg) no-repeat top left;
	}

div#flow li span.step3{
	background:url(/cloud/common/images/order/bg_step3.jpg) no-repeat top left;
	}

div#flow li span.step4{
	background:url(/cloud/common/images/order/bg_step4.jpg) no-repeat top left;
	}

div#flow li span.step5{
	background:url(/cloud/common/images/order/bg_step5.jpg) no-repeat top left;
	}

div#flow li div.textSonet,
div#flow li div.textCustomer{
	width:410px;
	min-height:80px;
	margin-left:60px;
	padding-right:80px;
	display:block;
	}

div#flow li div.textSonet,
div#flow li div.textCustomer

div#flow li div.textSonet{
	background:url(/cloud/common/images/order/bg_icon_so-net.gif) no-repeat center right;
	}

div#flow li div.textCustomer{
	background:url(/cloud/common/images/order/bg_icon_customer.gif) no-repeat center right;
	}

div#flow li h3{
	font-size:150%;
	margin-bottom:10px;
	}

/*----------------------------------------------------------
	3.Document Download Layout.
-----------------------------------------------------------*/
div#document{
	padding-bottom:50px;
	}

div#document h2{
	background:url(/cloud/common/images/order/h2_document.jpg) no-repeat top left;
	}

p#download{
	margin-left:20px;
	padding-left:10px;
	background:url(/cloud/common/images/arrow_blue.gif) no-repeat center left;
	}

/*----------------------------------------------------------
	4.Address Layout.
-----------------------------------------------------------*/
div#address{
	padding-bottom:50px;
	}

div#address h2{
	background:url(/cloud/common/images/order/h2_address.jpg) no-repeat top left;
	}

div#address dl{
	margin:50px;
	margin-bottom:0px;
	}

div#address dt{
	width:100px;
	float:left;
	display:block;
	}

div#address dd{
	margin-left:110px;
	padding-bottom:10px;
	display:block;
	}

div#address p{
	padding:0 5px;
}

/*----------------------------------------------------------
	5.Payment Layout.
-----------------------------------------------------------*/
div#payment{
	padding-bottom:50px;
	}

div#payment h2{
	background:url(/cloud/common/images/order/h2_payment.jpg) no-repeat top left;
	}
	
div#payment p{
	padding:0 5px;
	}


/*----------------------------------------------------------
	6.Option Layout.
-----------------------------------------------------------*/
div#option{}

div#option h2{
	background:url(/cloud/common/images/order/h2_option.jpg) no-repeat top left;
	}
	
div#option p{
	padding:0 5px;
}