@charset "utf-8";

/*
 * 送信済みデータの一覧用css
 */
.wapper {
	width : 100%;
	min-height : 100%;
}

/*
 * content_body部分
 */
.wapper .content_body .search_result {
	margin : 3vh 0 0 0;
}

.wapper .content_body .search_result table {
	width: 100%;
}


/* 列の幅を指定 2列目、3列目（1列目は自動調整） */
.wapper .content_body .search_result table col.col_sp_2,
.wapper .content_body .search_result table col.col_sp_3 {
	width: 20vw;
}

/*
 * ヘッダ
 */
.wapper .slip_table th {
	background-color : #E1E1E1;
	font-size : 3.5vw;
	border:1px solid #CCCCCC;
	font-weight: bold;
	padding : 1vw;
}

.wapper .content_body .search_result .title_capacity {
	float: right;
	padding-right: 1vw;
}

.wapper .content_body .search_result .title_customer_name,
.wapper .content_body .search_result .title_product,
.wapper .content_body .search_result .title_memo {
	padding-left: 24vw;
	text-align: left;
}

/*
 * 明細
 */
.wapper .slip_table td {
	background-color : #FFFFFF;
	border:1px solid #CCCCCC;
	vertical-align: bottom;
}

.wapper .slip_table  tr.line2 td {
	border-bottom: hidden;
}

/* 行の高さを指定 */
.wapper .slip_table  tr.line1,
.wapper .slip_table  tr.line2 {
	line-height: 5.5vw;
	height: 6.5vw;
}

.wapper .slip_table  tr.line3,
.wapper .slip_table  tr.line4 {
	line-height: 5.5vw;
	height: 5.5vw;
}

/* フィールド毎の設定 */
.wapper .content_body .search_result .field_customer_name {
	font-size: 5vw;
	font-weight: bold;
	padding-left: 1vw;
}
.wapper .content_body .search_result .field_date {
	font-size : 4vw;
	font-weight: bold;
	text-align : center;
}

.wapper .content_body .search_result .field_product {
	font-size : 5vw;
	font-weight: bold;
	color : #0000FF;
	padding-left: 1vw;
}

.wapper .content_body .search_result .field_capacity {
	font-size : 5vw;
	font-weight: bold;
	color : #0000FF;
	padding-right: 1vw;
	float : right;
}

.wapper .content_body .search_result .field_num {
	font-size : 4vw;
	font-weight: bold;
	text-align : right;
	padding-right: 1vw;
}

.wapper .content_body .search_result .field_trade {
	font-size : 4vw;
	font-weight: bold;
	margin-left: 1vw;
}

.wapper .content_body .search_result .field_package {
	font-size : 4vw;
	font-weight: bold;
	margin-left: 1vw;
}

.wapper .content_body .search_result .field_memo {
	font-size : 4vw;
	font-weight: bold;
	padding-left: 1vw;
}

.wapper .content_body .search_result .field_order_num {
	font-size : 4vw;
	font-weight: bold;
	text-align : right;
	padding-right: 1vw;
}

.wapper .content_body .search_result .field_slip {
	font-size : 4vw;
	font-weight: bold;
	text-align: center;
}

.wapper .content_body .search_result .field_slip.web {
	color: red;
}

.wapper .content_body .search_result .field_slip.pc {
	color: red;
}

.wapper .content_body .search_result .field_slip.fin {
	color: #0000FF;

}

.wapper .content_body .search_result .field_slip.del {
	background-color: red;
}

/*
 * その他レイアウト
 */
.wapper .slip_table  tr.line4 {
	border-bottom: 2px solid #888888
}

.wapper .content_body .search_result .none {
	margin : 10vh 10vw 10vh 10vw;
	text-align : center;
	font-size : 5vw;
	font-weight : bold;
}

.wapper .content_body .error_message {
	margin : 2.5vh 0 0 0.5vw;
	font-size : 5vw;
	font-weight: bold;
	color : #FF0000;
}