table.traderheader {
    clear: both;
    min-width: 1000px;
    margin: 0 auto;
}
table.traderheader th, table.traderheader td {
    width: 100px;
}
table.traderheader th:nth-child(1) {
    /*width: 930px;*/
    width: 930px;
}
table.traderheader th:nth-child(2) {
    width: 100px;
}
table.traderheader th:nth-child(3) {
    width: 100px;
}
table.traderheader th:nth-child(4) {
    width: 100px;
}
table.traderheader th:nth-child(5) {
    width: 100px;
}

table.traderfooter {
    clear: both;
    min-width: 800px;
    margin: 0 auto;
}
table.traderfooter th:nth-child(1) {
    /*width: 930px;*/
    width: 200px;
}
table.traderfooter th:nth-child(2) {
    /*width: 930px;*/
    width: 300px;
}


table.arrangements {
    clear: both;
    min-width: 1000px;
    margin: 0 auto;
}
table.arrangements th.ankenno {
    min-width: 120px;
}
table.arrangements th.agnumber {
    min-width: 90px;
}
table.arrangements th.kojimei {
    min-width: 360px;
}
table.arrangements th.moneyrow {
    min-width: 80px;
}
table.arrangements th.tanto {
    min-width: 90px;
}
table.arrangements th.reason {
    min-width: 120px;
}
table.arrangements th.status {
    min-width: 80px;
}
table.arrangements td.reason{
    height: 100%;
}
table.arrangements textArea.reason{
    width: calc(100% - 5px);
    height: 100%;
}


table.projectsarrangements {
    margin: auto;
}

div.ErrorMessage {
    color: red;
    margin: 0 auto;
    text-align: center;
}
div.MiddleErrorMessage {
    font-weight: bold;
    font-size : x-large; 
    color: red;
    margin: 0 auto;
    text-align: center;
}

div.BigErrorMessage {
    font-weight: bold;
    font-size : xx-large; 
    color: red;
    margin: 0 auto;
    text-align: center;
}

div.overview {
    width: 50%;
    margin: 0 auto;
}

table.mainmenu {
    width: 100%;
    margin: 0 auto;
}

table.setmenu {
    width: 800px;
    margin: 0 auto;
}

table.setmenu td:nth-child(1) {
    width: 200px;
}

strong.worningtext {
    color: red;
}

div.warningtext{
    font-size: xx-large;
    text-align: center;
    width: 400px;
    height: 50px;
    margin: 0 auto;
    color: red;
    background-color: yellow;
}

/* === ソートボタンを表示するエリア ============== */
.tsImgArea{
  line-height: 1;
}
/* === ソートボタン ============================== */
.tsImg{
  display    : inline-block;
  width      : 8px;
  height     : 6px;
  background : #eee;
  border     : 1px solid #777;
  margin     : 1px 3px;
  padding    : 3px;
  cursor     : pointer;
}
/* === ソートボタン（カーソルオーバー時）========= */
.tsImg:hover{
  background : #FFD700;
}
/* === ソートボタン内の三角の色（SVG）============ */
.tsImg path{
  fill       : #777;
}
