/* -- 基本 ------------------------------------ */
/*
html {
    margin  : 0px;
    padding : 0px;
}
*/
body {
}
input {
    margin : 0px;
    vertical-align: middle;
}
select {
    vertical-align: middle;
    margin: 0px;
}
/*
img {
    vertical-align: middle;
}
*/
/* ---------------------------------- */
.clearfix:before, .clearfix:after { content:""; display:table; }
.clearfix:after { clear:both; }
.clearfix { zoom:1; }
/* ---------------------------------- */
a.button,
input[type='button'],
input[type='submit'],
button:not(.slick-arrow) {
  display: inline-block;
  padding: 8px 20px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  color: #fff;
  background-color: #4C8FE0;
  border: 1px solid transparent;
}
a.button.small,
input.small[type='button'],
input.small[type='submit'],
button.small:not(.slick-arrow) {
  padding: 3px 6px;
}
a.button.large,
input.large[type='button'],
input.large[type='submit'],
button.large:not(.slick-arrow) {
  padding: 10px 36px;
  font-size: 24px;
}
button.gray{
  background-color:#999;
}
a.button:hover,
input[type='button']:hover,
input[type='submit']:hover,
button:hover,
a.button.hover,
input[type='button'].hover,
input[type='submit'].hover,
button.hover {
    text-decoration: none;
}
a.button:active,
input[type='button']:active,
input[type='submit']:active,
button:active,
a.button.active,
input[type='button'].active,
input[type='submit'].active,
button.active {
}
/* ---------------------------------- */
a.button.clr-ok,
input[type='button'].clr-ok,
input[type='submit'].clr-ok,
button.clr-ok {
    background: #bfc8ff;
    color: #142AD1;
    /* -CSS3/ --------------------------------- */
    background: -moz-linear-gradient(top, #e8ebf9, #bfc8ff);
    background: -webkit-gradient(linear, center top, center bottom, from(#e8ebf9), to(#bfc8ff));
    /* -/CSS3 --------------------------------- */
}
a.button.clr-ok:active,
input[type='button'].clr-ok:active,
input[type='submit'].clr-ok:active,
button.clr-ok:active,
a.button.clr-ok.active,
input[type='button'].clr-ok.active,
input[type='submit'].clr-ok.active,
button.clr-ok.active {
    /* -CSS3/ --------------------------------- */
    background: -moz-linear-gradient(bottom, #e8ebf9, #bfc8ff);
    background: -webkit-gradient(linear, center bottom, center top, from(#e8ebf9), to(#bfc8ff));
    /* -/CSS3 --------------------------------- */
}
/* ---------------------------------- */
a.button.clr-ok.dark,
input[type='button'].clr-ok.dark,
input[type='submit'].clr-ok.dark,
button.clr-ok.dark {
    background: #868db7;
    /* -CSS3/ --------------------------------- */
    background: -moz-linear-gradient(top, #b6b9c4, #868db7);
    background: -webkit-gradient(linear, center top, center bottom, from(#b6b9c4), to(#868db7));
    /* -/CSS3 --------------------------------- */
}
a.button.clr-ok.dark:active,
input[type='button'].clr-ok.dark:active,
input[type='submit'].clr-ok.dark:active,
button.clr-ok.dark:active,
a.button.clr-ok.dark.active,
input[type='button'].clr-ok.dark.active,
input[type='submit'].clr-ok.dark.active,
button.clr-ok.dark.active {
    /* -CSS3/ --------------------------------- */
    background: -moz-linear-gradient(bottom, #b6b9c4, #868db7);
    background: -webkit-gradient(linear, center bottom, center top, from(#b6b9c4), to(#868db7));
    /* -/CSS3 --------------------------------- */
}
/* ---------------------------------- */
a.button.clr-cn,
input[type='button'].clr-cn,
input[type='submit'].clr-cn,
button.clr-cn {
    background: #ffff8c;
    color: #725705;
    /* -CSS3/ --------------------------------- */
    background: -moz-linear-gradient(top, #ffffc4, #ffff8c);
    background: -webkit-gradient(linear, center top, center bottom, from(#ffffc4), to(#ffff8c));
    /* -/CSS3 --------------------------------- */
}
a.button.clr-cn:active,
input[type='button'].clr-cn:active,
input[type='submit'].clr-cn:active,
button.clr-cn:active,
a.button.clr-cn.active,
input[type='button'].clr-cn.active,
input[type='submit'].clr-cn.active,
button.clr-cn.active {
    /* -CSS3/ --------------------------------- */
    background: -moz-linear-gradient(bottom, #ffffc4, #ffff8c);
    background: -webkit-gradient(linear, center bottom, center top, from(#ffffc4), to(#ffff8c));
    /* -/CSS3 --------------------------------- */
}
/* ---------------------------------- */
a.button.clr-ng,
input[type='button'].clr-ng,
input[type='submit'].clr-ng,
button.clr-ng {
    background: #ffbfc8;
    color: #d31515;
    /* -CSS3/ --------------------------------- */
    background: -moz-linear-gradient(top, #fce8ea, #ffbfc8);
    background: -webkit-gradient(linear, center top, center bottom, from(#fce8ea), to(#ffbfc8));
    /* -/CSS3 --------------------------------- */
}
a.button.clr-ng:active,
input[type='button'].clr-ng:active,
input[type='submit'].clr-ng:active,
button.clr-ng:active,
a.button.clr-ng.active,
input[type='button'].clr-ng.active,
input[type='submit'].clr-ng.active,
button.clr-ng.active {
    /* -CSS3/ --------------------------------- */
    background: -moz-linear-gradient(bottom, #fce8ea, #ffbfc8);
    background: -webkit-gradient(linear, center bottom, center top, from(#fce8ea), to(#ffbfc8));
    /* -/CSS3 --------------------------------- */
}
/* ---------------------------------- */
a.button.clr-ng.dark,
input[type='button'].clr-ng.dark,
input[type='submit'].clr-ng.dark,
button.clr-ng.dark {
    background: #c18f96;
    /* -CSS3/ --------------------------------- */
    background: -moz-linear-gradient(top, #c9b9ba, #c18f96);
    background: -webkit-gradient(linear, center top, center bottom, from(#c9b9ba), to(#c18f96));
    /* -/CSS3 --------------------------------- */
}
a.button.clr-ng.dark:active,
input[type='button'].clr-ng.dark:active,
input[type='submit'].clr-ng.dark:active,
button.clr-ng.dark:active,
a.button.clr-ng.dark.active,
input[type='button'].clr-ng.dark.active,
input[type='submit'].clr-ng.dark.active,
button.clr-ng.dark.active {
    /* -CSS3/ --------------------------------- */
    background: -moz-linear-gradient(bottom, #c9b9ba, #c18f96);
    background: -webkit-gradient(linear, center bottom, center top, from(#c9b9ba), to(#c18f96));
    /* -/CSS3 --------------------------------- */
}
/* ---------------------------------- */
a.button.clr-atn,
input[type='button'].clr-atn,
input[type='submit'].clr-atn,
button.clr-atn {
    background: #ffd86d;
    color: #543f00;
    /* -CSS3/ --------------------------------- */
    background: -moz-linear-gradient(top, #ffe7aa, #ffd86d);
    background: -webkit-gradient(linear, center top, center bottom, from(#ffe7aa), to(#ffd86d));
    /* -/CSS3 --------------------------------- */
}
a.button.clr-atn:active,
input[type='button'].clr-atn:active,
input[type='submit'].clr-atn:active,
button.clr-atn:active,
a.button.clr-atn.active,
input[type='button'].clr-atn.active,
input[type='submit'].clr-atn.active,
button.clr-atn.active {
    /* -CSS3/ --------------------------------- */
    background: -moz-linear-gradient(bottom, #ffe7aa, #ffd86d);
    background: -webkit-gradient(linear, center bottom, center top, from(#ffe7aa), to(#ffd86d));
    /* -/CSS3 --------------------------------- */
}
/* ---------------------------------- */
a.button.disabled,
input[type='button'].disabled,
input[type='submit'].disabled,
button.disabled {
    background: #204d74;
    color: #ccc;
    cursor: default;
}
a.button:disabled,
input[type='button']:disabled,
input[type='submit']:disabled,
button:disabled {
    background: #204d74;
    color: #ccc;
    cursor: default;
}
a.button.hover:disabled,
input[type='button'].hover:disabled,
input[type='submit'].hover:disabled,
button.hover:disabled {
    border-color: #ABABAB;
}
a.button.disabled.hover,
input[type='button'].disabled.hover,
input[type='submit'].disabled.hover,
button.disabled.hover {
    border-color: #ABABAB;
}
a.button:disabled:hover,
input[type='button']:disabled:hover,
input[type='submit']:disabled:hover,
button:disabled:hover {
    border-color: #ABABAB;
}
a.button.disabled:hover,
input[type='button'].disabled:hover,
input[type='submit'].disabled:hover,
button.disabled:hover {
    border-color: #ABABAB;
}
a.button:disabled:active,
input[type='button']:disabled:active,
input[type='submit']:disabled:active,
button:disabled:active,
a.button.active:disabled,
input[type='button'].active:disabled,
input[type='submit'].active:disabled,
button.active:disabled {
    /* -CSS3/ --------------------------------- */
    background: -moz-linear-gradient(bottom, #fafafa, #e0e0e0);
    background: -webkit-gradient(linear, center bottom, center top, from(#fafafa), to(#e0e0e0));
    /* -/CSS3 --------------------------------- */
}
a.button.disabled:active,
input[type='button'].disabled:active,
input[type='submit'].disabled:active,
button.disabled:active,
a.button.disabled.active,
input[type='button'].disabled.active,
input[type='submit'].disabled.active,
button.disabled.active {
    /* -CSS3/ --------------------------------- */
    background: -moz-linear-gradient(bottom, #fafafa, #e0e0e0);
    background: -webkit-gradient(linear, center bottom, center top, from(#fafafa), to(#e0e0e0));
    /* -/CSS3 --------------------------------- */
}
/* ---------------------------------- */
a.button.defect,
input[type='button'].defect,
input[type='submit'].defect,
button.defect {
    border-color: #D31515;
}
a.button.defect:hover,
input[type='button'].defect:hover,
input[type='submit'].defect:hover,
button.defect:hover {
    border-color: #ed8080;
}
a.button.defect.hover,
input[type='button'].defect.hover,
input[type='submit'].defect.hover,
button.defect.hover {
    border-color: #ed8080;
}
/* ---------------------------------- */
a.button.selected,
input[type='button'].selected,
input[type='submit'].selected,
button.selected {
    background: #e0e0e0;
    color: #645665;
    /* -CSS3/ --------------------------------- */
    background: -moz-linear-gradient(top, #fff3d3, #ffe495);
    background: -webkit-gradient(linear, center top, center bottom, from(#fff3d3), to(#ffe495));
    /* -/CSS3 --------------------------------- */
}
a.button.selected:active,
input[type='button'].selected:active,
input[type='submit'].selected:active,
button.selected:active,
a.button.selected.active,
input[type='button'].selected.active,
input[type='submit'].selected.active,
button.selected.active {
    /* -CSS3/ --------------------------------- */
    background: -moz-linear-gradient(bottom, #fff3d3, #ffe495);
    background: -webkit-gradient(linear, center bottom, center top, from(#fff3d3), to(#ffe495));
    /* -/CSS3 --------------------------------- */
}
/* ---------------------------------- */
a.button.circle,
input[type='button'].circle,
input[type='submit'].circle,
button.circle {
    /* -CSS3/ --------------------------------- */
    border-radius         : 256px;
    -moz-border-radius    : 256px;
    -webkit-border-radius : 256px;
    /* -/CSS3 --------------------------------- */
}
/* ---------------------------------- */
a.button.refresh2,
input[type='button'].refresh2,
input[type='submit'].refresh2,
button.refresh2 {
    /* -CSS3/ --------------------------------- */
    border-radius         : 16px 0 16px 0;
    -moz-border-radius    : 16px 0 16px 0;
    -webkit-border-radius : 16px 0 16px 0;
    /* -/CSS3 --------------------------------- */
}
/* ---------------------------------- */
a.button.refresh,
input[type='button'].refresh,
input[type='submit'].refresh,
button.refresh {
    padding-left : 24px;
    padding-right: 24px;
    background-image   : url('../img/etc/refresh.png');
    background-position: center center;
    background-repeat  : no-repeat;
    /* -CSS3/ --------------------------------- */
    border-radius         : 16px 0 16px 0;
    -moz-border-radius    : 16px 0 16px 0;
    -webkit-border-radius : 16px 0 16px 0;
    /* -/CSS3 --------------------------------- */
}
/* ---------------------------------- */
a.button.min,
input[type='button'].min,
input[type='submit'].min,
button.min {
    padding: 2px 8px;
}
/* ---------------------------------- */
a.button.big,
input[type='button'].big,
input[type='submit'].big,
button.big {
    font-size: 13px;
    letter-spacing: 0.1em;
    padding  : 4px 6px;
    font-weight: bold;
}
/* ---------------------------------- */
a.button.sb,
input[type='button'].sb,
input[type='submit'].sb,
button.sb {
    min-width: 90px;
}
/* ---------------------------------- */
a.button.sb.button-imageonly,
input[type='button'].sb.button-imageonly,
input[type='submit'].sb.button-imageonly,
button.sb.button-imageonly {
    min-width: 0;
}
/* ---------------------------------- */
a.button>p,
input[type='button']>p,
input[type='submit']>p,
button>p {
    margin : 0;
    padding: 0;
}
/* ---------------------------------- */
a.button:hover>span,
input[type='button']:hover>span,
input[type='submit']:hover>span,
button:hover>span,
a.button.hover>span,
input[type='button'].hover>span,
input[type='submit'].hover>span,
button.hover>span {
    background-color: #c4841d;
}
a.button>span,
input[type='button']>span,
input[type='submit']>span,
button>span {
    display  : block;
    position : absolute;
    top      : -10px;
    right    : -12px;
    margin      : 0;
    padding     : 2px;
    background  : #BCBCBC;
    color       : #EFEFEF;
    font-size   : 12px;
    text-align  : center;
    font-weight : bold;
    /* -CSS3/ --------------------------------- */
    border-radius         : 128px;
    -moz-border-radius    : 128px;
    -webkit-border-radius : 128px;
    /* -/CSS3 --------------------------------- */
}
a.button>span>span,
input[type='button']>span>span,
input[type='submit']>span>span,
button>span>span {
    display  : block;
    width    : 30px;
    padding  : 7px 0px;
    border   : 3px solid #EFEFEF;
    letter-spacing: 0.1em;
    background  : #D31515;
    /* -CSS3/ --------------------------------- */
    border-radius         : 128px;
    -moz-border-radius    : 128px;
    -webkit-border-radius : 128px;
    background: -moz-linear-gradient(top, #e58b8b, #D31515);
    background: -webkit-gradient(linear, center top, center bottom, from(#e58b8b), to(#D31515));
    /* -/CSS3 --------------------------------- */
}
/* ---------------------------------- */
input[type='radio'],
input[type='checkbox'] {
    margin: 0 4px 0 0;
}
input[type='text'],
input[type='password'],
textarea {
    margin-right: 15px;
    padding: 5px 10px 6px 10px;
}
select {
    border: 1px solid #999;
    padding: 5px 10px 6px 10px;
}
input.req,
textarea.req,
select.req {
    background: #fcf2fa;
    border-color: #e82c2c;
}
input.defect,
textarea.defect,
select.defect,
span.defect{
    background: #FFEDFB;
    border: 2px solid #D31515;
}
input.defect[type='text']:focus,
input.defect[type='password']:focus,
textarea.defect:focus,
select.defect:focus {
    background: #FFEDFB;
}
.label-group{
    padding: 0px;
    background-color: #FFF;
}
.label-group label {
    padding: 2px 0px;
    border:none;
    background: none;
}
input[type='checkbox'].defect,
input[type='radio'].defect {
    outline: 1px solid #D31515;
}
select option.defect {
    background-color: #AAA;
}
label.defect {
    background: #FFEDFB;
    border: 2px solid #D31515;
}
input[type='text'][readonly],
input[type='password'][readonly],
textarea[readonly],
select[readonly] {
    background:#DDDDDD;
    border: 1px solid #666666;
}
input[type='text'][readonly].noneborder,
input[type='password'][readonly].noneborder,
textarea[readonly].noneborder,
select[readonly].noneborder {
    background:none;
    border: none;
}
/* ---------------------------------- */
.none {
    display : none;
}
.hidden {
    visibility: hidden;
}
.b {
    font-weight: bold;
}
.block {
    display: block;
}
.h-auto {
    margin-left : auto;
    margin-right: auto;
}
.v-auto {
    margin-top   : auto;
    margin-bottom: auto;
}
.caption {
    font-weight: bold;
    color: #F00;
    padding: 0 0 1px 4px;
    font-size: 10px;
}
th > .caption {
    background-color: #4C8FE0;
    color: #4C8FE0;
    padding: 3px 7px;
    font-weight: normal;
    display: inline-block;
    float: right;
}
th > .caption::after {
  margin-left:-10px;
  color: #FFF;
  content: '必須';
  font-size: 14px;
}
.pointer{
    cursor:pointer;
}
.center {
    text-align: center;
}
.left {
    text-align: left;
}
.right {
    text-align: right;
}
.font-small {
    font-size: 10px;
}
.font-red {
    color:#ff0000;
}
.text-time {
    font-size: 10px;
}
.text-time>span {
    color: #916d00;
}
.text-time>span:first-child {
    color: #2e659b;
    margin-right: 5px;
}
.text-time-ymd {
    font-size: 10px;
    color: #916d00;
}
.text-time-his {
    font-size: 10px;
    color: #2e659b;
}
.relative {
    position: relative;
}
.both {
    clear: both;
}
.left-space-small {
    margin-left: 4px;
}
.input-size-number {

}
.input-size-number {
    width: 64px;
    text-align: right;
}
.input-size-00 {
    width: 64px;
}

.input-size-0 {
    width: 170px;
}
.input-size-1 {
    width: 320px;
}
.input-size-80 {
    width: 80%;
}
.input-size-100 {
    width: 95%;
}
.text-hsize-0 {
    height : 64px;
}
.text-hsize-1 {
    height : 128px;
}
.text-hsize-2 {
    height : 256px;
}
.bk {
    background-color: #EDE8E8;
}
.color-box {
    width : 22px;
    height: 22px;
    background: url("../img/etc/colorbox.png") no-repeat center center;
    cursor: pointer;
}
.price-amount {
    font-weight : bold;
    color : #900;
}

/* -- THボタン -------------------------------- */
.th-button {
    position: absolute;
    right   : 10px;
}
/* -- 注釈 ------------------------------------ */
.Attention {
    font-size: 12px;
    color: #D31515;
}
/* -- コントロール ---------------------------- */
input.c_number {
    ime-mode: disabled;
    text-align: right;
}
/* -- リンク ---------------------------------- */
a.link-close {
    padding-left: 20px;
    background-image: url('../img/close.png');
    background-repeat: no-repeat;
    background-position: 0px center;
}
/* -- ボタン ---------------------------------- */
button.button-noimage>div {
    padding-left: 24px;
    background: url('../img/button/none.png') no-repeat 0px center;
}
button.button-edit>div {
    padding-left: 24px;
    background: url('../img/button/edit.png') no-repeat 0px center;
}
button.button-image>div {
    padding-left: 24px;
    background: url('../img/button/image.png') no-repeat 0px center;
}
button.button-scanner>div {
    padding-left: 24px;
    background: url('../img/button/scanner.png') no-repeat 0px center;
}
button.button-check>div {
    padding-left: 24px;
    background: url('../img/button/check.gif') no-repeat 0px center;
}
button.button-search>div {
    padding-left: 24px;
    background: url('../img/button/search.png') no-repeat 0px center;
}
button.button-calendar>div {
    padding-left: 24px;
    background: url('../img/button/calendar.png') no-repeat 0px center;
}
button.button-regist>div,
button.button-ok>div {
    padding-left: 24px;
    background: url('../img/button/tick.png') no-repeat 0px center;
}
button.button-delete>div {
    padding-left: 24px;
    background: url('../img/button/cross.png') no-repeat 0px center;
}
button.button-ng>div {
    padding-left: 24px;
    background: url('../img/button/ng.png') no-repeat 0px center;
}
button.button-new>div {
    padding-left: 24px;
    background: url('../img/button/new.png') no-repeat 0px center;
}
button.button-back>div {
    padding-left: 24px;
    background: url('../img/button/back.png') no-repeat 0px center;
}
button.button-menu>div {
    padding-left: 24px;
    background: url('../img/button/menu.png') no-repeat 0px center;
}
button.button-logout>div {
    padding-left: 24px;
    background: url('../img/button/logout.png') no-repeat 0px center;
}
button.button-client>div {
    padding-left: 24px;
    background: url('../img/button/client.png') no-repeat 0px center;
}
button.button-plus>div {
    padding-left: 24px;
    background: url('../img/button/plus.png') no-repeat 0px center;
}
button.button-minus>div {
    padding-left: 24px;
    background: url('../img/button/minus.png') no-repeat 0px center;
}
button.button-memo>div {
    padding-left: 24px;
    background: url('../img/button/memo.png') no-repeat 0px center;
}
button.button-remote>div {
    padding-left: 24px;
    background: url('../img/button/remote.png') no-repeat 0px center;
}
button.button-lock>div {
    padding-left: 24px;
    background: url('../img/button/lock.png') no-repeat 0px center;
}
button.button-unlock>div {
    padding-left: 24px;
    background: url('../img/button/unlock.png') no-repeat 0px center;
}
button.button-uploader>div {
    padding-left: 24px;
    background: url('../img/button/uploader.png') no-repeat 0px center;
}
button.button-upload>div {
    padding-left: 24px;
    background: url('../img/button/upload.png') no-repeat 0px center;
}
button.button-download>div {
    padding-left: 24px;
    background: url('../img/button/download.png') no-repeat 0px center;
}
button.button-dummyimage>div {
    padding-left: 24px;
    background: url('../img/button/dummyimage.png') no-repeat 0px center;
}
button.button-history>div {
    padding-left: 24px;
    background: url('../img/button/history.png') no-repeat 0px center;
}
button.button-sort>div {
    padding-left: 24px;
    background: url('../img/button/sort.png') no-repeat 0px center;
}
button.button-change>div {
    padding-left: 24px;
    background: url('../img/button/change.png') no-repeat 0px center;
}
button.button-windowclose>div {
    padding-left: 24px;
    background: url('../img/button/windowclose.png') no-repeat 0px center;
}
button.button-clock>div {
    padding-left: 24px;
    background: url('../img/button/clock.png') no-repeat 0px center;
}
button.button-clock2>div {
    padding-left: 24px;
    background: url('../img/button/clock2.png') no-repeat 0px center;
}
button.button-list>div {
    padding-left: 24px;
    background: url('../img/button/list.png') no-repeat 0px center;
}
button.button-csv>div {
    padding-left: 24px;
    background: url('../img/button/csv.png') no-repeat 0px center;
}
button.button-clipboard>div {
    padding-left: 24px;
    background: url('../img/button/clipboard.png') no-repeat 0px center;
}
button.button-joblog>div {
    padding-left: 24px;
    background: url('../img/button/joblog.png') no-repeat 0px center;
}
button.button-except>div {
    padding-left: 24px;
    background: url('../img/button/except.gif') no-repeat 0px center;
}
button.button-cash>div {
    padding-left: 24px;
    background: url('../img/button/cash.png') no-repeat 0px center;
}
button.button-delete>div {
    padding-left: 24px;
    background: url('../img/button/delete.png') no-repeat 0px center;
}
button.button-select>div {
    padding-left: 24px;
    background: url('../img/button/select.png') no-repeat 0px center;
}
button.button-folder>div {
    padding-left: 24px;
    background: url('../img/button/folder.png') no-repeat 0px center;
}
button.button-staff>div {
    padding-left: 24px;
    background: url('../img/button/staff.png') no-repeat 0px center;
}
button.button-place>div {
    padding-left: 24px;
    background: url('../img/button/store.png') no-repeat 0px center;
}
button.button-view>div {
    padding-left: 24px;
    background: url('../img/button/eye.png') no-repeat 0px center;
}
button.button-reload>div {
    padding-left: 24px;
    background: url('../img/button/reload.png') no-repeat 0px center;
}
button.button-loading2>div {
    padding-left: 24px;
    background: url('../img/button/loading2.gif') no-repeat 0px center;
}
button.button-info>div {
    padding-left: 24px;
    background: url('../img/button/info.png') no-repeat 0px center;
}
button.button-clip>div {
    padding-left: 24px;
    background: url('../img/button/clip.png') no-repeat 0px center;
}
button.button-mail>div {
    padding-left: 24px;
    background: url('../img/button/mail.png') no-repeat 0px center;
}
button.button-save>div {
    padding-left: 24px;
    background: url('../img/button/save.png') no-repeat 0px center;
}
button.button-deliv>div {
    padding-left: 24px;
    background: url('../img/button/delivery.png') no-repeat 0px center;
}
button.button-core>div {
    padding-left: 24px;
    background: url('../img/button/core.png') no-repeat 0px center;
}
button.button-op>div {
    padding-left: 24px;
    background: url('../img/button/op.png') no-repeat 0px center;
}
button.button-req_cancel>div {
    padding-left: 24px;
    background: url('../img/button/order_cancel.png') no-repeat 0px center;
}
button.button-req_back>div {
    padding-left: 24px;
    background: url('../img/button/order_change.png') no-repeat 0px center;
}
button.button-information>div {
    padding-left: 24px;
    background: url('../img/button/information.png') no-repeat 0px center;
}
button.button-mv>div {
    padding-left: 24px;
    background: url('../img/button/mv.png') no-repeat 0px center;
}
button.button-fax>div {
    padding-left: 24px;
    background: url('../img/button/fax.png') no-repeat 0px center;
}
button.button-call>div {
    padding-left: 24px;
    background: url('../img/button/call.png') no-repeat 0px center;
}
button.button-rotate180>div {
    padding-left: 24px;
    background: url('../img/button/rotate180.png') no-repeat 0px center;
}
/* -- ボタン上 -------------------------------- */
button.sb.button-noimage>div {
    padding-top : 28px;
    padding-left: 0;
    background: url('../img/sb-button/none.png') no-repeat center 0px;
}
button.sb.button-setting>div {
    padding-top: 28px;
    padding-left: 0;
    background: url('../img/sb-button/setting.png') no-repeat center 0px;
}
button.sb.button-information>div {
    padding-top: 28px;
    padding-left: 0;
    background: url('../img/sb-button/information.png') no-repeat center 0px;
}
button.sb.button-item>div {
    padding-top: 28px;
    background: url('../img/sb-button/item.png') no-repeat center 0px;
}
button.sb.button-staff>div {
    padding-top: 28px;
    padding-left: 0;
    background: url('../img/sb-button/staff.png') no-repeat center 0px;
}
button.sb.button-client>div {
    padding-top: 28px;
    padding-left: 0;
    background: url('../img/sb-button/client.png') no-repeat center 0px;
}
button.sb.button-number>div {
    padding-top: 28px;
    padding-left: 0;
    background: url('../img/sb-button/number.png') no-repeat center 0px;
}
button.sb.button-star>div {
    padding-top: 28px;
    padding-left: 0;
    background: url('../img/sb-button/star.png') no-repeat center 0px;
}
button.sb.button-scanner>div {
    padding-top: 28px;
    padding-left: 0;
    background: url('../img/sb-button/scanner.png') no-repeat center 0px;
}
button.sb.button-check>div {
    padding-top: 28px;
    padding-left: 0;
    background: url('../img/sb-button/check.png') no-repeat center 0px;
}
button.sb.button-lock>div {
    padding-top: 28px;
    padding-left: 0;
    background: url('../img/sb-button/lock.png') no-repeat center 0px;
}
button.sb.button-image>div {
    padding-top: 28px;
    padding-left: 0;
    background: url('../img/sb-button/image.png') no-repeat center 0px;
}
button.sb.button-edit>div {
    padding-top: 28px;
    padding-left: 0;
    background: url('../img/sb-button/edit.png') no-repeat center 0px;
}
/* -- 画像のみのボタン ------------------------ */
button.button-imageonly>div {
    width : 16px;
    height: 16px;
    padding: 0px;
    background-position: center center;
    font-size: 0;
}
button.sb.button-imageonly>div {
    width  : 28px;
    height : 28px;
    padding: 0px;
    background-position: center center;
    font-size: 0;
}
button.circle.button-imageonly {
    padding: 4px;
}
/* -- 最外領域 -------------------------------- */
div.Wrapper {
}
/* -- メイン領域 ------------------------------ */
div.Content {
}
/* -- Alpha領域 ------------------------------- */
.Alpha {

}
.Alpha-inner {
}

/* -- ファンクションキー ---------------------- */
.Function {
    padding: 10px;
}
.Function ul {
    display: table;
    padding: 0px;
    margin : 0px auto;
    list-style-tyle: none;
}
.Function li {
    display: table-cell;
    padding: 0 0 0 4px;
    margin : 0px;
    vertical-align: top;
}
.Function li:first-child {
    padding-left: 0px;
}
.Function button {
}
.Function div {
    padding-top: 4px;
    min-height: 24px;
    min-width : 40px;
}
/* -- ファンクションキー カラー --------------- */
button.fk-delete {
    background-color: #ff939c;
    /* -CSS3/ --------------------------------- */
    background: -moz-linear-gradient(top, #ffd6d9, #ff939c);
    background: -webkit-gradient(linear, center top, center bottom, from(#ffd6d9), to(#ff939c));
    /* -/CSS3 --------------------------------- */
}
button.fk-delete:active {
    /* -CSS3/ --------------------------------- */
    background: -moz-linear-gradient(bottom, #ffd6d9, #ff939c);
    background: -webkit-gradient(linear, center bottom, center top, from(#ffd6d9), to(#ff939c));
    /* -/CSS3 --------------------------------- */
}
button.fk-regist {
    background-color: #bfc8ff;
    /* -CSS3/ --------------------------------- */
    background: -moz-linear-gradient(top, #e8ebf9, #bfc8ff);
    background: -webkit-gradient(linear, center top, center bottom, from(#e8ebf9), to(#bfc8ff));
    /* -/CSS3 --------------------------------- */
}
button.fk-regist:active {
    /* -CSS3/ --------------------------------- */
    background: -moz-linear-gradient(bottom, #e8ebf9, #bfc8ff);
    background: -webkit-gradient(linear, center bottom, center top, from(#e8ebf9), to(#bfc8ff));
    /* -/CSS3 --------------------------------- */
}
/* -- スライス表示 ---------------------------- */
.slice>* {
    border-top   : 1px solid #fff;
    border-bottom: 1px solid #CDCDCD;
}
.slice>*:first-child {
    border-top   : none;
    /* -CSS3/ ------------------------------------ */
    border-radius         : 4px 4px 0 0;
    -moz-border-radius    : 4px 4px 0 0;
    -webkit-border-radius : 4px 4px 0 0;
    /* -/CSS3 ------------------------------------ */
}
.slice>*:last-child {
    border-bottom: none;
    /* -CSS3/ ------------------------------------ */
    border-radius         : 0 0 4px 4px;
    -moz-border-radius    : 0 0 4px 4px;
    -webkit-border-radius : 0 0 4px 4px;
    /* -/CSS3 ------------------------------------ */
}
/* -- 基本枠 ---------------------------------- */
div.Box-body {
}
div.Box-body-nbg {
    padding: 10px 10px;
}
div.Box-body>h3,
div.Box-body-nbg>h3 {
    padding: 0 0 0 22px;
    margin: 8px 0px 4px;
    font-weight: bold;
    font-size: 14px;
    text-align: left;
    background: url('../img/etc/list2.gif') no-repeat 6px center;
}
/* -- ヘルプ枠 -------------------------------- */
div.Box-attention {
    padding: 10px 10px;
    background-color: #eda6aa;
}
div.Box-attention>p {
    margin : 0;
    color  : #d31515;
    padding: 4px 8px;
    background-color: #fff;
    border: 1px solid #eda6aa;
    /* -CSS3/ ------------------------------------ */
    border-radius         : 4px;
    -moz-border-radius    : 4px;
    -webkit-border-radius : 4px;
    /* -/CSS3 ------------------------------------ */
}
/* -- フォームテーブル ------------------------ */
/* ------ Form-table ------*/ 
.Form-table {
    border: 1px #ccc solid;
    border-collapse: collapse;
    border-spacing: 0;
    width:100%;
    margin:0 0 10px;
  }
.Form-table th {
    vertical-align: top;
    padding: 10px;
    width: 25%;
    text-align: left;
    border: solid 1px #D4D6D5;
    background-color: #EFEFEF;
  }
.Form-table td {
    padding: 5px 8px;
    border: 1px #ccc solid;
    border-width: 0 0 1px 1px;
  }
.Form-table .check-ok{
  background: url(/img/cart/alert_ico_refresh.gif) no-repeat left 0px;
  padding:2px 0 2px 20px;
}  
.Form-table .check-errar{
  background: url(/img/cart/alert_ico_errar.gif) no-repeat left 0px;
  padding:2px 0 2px 20px;
}
 
.Form-table textarea{
 width:100%;
}
.Form-table>tbody>tr>td.left {
    text-align: left;
}
.Form-table>tbody>tr>td.center {
    text-align: center;
}
.Form-table>tbody>tr>td.right {
    text-align: right;
}
.Form-table>tbody>tr>th:first-child,
.Form-table>tbody>tr>td:first-child {
    border-left: none;
}
.Form-table>tbody:first-child>tr:first-child>th,
.Form-table>tbody:first-child>tr:first-child>td {
    border-top: none;
}

table.Form-table>thead>tr>th {
    border-left: 1px solid #BCBCBC;
    font-weight: bold;
    text-align : center;
    background : #f0f0f0;
    padding    : 2px 6px;
    font-size  : 13px;
}
table.Form-table>thead>tr>th:first-child {
    border-left: none;
    /* -CSS3/ -------------------------------- */
    border-top-left-radius         : 6px;
    -moz-border-top-left-radius    : 6px;
    -webkit-border-top-left-radius : 6px;
    /* -/CSS3 -------------------------------- */
}
table.Form-table>thead>tr>th:last-child,
table.Form-table>thead>tr>th:last-child {
    /* -CSS3/ -------------------------------- */
    border-top-right-radius         : 6px;
    -moz-border-top-right-radius    : 6px;
    -webkit-border-top-right-radius : 6px;
    /* -/CSS3 -------------------------------- */
}
/* -- フォームテーブル 内部テーブル ---------- */
table>tbody>tr>td.Form-table-list {
    padding: 0px;
}
.Form-table-list>table {
    width : 100%;
    border: none;
}
.Form-table>tbody>tr:first-child>td.Form-table-list>table>thead>tr>th:last-child {
    /* -CSS3/ -------------------------------- */
    border-top-right-radius         : 6px;
    -moz-border-top-right-radius    : 6px;
    -webkit-border-top-right-radius : 6px;
    /* -/CSS3 -------------------------------- */
}
.Form-table-list>table>thead>tr>th:first-child {
    border-left: none;
}
.Form-table-list>table>thead>tr>th {
    border    : none;
    text-align: center;
    font-weight: normal;
    padding   : 2px 8px;
    border-left  : 1px solid #BCBCBC;
    border-bottom: 1px solid #BCBCBC;
    background: #F5F5F5;
}
.Form-table-list>table>tbody>tr>th {
    border    : none;
    text-align: left;
    width     : 128px;
}
.Form-table-list>table>tbody>tr>td {
    border     : none;
}
.Form-table-list>table>tbody>tr {
    border-top : 1px solid #BCBCBC;
}
.Form-table-list>table>tbody>tr:first-child {
    border-top : none;
}
.Form-table-list>table>tbody>tr>td:first-child {
    border-left: none;
}
/* ------ Form-table02 ------*/ 
.Form-table02 {
    width:100%;
    margin:0 0 0;
  }
.Form-table02 th {
    padding: 10px;
    font-weight: bold;
    line-height: 120%;
    text-align: right;
    font-weight: normal;
  }
.Form-table02 td {
    padding: 10px;
    border-width: 0 0 1px 1px;
  }
.Form-table02 td a {
  font-size: 90%;

}
/* -- 一覧テーブル --------------------------- */
table.Box-table {
    width  : 100%;
    margin : 0px;
    padding: 0px;
    border-collapse: separate;
    border-spacing : 0;
    border: 1px solid #BCBCBC;
    /* -CSS3/ -------------------------------- */
    border-radius         : 2px;
    -moz-border-radius    : 2px;
    -webkit-border-radius : 2px;
    /* -/CSS3 -------------------------------- */
}
table.Box-table>thead>tr>th {
  background: #eee url(../img/shadow_black200.png) repeat-x left top;
  border: 1px #aaa solid;
  border-width: 1px 0 0 1px;
  font-weight: normal;
  padding:3px 5px 2px;
  color: #333;
  font-size: 90%;
}
table.Box-table>tbody>tr>td {
    font-weight: normal;
    text-align: left;
    border-left : 1px solid #BCBCBC;
    border-top  : 1px solid #BCBCBC;
    background: #fff;
    padding: 5px 8px;
}
table.Box-table>tbody>tr>th {
    font-weight: normal;
    text-align: left;
    border-left : 1px solid #BCBCBC;
    border-top  : 1px solid #BCBCBC;
    background: #f0f0f0;
    padding: 2px 8px;
}
table.Box-table>tfoot>tr>td {
    font-weight: normal;
    text-align: left;
    border-left : 1px solid #BCBCBC;
    border-top  : 1px solid #BCBCBC;
    background: #fff;
    padding: 2px 8px;
}
table.Box-table>tfoot>tr>th {
    font-weight: normal;
    text-align: left;
    border-left : 1px solid #BCBCBC;
    border-top  : 1px solid #BCBCBC;
    background: #f0f0f0;
    padding: 2px 8px;
}
table.Box-table>thead>tr>th.row-fst:first-child,
table.Box-table>tbody>tr>td.row-fst:first-child {
    border-left : 1px solid #BCBCBC;
}
table.Box-table>tbody>tr>td.left,
table.Box-table>tbody>tr>th.left,
table.Box-table>tfoot>tr>td.left,
table.Box-table>tfoot>tr>th.left {
    text-align: left;
}
table.Box-table>tbody>tr>td.center,
table.Box-table>tbody>tr>th.center,
table.Box-table>tfoot>tr>td.center,
table.Box-table>tfoot>tr>th.center {
    text-align: center;
}
table.Box-table>tbody>tr>td.right,
table.Box-table>tbody>tr>th.right,
table.Box-table>tfoot>tr>td.right,
table.Box-table>tfoot>tr>th.right {
    text-align: right;
}
table.Box-table>thead>tr>th:first-child,
table.Box-table>tbody>tr>th:first-child,
table.Box-table>tbody>tr>td:first-child,
table.Box-table>tfoot>tr>th:first-child,
table.Box-table>tfoot>tr>td:first-child {
    border-left: none;
}
table.Box-table>thead>tr>th.fst-line,
table.Box-table>tbody>tr>td.fst-line {
    border-left: 1px solid #BCBCBC;
}
table.Box-table>thead:first-child>tr:first-child>th,
table.Box-table>tbody:first-child>tr:first-child>td {
    border-top: none;
}
table.Box-table>thead:first-child>tr:first-child>th:first-child,
table.Box-table>tbody:first-child>tr:first-child>td:first-child {
    /* -CSS3/ -------------------------------- */
    border-top-left-radius         : 2px;
    -moz-border-top-left-radius    : 2px;
    -webkit-border-top-left-radius : 2px;
    /* -/CSS3 -------------------------------- */
}
table.Box-table>thead:first-child>tr:first-child>th:last-child,
table.Box-table>tbody:first-child>tr:first-child>td:last-child {
    /* -CSS3/ -------------------------------- */
    border-top-right-radius         : 2px;
    -moz-border-top-right-radius    : 2px;
    -webkit-border-top-right-radius : 2px;
    /* -/CSS3 -------------------------------- */
}
table.Box-table>thead:last-child>tr:last-child>th:first-child,
table.Box-table>thead:last-child>tr:last-child>td:first-child,
table.Box-table>tbody:last-child>tr:last-child>th:first-child,
table.Box-table>tbody:last-child>tr:last-child>td:first-child,
table.Box-table>tfoot:last-child>tr:last-child>th:first-child,
table.Box-table>tfoot:last-child>tr:last-child>td:first-child {
    /* -CSS3/ -------------------------------- */
    border-bottom-left-radius         : 2px;
    -moz-border-bottom-left-radius    : 2px;
    -webkit-border-bottom-left-radius : 2px;
    /* -/CSS3 -------------------------------- */
}
table.Box-table>thead:last-child>tr:last-child>th:last-child,
table.Box-table>thead:last-child>tr:last-child>td:last-child,
table.Box-table>tbody:last-child>tr:last-child>th:last-child,
table.Box-table>tbody:last-child>tr:last-child>td:last-child,
table.Box-table>tfoot:last-child>tr:last-child>th:last-child,
table.Box-table>tfoot:last-child>tr:last-child>td:last-child {
    /* -CSS3/ -------------------------------- */
    border-bottom-right-radius         : 2px;
    -moz-border-bottom-right-radius    : 2px;
    -webkit-border-bottom-right-radius : 2px;
    /* -/CSS3 --------------------------------- */
}
table.Box-table>tbody>tr.tr-clr1>td {
    background: #FAFAFA;
}
table.Box-table>tbody>tr.unuse>td {
    background: #E5E5E5;
}
table.Box-table>tbody>tr.unuse.tr-clr1>td {
    background: #E0E0E0;
}
table.Box-table>tbody>tr.selected>td {
    background-color: #ffe496;
}
/* -- 一覧テーブル 開閉ボタン ---------- */
table.Box-table .tbyToggle{
    cursor:pointer;
}
table.Box-table .cell-minus div{
    background: url("../img/etc/minus.png") no-repeat center;
}
table.Box-table .cell-plus div{
    cursor:pointer;
    background: url("../img/etc/plus.png") no-repeat center;
}
/* -- 一覧テーブルメニュー ------------------- */
.Box-table-menu {
    font-size: 12px;
    clear:both;
    margin:0;
    padding: 0;
    position:relative;
    /*z-index: 2000;*/
    _width:100%;
}
.Box-table-menu ul {
    position:absolute;
    right: 0px;
    top  : 0px;
    list-style: none;
    z-index: 0;
    margin: 0;
    padding:0;
    list-style-position: inside;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
.Box-table-menu ul {
    top:4px;
}
}/* WEB-kit "fix" */
.Box-table-menu ul li {
    float: left;
    color:#CCCCCC;
    margin: 0;
    padding:0;
}
.Box-table-menu ul li a.down {
    display: block;
    float: left;
    background: url("../img/utility_menu_arrow.gif") no-repeat right 8px;
    padding-right: 10px;
    margin-right: 7px;
}
.Box-table-menu a, .Box-table-menu a:link, .Box-table-menu a:visited {
    text-decoration: none;
    color:#CCCCCC;
    padding: 0 7px;
}
.Box-table-menu a:hover {
    text-decoration: underline;
}
.Box-table-menu a:hover {
    text-decoration: underline;
}

/* -- 一覧テーブル ソート -------------------- */
.Box-table-pulldown>li:first-child {
    height : 12px;
}

.Box-table-pulldown {
    display: block;
    position: relative;
    z-index: 3;
}
.Box-table-pulldown ul {
    display: none;
    right: -10px;
    top: 12px;
    width: 70px;
    padding:0;
    border: 1px solid #CDCDCD;
    background-color :#FFFFFF;
    /* -CSS3/ -------------------------------- */
    border-radius         : 4px;
    -moz-border-radius    : 4px;
    -webkit-border-radius : 4px;
    box-shadow            : 0 1px 3px rgba(0,0,0,0.3);
    -moz-box-shadow       : 0 1px 3px rgba(0,0,0,0.3);
    -webkit-box-shadow    : 0 1px 3px rgba(0,0,0,0.3);
    /* -/CSS3 -------------------------------- */
}
@media screen and (-webkit-min-device-pixel-ratio:0){
.Box-table-pulldown ul {
    top: 8px;
}
}/* WEB-kit "fix" */
*:first-child+html .Box-table-pulldown ul {
}
* html .Box-table-pulldown ul {
    line-height: 0;
} /* IE6 "fix" */
.Box-table-pulldown ul a {
    _zoom: 1;
    border-right: none;
    opacity: 0.9;
    filter: alpha(opacity=93);
} /* IE6/7 fix */

.Box-table-pulldown li {
    display: block;
    position: relative;
}
.Box-table-pulldown ul li {
    float: none;
}
.Box-table-pulldown a:visited {
}
.Box-table-pulldown li.hover a {
    text-decoration: none;
}
.Box-table-pulldown li li a {
    text-decoration: none;
    display: block;
    color: #1E3D5B;
    font-size: 14px;
    border-top : 1px solid #F5F5F5;
    border-bottom : 1px solid #CDCDCD;
    padding: 4px 0;
    text-align: left;
}
.Box-table-pulldown li li:first-child a {
    border-top : none;
}
.Box-table-pulldown li li:last-child a {
    border-bottom : none;
}
.Box-table-pulldown li li a span {
    padding: 0 8px 0 28px;
}
.Box-table-pulldown li li a span.asc {
    background-image: url("../img/button/up-stop.png");
    background-repeat: no-repeat;
    background-position: 4px center;
}
.Box-table-pulldown li li a span.desc {
    background-image: url("../img/button/down-stop.png");
    background-repeat: no-repeat;
    background-position: 4px center;
}
.Box-table-pulldown li.hover li,
.Box-table-pulldown li li {
    _display: inline;
}
.Box-table-pulldown li.hover li a,
.Box-table-pulldown li.hover li a:visited  {
    color: #1E3D5B;
    padding: 2px 3px;
}
.Box-table-pulldown li.hover li a.hover,
.Box-table-pulldown li.hover li a:hover {
    color: #1E3D5B;
    background-color: #E2ECF5;
    padding: 2px 3px;
}
.Box-table-pulldown ul ul {
    left: 141px;
    top: 0;
}
.Box-table-pulldown ul li a {
}
/* -- 一覧テーブル 内部テーブル ---------- */
table>tbody>tr>td.Box-table-list {
    padding: 0px;
    vertical-align: top;
}
.Box-table-list>table {
    width : 100%;
    border: none;
}
.Box-table-list>table>thead>tr>th:first-child {
    border-left: none;
}
.Box-table-list>table>thead>tr>th {
    border    : none;
    text-align: center;
    font-weight: normal;
    padding   : 2px 8px;
    border-left  : 1px solid #BCBCBC;
    border-bottom: 1px solid #BCBCBC;
    background: #F0F0F0;
}
.Box-table-list>table>tbody>tr>th {
    border    : none;
    text-align: left;
    font-weight: normal;
    padding   : 2px 8px;
    background: #F0F0F0;
}
.Box-table-list>table>tbody>tr>td {
    border     : none;
    padding    : 2px 8px;
    border-left: 1px solid #BCBCBC;
}
.Box-table-list>table>tbody>tr {
    border-top : 1px solid #BCBCBC;
}
.Box-table-list>table>tbody>tr:first-child {
    border-top : none;
}
.Box-table-list>table>tbody>tr>td:first-child {
    border-left: none;
}
/* -- 一覧テーブル データ無し ----------------- */
.Box-table-none {
    padding   : 20px 10px;
    background: #fafafa;
    text-align: center;
    border: 1px solid #BCBCBC;
    /* -CSS3/ --------------------------------- */
    border-radius         : 4px;
    -moz-border-radius    : 4px;
    -webkit-border-radius : 4px;
    /* -/CSS3 --------------------------------- */
}
/* -- 一覧テーブル 下部ボタン ----------------- */
div.Box-table-bottom {
    padding: 10px 0 0 0;
}
div.Box-table-bottom>* {
    float: right;
}
/* -- タブ ------------------------------------ */
div.Box-tab {
    padding: 10px;
}
div.Box-tab>ul {
    padding: 0px;
    margin : 0px;
    list-style-type: none;
}
div.Box-tab>ul>li {
    padding: 0px;
    margin : 0px;
}
div.Box-tab>ul.head {
    display: table;
}
div.Box-tab>ul.head>li {
    display: table-cell;
}
div.Box-tab>ul.head>li span {
    cursor: pointer;
    position: relative;
    top: 2px;
    display: block;
    border: 1px solid #BCBCBC;
    background: #F0F0F0;
    margin : 0 4px 0 0;
    color: #645665;
    padding: 4px 16px;
    /* -CSS3/ --------------------------------- */
    border-radius         : 4px 4px 0 0;
    -moz-border-radius    : 4px 4px 0 0;
    -webkit-border-radius : 4px 4px 0 0;
    text-shadow         : 0 0px 2px rgba(0,0,0,0.1);
    -moz-text-shadow    : 0 0px 2px rgba(0,0,0,0.1);
    -webkit-text-shadow : 0 0px 2px rgba(0,0,0,0.1);
    /* -/CSS3 --------------------------------- */
}
div.Box-tab>ul.head>li.selected {
    position: relative;
    top: -1px;
}
div.Box-tab>ul.head>li.selected span {
    border-bottom: none;
    padding-top: 5px;
    padding-bottom: 6px;
    background-color: #fff;
}
div.Box-tab>ul.head>li.action span {
    background: #f2f7ce;
}
div.Box-tab>ul.head>li span:hover {
    border-color: #c4841d;
}
div.Box-tab>ul.head>li span:active {
    /* -CSS3/ --------------------------------- */
    background: -moz-linear-gradient(bottom, #fff, #f0f0f0);
    background: -webkit-gradient(linear, center bottom, center top, from(#fff), to(#f0f0f0));
    /* -/CSS3 --------------------------------- */
}
div.Box-tab>ul.body>li {
    display: none;
    border: 1px solid #BCBCBC;
    background-color: #FFF;
    /* -CSS3/ --------------------------------- */
    border-radius         : 0 4px 4px 4px;
    -moz-border-radius    : 0 4px 4px 4px;
    -webkit-border-radius : 0 4px 4px 4px;
    /* -/CSS3 --------------------------------- */
}
div.Box-tab>ul.body>li.selected {
    display: block;
}
/* -- タブアイコン ------------------------------ */
div.Box-tab>ul.head>li.lock>span {
    background-image   : url('../img/button/lock.png');
    background-repeat  : no-repeat;
    background-position: 8px center;
    padding-left: 32px;
}
/* -- ヘルプ ---------------------------------- */
div.Help {
    margin : 10px;
    padding: 24px 0 0;
    border: 1px solid #BCBCBC;
    background: #FFF url('../img/help.png') no-repeat 4px 4px;
}
div.Help>* {
    padding : 0 16px 10px;
    overflow: auto;
    height : 48px;
}
/* -- 下部ボタン ------------------------------ */
div.Box-btn {
  padding: 10px 0 10px;
}
div.Box-btn ul {
  text-align:center;
  margin: 0;
  padding:0;
}
div.Box-btn ul>li {
  display: inline;
  padding: 0 5px;
  margin: 0;  
}

/* -- Modeデザイン ---------------------------- */
.header-mode>span {
    border : 2px solid #000;
    padding: 2px 4px;
    margin : 0 8px 0 0;
    background: #FFF;
    font-weight: bold;
    letter-spacing: 0.2em;
    /* -CSS3/ --------------------------------- */
    border-radius         : 4px;
    -moz-border-radius    : 4px;
    -webkit-border-radius : 4px;
    /* -/CSS3 --------------------------------- */
}
.header-mode>span.view {
    border-color: #a8810b;
    color: #a8810b;
}
.header-mode>span.new {
    border-color: #D31515;
    color: #D31515;
}
.header-mode>span.edit {
    border-color: #191eb5;
    color: #191eb5;
}
/* -- マスタ表記 ------------------------------ */
span.master-name {
    border : 1px solid #BCBCBC;
    padding: 2px 4px;
    margin : 0 0 0 4px;
    font-size: 13px;
}
/* -- タイトル -------------------------------- */
.Title {
    padding : 4px 10px;
    background-color: #EFEFEF;
}
.Title h1,
.Title h2,
.Title h3,
.Title h4,
.Title h5 {
    letter-spacing: 0.2em;
    font-size : 14px;
    font-weight: bold;
    position : relative;
    padding : 4px 6px 2px;
    color     : #645665;
    /* -CSS3/ --------------------------------- */
    text-shadow         : 0 1px 2px rgba(0,0,0,0.1);
    -moz-text-shadow    : 0 1px 2px rgba(0,0,0,0.1);
    -webkit-text-shadow : 0 1px 2px rgba(0,0,0,0.1);
    /* -/CSS3 --------------------------------- */
}
.Title-box {
    padding: 2px 4px;
    border: 1px solid #ccaa45;
    background: #FFF;
    margin : 0 12px 0 0;
    color: #645665;
    padding: 4px 8px;
    background: #ffe493;
    /* -CSS3/ --------------------------------- */
    border-radius         : 8px;
    -moz-border-radius    : 8px;
    -webkit-border-radius : 8px;
    box-shadow            : 0 0px 2px rgba(0,0,0,0.1), inset 0 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow       : 0 0px 2px rgba(0,0,0,0.1), inset 0 1px 2px rgba(0,0,0,0.2);
    -webkit-box-shadow    : 0 0px 2px rgba(0,0,0,0.1), inset 0 1px 2px rgba(0,0,0,0.2);
    background: -moz-linear-gradient(top, #fff4d3, #ffe493);
    background: -webkit-gradient(linear, center top, center bottom, from(#fff4d3), to(#ffe493));
    text-shadow         : 0 0px 2px rgba(0,0,0,0.1);
    -moz-text-shadow    : 0 0px 2px rgba(0,0,0,0.1);
    -webkit-text-shadow : 0 0px 2px rgba(0,0,0,0.1);
    /* -/CSS3 --------------------------------- */
}
/* -- タイトルメニュー ------------------------ */
.Title-umenu {
    font-size: 12px;
    clear:both;
    position:relative;
    z-index: 100;
    _width:100%;
}
.Title-umenu ul {
    position:absolute;
    margin:0;
    padding: 0;
    list-style: none;
    top: 2px;
    right: 5px;
}
.Title-umenu ul li {
    float: left;
    color:#CCCCCC;
    list-style:none;
    margin: 0;
    padding:0 0 0 8px;
    text-align: right;
}
.Title-umenu a,
.Title-umenu a:link,
.Title-umenu a:visited {
    text-decoration: none;
    color:#CCCCCC;
    padding: 0;
}
.Title-umenu a:hover {
    text-decoration: none;
}
/* -- 検索 ------------------------------------ */
.Search-box {
    padding : 0;
    text-align : center;
    background: #f2f7cd;
}
.Search-box>div>div>table {
    margin : 0px auto;
    padding: 0px;
    width  : 100%;
}
.Search-box>div {
    display: none;
    margin: 0px 10px 0px;
    padding: 10px 0px;
    border : 1px solid #BCBCBC;
    background: #e6eac5;
    /* -CSS3/ --------------------------------- */
    border-radius         : 4px;
    -moz-border-radius    : 4px;
    -webkit-border-radius : 4px;
    box-shadow            : inset 0 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow       : inset 0 1px 2px rgba(0,0,0,0.2);
    -webkit-box-shadow    : inset 0 1px 2px rgba(0,0,0,0.2);
    text-shadow         : 0 0px 2px rgba(0,0,0,0.1);
    -moz-text-shadow    : 0 0px 2px rgba(0,0,0,0.1);
    -webkit-text-shadow : 0 0px 2px rgba(0,0,0,0.1);
    /* -/CSS3 --------------------------------- */
}
.Search-box.view>div {
    display: block;
}
.Search-box>div>div>table>tbody>tr>th {
    font-weight: bold;
    padding   : 8px 20px 8px 16px;
    text-align: right;
    width     : 128px;
}
.Search-box>div>div>table>tbody>tr>td {
    padding   : 8px 16px 8px 2px;
    text-align: left;
}

.Search-box>div>div>table>tbody>tr>td,
.Search-box>div>div>table>tbody>tr>th {
    border-bottom: 1px solid #CDCDCD;
}
.Search-box>div>div>table>tbody>tr:last-child>td,
.Search-box>div>div>table>tbody>tr:last-child>th {
    border-bottom: none;
}
.Search-box>p {
    margin: 0px;
    padding : 14px 32px;
    text-align: center;
    border-bottom : none;
    cursor: pointer;

    letter-spacing: 0.2em;
    font-size : 14px;
    font-weight: bold;
    position : relative;
    color: #645665;
    /* -CSS3/ --------------------------------- */
    text-shadow         : 0 1px 2px rgba(0,0,0,0.1);
    -moz-text-shadow    : 0 1px 2px rgba(0,0,0,0.1);
    -webkit-text-shadow : 0 1px 2px rgba(0,0,0,0.1);
    /* -/CSS3 --------------------------------- */
}
.Search-box>p span {
    padding-left: 22px;
    background: url('../img/button/search.png') no-repeat 0px, center;
}
.Search-box.view {
    padding-bottom: 14px;
}
.Search-box>div>div.Search-box-btn {
    padding-top: 10px;
    padding-bottom: 0px;
}
/* -- 検索常時表示 ---------------------------- */
.Search-box-view {
    padding :10px 10px 9px;
    text-align: left;
    background: #D8D8D8;
    border: 1px #aaa solid;
    margin: 0 0 15px;
    position: relative;
    /* -CSS3/ --------------------------------- */
    border-radius         : 4px;
    -moz-border-radius    : 4px;
    -webkit-border-radius : 4px;
    /* -/CSS3 --------------------------------- */
}
.Search-box-view dl,
.Search-box-view dt,
.Search-box-view dd {
  margin: 0;
  padding: 0 5px 0 0;
  display: inline;
}
.Search-box-view dt {
  font-weight: bold;
  padding: 0 0 0;
}
.Search-box-view>div>div>table {
    margin : 0px auto;
    padding: 0px;
    width  : 100%;
}

.Search-box-view .Search-box-btn {
    position: absolute;
    top  : 10px;
    right: 10px;
}
/* -- ページ表示 ------------------------------ */
.Page-box{
    position: relative;
    padding: 0px 0px 10px;
    clear: both;
}
.Page-box a,
.Page-box a:link,
.Page-box a:visited {
    font-size: 11px;
    text-decoration: none;
    border: 1px solid #BCBCBC;
    padding : 2px 6px;
    background: #FFF;
    margin : 0px;
    color: #645665;
    font-weight: bold;
}
.Page-box a:hover {
    border: 1px solid #100B69;
    background: #100B69;
    color: #FFFFFF;
}
.Page-now {
    font-size: 11px;
    text-decoration: none;
    border: 1px solid #100B69;
    padding : 2px 6px;
    background: #100B69;
    margin : 0px 2px;
    color: #FFFFFF;
    font-weight: bold;
}
.Page-box-list-number {
    position: absolute;
    top  : 0px;
    right: 0px;
    padding : 2px 5px;
    font-size: 12px;
    border: ;
    background:;
    /* -CSS3/ --------------------------------- */
    border-radius         : 4px;
    -moz-border-radius    : 4px;
    -webkit-border-radius : 4px;
    /* -/CSS3 --------------------------------- */
}
.Page-ahead {
    padding: 0;
}
.Page-next {
    padding: 0;
}
.Page-box .Page-ahead a,
.Page-box .Page-ahead a:link,
.Page-box .Page-ahead a:visited {
  border: none;
  background: none;

}
.Page-box .Page-next a,
.Page-box .Page-next a:link,
.Page-box .Page-next a:visited {
  border: none;
  background: none;
}
.Page-box .Page-ahead a:hover, 
.Page-box .Page-next a:hover {
    background: #100B69;
    color: #FFFFFF;

}
.Page-box-number {
    padding: 0;
}
.Page-box-number-ahead {
    padding: 0;
}
.Page-box-number-next {
    padding: 0;
}
/* -- メニュー -------------------------------- */
div.Menu-box {
    position: absolute;
    z-index : 1000;
    top     : 25px;
    left    : 0px;
}
div.Menu-box>ul {
    display: block;
    width  : 670px;
    border : 1px solid #BCBCBC;
    background: #FFF;
    list-style-type: none;
    padding: 16px 0 0 16px;
    margin : 0px;
    /* -CSS3/ --------------------------------- */
    border-radius         : 4px;
    -moz-border-radius    : 4px;
    -webkit-border-radius : 4px;
    /* -/CSS3 --------------------------------- */
}
div.Menu-box>ul>li {
    display: block;
    float  : left;
    width  : 200px;
    padding: 0 16px 16px 0;
    margin : 0px;
}
div.Menu-box p {
    padding: 2px 8px;
    margin : 0 0 4px;
    background: #E2DCDC;
}
div.Menu-box>ul>li>ul {
    list-style-type: none;
    padding: 0 0 16px 16px;
    margin : 0;
}
div.Menu-box>ul>li>ul>li {
    padding: 0 0 0 12px;
    margin : 0;
    background: url('../img/etc/list.gif') no-repeat 0px center;
}
div.Menu-box a {
    display: block;
    border-bottom : 1px dotted #BCBCBC;
    text-decoration: none;
}
div.Menu-box a:hover {
    background-color: #fffccc;
}
div.Menu-box>div.arrow {
    position: relative;
    height  : 20px;
    margin-left: 16px;
}
div.Menu-box>div.arrow>div.fst {
    position: absolute;
    top : 0px;
    left: 0px;
    border-top    : 0;
    border-bottom : solid 20px #BCBCBC;
    border-left   : solid 20px transparent;
    border-right  : solid 20px transparent;
    width  : 0;
    height : 0;
    margin : 0;
}
div.Menu-box>div.arrow>div.snd {
    position: absolute;
    top : 1px;
    left: 0px;
    border-top    : 0;
    border-bottom : solid 20px #FFF;
    border-left   : solid 20px transparent;
    border-right  : solid 20px transparent;
    width  : 0;
    height : 0;
    margin : 0;
}
/* -- メニュー -------------------------------- */
div.Info-box {
    position: absolute;
    z-index : 1000;
    top     : 28px;
    right   : 0px;
}
div.Info-box>div.body {
    border : 1px solid #BCBCBC;
    background: #EDE8E8;
    /* -CSS3/ --------------------------------- */
    border-radius         : 4px;
    -moz-border-radius    : 4px;
    -webkit-border-radius : 4px;
    box-shadow            : 0 1px 4px rgba(0,0,0,0.3);
    -moz-box-shadow       : 0 1px 4px rgba(0,0,0,0.3);
    -webkit-box-shadow    : 0 1px 4px rgba(0,0,0,0.3);
    /* -/CSS3 --------------------------------- */
}
div.Info-box>div.body>ul {
    width  : 420px;
    max-height: 800px;
    overflow  : auto;
    padding: 0;
    margin : 0;
    border : 1px solid #FFF;
    list-style-type: none;
    /* -CSS3/ --------------------------------- */
    border-radius         : 4px;
    -moz-border-radius    : 4px;
    -webkit-border-radius : 4px;
    /* -/CSS3 --------------------------------- */
}
div.Info-box>div.body>ul>li {
    padding: 4px 8px 8px;
    margin : 0;
    border-top   : 1px solid #FFF;
    border-bottom: 1px solid #BCBCBC;
}
div.Info-box>div.body>ul>li:first-child {
    /* -CSS3/ --------------------------------- */
    border-radius         : 4px 4px 0 0;
    -moz-border-radius    : 4px 4px 0 0;
    -webkit-border-radius : 4px 4px 0 0;
    /* -/CSS3 --------------------------------- */
    border-top: none;
}
div.Info-box>div.body>ul>li:last-child {
    /* -CSS3/ --------------------------------- */
    border-radius         : 0 0 4px 4px;
    -moz-border-radius    : 0 0 4px 4px;
    -webkit-border-radius : 0 0 4px 4px;
    /* -/CSS3 --------------------------------- */
    border-bottom: none;
}
div.Info-box>div.body>ul div.title {
    font-size  : 12px;
    font-weight: bold;
    padding    : 2px 0 2px 4px;
}
div.Info-box li.alert {
    background-color: #ffdbdb;
}
div.Info-box table.Box-table>tbody>tr>td {
    padding: 2px 8px;
}
/* -- 垂直リスト ------------------------------ */
ul.list-v {
    list-style-type: none;
    padding: 0;
    margin : 0;
}
ul.list-v>li {
    padding: 0 0 8px;
    margin : 0;
}
/* -- 水平リスト ------------------------------ */
ul.list-h {
    list-style-type: none;
    padding: 0;
    margin : 0;
}
ul.list-h>li {
    float  : left;
    padding: 0 16px 0 0;
    margin : 0;
}
/* -- 水平リスト(ボタン的) -------------------- */
ul.list-h-button {
    list-style-type: none;
    padding: 0;
    margin : 0;
}
ul.list-h-button>li {
    float  : left;
    padding: 0;
    margin : 0 4px 0 0;
    border: 1px solid #BCBCBC;
    cursor : pointer;
    /* -CSS3/ --------------------------------- */
    border-radius         : 4px;
    -moz-border-radius    : 4px;
    -webkit-border-radius : 4px;
    /* -/CSS3 --------------------------------- */
}
ul.list-h-button>li:hover {
    background-color: #fffccc;
}
ul.list-h-button>li.selected {
    background-color: #ffe496;
}
ul.list-h-button>li>div {
    border   : 1px solid #FFF;
    padding  : 2px 4px;
    /* -CSS3/ --------------------------------- */
    border-radius         : 4px;
    -moz-border-radius    : 4px;
    -webkit-border-radius : 4px;
    /* -/CSS3 --------------------------------- */
}
/* -- 画像 ------------------------------------ */
img.image-frame {
    background-color: #EDE8E8;
    padding: 10px;
    border : 1px solid #BCBCBC;
}
img.image-frame:hover {
    background-color: #d4d3ff;
}
/* -- 加工指示テーブル ------------------------ */
table.Order-table>tbody>tr>td {
    padding: 0px;
    vertical-align: top;
    background-color: #EDE8E8;
}
table.Order-table>tbody>tr.req>th {
    background-color: #ffe8e8;
}
.Order-table>tbody>tr>td>ul {
    list-style-type: none;
    padding: 0;
    margin : 0;
    background-color: #FFF;
}
.Order-table>tbody>tr>td>ul>li.change {
    background-color: #fee9e8;
}
.Order-table>tbody>tr>td>ul>li {
    padding: 4px 4px;
    margin : 0;
    border-top: 1px dotted #CDCDCD;
}
.Order-table>tbody>tr>td>ul>li:first-child {
    border-top: none;
}
.Order-table>tbody>tr>td>ul>li>span {
    border: 1px solid #CDCDCD;
    padding: 2px 4px;
    background-color: #FFF;
    /* -CSS3/ --------------------------------- */
    border-radius         : 4px;
    -moz-border-radius    : 4px;
    -webkit-border-radius : 4px;
    /* -/CSS3 --------------------------------- */
}
.Order-table>tbody>tr>td>ul>li>img {
    float: right;
    background-color: #EDE8E8;
    padding: 4px;
    border : 1px solid #BCBCBC;
}
.Order-table>tbody>tr>td>ul>li>p {
    display: inline;
    padding: 2px 4px;
    margin : 0;
    border : 1px dashed #C4841D;
    background: #FFF;
    /* -CSS3/ --------------------------------- */
    border-radius         : 4px;
    -moz-border-radius    : 4px;
    -webkit-border-radius : 4px;
    /* -/CSS3 --------------------------------- */
}
.Order-table>tbody>tr>td>ul>li button.works-minus {
    margin-right: 4px;
    vertical-align: top;
}
.Order-table>tbody>tr>td>ul>li ul.tile-list {
    list-style-type: none;
    padding: 10px;
    margin : 0;
}
.Order-table>tbody>tr>td>ul>li ul.tile-list>li {
    float  : left;
    padding: 0 1px 1px 0;
    margin : 0;
    cursor : pointer;
}
.Order-table>tbody>tr>td>ul>li ul.tile-list>li>div {
    width : 88px;
    height: 88px;
    background-repeat  : no-repeat;
    background-position: center center;
    border: 1px solid #BCBCBC;
}
.Order-table>tbody>tr>td>ul>li ul.tile-list>li:hover>div {
    background-color: #fffccc;
}
.Order-table>tbody>tr>td>ul>li ul.tile-list>li.selected>div {
    background-color: #ffe496;
}

.Order-table>tbody>tr>td>ul>li.inspect>div.inspect-button {
    float  : left;
    padding: 0 8px 0 0;
    margin : 0 8px 0 0;
    border-right: 1px dotted #CDCDCD;
}
.Order-table>tbody>tr>td>ul>li div.inspect-check-list {
    position: relative;
    display : inline;
    margin  : 0 14px 0 0;
    padding : 0;
}
.Order-table>tbody>tr>td>ul>li div.inspect-check-list>div {
    position: absolute;
    top : -2px;
    left: 0px;
}
.Order-table>tbody>tr>td>ul>li div.inspect-check-list>div div {
    background-color: #FFF;
    width  : 6px;
    height : 6px;
    padding: 0;
    margin : 0 0 1px 0;
    border : 1px solid #ABABAB;
    /* -CSS3/ --------------------------------- */
    border-radius         : 2px;
    -moz-border-radius    : 2px;
    -webkit-border-radius : 2px;
    /* -/CSS3 --------------------------------- */
}
.Order-table>tbody>tr>td>ul>li div.inspect-check-list>div div.inspect-check-1 {
    background-color: #bfc8ff;
}
.Order-table>tbody>tr>td>ul>li div.inspect-check-list>div div.inspect-check-2 {
    background-color: #ffbfc8;
}
/* -- 修正テーブル ---------------------------- */
table.Form-table.Modify-table {
    margin-top: 10px;
}
table.Form-table.Modify-table>tbody>tr>th {
    background-color: #f6fccc;
}
/* -- 手順リスト ------------------------------ */
ul.list-next {
    display: table;
    padding: 0;
    margin : 0;
}
ul.list-next>li {
    display: table-cell;
    padding: 0 0 0 24px;
    margin : 0;
    background: url('../img/button/arrow-right.png') no-repeat 4px center;
}
ul.list-next>li:first-child {
    background-image: none;
    padding: 0px;
}
/* -- 画像欄 ---------------------------------- */
.Image-box {
    background: #EDE8E8;
    /* -CSS3/ --------------------------------- */
    border-radius         : 0 0 8px 8px;
    -moz-border-radius    : 0 0 8px 8px;
    -webkit-border-radius : 0 0 8px 8px;
    /* -/CSS3 --------------------------------- */
}
.Image-box div.list {
    padding: 10px;
}
.Image-box div.list>div.relative {
    height: 32px;
}
.Image-box div.list>div>*/*ul.Toggle-button*/ {
    position: absolute;
    top  : 0px;
    right: 0px;
}
.Image-box div.list>ul {
    list-style-type: none;
    padding: 0;
    margin : 0;
}
.Image-box div.list.action>div.relative {
    display: none;
}
.Image-box div.list.action>div:first-child {
    display: block;
}
.Image-box div.list>div:first-child {
    display: none;
}
.Image-box div.list>div:first-child>div {
    display: none;
}
.Image-box div.list.mode--move>div:first-child>div.move,
.Image-box div.list.mode--delete>div:first-child>div.delete {
    display: block;
}
.Image-box li.box {
    float: left;
    padding: 0;
    margin : 0 10px 10px 0;
    display: table;
}
.Image-box li.box>div {
    display: table-cell;
    width  : 200px;
    border : 1px solid #BCBCBC;
    padding: 0 0 16px;
    background: #e3e9f4;
    /* -CSS3/ --------------------------------- */
    border-radius         : 4px;
    -moz-border-radius    : 4px;
    -webkit-border-radius : 4px;
    /* -/CSS3 --------------------------------- */
}
.Image-box div.list.mode--move li.box>div,
.Image-box div.list.mode--delete li.box>div {
    border-color: #D31515;
    border-style: dashed;
}
.Image-box li.box.move>div,
.Image-box li.box.move:hover>div {
    background-color: #FFD86D;
}
.Image-box li.box.selected>div,
.Image-box li.box.selected:hover>div {
    background-color: #FFBFC8;
}
.Image-box li.box.target {
    position: relative;
    border-right : 4px dotted #D31515;
    margin-right : 3px;
    padding-right: 3px;
}
.Image-box li.box.target>div,
.Image-box li.box.target:hover>div {
}
.Image-box li.box:hover>div {
    border-color: #C4841D;
    background: #fffccc;
}
.Image-box li.box div.image {
    display: table-cell;
    width  : 200px;
    height : 190px;
    padding-top: 10px;
    vertical-align: top;
    text-align: center;
}
.Image-box li.box div.image>img {
    border: 1px solid #BCBCBC;
}
.Image-box li.box div.image>img.noimage {
    border: none;
}
.Image-box li.box div.title {
    text-align: center;
    font-weight: bold;
    letter-spacing: 0.1em;
}
.Image-box li.box>div {
    position: relative;
}
.Image-box li.box ul.flgs {
    position: absolute;
    bottom: 4px;
    right : 4px;
    list-style-type: none;
    padding: 0;
    margin : 0;
}
.Image-box li.box ul.flgs>li {
    float: left;
    padding: 0;
    margin : 0 0 0 2px;
    width  : 24px;
    height : 24px;
    background-position: center center;
    background-repeat: no-repeat;
    background-color : #FFF;
    border : 1px solid #CDCDCD;
    /* -CSS3/ --------------------------------- */
    border-radius         : 256px;
    -moz-border-radius    : 256px;
    -webkit-border-radius : 256px;
    /* -/CSS3 --------------------------------- */
}
/*
.Image-box div.imageRenameWindow {
    width : 420px;
}
.Image-box div.imageMemoWindow {
    width : 420px;
}
*/
.Image-box div.imageRenameWindow table,
.Image-box div.imageMemoWindow table {
    width : 100%;
}
.Image-box div.imageRenameWindow table>tbody>tr>td,
.Image-box div.imageMemoWindow table>tbody>tr>td {
    vertical-align: top;
    text-align    : left;
    padding: 0px;
}
.Image-box div.imageRenameWindow table>tbody>tr>td:first-child,
.Image-box div.imageMemoWindow table>tbody>tr>td:first-child {
    width: 360px;
}
.Image-box-table-image {
    width: 172px;
}
.Image-box-table-image div.image {
    text-align: center;
    padding-bottom: 4px;
}
.Image-box-table-image div.image img {
    border: 1px solid #BCBCBC;
}
.Image-box-table-image div.image img.noimage {
    border: none;
}
.Image-box-table-image div.title {
    text-align: center;
    font-weight: bold;
    letter-spacing: 0.1em;
}
table.Box-table>tbody>tr>td.Image-box-table-detail {
}
table.Box-table>tbody>tr>td.Image-box-table-detail table {
}
.Image-box div.list>div>div.message {
    position: absolute;
    top : 4px;
    left: 0;
}
.Image-box .message>span {
    border    : 1px solid #BCBCBC;
    background: #F2F7CD;
    padding   : 4px 8px;
    color     : #D31515;
    font-weight: bold;
    letter-spacing: 0.1em;
    /* -CSS3/ --------------------------------- */
    border-radius         : 4px;
    -moz-border-radius    : 4px;
    -webkit-border-radius : 4px;
    /* -/CSS3 --------------------------------- */
}
.Image-box ul.Toggle-button {
    margin: 0;
}
.Image-box div.imageHistoryWindow {
    width: 720px;
}
.Image-box div.history-box {
    max-height: 640px;
    overflow  : auto;
}
.Image-box div.history-box div.group-order p {
    padding: 0;
    margin : 0;
    position: absolute;
    top   : 4px;
    left  : 10px;
    font-weight: bold;
}
.Image-box div.history-box div.group-order div.group-type p {
    right : 10px;
    left  : auto;
    top   : 2px;
    font-weight: normal;
}
.Image-box div.history-box div.group-order {
    position  : relative;
    border    : 1px solid #BCBCBC;
    padding   : 18px 10px 10px;
    margin    : 10px 0 0 0;
    /* -CSS3/ --------------------------------- */
    border-radius         : 4px;
    -moz-border-radius    : 4px;
    -webkit-border-radius : 4px;
    /* -/CSS3 --------------------------------- */
}
.Image-box div.history-box div.group-order:first-child {
    margin-top: 0;
}
.Image-box div.history-box div.group-type {
    position: relative;
    border : 1px dashed #22a2e2;
    margin : 10px 0 0 0;
    padding: 14px 0 0 0;
    /* -CSS3/ --------------------------------- */
    border-radius         : 4px;
    -moz-border-radius    : 4px;
    -webkit-border-radius : 4px;
    /* -/CSS3 --------------------------------- */
}
.Image-box div.history-box div.group-type>ul {
    list-style-type: none;
    padding: 10px 0 0 10px;
    margin : 0;
}
.Image-box div.history-box div.group-type:first-child {
    margin-top: 0;
}
/* -- トグルボタン ---------------------------- */
ul.Toggle-button {
    display: table;
    list-style-type: none;
    padding: 0;
    margin : 0;
}
ul.Toggle-button>li {
    display: table-cell;
    padding: 0;
    margin : 0;
}
ul.Toggle-button>li.selected>button {
    background-color: #ffe495;
    /* -CSS3/ --------------------------------- */
    background: -moz-linear-gradient(bottom, #ffe495, #ffe495);
    background: -webkit-gradient(linear, center bottom, center top, from(#ffe495), to(#ffe495));
    /* -/CSS3 --------------------------------- */
}
ul.Toggle-button>li>button {
    border-left-width : 1px;
    border-right-width: 1px;
    /* -CSS3/ --------------------------------- */
    border-radius         : 0;
    -moz-border-radius    : 0;
    -webkit-border-radius : 0;
    /* -/CSS3 --------------------------------- */
}
ul.Toggle-button>li:first-child>button {
    border-left-width: 2px;
    /* -CSS3/ --------------------------------- */
    border-radius         : 8px 0 0 8px;
    -moz-border-radius    : 8px 0 0 8px;
    -webkit-border-radius : 8px 0 0 8px;
    /* -/CSS3 --------------------------------- */
}
ul.Toggle-button>li:last-child>button {
    border-right-width: 2px;
    /* -CSS3/ --------------------------------- */
    border-radius         : 0 8px 8px 0;
    -moz-border-radius    : 0 8px 8px 0;
    -webkit-border-radius : 0 8px 8px 0;
    /* -/CSS3 --------------------------------- */
}
/* -- メモ欄 ---------------------------------- */
div.memoWindow {
    width: 640px;
}
div.memoWindow div.Box-body:first-child {
    overflow  : auto;
    max-height: 240px;
}
div.memoWindow table.Box-table td {
    position: relative;
}
div.memoWindow div.body {
    padding-bottom: 32px;
}
div.memoWindow div.date {
    position: absolute;
    bottom  : 4px;
    left    : 8px;
}
div.memoWindow div.name {
    position: absolute;
    bottom  : 4px;
    right   : 8px;
}
div.memoWindow div.memo-input-box table {
    width  : 100%;
    padding: 0px;
    margin : 0px;
}
div.memoWindow div.memo-input-box table td {
    padding: 0px;
    margin : 0px;
}
div.memoWindow div.memo-input-box table td:first-child {
    width: 90%;
}
div.memoWindow ul.list-h-button>li {
    margin-bottom: 4px;
}
/* -- 加工詳細 -------------------------------- */
div.Edit-box {
}
div.Edit-box ul.body>li>div {
    padding: 10px;
}
/* -- サブメニュー ---------------------------- */
.Box-submenu {
    padding   : 10px;
    background: #f9f9f9;
}
div.Box-submenu>ul {
    display: block;
    padding: 0px;
    margin : 0px;
    list-style-type: none;
    text-align: right;
}
div.Box-submenu>ul>li {
    display: inline;
    padding: 0 0 0 8px;
    margin : 0px;
}
/* -- 並べ替え -------------------------------- */
.Box-sort {
    padding: 16px;
    background-color: #F5F5F5;
}
.Box-sort>div.jSort {
    border: 1px solid #CDCDCD;
    border-bottom: none;
}
/* -- 選択一覧表示 ---------------------------- */
.SelectedList {
    display: none;
    margin: 4px 0 0;
    border: 1px solid #BCBCBC;
    background: #f2f2f2;
    color: #645665;
    padding: 0 4px 4px 0px;
    min-height: 32px;
    /* -CSS3/ --------------------------------- */
    border-radius         : 4px;
    -moz-border-radius    : 4px;
    -webkit-border-radius : 4px;
    box-shadow            : 0 0px 2px rgba(0,0,0,0.1), inset 0 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow       : 0 0px 2px rgba(0,0,0,0.1), inset 0 1px 2px rgba(0,0,0,0.2);
    -webkit-box-shadow    : 0 0px 2px rgba(0,0,0,0.1), inset 0 1px 2px rgba(0,0,0,0.2);
    text-shadow         : 0 0px 2px rgba(0,0,0,0.1);
    -moz-text-shadow    : 0 0px 2px rgba(0,0,0,0.1);
    -webkit-text-shadow : 0 0px 2px rgba(0,0,0,0.1);
    /* -/CSS3 --------------------------------- */
}
.SelectedList>div.item,
.SelectedList>div.more {
    float: left;
    padding: 2px 4px;
    border: 1px solid #ccaa45;
    background: #FFF;
    color: #645665;
    margin: 4px 0 0 4px;
    background: #ffe493;
    /* -CSS3/ --------------------------------- */
    border-radius         : 4px;
    -moz-border-radius    : 4px;
    -webkit-border-radius : 4px;
    box-shadow            : 0 0px 2px rgba(0,0,0,0.1), inset 0 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow       : 0 0px 2px rgba(0,0,0,0.1), inset 0 1px 2px rgba(0,0,0,0.2);
    -webkit-box-shadow    : 0 0px 2px rgba(0,0,0,0.1), inset 0 1px 2px rgba(0,0,0,0.2);
    background: -moz-linear-gradient(top, #fff4d3, #ffe493);
    background: -webkit-gradient(linear, center top, center bottom, from(#fff4d3), to(#ffe493));
    text-shadow         : 0 0px 2px rgba(0,0,0,0.1);
    -moz-text-shadow    : 0 0px 2px rgba(0,0,0,0.1);
    -webkit-text-shadow : 0 0px 2px rgba(0,0,0,0.1);
    /* -/CSS3 --------------------------------- */
}
.SelectedList>div.more {
    font-weight: bold;
}
/* ------------------------------------ */
.SelectedListPageBox {
}
.SelectedListPageBox .pagebox {
    position: absolute;
    bottom  : 0px;
    right   : 4px;
}
.SelectedListPageBox span.allnum {
}
.SelectedListPageBox span.allnum span {
    padding: 0 0 0 4px;
    font-weight: bold;
}
.SelectedListPageBox .nowpage {
    padding: 0 8px 0 0;
}
/* -- 得意先ウインドウ ------------------------ */
.clientWindow {
    width: 480px;
}
/* -- 画像表示 -------------------------------- */
.decoration-image {
    border : 1px solid #BCBCBC;
    padding: 2px;
    margin : 2px 0 2px 2px;
    background: #FFF;
    /* -CSS3/ --------------------------------- */
    border-radius         : 2px;
    -moz-border-radius    : 2px;
    -webkit-border-radius : 2px;
    /* -/CSS3 --------------------------------- */
}
/* -- 作業ログウインドウ ---------------------- */
.joblogWindow {
    width: 640px;
}
.joblogWindow .Box-body {
    max-height: 480px;
    overflow  : auto;
}
.joblogWindow table.Box-table>tbody>tr.action>td {
    background-color: #fff1db;
}
.joblogWindow table.Box-table>tbody>tr.action>td:last-child {
    font-weight: bold;
}
/* -- 除外ログウインドウ ---------------------- */
.exceptWindow {
    width: 640px;
}
/* -- 画像選択 ---------------------- */
.image-selector {
    padding:5px;
    text-align:center;
    position:relative;
    float:left;
}
.image-selector img {
    border:1px solid #CCCCCC;
    padding:5px;
    margin: 0 auto 5px;
    display:block;
}
/* -- ファイル選択 ---------------------- */
.file-selector {
}
.file-selector>div{
  padding:5px 0;
  font-weight:bold;
}
/* -- 制限時間BOX ----------------------------- */
.time-box {
    
}
.time-box.over {
    font-weight: bold;
    color: #D31515;
}
/* -- 基幹商品登録欄 -------------------------- */
.coreItemList {
    
}

.coreItemList ul {
    list-style-type: none;
    padding: 0;
    margin : 0;
}
.coreItemList ul>li {
    padding: 4px 4px;
    margin : 0;
    border-top: 1px dotted #CDCDCD;
}
.coreItemList ul>li:first-child {
    border-top: none;
}
.coreItemList select {
    width: 50%;
}
/* -- 基幹商品ウインドウ ---------------------- */
.coreItemWindow {
    width: 640px;
}
/* -- カラーピッカー ---------------------- */
.colorpicker {
    text-align:center;
    width           :196px;
}
.item_regist .colorpicker {
    margin-bottom   :10px;
    margin-left     :35px;
}

.colorpicker input{
    width           :60px;
}
input.input-color{
    width:20px;
    height:20px;
    /* -CSS3/ --------------------------------- */
    border-radius         : 20px;
    -moz-border-radius    : 20px;
    -webkit-border-radius : 20px;
    /* -/CSS3 --------------------------------- */
}
/* -- 得意先詳細 ------------------------------ */
div.ClientDetail-box {
    
}
div.ClientDetail-box ul.body>li>div {
    padding: 10px;
}
div.ClientDetail-box.Box-tab>ul.head>li>span {
    cursor: auto;
}
div.ClientDetail-box table.Order-table>tbody>tr>td {
    background-color: #FFF;
    vertical-align: middle;
}
div.ClientDetail-box table.Order-table>tbody>tr>td.info {
    padding: 8px;
    width  : 128px;
}
div.ClientDetail-box table.Order-table>tbody>tr>td.btn {
    padding: 8px;
    width  : 80px;
}
/* -- 得意先詳細 ------------------------------ */
div.record-one{
    padding: 20px;
    margin-bottom:10px;
    border:1px solid #CCCCCC;
    /* -CSS3/ --------------------------------- */
    border-radius         : 20px;
    -moz-border-radius    : 20px;
    -webkit-border-radius : 20px;
    /* -/CSS3 --------------------------------- */
    background:#FFFFFF;
}
div.record-one:hover{
  border:1px solid #c4841d;
}
/* -- 得意先詳細 ------------------------------ */
div.record-one{
    padding: 10px;
    margin-bottom:10px;
    border:1px solid #CCCCCC;
    /* -CSS3/ --------------------------------- */
    border-radius         : 5px;
    -moz-border-radius    : 5px;
    -webkit-border-radius : 5px;
    /* -/CSS3 --------------------------------- */
    width: 510px;
}
div.record-one>div.record-image{
    float:left;
    width:220px;
    text-align:center;
    padding:5px;
}
div.record-one>div.record-image>div{
    float:left;
    width:160px;

}
div.record-one>div.record-image>ul{
    width:60px;
    float:left;
    list-style:none;
    padding:0;
    margin:0;
}
div.record-one>div.record-image>ul>li{
    list-style:none;
    float:left;
    width:80px;
    padding:0;
    margin:0;
}
div.record-one>div.record-image>ul>li>img{
}
div.record-one>div.record-data{
    float:right;
    width:250px;
}
/* -------------------------------------------- */