body{
  font-size : 14px;
  line-height:130%;
}

table{
  font-size : 14px;
  line-height:130%;
}

b{
  font-size : 16px;
  font-weight : bold;
  line-height:130%;
}

font {
  color : #262626 ;
}

.band {
  clear: both;
  width: 95% ;
  max-width: 750px ;
  padding : 25px 0 5px 0 ;
  /*天右地左*/
}

.title {
  display: inline-block ;
  /*inline-blockがないと下マージン以外機能しない…なぜ？*/
  width: 100% ;
  margin: 5px 0 5px 0 ;
  /*天右地左*/
  /*左揃えは右マージンをautoに（要width指定）*/
}

.item {
  margin: 0 0 3px 0 ;
  /*天右地左*/
  /*左揃えは右マージンをautoに（要width指定）*/
  color:#3f4973;
  font-size : 16px;
}

.list-wrapper {
  clear: both;
  width: 100%;
}

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

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

.list-left {
  width: 90%;
  margin : 5px 0 10px 0 ;
  padding : 0 0 0 0 ;
  /*天右地左*/
  text-align: left ;
}

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

table.list {
  border-collapse: collapse;
}

td.list {
  border-collapse: collapse;
  border-color : #999999;
  border-width : 1px;
  border-style : solid;
  padding : 5px;
}

td.list2 {
  border-collapse: collapse;
  border-color : #999999;
  border-width : 1px;
  border-style : solid;
  padding : 5px;
  font-size : 17px;
  font-weight : bold;
  color:#636363;
}

td.list3 {
  border-collapse: collapse;
  border-color : #999999;
  border-width : 1px;
  border-style : solid;
  padding : 5px;
  background-color: #e7eff7;
}





.works-wrapper {
  clear: both;
  width: 100%;
  max-width: 1100px;
}

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

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

.works-left {
  width: 90%;
  margin : 5px 0 10px 0 ;
  padding : 0 0 0 0 ;
  /*天右地左*/
  text-align: left ;
}

.works-right {
  width: 90%;
  margin : 5px 0 10px 0 ;
  padding : 0 0 0 0 ;
  /*天右地左*/
  text-align: left ;
}

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