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

img{
    width: 100%;
    height: auto;
}

div.receipt_page{
	background-color: #ffffff;
	width: 815px;
	}

/*印刷までの手順**********/
div.large_box{
	padding: 10px 40px;
	margin-bottom: 20px;
	}
div.flow_receipt{
	overflow: hidden;
	width: 700px;
	margin: 0 auto;
	}
div.receipt_img{
	float: left;
	width: 200px;
	}
div.receipt_img img{
	margin-bottom: 10px;
	}

/*タイトル***********/
div.receipt_page	h1{
	background-image: url(../img/receipt.jpg);
	text-indent: -9999px;
	height: 185px;
	}
div.receipt_page	h2{
	background-image: url(../img/printing.jpg);
	text-indent: -9999px;
	height: 60px;
	}

/*矢印**********/
div.direction{
	float: left;
	width: 50px;
	height: 154px;
	text-align: center;
	padding-top: 50px;
	}
div.direction2{
	float: left;
	width: 50px;
	height: 242px;
	text-align: center;
	padding-top: 100px;
	}

div.direction img{
	width: 20px;
    height: auto;
	}
div.direction2 img{
	width: 20px;
    height: auto;
	}

/*注意**********/
div.attention{
	background-color: #ffe9e9;
	border: #920000 solid 2px;
	padding: 10px 20px 10px 55px;
	clear: both;
	background-image: url(../img/attention.png);
	background-size: 40px 39px;
	background-position: 10px;
	background-repeat: no-repeat;
	}

/*印刷の手順**********/
div.print_box{
	background-color: #e4e4e4;
	padding: 20px;
	}
div.print{
	background-color: #ffffff;
	padding: 20px 20px 30px 20px;
	margin-bottom: 10px;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
	}
div.print_case{
	overflow: hidden;
	width: 700px;
	margin: 0 auto;	
	}
div.print_img{
	float: left;
	width: 325px;
	}
div.receipt_print{
	text-align: center;
	margin-bottom: 10px;
	}
div.receipt_print img.underarrow{
	width: 80px;
    height: auto;
	}
p.p_image{
	background-image: url("../img/no3.png");
	background-repeat: no-repeat;
	background-size: 40px 40px;
	padding: 8px 0 10px 45px;
	}