.list-wrappleft {
  clear: both;
  float: left;
  /*float:に値を入れた時は並替の@mediaにも加えること*/
  width: 50%;
}
.list-wrappright {
  float: right;
  /*float:に値を入れた時は並替の@mediaにも加えること*/
  width: 50%;
}

.list-left {
  width: 100%;
  margin : 0 ;
  padding : 0 ;
  /*天右地左*/
  text-align: left ;
}
.list-right {
  width: 100%;
  margin : 0 ;
  padding : 0 ;
  /*天右地左*/
  text-align: left ;
}

table.list {
  width:100%;
  border-collapse: collapse;
}

table.list-dsap {
  border-collapse: collapse;
  border-color : #668cff;
  border-width : 1px;
  border-style : solid;
}

td.list {
  border-collapse: collapse;
  border-color : #999999;
  border-width : 1px;
  border-style : solid;
  background-color:#ffffff;
  padding : 5px;
  line-height:100%;
}

td.list-gray {
  border-collapse: collapse;
  border-color : #668cff;
  border-width : 1px;
  border-style : solid;
  padding : 5px;
  line-height:100%;
}

td.list-dsap {
  padding : 5px;
  line-height:100%;
}

/* パーツのwidthとは関係なくレスポンスする端末横幅を指定して並べ替え */
@media (max-width: 600px) {
  .list-wrappleft, .list-wrappright {
    float: none;
    margin: 0;
    width: auto;
  }
}