@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 .none {
	margin : 10vh 10vw 10vh 10vw;
	text-align : center;
	font-size : 5vw;
}

.wapper .content_body .search_result .slip_table {
	width: 100%;
	vertical-align : middle;
}

/*
 * 列幅
 */
.wapper .slip_table .col_1 {
	width:20vw;
}
.wapper .slip_table .col_5 {
	width:20vw;
}

/*
 * ヘッダ
 */
.wapper .slip_table th {
	background-color : #E1E1E1;
	font-size : 3.5vw;
	border:1px solid #CCCCCC;
	font-weight : bold;
	padding : 1vw;
}

.wapper .slip_table .field_product_title,
.wapper .slip_table .field_date_title,
.wapper .slip_table .field_delivery_place_title {
	text-align : center;
}

.wapper .slip_table .field_quantity_title,
.wapper .slip_table .field_price_title {
	text-align : right;
}

.wapper .slip_table .field_capacity_title {
	float : right;
}

.wapper .slip_table .field_customer_code_title,
.wapper .slip_table .field_customer_name_title,
.wapper .slip_table .field_delivery_place_code_title,
.wapper .slip_table .field_delivery_place_title {
	text-align : left;
}

/*
 * 明細
 */
.wapper .slip_table tr.line1 td {
	border-bottom: hidden;
}

.wapper .slip_table td {
	background-color : #FFFFFF;
	border:1px solid #CCCCCC;
	vertical-align: bottom;
}

/* 行の高さを指定 */
.wapper .slip_table tr.line1 {
	line-height : 5.5vw;
	height: 6.5vw;
}
.wapper .slip_table tr.line2,
.wapper .slip_table tr.line3,
.wapper .slip_table tr.line4,
.wapper .slip_table tr.line5 {
	line-height : 5.5vw;
	height: 5.5vw;
}

/* フィールド毎の設定 */
.wapper .slip_table .field_product {
	font-size : 5vw;
	font-weight : bold;
	color : blue;
	padding-left : 1vw;
}

.wapper .slip_table .field_capacity {
	font-size : 5vw;
	font-weight : bold;
	color : blue;
	padding-right : 1vw;
	float : right;
}

.wapper .slip_table .field_date {
	font-size : 4vw;
	font-weight : bold;
	text-align : center;
}

.wapper .slip_table .field_price {
	font-size : 4vw;
	text-align : right;
	padding-right : 1vw;
}

.wapper .slip_table .field_num {
	font-size : 4vw;
	font-weight : bold;
	text-align : right;
	padding-right : 1vw;
}

.wapper .slip_table .trade {
	font-weight : bold;
	font-size : 4vw;
	margin-left : 1vw;
	background-color: #ffccff;
}

.wapper .slip_table .category {
	font-weight : bold;
	font-size : 4vw;
	margin-left : 1vw;
}

.wapper .slip_table .field_package {
	font-weight : bold;
	font-size : 4vw;
	margin-left: 1vw;
}

.wapper .slip_table .field_delivery_place {
	font-weight: bold;
	font-size : 4vw;
	padding-left : 1vw;
}

.wapper .slip_table .field_delivery_cd,
.wapper .slip_table .field_customer_cd {
	font-weight: bold;
	font-size : 4vw;
	padding-left : 1vw;
}

.wapper .slip_table .field_customer_name {
    font-weight: bold;
    font-size : 4vw;
    padding-left : 1vw;
}

.wapper .slip_table .field_price.field_gray {
	color : #E0E0E0;
}

/*
 * その他レイアウト
 */
.wapper .slip_table .buttomline {
  border-bottom:2px solid #888888;
}

.wapper .content_body #target_view_area .on {
	color : #FFFF00;
}

/*
 * フッター
 */
.wapper .content_body #footer_view_area {
    display: table;
    line-height: 12vw;
    border-collapse: separate;
    border-spacing: 1vw 5vw;
    text-align: center;
    font-weight: bold;
}

.wapper .content_body #footer_view_area .period.title {
    display: table-cell;
    background-color: #808080;
    width: 26vw;
    color:#FFFFFF;
    vertical-align: middle;
}

.wapper .content_body #footer_view_area .period.field {
    display: table-cell;
    background-color: #FFFFFF;
    width: 30vw;
    vertical-align: middle;
}

/*
 * ボタン
 */
.wapper .btn.square_blue_btn {
    width : 18vw;
    font-size : 4.5vw;
}