body {
    background-color:#EFF;
}

h1 {
    text-align:center;
    width: 100%;
    font-size: 140%;
    background-color:#FEC;
    border-style: solid;
    border-width: 1px;
}

table {
    width: auto;
    border: 1px solid #B0C4DE;
    border-collapse: collapse;
    border-spacing: 0;
}

table.tablecenter
{
    margin: 0 auto;
}

th {
    color: #000;
    padding: 5px;
    border-bottom: 1px solid #B0C4DE;
	border-left: 1px solid #B0C4DE;
    background: #FEC;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}
td {
    padding: 5px;
    border-bottom: 1px solid #B0C4DE;
    border-left: 1px solid #B0C4DE;
}
tr:nth-child(2n) {
    background: #EEE;
}
tr:nth-child(2n+1) {
    background: #FFF;
}
tr:nth-child(5n) {
    border-bottom: 2px solid #B0C4DE;
}

input {
    font-family: Tahoma;
}

input#traderno {
    ime-mode: disabled;
}
input[type=number] {
    text-align: right;
}

.money {
    text-align: right;
    ime-mode: disabled;
}

/* 表の項目で金額の場合に設定*/
td.money {
    text-align: right;
}

/* 全サブ画面 共通メニュー 戻る と ログアウト */
.retrun {
    position: fixed;
    top: 8px;
    left: 8px;
    float : left;
    z-index: 100;
    background-color: #EFF;
}
.logout {
    position: fixed;
    top: 8px;
    right: 8px;
    float : right;
    z-index: 100;
    background-color: #EFF;
}

/* メインメニュー画面 共通*/
ul.mainmenu {
    width: 450px;
    margin: 0 auto;
    font-size: 140%;
/*    background-color: bisque;*/
}

ul.mainmenu li {
    width:440px;
    list-style: none;
    margin-top: 20px;
/*    background-color: white;*/
}

/* ログイン画面 共通*/
ul.login {
    width: 450px;
    margin: 0 auto;
/*    background-color: bisque;*/
}

ul.login li {
    width:440px;
    list-style: none;
    margin-top: 20px;
/*    background-color: white;*/
}

ul.login label  {
    margin-right: 10px;
    width:180px;
    float: left;
}

ul.login #login {
    display: block;
    margin: 0 auto;
    width: 150px;
}

p.ErrorMessage {
    color: red;
    margin: 0 auto;
    text-align: center;
}
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;
}

.loginErrorMessage {
    margin: 0 auto;
    color: red;
}

ul.changepassword  {
    width: 400px;
    margin: 0 auto;
    /*background-color: bisque;*/
}

ul.changepassword li {
    width:380px;
    list-style: none;
    margin-top: 10px;
    /*background-color: white;*/
}

ul.changepassword label  {
    margin-right: 10px;
    width:200px;
    float: left;
}

ul.changepassword input#button {
    display: block;
    margin-left: auto;
}


/* 背景 */
/* http://www.kantenna.com/pg/2012/03/css3-white-text.php */
.white-title {
    background: #EEEFFF;
    padding: 24px;
    margin-top: 24px;
}

.white-title h3 {
    /* このサイト用の設定 */
     font-size: 1000%;
     line-height: 1em;
     font-weight: bold;
  
         /* ここから下をコピペ */
         color: #fff;
         text-shadow: 0px 1px 1px #ddd,
                      0px 2px 1px #d6d6d6,
                      0px 3px 1px #ccc,
                      0px 4px 1px #c5c5c5,
                      0px 5px 1px #c1c1c1,
                      0px 6px 1px #bbb,
                      0px 7px 1px #777,
                      0px 8px 3px rgba(100, 100, 100, 0.4),
                      0px 9px 5px rgba(100, 100, 100, 0.1),
                      0px 10px 7px rgba(100, 100, 100, 0.15),
                      0px 11px 9px rgba(100, 100, 100, 0.2),
                      0px 12px 11px rgba(100, 100, 100, 0.25),
                      0px 13px 15px rgba(100, 100, 100, 0.3);
}

span.strikethrough {
    text-decoration: line-through;
}
/****************************************

          TOPへ戻るボタン（Go to top）

*****************************************/
#page-top{
    position:fixed;
    right:16px;
    bottom:16px;
    display: none;
}

#page-top a{
    color:#fff;
    padding:10px;
    text-decoration:none;
    display:block;
    cursor:pointer;
    text-align:center;
    background:#aaa;
    line-height:100%;
    border-radius: 5px;
    -webkit-border-radius: 5px;
     -moz-border-radius: 5px; 
}

#page-top a:hover{
    background:#8b8b8b;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    transition:all 0.3s;
}

div#editpanel {
    margin: auto;
    text-align: left;
    width: 600px;
    /*background-color : red;*/
}

input:read-only {
    background-color: lightgray;
}

/* === ソートボタンを表示するエリア ============== */
.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;
}

.flex {
    display: flex;
}

.w-5 {
    width: 50px;
}
.w-15 {
    width: 150px;
}
.w-20 {
    width: 200px;
}
.w-30 {
    width: 300px;
}
.w-40 {
    width: 400px;
}
.w-50 {
    width: 500px;
}

.w-min-800 {
    min-width: 800px;
}

.m-0-aute {
    margin: 0 auto;
}

.clear-both {
    clear: both;
}