@charset "UTF-8";


/*納品書登録・編集*/
.deliverySlipEdit {
    border: 1px solid #333;
    padding: 30px;
    margin: 30px 0;
	  width: 1100px;
}

.deliverySlipEdit .title{ text-align: center; font-size: 22px; }

.deliverySlipEdit .slipNumberArea{ display: flex; justify-content: flex-end;}
.deliverySlipEdit .slipNumber{ width: 300px;}

.deliverySlipEdit .slipInfoArea{ display: flex; justify-content: space-between; align-items: end;}

.deliverySlipEdit .infoLeft{ width: 300px;}
.deliverySlipEdit .infoRight{ width: 400px;}

.deliverySlipEdit .manager{ margin: 10px 0 0;}
.deliverySlipEdit .manager .form-control{ width: 200px;}

.deliverySlipEdit .tableTopText{ margin: 10px 0;}

.deliverySlipEdit .deliverySlipEditTable table{ border: 1px solid #333; width: 100%;}
.deliverySlipEdit .deliverySlipEditTable th{ text-align: center; background-color: #eee;}
.deliverySlipEdit .deliverySlipEditTable th,
.deliverySlipEdit .deliverySlipEditTable td{ border: 1px solid #555; font-size: 15px;}

.deliverySlipEdit .otherText{ display: none;}

.deliverySlipEdit .deliverySlipEditTable .itemName textarea {
    height: 40px;
    display: block;
    padding: 0px 5px;
    resize: none;
		width: 530px;
}
.deliverySlipEdit .deliverySlipEditTable .cloth{ width: 20em;}
.deliverySlipEdit .deliverySlipEditTable .cloth{ width: 3em;}
.deliverySlipEdit .deliverySlipEditTable .number{ width: 5em;}
.deliverySlipEdit .deliverySlipEditTable .unit{ width: 9em;}
.deliverySlipEdit .deliverySlipEditTable .amount{ width: 7em;}
.deliverySlipEdit .deliverySlipEditTable .unitPrice{ width: 5em;}
.deliverySlipEdit .deliverySlipEditTable .memo{ width: 110px;}
.deliverySlipEdit .deliverySlipEditTable .memo textarea {
    width: 100%;
    height: 25px;
    display: block;
    font-size: 11px;
    padding: 0px 5px;
    resize: none;
    width: 
}

.deliverySlipEdit .deliverySlipEditTable .totalText{ font-size: 12px; border-right:none; padding: 0 0 0 1em;}
.deliverySlipEdit .deliverySlipEditTable .totalTitle{ text-align: right; border-right: none; border-left: none; padding: 0 1em 0 0;}
.deliverySlipEdit .deliverySlipEditTable .total{ border-left: none;}


/*納品書印刷用*/


.deliverySlip {
    border: 1px solid #333;
    padding: 15px 30px;
    margin: 30px 0;
    width: 940px;
    height: auto;
    position: relative;
    font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
    line-heigth: 1.4;
		overflow:hidden;
}
.deliverySlip .title {
    font-size: 28px;
    text-align: center;
    border-bottom: double;
    display: block;
    margin: 0 auto;
    width: 300px;
    letter-spacing: 20px;
    font-weight: bold;
}

.deliverySlip .slipNumber {
    font-size: 19px;
    width: 300px;
    position: absolute;
    right: 30px;
    text-align: right;
    top: 25px;
}

.slipInfoArea {
    height: 170px;
    position: relative;
    margin-top: -20px;
}

.deliverySlip .infoLeft {
    position: absolute;
    top: 50px;
    left: 0;
    width: 460px;
}

.deliverySlip .companyName {
    border-bottom: 1px solid #000;
    padding: 5px 25px 0 5px;
    font-size: 20px;
    position: relative;
    text-align: center;
}

.deliverySlip .companyName span {
    position: absolute;
    top: 8px;
    right: 10px;
    font-size: 16px;
}
.deliverySlip .dateOfIssue {
    font-size: 16px;
    margin: 5px 0 0;
    text-align: center;
    letter-spacing: 10px;
}
.deliverySlip .tableTopText {
    margin: 35px 0 0;
    font-size: 14px;
}

.deliverySlip .infoRight {
    position: absolute;
    top: 40px;
    right: 30px;
    width: 400px;
    text-align: right;
    font-size: 15px;
}

.deliverySlip .myCompanyName{ font-size: 21px;}
.deliverySlip .myCompanyName.receipt {
    padding-top: 50px;
}
.deliverySlipTable{ }
.deliverySlipTable table{ width: 100%; margin: 5px 0 0;}
.deliverySlipTable td,
.deliverySlipTable th{  border: 1px solid #000; padding: 4px 5px; box-sizing: border-box;}
.deliverySlipTable th{ font-size: 17px; text-align: center;}
.deliverySlipTable td{ font-size: 17px; height: 31.72px;}
.deliverySlipTable .thSmall{ font-size: 12px;}
.deliverySlipTable .smallText{ font-size: 10px;}
.deliverySlipTable .memo {
    width: 120px;
    vertical-align: middle;
    font-size: 11px;
    line-height: 1;
}
.deliverySlipTable .cloth,
.deliverySlipTable .unit{ width: 50px; font-size: 12px; text-align: center;}
.deliverySlipTable .unitPrice, .deliverySlipTable .amount {
    width: 50px;
    text-align: center;
}
.deliverySlipTable .number{ width: 50px; font-size: 14px; text-align: center;}
.deliverySlipTable .totalText{ border-right: none; font-size: 12px;}
.deliverySlipTable .totalText div{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.deliverySlipTable .totalTitle{ border-left: none;  font-size: 18px;}
.deliverySlipTable .total{ text-align: right; font-size: 18px;}