|
- body {
- font-size: 3.5mm
- }
-
- #content {
- padding: 20mm;
- padding-top: 10mm
- }
-
-
- #title {
- font-size: 7mm;
- font-weight: bold;
- letter-spacing: 5mm;
- }
-
- #receiptCustomerName {
- font-size: 5mm;
- padding-top: 10mm;
- }
-
- #receiptDate {
- margin-left: 50mm;
- }
-
- #receiptTotalAmount {
- border-top: solid 1px;
- border-bottom: solid 1px;
- padding-top: 2mm;
- padding-bottom: 2mm;
- margin-top: 10mm;
- margin-bottom: 2mm;
-
- font-size: 5mm;
- font-weight: bold;
-
- width: 150mm;
-
- }
-
- #receiptTotalAmount :nth-of-type(1) {
- margin-left: 10mm;
- }
-
- #receiptTotalAmount :nth-last-of-type(1) {
- margin-right: 6mm;
- }
-
- #taxTotalAmount {
- width: 150mm;
- }
-
- #taxTotalAmount>div {
- width: 60mm;
- border-bottom: solid 0.5px;
- }
-
- #taxTotalAmount>div :nth-of-type(1) {
- margin-left: 10mm;
- }
-
- #taxTotalAmount>div :nth-of-type(2) {
- margin-right: 10mm;
- }
-
-
- #detailTable {
- margin-top: 5mm;
- }
-
- #detailTable table {
- border-collapse: collapse;
- /* セルの線を重ねる */
- width: 150mm;
- text-align: left;
- }
-
- #detailTable th,
- td {
- border: solid 0.5px;
- /* 枠線指定 */
- }
-
- #detailTable th.amount {
- width: 20mm;
- }
-
- #detailTable th.targetMonth {
- width: 15mm;
- }
-
-
- #company {
- font-size: 4mm;
- margin-top: 5mm;
- }
-
-
- #company p {
- margin: 1mm;
- }
-
- #company .name {
- font-size: 5mm;
- }
-
- #stamp {
- top: 100mm;
- }
|