table.sample{
    border-top:1px solid #999;
    border-left:1px solid #99;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
    width:80%
    font-size:10pt;
}
.sample th{
    /* border-right:1px solid #999;
    border-bottom:1px solid #999;
    border-left: 2px solid #999; */
    border: 1px solid #999;
    border-collapse: collapse;
    color:#330000;
    background-color:#b2d6d4;
    background-position:left top;
    padding: 12px 10px;
    text-align:center;
    font-size:10pt;
}
.sample td{
    border-right:1px solid #999;
    border-left:1px solid #999;
    border-bottom:1px solid #999;
    padding: 10px 10px;
    font-size:10pt;
}


table.sample_large{
    border-top:1px solid #89ff89;
    border-left:1px solid #89ff89;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
    width:80%
    font-size:12pt;
}
.sample_large th{
    border-right:1px solid #89ff89;
    border-bottom:1px solid #89ff89;
    color:#330000;
    background-color:#d3ffa8;
    background-position:left top;
    padding:0.3em 1em;
    text-align:center;
    font-size:12pt;
}
.sample_large td{
    border-right:1px solid #89ff89;
    border-bottom:1px solid #89ff89;
    padding:0.3em 1em;
    font-size:12pt;
}

.sample table {
    border-collapse: collapse;
}

table.none{
    border-top:1px solid #FFF;
    border-left:1px solid #FFF;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
    width:80%
    font-size:10pt;
}
.none td{
    border-right:1px solid #FFF;
    border-bottom:1px solid #FFF;
   /* padding:0.3em 1em; */
    font-size:10pt;
}

table.sample_red{
    border-top:1px solid #550000;
    border-left:1px solid #550000;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
    width:80%
    font-size:10pt;
}
.sample_red th{
    border-right:1px solid #550000;
    border-bottom:1px solid #550000;
    color:#330000;
    background-color:ff5555;
    background-position:left top;
    padding:0.3em 1em;
    text-align:center;
    font-size:10pt;
}
.sample_red td{
    border-right:1px solid #550000;
    border-bottom:1px solid #550000;
    padding:0.3em 1em;
    font-size:10pt;
}

img.sample_inkan {
position: relative;
top: 50px;
right:-225px;
z-index: 1;
}


table.sample_scroll{
    border-top:1px solid #89ff89;
    border-left:1px solid #89ff89;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
    width:100%
    font-size:10pt;
    table-layout: fixed;
}

.sample_scroll th{
    border-right:1px solid #89ff89;
    border-bottom:1px solid #89ff89;
    color:#330000;
    background-color:#d3ffa8;
    background-position:left top;
    padding: 5px 0px;
    text-align:center;
    font-size:10pt;
    table-layout: fixed;
    word-break: break-all;
}
.sample_scroll td{
    border-right:1px solid #89ff89;
    border-bottom:1px solid #89ff89;
    padding: 5px 0px;
    font-size:10pt;
    table-layout: fixed;
    word-break: break-all;
    height:auto;
}

table.bill{
    border-top:2px solid #000000;
    border-left:2px solid #000000;
    border-right:2px solid #000000;
    border-bottom:2px solid #000000;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
    width:80%
    font-size:10pt;
}
.bill th{
    border-right:1px solid #000000;
    border-bottom:1px solid #000000;
    color:#000000;
    background-color:#ffffff;
    background-position:left top;
    padding: 5px 10px;
    text-align:center;
    font-size:10pt;
}
.bill td{
    border-right:1px solid #000000;
    border-bottom:1px solid #000000;
    padding: 5px 10px;
    font-size:10pt;
}

table.bill_v2{
    border-top:2px solid #000000;
    border-left:2px solid #000000;
    border-right:2px solid #000000;
    border-bottom:2px solid #000000;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
    width:80%
    font-size:10pt;
}
.bill_v2 th{
    border-right:1px solid #000000;
    border-bottom:1px solid #000000;
    color:#000000;
    background-color:#0000000;
    background-position:left top;
    padding: 5px 10px;
    text-align:center;
    font-size:10pt;
}
.bill_v2 td{
    border-right:1px solid #000000;
    border-bottom:1px solid #000000;
    padding: 5px 10px;
    font-size:10pt;
}



table.picking{
    border-top:2px solid #000000;
    border-left:2px solid #000000;
    border-right:2px solid #000000;
    border-bottom:2px solid #000000;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
    width:80%
    font-size:10pt;
}
.picking th{
    border-right:1px solid #000000;
    border-bottom:1px solid #000000;
    color:#000000;
    background-color:#ffffff;
    background-position:left top;
    padding: 5px 5px;
    text-align:center;
    font-size:10pt;
}
.picking td{
    border-right:1px solid #000000;
    border-bottom:1px solid #000000;
    padding: 5px 5px;
    font-size:10pt;
}




table tr:hover {
    background: #e9e4da;
}

table.none:hover{
    background-color:#ffffff;
}


/* 吹き出し */
.balloon_parent {
  position: relative;
}

.balloon_parent:hover .balloon {
  display: block;
}

.balloon_parent:hover .balloon_right {
  display: block;
}

.balloon_parent:hover .balloon_content {
  display: block;
}

.balloon , .balloon_right {
  display: none;
  position: absolute;
  height:170px;
  width: 130px;
  font-size: x-small;
  padding: 20px;
  background: #000;
  opacity: 0.8;
  border-radius: 5px;
  top: 60px;
  z-index: 9999;
}

.balloon {
  left: 0;
}

.balloon_right {
  right: 0;
}

.balloon_content {
  display: none;
  height:170px;
  width: 130px;
  font-size: x-small;
  color: #fff;
  padding-right: 15px;
  padding-bottom: 5px;
  overflow-y:scroll;
  z-index: 9999;
}

/* 吹き出し口 */
.balloon::before , .balloon_right::before {
  content: "";
  position: absolute;
  border: 10px solid transparent;
  border-left: 12px solid transparent;
  border-bottom: 10px solid #000;
  top: -20px;
  z-index: 9999;
}

.balloon::before {
  left: 10px;
}

.balloon_right::before {
  right: 10px;
}
.page {
    padding: 1.04cm 1.54cm 1.04cm 1.54cm;
    width: 21cm;
    min-height: 29.7cm;
    height: 29.7cm;
}

.plan__table {
    width: 500px !important;
    /* margin: initial; */
    margin: 20px 10px;
    padding: initial;
    border: 1px solid #999;
}

.plan__table tr{
    margin: initial;
    padding: initial;
    border: initial;
}

.plan__table td{
    margin: initial;
    padding: 10px 0 10px 10px;
    border: initial;
    /* border-top: 1px solid #999;
    border-bottom: 1px solid #999; */
    border: 1px solid #999;
}

.plan__table tr:first-of-type td:first-of-type{
    border-top: none;
}

.table--small {
    border: none;
}

.table--small td {
    border: none ;
}