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

.costList{ height: 420px; background: #FFFFFF;}

.costTable{ overflow-x: hidden; overflow-y: scroll;}
.costTable .header{ text-align:center; }
.costTable .header p{ background: #000000;}
.costTable .row p{}
.costTable .row p:nth-child(1){  width:25%; flex-grow: 0; flex-shrink: 0;}
.costTable .row p:nth-child(2){  width:39%; flex-grow: 0; flex-shrink: 0;}
.costTable .row p:nth-child(3){  width:12%; flex-grow: 0; flex-shrink: 0; }
.costTable.costList .row p:nth-child(3){ background: #FFFFFF; border: 1px #a8a8a8; border-style: none solid solid none; display: flex; justify-content: space-around; align-items: center;}
.costTable .row p:nth-child(4),
.costTable .row p:nth-child(5){ width:12%;flex-grow: 0; flex-shrink: 0;}


.invoice{}
.invoice .row p:nth-child(1){  width:58%; flex-grow: 0; flex-shrink: 0;}
.invoice .row p:nth-child(2){  width:12%; flex-grow: 0; flex-shrink: 0;}
.invoice .row p:nth-child(3){  width:12%; flex-grow: 0; flex-shrink: 0;}
.invoice .row p:nth-child(4){  width:12%; flex-grow: 0; flex-shrink: 0;}
.invoice .row p:nth-child(5){  border: 1px #a8a8a8; border-style: none solid solid none; display: flex; justify-content: center; align-items: center;}
.invoice.invoice_header p{ text-align: center;}
.invoice.invoice_list .row p:nth-child(5){ background: #FFFFFF;}
.invoice.invoice_footer{ position: relative;}
.invoice.invoice_footer .ttl{ text-align: center;}
.invoice.invoice_footer .invoice_message{ position: absolute; top: 0; left: 0; width:70%;}
.invoice.invoice_footer .invoice_message textarea{ height: 105px;}