body {
    margin: 0;
    padding: 50px;
    background-color: #fff;
    font-family: "Lucida Grande", "Helvetica Neue", Roboto, "Droid Sans", Prelude, Helvetica, Arial, sans-serif;
    font-size: 100%;
    color: #334;
}

.customer-name {
    font-size: large;
    font-weight: bold;
    border-bottom: solid 1px#c2d0ea;
    margin-bottom: 20px;
}

.memo_detail {
    width: 800px;
    height: auto;
    border: 1px solid;
}

.detail-index{
    font-weight: bold;
}
table,td,th {
    border-collapse:collapse;
    border:solid 2px #000000;
}

th {
    background-color: #c2d0ea;
}

.td-color {
  background-color: #c2d0ea;
  font-weight: bold;
}

.tab-group{
    display: flex;
    justify-content: center;
  }
  .tab{
    flex-grow: 1;
    padding:5px;
    list-style:none;
    border:solid 1px #CCC;
    text-align:center;
    cursor:pointer;
  }
  .panel-group{
    /*height:100px;
    border:solid 1px #CCC;
    */
    border-top:none;
    /*background:#eee;*/
    padding-left: 40px;
  }
  .panel{
    display:none;
  }
  .tab.is-active{
    background:#6485c1;
    color:#FFF;
    transition: all 0.2s ease-out;
  }
  .panel.is-show{
    display:block;
  }

/* 背景色を付与 */
.addColor {
  color: #ff4026 ;
}

.customer-name {
  margin-top: 20px;
  margin-bottom: 10px;

}

.table-container {
  margin-bottom: 10px;
}