@charset "utf-8";

/* ご注文の流れトップページ[order_flow/index.html]を記述しています */

/* レイアウトを記述しています */

#main {
	display: block;
	width: 798px;
	height: auto;
	padding: 0px 0px 17px 162px;
	background-image: url(../../common/img/sub_menu_bg.gif);
	background-repeat: repeat-y;
	background-position: 0px 0px;
}

#container {
	display: block;
	width: 698px;
	height: auto;
	padding: 62px 50px 0px 50px;
}

.container2 {
	display: block;
	width: 721px;
	height: auto;
	padding: 0px 50px 0px 27px;
}

#container3 {
	display: block;
	width: 693px;
	height: auto;
	padding: 0px 50px 0px 55px;
}

/* ページタイトル・リード文 */

h2#main_ttl {
	display: block;
	width: 99px;
	height: 17px;
	margin-bottom: 39px;
	background-image: url(../img/order_flow_ttl.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

p#main_read {
	display: block;
	width: 178px;
	height: 13px;
	margin-bottom: 34px;
	background-image: url(../img/order_flow_read.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

/* メインのレイアウト */

.container2_left {
	display: block;
	width: 183px;
	height: auto;
	float: left;
}

.container2_right {
	display: block;
	width: 538px;
	height: auto;
	float: right;
}

p.txt {
	padding: 0px 2px 0px 12px;
}

p.txt2 {
	padding: 0px 2px 0px 17px;
}

p.txt3 {
	padding: 0px 2px 0px 2px;
}

p.pay {
	padding: 0px 0px 10px 0px;
}

p.pay2 {
	padding: 12px 0px 18px 0px;
}

p.kuroneko {
	padding: 10px 0px 0px 32px;
}

h3#cancel_ttl {
	display: block;
	width: 146px;
	height: 13px;
	margin-bottom: 10px;
	background-image: url(../img/cancel_ttl.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}