@CHARSET "UTF-8";
@import 'https://fonts.googleapis.com/css?family=Alegreya+Sans+SC:300|Amatic+SC:700|Anton|Bangers|Caveat|Cherry+Swash:700|Corben:700|Creepster|Economica:700|Homemade+Apple|IM+Fell+DW+Pica+SC|Kaushan+Script|Londrina+Shadow|Montserrat+Subrayada|Oswald:700|Permanent+Marker|Quicksand|Roboto+Condensed:700|Teko|Vollkorn';

/* 全体 */
* {
    margin:0;
    padding:0;
    -webkit-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;
}

html, body {
  margin:0;
  padding:0;
  width:100%;
  height:100%;
  font-family:'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
}

body
{
    font: 12px 'Lucida Sans Unicode', 'Trebuchet MS', Arial, Helvetica;
    margin: 0;
/*     background-color: #d9dee2; */
/*     background-image: -webkit-gradient(linear, left top, left bottom, from(#ebeef2), to(#d9dee2)); */
/*     background-image: -webkit-linear-gradient(top, #ebeef2, #d9dee2); */
/*     background-image: -moz-linear-gradient(top, #ebeef2, #d9dee2); */
/*     background-image: -ms-linear-gradient(top, #ebeef2, #d9dee2); */
/*     background-image: -o-linear-gradient(top, #ebeef2, #d9dee2); */
/*     background-image: linear-gradient(top, #ebeef2, #d9dee2); */
/*     background-position:-115px 75%; */
/*     background-image: url("/dashboard/resources/img/AICROSTA-img.jpg"); */
/*     background-position:50% 55%; */
/*     background-repeat:no-repeat; */
/*     -moz-background-size:cover; */
/*     background-size:106%; */
}


td a {
    text-decoration:underline;
}

/* tiles3の出力線を消す */
hr {
    margin:0;
    padding:0;
    border:solid 0px white;
}

/* フッター部 */
div#footerBlock {
    display: table-cell;
    width:100%;
    position:fixed;
    bottom:0;
    left:0;
}

div#footerBlock hr{
    margin-top:0px;
}

select:disabled {
    background-color:rgba(235,235,228,1);
}

#footer {
    /* containerからの絶対位置を定義 */
    font: 12px 'Lucida Sans Unicode', 'Trebuchet MS', Arial, Helvetica;
    color: #EEEEEE;
    text-align: center;
/*     position: absolute; */
    position:fixed;
    bottom: 0;
    width: 100%;
    height: 20px;
    background-color: rgba(34,34,34,0.9);
    overflow: hidden;
}
#copy {
    color: #EEEEEE;
    float: center;
}

#info {
    overflow: hidden;
    float: right;
}

#company {
    font: 14px Arial, Helvetica;
    color: #0000FF;
    float: left;
    margin: 0 10px 0 10px;
}

#system {
    font: 14px Arial, Helvetica;
    color: #0000FF;
    float: left;
    margin: 0 20px 0 10px;
}

a.footerlink:link,a.footerlink:visited {
    color: #EEEEEE;
}


a.footerlink:hover, a.footerlink:active {
    color: #0000FF;
}

/* ログイン背景 */
#loginbase {
    float:left;
    width:100%;
    height:100%;
    background-image: url("/dashboard/resources/img/dashboard_img_2.jpg");
    background-position:80% 70%;
    background-repeat:no-repeat;
    -moz-background-size:cover;
    background-size:106%;
}

/* ログイン画面 */
div#loginBlock {
    max-width:500px;
    min-width:500px;
    margin-left:auto;
    margin-right:auto;
}

#login
{
    background-color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
    background-image: -webkit-linear-gradient(top, #fff, #eee);
    background-image: -moz-linear-gradient(top, #fff, #eee);
    background-image: -ms-linear-gradient(top, #fff, #eee);
    background-image: -o-linear-gradient(top, #fff, #eee);
    background-image: linear-gradient(top, #fff, #eee);
    margin:auto;
    width: 500px;
    height: 300px;
    padding: 30px;
    position: absolute;
    top:0;
    bottom:0;
    z-index: 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow:
          0 0 2px rgba(0, 0, 0, 0.2),
          0 1px 1px rgba(0, 0, 0, .2),
          0 3px 0 #fff,
          0 4px 0 rgba(0, 0, 0, .2),
          0 6px 0 #fff,
          0 7px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow:
          0 0 2px rgba(0, 0, 0, 0.2),
          1px 1px   0 rgba(0,   0,   0,   .1),
          3px 3px   0 rgba(255, 255, 255, 1),
          4px 4px   0 rgba(0,   0,   0,   .1),
          6px 6px   0 rgba(255, 255, 255, 1),
          7px 7px   0 rgba(0,   0,   0,   .1);
    box-shadow:
          0 0 2px rgba(0, 0, 0, 0.2),
          0 1px 1px rgba(0, 0, 0, .2),
          0 3px 0 #fff,
          0 4px 0 rgba(0, 0, 0, .2),
          0 6px 0 #fff,
          0 7px 0 rgba(0, 0, 0, .2);
}

#login:before
{
    content: '';
    position: absolute;
    z-index: -1;
    border: 1px dashed #ccc;
    top: 5px;
    bottom: 5px;
    left: 5px;
    right: 5px;
    -moz-box-shadow: 0 0 0 1px #fff;
    -webkit-box-shadow: 0 0 0 1px #fff;
    box-shadow: 0 0 0 1px #fff;
}

h1#loginh1
{
//    text-shadow: 0 1px 0 rgba(255, 255, 255, .7), 0px 2px 0 rgba(0, 0, 0, .5);
//    text-transform: uppercase;
    text-align: center;
    //color: #666;
    color: #000066;
    margin: 0 0 40px 0;
    letter-spacing: 4px;
    font: normal 26px/1 Verdana, Helvetica;
    position: relative;
    font-family: 'Vollkorn', serif;
}

h1#loginh1:after, h1#loginh1:before
{
    background-color: #777;
    content: "";
    height: 1px;
    position: absolute;
    top: 15px;
    width: 120px;
}

h1#loginh1:after
{
    background-image: -webkit-gradient(linear, left top, right top, from(#777), to(#fff));
    background-image: -webkit-linear-gradient(left, #777, #fff);
    background-image: -moz-linear-gradient(left, #777, #fff);
    background-image: -ms-linear-gradient(left, #777, #fff);
    background-image: -o-linear-gradient(left, #777, #fff);
    background-image: linear-gradient(left, #777, #fff);
    right: 0;
}

h1#loginh1:before
{
    background-image: -webkit-gradient(linear, right top, left top, from(#777), to(#fff));
    background-image: -webkit-linear-gradient(right, #777, #fff);
    background-image: -moz-linear-gradient(right, #777, #fff);
    background-image: -ms-linear-gradient(right, #777, #fff);
    background-image: -o-linear-gradient(right, #777, #fff);
    background-image: linear-gradient(right, #777, #fff);
    left: 0;
}

#loginfooter {
    /* containerからの絶対位置を定義 */
    color: #EEEEEE;
    text-align: center;
/*     position: absolute; */
    position:fixed;
    bottom: 0;
    width: 100%;
    height: 40px;
    background-color: rgba(34,34,34,0.9);
    overflow: hidden;
}

fieldset
{
    border: 0;
    padding: 0;
    margin: 0;
}

#logininputs input
{
    background: #f1f1f1 url(/dashboard/resources/img/login-sprite.png) no-repeat;
    padding: 15px 15px 15px 30px;
/*     margin: 0 0 10px 0; */
    margin: 0 0 10px 95px;
    width: 253px; /* 253 + 2 + 45 = 300 */
    border: 1px solid #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
}

#username
{
    background-position: 5px -2px !important;
}

#password
{
    background-position: 5px -52px !important;
}

.passchgtext
{
    height:20px;
    width:200px;
    margin:10px 0 10px 5px;
}

/*   パスワード変更   */
#passchange
{
    background-color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
    background-image: -webkit-linear-gradient(top, #fff, #eee);
    background-image: -moz-linear-gradient(top, #fff, #eee);
    background-image: -ms-linear-gradient(top, #fff, #eee);
    background-image: -o-linear-gradient(top, #fff, #eee);
    background-image: linear-gradient(top, #fff, #eee);
    height: 260px;
    margin-left:auto;
    margin-right:auto;
    margin-top:150px;
/*     width: 300px; */
    width: 500px;
/*     margin: -150px 0 0 -180px; */
    padding: 30px;
    position: absolute;
    top: calc(50% - 300px);
    left: calc(50% - 250px);
/*     left: 45%; */
    z-index: 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow:
          0 0 2px rgba(0, 0, 0, 0.2),
          0 1px 1px rgba(0, 0, 0, .2),
          0 3px 0 #fff,
          0 4px 0 rgba(0, 0, 0, .2),
          0 6px 0 #fff,
          0 7px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow:
          0 0 2px rgba(0, 0, 0, 0.2),
          1px 1px   0 rgba(0,   0,   0,   .1),
          3px 3px   0 rgba(255, 255, 255, 1),
          4px 4px   0 rgba(0,   0,   0,   .1),
          6px 6px   0 rgba(255, 255, 255, 1),
          7px 7px   0 rgba(0,   0,   0,   .1);
    box-shadow:
          0 0 2px rgba(0, 0, 0, 0.2),
          0 1px 1px rgba(0, 0, 0, .2),
          0 3px 0 #fff,
          0 4px 0 rgba(0, 0, 0, .2),
          0 6px 0 #fff,
          0 7px 0 rgba(0, 0, 0, .2);
}

#passchange:before
{
    content: '';
    position: absolute;
    z-index: -1;
    border: 1px dashed #ccc;
    top: 5px;
    bottom: 5px;
    left: 5px;
    right: 5px;
    -moz-box-shadow: 0 0 0 1px #fff;
    -webkit-box-shadow: 0 0 0 1px #fff;
    box-shadow: 0 0 0 1px #fff;
}


#logininputs input:focus
{
    background-color: #fff;
    border-color: #e8c291;
    outline: none;
    -moz-box-shadow: 0 0 0 1px #e8c291 inset;
    -webkit-box-shadow: 0 0 0 1px #e8c291 inset;
    box-shadow: 0 0 0 1px #e8c291 inset;
}

#submit
{
    position: relative; left: 165px;
    background-color: #ffb94b;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fddb6f), to(#ffb94b));
    background-image: -webkit-linear-gradient(top, #fddb6f, #ffb94b);
    background-image: -moz-linear-gradient(top, #fddb6f, #ffb94b);
    background-image: -ms-linear-gradient(top, #fddb6f, #ffb94b);
    background-image: -o-linear-gradient(top, #fddb6f, #ffb94b);
    background-image: linear-gradient(top, #fddb6f, #ffb94b);

    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;

    text-align : center;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);

     -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
     -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
     box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;

    border-color: #d69e31 #e3a037 #d5982d #e3a037;

    margin-left:auto;
    margin-right:auto;

    float: left;
    height: 35px;
    margin: 0;
    padding: 0;
    width: 120px;
    cursor: pointer;
    font: bold 15px Arial, Helvetica;
    color: #8f5a0a;
}

#submit:hover,#submit:focus
{
    background-color: #fddb6f;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffb94b), to(#fddb6f));
    background-image: -webkit-linear-gradient(top, #ffb94b, #fddb6f);
    background-image: -moz-linear-gradient(top, #ffb94b, #fddb6f);
    background-image: -ms-linear-gradient(top, #ffb94b, #fddb6f);
    background-image: -o-linear-gradient(top, #ffb94b, #fddb6f);
    background-image: linear-gradient(top, #ffb94b, #fddb6f);
}

#submit:active
{
    outline: none;

     -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
     -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
     box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
}

#submit::-moz-focus-inner
{
  border: none;
}


.errorMsg
{
    height: 10px;
    color: #ff0000;
    padding: 0;
    margin: 0;
    text-align:center;
}

.boxLoginMessageRow {
    height:30px;
    margin-left:10px;
    margin-top:10px;
    text-algin:left;
}

.boxLoginMessageRow:after {
    content:"";
    display:block;
    clear:both;
}

/* ログイン画面 end */


/*  スピナー　*/
@keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em rgba(255, 255, 255), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em rgba(255, 255, 255), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em rgba(255, 255, 255), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em rgba(255, 255, 255), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em rgba(255, 255, 255), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em rgba(255, 255, 255), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em rgba(255, 255, 255);
  }
}

.spinner_modal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background: #999;
  top: 0;
  left: 0;
  z-index: 10000;
  opacity: 0.5;
  display: none;
}

.spinner_modal .spinner {
  width: 1em;
  height: 1em;
  font-size: 5px;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  position: absolute;
  text-indent: -9999em;
  animation: load5 1.1s infinite ease;
  transform: translateZ(0);
}

/* ヘッダー部 */
.headerBlock-inner-top {
    margin-left:20px;
    margin-right:20px;
}

/* サイト名 */
.site h1 {
    margin:0;
    font-size:18px;
}
div#userBlock {
    margin-lefft:10px;
    margin-right:10px;
}

.userBlock1 {
    padding-top:5px;
    margin-right:20px;
}

.userInfo {
    color:#fff;
    font-size:12px;
    position:relative;
    top:-5px;
}

a.logOffButton {
    font-size:12px;
    display:block;
    width:100px;
    height:30px;
    padding-top:10px;
    text-align:center;
    background-color: #366092;
    color:white;
    text-decoration:none;
}

a.logOffButton:active {
    height:28px;
    margin-top:2px;
}

a.logOffButton:hover {
    background-color:#AB3366;
}

a.menuButton {
    font-size:12px;
    display:block;
    width:100px;
    padding-top:10px;
    padding-bottom:10px;
    text-align:center;
    background-color:#000000;
    color:white;
    text-decoration:none;
}

a.menuButton:hover {
    background-color:rgb(109,179,63);
}

a.menuButtonSelected {
    font-size:12px;
    display:block;
    width:100px;
    padding-top:10px;
    padding-bottom:10px;
    text-align:center;
    background-color:rgb(0,0,0);
    color:red;
    text-decoration:none;
}

a.menuButtonSelected:hover {
    background-color:rgb(109,179,63);
}

/* 一覧のページ番号選択項目 */
a.selectedPage {
    display:block;
    text-align:center;
    text-decoration:none;
    color:blue;
}
a.selectedPageNum {
    color:black;
}
a.selectedPage span{
    border: 1px solid #999999;
    background-color: #99bfe6;
    margin: 5px;
    display: block;
    color:#fff;
}

a.selectedPageNum span{
    background-color: none;
    color:black;
}
.error-label {
    color:#b94a48;
}

.errorInput {
    background-color:pink;
}

.errorMessages {
    color:#b94a48;
    display:block;
    padding-left:5px;
    overflow-x:auto;
}
.warningMessages {
    display:block;
    padding-left:5px;
    overflow-x:auto;
}

.headerTable {
    display:table;
    table-layout:fixed;
    width:100%;
    margin:5px;
}
.headerTable .cell {
    display:table-cell;
    padding:2px;
}

.menuTable {
    display:table;
    table-layout:fixed;
    width:100%;
    background-color:black;
    color:white;
}
.menuTable .cell {
    display:table-cell;
    padding:2px;
}

/* パンくずリスト */
.breadBlock {
    width:100%;
    padding-left:10px;
    background-color:#BAD3FF;
}

#dialogBody {
     box-shadow: 0 0 0 1px #000, 0 0 0 4px #FFF, 0 0 0 4px #000;
}

#dialogBody .breadBlock {
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
}
#detailTable .breadBlock {
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
}
#detailTable{
    border-collapse: separate;
}
#completeDialog .breadBlock li label:before {
    content: url("/dashboard/resources/img/infoicon.png");
    position: relative;
    margin-right: 3px;
    top :3px;
}
#completeDialog h3:before {
    content: url("/dashboard/resources/img/infoicon2.png");
    position: relative;
    margin-right: 5px;
    top :5px;
}
#errorDialog .breadBlock li label:before {
    content: url("/dashboard/resources/img/stopicon.png");
    position: relative;
    margin-right: 3px;
    top :3px;
}
#errorDialog .breadBlock{
    background-color:#ffb9ff;
}
#errorDialog #positionBody{
    position: relative;
    height:100%;
}
#errorDialog #positionBody .boxA{
    position: absolute;
    bottom: 10px;
    right: 10px;
}
#warningDialog .breadBlock li label:before {
    content: url("/dashboard/resources/img/warning.png");
    position: relative;
    margin-right: 3px;
    top :3px;
}
#warningDialog .breadBlock{
    background-color:#ffff66;
}
#warningDialog #positionBody{
    position: relative;
    height:100%;
}
#warningDialog #positionBody .boxA{
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.bread {
    ;
 }

.bread ol {
    margin:0;
    padding:0;
    list-style:none;
}

.bread li {
    display:inline-block;
    padding-left:5px;
    padding-right:5px;
    padding-top:2px;
    padding-bottom:2px;
    color:#555555;
    font-size:14px;
    text-decoration:none;
}

.bread li label {
    display:inline-block;
    color:#555555;
    font-size:14px;
    text-decoration:none;
}

.bread ol:after {
    content:"";
    display:block;
    clear:both;
}

.bread li {
    float:left;
    width:auto;
}
.bread li div:after {
    content:'\003e';
    margin-left:10px;
    margin-right:10px;
    color:#555555;
}


/* コピーライト */
.copyright p {
    float:right;
    margin:0;
    color:#666666;
    font-size:14px;
    margin-right:20px;
}

/* ヘッダー メニュー欄 */
.box8 {
    background-color:#000000;
}


.contensBlock {
/*    border:1px solid black; */
    margin:10px;
    height:830px;
    max-height:830px;
    min-height:830px;
    min-width:1100px;
    max-width:1100px;
}

.contensLongBlock {
/*    border:1px solid black; */
    margin:10px;
    height:830px;
    max-height:830px;
    min-height:830px;
    min-width:1330px;
    max-width:1330px;
}

.contentsBlock {
    padding: 0px 15px;
    max-width: calc(100vw - 30px);
    overflow-x: auto;
    max-height: calc(100vh - 80px);
    overflow-y: auto;
    margin-left: 0px;
    margin-right: 20px;
}

.groupLbl {
    color:mediumblue;
}

legend.groupLbl {
    font-size: 14px;
    margin-left: 10px;
    margin-bottom:10px;
    padding-left: 3px;
    padding-right: 3px;
    width:auto;
    border-width: 0px;
}

.searchFrame {
    margin-top:15px;
/*    max-width:calc(100vw - 80px);*/
}

fieldset.searchFrame {
    margin-top:10px;
    padding-bottom: 10px;
    border-width:2px;
    border-color:#3c8dbc;
    border-style:solid;
    border-radius:3px;
    margin-right:20px;
/*    max-width:calc(100vw - 80px);*/
}

.searchResultFrame {
    margin-top:15px;
    overflow:auto;
}

.searchResultFrame2 {
    margin-top:15px;
}

.inputFrame {
    margin-top:20px;
}

.space {
    margin-left:20px;
}

.boxmargin {
    margin-top:2px;
}

.top_space {
    margin-top:20px;
}

label.itemLbl {
    display:table-cell;
    color:#000;
    background-color:#99bfe6;
    border:1px solid #999999;
    font-size:12px;
    text-align:center;
    vertical-align:middle;
    height:22px;
    min-width:80px;
}

label.itemLbl2 {
    display:table-cell;
    color:#fff;
    background-color:#195da2;
    border:1px solid #999999;
    font-size:12px;
    text-align:center;
    vertical-align:middle;
    height:30px;
    min-width:80px;
}

label.itemLbl3 {
    display:table-cell;
    color:#000;
    background-color:#99bfe6;
    border:1px solid #999999;
    font-size:12px;
    text-align:center;
    vertical-align:middle;
    height:30px;
    min-width:80px;
}

label.itemLbl4 {
    display:table-cell;
    color:#000;
    background-color:#e0e0e0;
    border:1px solid #999999;
    font-size:12px;
    text-align:center;
    vertical-align:middle;
    height:30px;
    min-width:80px;
}

label.itemLbl5 {
    display: table-cell;
    color: #000;
    background-color: #99bfe6;
    border: 1px solid #999999;
    font-size: 12px;
    text-align: left;
    vertical-align: middle;
    height: 24px;
    padding-left: 10px;
    min-width: 120px;
}

.itemKara {
    display:table-cell;
    color:#ffffff;
    background-color:#808080;
    font-size:12px;
    text-align:center;
    vertical-align:middle;
    height:22px;
    width:20px;
    min-width:20xp;
    max-width:20px;
}

.itemText {
    display:table-cell;
    font-size:12px;
    vertical-align:middle;
    border:1px solid #aaaaaa;
    margin:0px;
    padding:0px;
    height:22px;
}

.itemText2 {
    display:table-cell;
    font-size:12px;
    vertical-align:middle;
    border:1px solid #aaaaaa;
    margin:0px;
    padding:0px;
    height:44px;
}

.itemText3 {
    display:table-cell;
    font-size:12px;
    vertical-align:middle;
    border:1px solid #aaaaaa;
    margin:0px;
    padding:0px;
    height:30px;
}

.itemText4 {
    display:table-cell;
    font-size:12px;
    vertical-align:middle;
    border:1px solid #aaaaaa;
    margin:0px;
    padding:0px;
    height:22px;
}

.itemDate {
    display:table-cell;
    font-size:12px;
    margin:0px;
    padding:0px;
    height:22px;
}

.itemTextReadonly {
    display:table-cell;
    color:#000000;
    background-color:#e0e0e0;
    font-size:12px;
    font-weight:100;
    vertical-align:middle;
    border:1px solid #aaaaaa;
    margin:0px;
    padding:0px;
    height:22px;
    white-space:nowrap;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
      -o-text-overflow:ellipsis; /* Opera9,10対応 */
}

.itemTextReadonly3 {
    display:table-cell;
    color:#000000;
    background-color:#e0e0e0;
    font-size:12px;
    font-weight:100;
    vertical-align:middle;
    border:1px solid #aaaaaa;
    margin:0px;
    padding:0px;
    height:30px;
    white-space:nowrap;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
      -o-text-overflow:ellipsis; /* Opera9,10対応 */
}

.itemTextErrorReadonly3 {
    display:table-cell;
    color:#000000;
    background-color:pink;
    font-size:12px;
    font-weight:100;
    vertical-align:middle;
    border:1px solid #aaaaaa;
    margin:0px;
    padding:0px;
    height:30px;
    white-space:nowrap;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
      -o-text-overflow:ellipsis; /* Opera9,10対応 */
}
.numberText{
	padding-right: 10px;
	text-align: right;
}

.numberText2{
	padding-right: 10px;
	text-align: right;
	border: 1px solid #aaaaaa;
}

.numText3{
    padding-right: 5px;
    text-align: right!important;
}

.itemTextIndent {
    text-indent: 10px;
}
.itemTextIndent2 {
    text-indent: 20px;
}

.itemTextRightIndent {
  text-align:right;
  padding-right:10px;
}

.itemTextCenter {
  text-align:center;
}

.itemCombobox {
    display:table-cell;
    font-size:12px;
    margin:0px;
    padding:0px;
    height:24px;
}

.itemCombobox2 {
    display:table-cell;
    font-size:12px;
    margin:0px;
    padding:0px;
    height:22px;
}

.itemCombobox3 {
    display:table-cell;
    font-size:12px;
    margin:0px;
    padding:0px;
    height:30px;
}

.itemCombobox4 {
    display:table-cell;
    font-size:12px;
    margin:0px;
    padding:0px;
    height:24px;
    min-width: 120px;
}

.noWidth {
    display:none;
}

.noBorder{
  border:unset;
}

.itemShortWidth {
    min-width:75px;
    max-width:75px;
}

.itemShortWidth2 {
    min-width:80px;
    max-width:80px;
}

.itemShortWidth3 {
    min-width:120px;
    max-width:120px;

}

.itemNormalWidth {
    min-width:100px;
    max-width:100px;
}

.itemNormalWidth2 {
    min-width:150px;
    max-width:150px;
}

.itemNormalWidth3 {
    min-width:160px;
    max-width:160px;
}

.itemNormalWidth4 {
    min-width:180px;
    max-width:180px;
}

.itemYWidth {
    min-width:75px;
    max-width:75px;
}

.itemYMWidth {
    min-width:120px;
    max-width:120px;
}

.itemYMDWidth {
    min-width:120px;
    max-width:120px;
}

.itemTimeWidth {
    min-width:80px;
    max-width:80px;
}

.itemTime2Width {
    min-width:70px;
    max-width:70px;
}

.itemLongWidth {
    min-width:250px;
    max-width:250px;
}

.itemLongWidth2 {
    min-width:240px;
    max-width:240px;
}

.itemLongWidth3 {
    min-width:280px;
    max-width:280px;
}

.itemLongWidth4 {
    min-width:200px;
    max-width:200px;
}

.itemLongWidth5 {
    min-width:220px;
    max-width:220px;
}

.itemLongWidth6 {
    min-width:300px;
    max-width:300px;
}

.itemLongLongWidth {
    min-width:400px;
    max-width:400px;
}

.itemLongLongWidth2 {
    min-width:320px;
    max-width:320px;
}

.itemLongLongWidth3 {
    min-width:440px;
    max-width:440px;
}

.itemLongLongWidth4 {
    min-width:370px;
    max-width:370px;
}

.itemLongLongWidth5 {
    min-width:520px;
    max-width:520px;
}

.itemLongLongWidth6 {
    min-width:620px;
    max-width:620px;
}

.itemLongAll {
    min-width:820px;
    max-width:820px;
}

.itemLongAll2 {
    min-width:840px;
    max-width:840px;
}

.itemLongAll3 {
    min-width:780px;
    max-width:780px;
}
.itemLongAll4 {
    min-width:540px;
    max-width:540px;
}

.itemCreateUpdateName {
    min-width:150px;
    text-align:left;
}

.itemCreateUpdateDate {
    min-width:160px;
    text-align:center;
}

.itemCreateUpdateName2 {
    min-width:240px;
    text-align:left;
}

.itemCreateUpdateDate2 {
    min-width:140px;
    text-align:center;
}

.itemDay, .itemDel {
    text-align:center;
}

.itemTime, .itemMoney, .itemManHour {
    text-align:right;
}

/* 検索結果の表の項目文字位置設定 */
.staffListData td:nth-child(3), .staffListData td:nth-child(4) {
        text-align:center;
}

.staffDetailListData td:nth-child(1), .staffDetailListData td:nth-child(2) {
        text-align:center;
}

.userListData td:nth-child(1), .userListData td:nth-child(3), .userListData td:nth-child(6) {
        text-align:center;
}

.workplaceListData td:nth-child(4), .workplaceListData td:nth-child(5) {
        text-align:center;
}

.departmentListData td:nth-child(3), .departmentListData td:nth-child(4), .departmentListData td:nth-child(6) {
        text-align:center;
}

.clientListData td:nth-child(4) {
         text-align:center;
}

.postListData td:nth-child(3) {
         text-align:center;
}

/* リスト件数 */
.listNum {
    font-size:12px;
    font-weight:bold;
    color:#0040b0;
    margin-top:2px;
    height:16px;
}

/* 予算管理一覧 */
.budgetListData td:nth-child(2) {
        text-align:center;
}
.budgetListData td:nth-child(3), .budgetListData td:nth-child(4), .budgetListData td:nth-child(5),
.budgetListData td:nth-child(6), .budgetListData td:nth-child(7) {
        text-align:right;
}

/* 受注管理一覧 */
.orderListData td:nth-child(1), .orderListData td:nth-child(2) {
    text-align:left;
}

/* シフト管理編集画面 */
.shiftDetailData td:nth-child(6), .shiftDetailData td:nth-child(7) {
    text-align:left;
}

.shiftEditData td:nth-child(1), .shiftEditData td:nth-child(2) {
    text-align:center;
}

/* 実績管理画面 */
.attendanceDetailData td:nth-child(2), .attendanceDetailData td:nth-child(3), .attendanceDetailData td:nth-child(4) {
    text-align:left;
}

/* 勤怠一覧画面 */
.attendanceListData td:nth-child(1), .attendanceListData td:nth-child(3) {
    text-align:left;
}
.attendanceListData td:nth-child(4) {
    text-align:right;
}

/* 日別勤怠一覧画面 */
#dailyAttendanceTable td:nth-child(1) {
    text-align:left;
}

/* ピットタッチ連携履歴画面 */
.pittouchHistoryData td:nth-child(1), .pittouchHistoryData td:nth-child(3) {
        text-align:left;
}

.pittouchHistoryData th {
        text-align:center;
}

/* 物量管理画面 */
.quantityDetailData td:nth-child(2), .quantityDetailData td:nth-child(4), .quantityDetailData td:nth-child(7)  {
        text-align:left;
}
.quantityDetailData td:nth-child(6) {
        text-align:right;
}

/* レイバー一覧画面 */
.laborListData td:nth-child(2), .laborListData td:nth-child(4)  {
        text-align:left;
}

/* 売上予測集計表画面 */
.salesForecastSummaryListData td:nth-child(3), .salesForecastSummaryListData td:nth-child(4), .salesForecastSummaryListData td:nth-child(5),
.salesForecastSummaryListData td:nth-child(6), .salesForecastSummaryListData td:nth-child(7), .salesForecastSummaryListData td:nth-child(8),
.salesForecastSummaryListData td:nth-child(9), .salesForecastSummaryListData td:nth-child(10) {
        text-align:right;
}

/* 売上実績集計表画面 */
.salesResultSummaryListData td:nth-child(3), .salesResultSummaryListData td:nth-child(4), .salesResultSummaryListData td:nth-child(5),
.salesResultSummaryListData td:nth-child(6), .salesResultSummaryListData td:nth-child(7) {
        text-align:right;
}

/* 部門別実績集計表 */
.agreegateResultsSummary td:nth-child(1), .agreegateResultsSummary td:nth-child(2), .agreegateResultsSummary td:nth-child(3) {
        text-align:left;
}
.agreegateResultsSummary td:nth-child(4), .agreegateResultsSummary td:nth-child(5), .agreegateResultsSummary td:nth-child(6), .agreegateResultsSummary td:nth-child(7), .agreegateResultsSummary td:nth-child(8) {
        text-align:right;
}

/* スタッフ平均時給一覧*/
.staffAverageHourlyWageList td:nth-child(1),.staffAverageHourlyWageList td:nth-child(2) {
        text-align:left;
}
.staffAverageHourlyWageList td:nth-child(3), .staffAverageHourlyWageList td:nth-child(4), .staffAverageHourlyWageList td:nth-child(5),
.staffAverageHourlyWageList td:nth-child(6), .staffAverageHourlyWageList td:nth-child(7), .staffAverageHourlyWageList td:nth-child(8),
.staffAverageHourlyWageList td:nth-child(9), .staffAverageHourlyWageList td:nth-child(10), .staffAverageHourlyWageList td:nth-child(11),
.staffAverageHourlyWageList td:nth-child(12), .staffAverageHourlyWageList td:nth-child(13), .staffAverageHourlyWageList td:nth-child(14) {
        text-align:right;
}

/* スタッフ勤怠エラー一覧 */
.attendanceErrorData td:nth-child(1), .attendanceErrorData td:nth-child(2), .attendanceErrorData td:nth-child(4) {
        text-align:left;
}

/* 各画面の共通部品 */
.boxA:after {
    content:"";
    display:block;
    clear:both;
}

.box1 {
    float:left;
}

.box2 {
    float:right;
}

.button {
    font-size:12px;
    display:block;
    width:100px;
    height:24px;
    padding-top:2px;
    text-align:center;
    background-color: #366092;
    color:white;
    text-decoration:none;
}

.button:active {
    height:18px;
    margin-top:2px;
}
.button:hover {
    background-color:#AB3366;
}

.button_pop {
    font-size:12px;
    width:80px;
    display:block;
    padding: 2px 5px;
    text-decoration: none;
    text-align:center;
    color: #0000a0;
    background: #c0e0f0;
    border-radius: 4px;
    box-shadow: inset 0 3px 0 rgba(255,255,255,0.3), inset 0 -3px 0 rgba(0, 0, 0, 0.1);
    font-weight: bold;
    border: solid 2px #50b0d0;
}

.button_pop_disable {
    font-size:12px;
    width:80px;
    display:block;
    padding: 2px 5px;
    text-decoration: none;
    text-align:center;
    color: #88b;
    background: #c0e0f0;
    border-radius: 4px;
    box-shadow: inset 0 3px 0 rgba(255,255,255,0.3), inset 0 -3px 0 rgba(0, 0, 0, 0.1);
    font-weight: bold;
    border: solid 2px #50b0d0;
}

.button_pop:active {
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.0);
}

.button_pop:hover {
    color: #0000a0;
    border: solid 2px #3090b0;
}

table.listTable {
    border-collapse:collapse;
    font-size:12px;
    table-layout: fixed;
}
.listTable th, .listTable td {
    padding:2px 5px;
    border:#cdcdcd 1px solid;
}


.listTable th {
    display:table-cell;
    height:22px;
    color:#000;
    background-color:#99bfe6;
    text-align:center;
    vertical-align:middle;
}

.listTable th.dateItem {
    display:table-cell;
    background-color:#c5d4f1;
    color:#000000;
}

.listTable th.dateItemSat {
    display:table-cell;
    background-color:#c5d4f1;
    color:#0000ff;
}
.listTable th.dateItemSun {
    display:table-cell;
    background-color:#c5d4f1;
    color:#ff0000;
}

.listTable td {
    white-space:nowrap;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis; /* Opera9,10対応 */
}

.listTable tr {
    background:#fff;
}

.listTable tr:nth-child(odd) {
    background:#ebf2fa;
}
.listTable tr:hover td:not(.ignore){
    background:#ffff66;
}

input.validUserId:reqired {
    background:#ffb3b3;
}

input.validUserId:valid {
    background:transparent;
}

.radioLabel {
    display:table-cell;
    font-size:12px;
    text-align:center;
    padding-left:4px;
    padding-right:10px;
}

.radioLabel2{
    font-weight: 100;
    margin:0;
    padding-right:5px;
}

.radioLabel3{
	font-size: 12px;
    font-weight: 100;
    margin:0;
    padding-right:5px;
}

.radioButton {
    display:table-cell;
    height:22px;
    vertical-align:middle;
}

.radioItems {
    padding-left:10px;
    height:30px;
    border:1px solid #aaa;
    background:#fff;
}

.radioItems2 {
    padding-left:10px;
    height:24px;
    border:1px solid #aaa;
    background:#fff;
    font-size: 12px;
}

/* 縦横スクロールテーブル(左項目,上部ヘッダーは固定) */

.tblXYScroll {
    border-collapse:collapse;
    font-size:12px;
    border:1px solid #000000;
    table-layout:fixed;
    background-color:#ffffff;
    text-align:center;
    cellspacing:"0"
    cellpadding:"0"
}
.tblXYScroll th, .tblXYScroll td {
    border:1px solid #000000;
    padding:0px;
}

.tblXYScroll td {
    display:table-cell;
    height:22px;
    white-space:nowrap;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
      -o-text-overflow:ellipsis; /* Opera9,10対応 */
}
.tblXYScroll th {
    display:table-cell;
    height:22px;
    color:#ffffff;
    background-color:#808080;
    text-align:center;
    vertical-align:middle;
}

.tblXYScroll th.dateItem {
    background-color:#c5d4f1;
    color:#000000;
}

.tblXYScroll th.dateItemSat {
    background-color:#c5d4f1;
    color:#0000ff;
}
.tblXYScroll th.dateItemSun {
    background-color:#c5d4f1;
    color:#ff0000;
}

.tblXYScroll th.manHourItem {
    background-color:#ffffff;
    color:#000000;
}

.tblXYScroll tr:nth-child(even) {
    background:#e0e0e0;
}

.tblXYScroll tr:hover {
    background:#ffff66;
}

.tblXYScroll_data_area {
    position:relative;
/*     background-color:#ffffff; */
    /* 横幅はJSP側で行うこと */
}

/* fotterBoxをバーの形にする */
.fotterBox {
    background-color:#dddddd;
    height:20px;
}

/* ボックスの左右 */

/* ボックスの上下 */

/* ON/OFF切り替えボタン */
.onOffButton:focus:hover {
    outline:none;
}

.onOffButton {
    appearance:none;
    -webkit-appearance:none;
    -ms-progress-appearance:none;
    -moz-appearance:none;

    display:inline-block;
    vertical-align:top;
    width:50px;
    height:30px;
    margin:0px;

    border-radius:8px;
    border:1px solid #aaa;
    background-color:#eeeeee;

    text-align:center;
    line-height:29px;
    font-size:14px;

    cursor:pointer;

    transition:200ms;
    -webkit-transition:200ms;
    -moz-transition:200ms;
}

.onOffButton:active {
    height:28px;
    margin-top:2px;
    transition:none;
    -webkit-transition:none;
    -moz-transition:none;
}

.onOffButton:not(:checked):after {
    display:inline;
    content:'‐';
    color:#888;
    transition:none;
    -webkit-transition:none;
    -moz-transition:none;
}

.onOffButton:checked::after {
    display:inline;
    content:'当欠';
    color:#000000;
    transition:400ms;
    -webkit-transition:400ms;
    -moz-transition:400ms;
}

select.pegging {
    max-width:450px;
    min-width:450px;
    min-height:600px;
    max-height:600px;
}

/* ############ 768px 以上 ############ */
@media (min-width:768px) {

/* ナビゲーション */
#menu {
    display:block !important;
}
.menu ul {
    margin:0;
    padding:0;
    list-style:none;
    z-index:1;
}

.menu li a {
    display:block;
    padding:10px 50px;
    color:#ffffff;
    font-size:14px;
    text-decoration:none;
}

.menu li a:hover {
    background-color:#6db33f;
}

.menu li a.selected {
    display:block;
    padding:10px 50px;
    color:#ff0000;
    font-size:14px;
    text-decoration:none;
}

.menu ul:after {
    content:"";
    display:block;
    clear:both;
}

.menu li {
    float:left;
    width:auto;
}

.menu li.right {
    float:right;
    width:auto;
}

/* 上部メニュードロップダウンメニュー */
.menu ul ul {
    margin:0px;
    padding:0px;
    display:none;
    position:absolute;
    background-color:#eeeeee;
    border:1px; solid #000000;
    width:180px;
}

.menu ul ul li {
    text-align:center;
    width:auto;
}
.menu ul ul li a {
    display:block;
    padding:10px 20px;
    color:#000000;
    font-size:14px;
    text-decoration:none;
    width:180px;
    max-width:180px;
}


.menu ul ul li:hover .menu ul ul li a:hover {
    background-color:#cccccc;
    color:#000000;
}

/* BOXを横に並べる設定 */
.boxLogin:after, .headerBox1:after, .headerBox2:after, .userBlock:after,
.contents:after {
    content:"";
    display:block;
    clear:both;
}

/* ヘッダー部 */
.headerBox1 {
    padding-top:10px;
}

.headerBox2 {
    width:auto;
}

.headerBlock1 {
    float:left;
    width:auto;
}

.headerBlock2 {
    float:right;
    width:auto;
}

.userBlock1 {
    float:left;
    width:auto;
}

.userBlock2 {
    float:right;
    width:auto;
}
/* ヘッダー部 end */

/* ダイアログの背景 */
div.dialogBackBlock {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:98;
    background-color:rgba(102,102,102,0.9);
}
div.errorDialogBackBlock {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:98;
    background-color:rgba(102,102,102,0.9);
}
div.warningDialogBackBlock {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:98;
    background-color:rgba(102,102,102,0.9);
}
div.completeDialogBackBlock {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:98;
    background-color:rgba(102,102,102,0.9);
}

div.waitDialogBackBlock {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:2147483646;
    background-color:rgba(102,102,102,0.9);
}


/* システム概要ダイアログ */
div.outlineDialogBody {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    width:600px;
    height:250px;
    margin:auto;
    border:5px; solid #000000;
    background-color:#ffffff;
}

/* エラーメッセージダイアログ */
div.errorMessaegDialogBody {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    width:600px;
    height:250px;
    margin:auto;
    border:5px; solid #000000;
    background-color:#ffffff;
    overflow-y:auto;
    z-index:99;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

/* 警告メッセージダイアログ */
div.warningMessaegDialogBody {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    width:600px;
    height:250px;
    margin:auto;
    border:5px; solid #000000;
    background-color:#ffffff;
    overflow-y:auto;
    z-index:99;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

/* 完了ダイアログ */
div.completeDialogBody {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    width:300px;
    height:200px;
    margin:auto;
    border:5px; solid #000000;
    background-color:#ffffff;
    border-radius: 10px;
    z-index:99;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

/* 編集ダイアログ */
div.editDialogBody {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    width:1100px;
    height:300px;
    margin:auto;
    border:5px; solid #000000;
    background-color:#ffffff;
    overflow-y:auto;
}

/* ダイアログ(小) */
div.smallDialogBody {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    width:400px;
    height:200px;
    margin:auto;
    border:5px; solid #000000;
    background-color:#ffffff;
    overflow-y:auto;
}


/* 待ちダイアログ */
div.waitDialogBody {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    width:300px;
    height:200px;
    margin:auto;
    border:5px; solid #000000;
    background-color:#ffffff;
    border-radius: 10px;
    z-index:2147483647;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.fotterBox-inner {
    margin-right:20px;
}

.headerBlock-inner-bottom {
    background-color:#000000;
}
.menuBlock {
    margin-left:60px;
    margin-right:60px;
}

}

.tabhelHeight {
//    max-height:540px;
    max-height:calc(100vh - 290px);
}
.smalltabhelHeight {
    max-height:540px;
}

.tblXYScrollHeightLeft {
    max-height:590px;
}
.tblXYScrolHeightRight {
    max-height:608px;
}

.AttendanceAggregateByWorkplaceTableHeifhtLeft {
    max-height:390px;
}

.AttendanceAggregateByWorkplaceTableHeifhtRight {
    max-height:408px;
}

.tblXYScroll th.nameUpperItem {
    background-color:#3CB371;
    text-align:left;
}
.tblXYScroll th.nameUnderItem {
    background-color:#FF8C00;
    text-align:left;
}
.tblXYScroll th.dataNameItem {
    background-color:#65ACE4;
}

/* ############ 1190px 以上 ############ */
@media (min-width:1190px) {

/* 全体の横幅を固定 */
}

/* デバイスのスクリーンの高さが800px 以下*/
@media (max-device-height:800px) and (max-height:800px) {
.contensBlock {
    height:420px;
    max-height:420px;
    min-height:420px;
}

.contensLongBlock {
    height:420px;
    max-height:420px;
    min-height:420px;
}

//.tabhelHeight {
//    max-height:260px;
//}

select.pegging {
    max-width:450px;
    min-width:450px;
    min-height:280px;
    max-height:280px;
}

.smalltabhelHeight {
    max-height:266px;
}
.tblXYScrollHeightLeft {
    max-height:232px;
}
.tblXYScrolHeightRight {
    max-height:250px;
}


.AttendanceAggregateByWorkplaceTableHeifhtLeft {
    max-height:160px;
}

.AttendanceAggregateByWorkplaceTableHeifhtRight {
    max-height:178px;
}

}

.table_wrapper {
    font-size: 12px;
    position: relative;
    max-height:calc(100vh - 290px);
    overflow-y: auto;
}

/*********************                 departmentmaster accordion-menu                 *****************************/

.cd-accordion-menu ul {
  display: none;
}
.cd-accordion-menu li {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.cd-accordion-menu input[type=checkbox] {
  opacity: 0;
}
.cd-accordion-menu label, .cd-accordion-menu a {
  position: relative;
  text-decoration : none;
}
.cd-accordion-menu a {
  position: relative;
  text-decoration : underline;
}

.cd-accordion-menu label::before{
  /* icons */
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: url(/dashboard/resources/img/accordion-icons.svg);
  background-repeat: no-repeat;
  left: 0px;
  background-position: 0 0;
  -webkit-transform: translateY(-50%) rotate(-90deg);
  -moz-transform: translateY(-50%) rotate(-90deg);
  -ms-transform: translateY(-50%) rotate(-90deg);
  -o-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);
}

.cd-accordion-menu a::before{
  /* icons */
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  background-image: url(/dashboard/resources/img/accordion-icons.svg);
  background-repeat: no-repeat;
  left: 100px;
  background-position:-16px 0 ;
  -webkit-transform: translateY(-50%) rotate(-4deg);
  -moz-transform: translateY(-50%) rotate(-4deg);
  -ms-transform: translateY(-50%) rotate(-4deg);
  -o-transform: translateY(-50%) rotate(-4deg);
  transform: translateY(-50%) rotate(-4deg);
}

.cd-accordion-menu label {
  cursor: pointer;
}

.cd-accordion-menu input[type=checkbox]:checked + label::before {
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.cd-accordion-menu input[type=checkbox]:checked + label + ul,
.cd-accordion-menu input[type=checkbox]:checked + label:nth-of-type(n) + ul {
  display: block;
}
.no-touch .cd-accordion-menu ul label:hover, .no-touch
.cd-accordion-menu ul a:hover {
  background: #3c3f45;
}
.cd-accordion-menu > li:last-of-type > label,
.cd-accordion-menu > li:last-of-type > a,
.cd-accordion-menu > li > ul > li:last-of-type label,
.cd-accordion-menu > li > ul > li:last-of-type a {
  box-shadow: none;
}
.cd-accordion-menu ul label::before {
  left: 36px;
}
.cd-accordion-menu ul label::after,
.cd-accordion-menu ul a::after {
  left: 59px;
}
.cd-accordion-menu ul ul label,
.cd-accordion-menu ul ul a {
  padding-left: 100px;
}
.cd-accordion-menu ul ul label::before {
  left: 54px;
}
.cd-accordion-menu ul ul label::after,
.cd-accordion-menu ul ul a::after {
  left: 77px;
}
.cd-accordion-menu ul ul ul label,
.cd-accordion-menu ul ul ul a {
  padding-left: 118px;
}
.cd-accordion-menu ul ul ul label::before {
  left: 72px;
}
.cd-accordion-menu ul ul ul label::after,
.cd-accordion-menu ul ul ul a::after {
  left: 95px;
}
@media only screen and (min-width: 600px) {
  .cd-accordion-menu label, .cd-accordion-menu a {
    padding: 6px 6px 6px 21px;
  }
  .cd-accordion-menu label::before {
    left: 0px;
  }
  .cd-accordion-menu label::after {
    left: 53px;
  }
  .cd-accordion-menu ul label,
  .cd-accordion-menu ul a {
    padding-left: 80px;
  }
  .cd-accordion-menu ul label::before {
    left: 48px;
  }
  .cd-accordion-menu ul label::after,
  .cd-accordion-menu ul a::after {
    left: 77px;
  }
  .cd-accordion-menu ul ul label,
  .cd-accordion-menu ul ul a {
    padding-left: 130px;
  }
  .cd-accordion-menu ul ul label::before {
    left: 72px;
  }
  .cd-accordion-menu ul ul label::after,
  .cd-accordion-menu ul ul a::after {
    left: 101px;
  }
  .cd-accordion-menu ul ul ul label,
  .cd-accordion-menu ul ul ul a {
    padding-left: 154px;
  }
  .cd-accordion-menu ul ul ul label::before {
    left: 96px;
  }
  .cd-accordion-menu ul ul ul label::after,
  .cd-accordion-menu ul ul ul a::after {
    left: 125px;
  }
}
.cd-accordion-menu.animated label::before {
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}


/*********************                 actual accordion-menu                 *****************************/

.parentColumn, .parentRow{
    position:relative;
}

.parentColumn::before , .parentRow::before {

  /* icons */
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: url(/dashboard/resources/img/plus_minus.svg);
  background-repeat: no-repeat;
  left: 2px;
  background-position: 0 0;

}
.parentColumn-s::before, .parentRow-s::before  {

  /* icons */
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: url(/dashboard/resources/img/plus_minus.svg);
  background-repeat: no-repeat;
  left: 2px;
  background-position: -16px 0;

}
#actual {
    margin-bottom: 18px;
}
#actual tr.maineRowColor{
    background:black;
    color:white;
    font-weight:bold;
}
#actual th.sales {
    background-color: #ffc0cb;
}

#actual th.cost {
    background-color: #99bfe6;
}

#actual th.corporate {
    background-color: #bad3ff;
}

#actual th.profit {
    background-color: #ffff99;
}

#actual th.margin {
    background-color: #ffff55;
}
#actual tr.parentRowColor-odd{
    background:#FFC7AF;
    font-weight:bold;
}
#actual tr.parentRowColor-even{
    background:#FFDBC9;
    font-weight:bold;
}
#actual tr.oddChildRowColor-odd{
    background:#fff;
}
#actual tr.oddChildRowColor-even{
    background:#eee;
}
#actual tr.evenChildRowColor-odd{
    background:#fff;
}
#actual tr.evenChildRowColor-even{
    background:#eee;
}
#actual.listTable tr:hover {
    background:#ffff66;
}

table.actualListTable {
    border-collapse:collapse;
    font-size:12px;
    table-layout: fixed;
}
.actualListTable th, .actualListTable td {
    padding:2px; 5px;
}


.actualListTable th {
    display:table-cell;
    height:22px;
    color:#000;
    background-color:#99bfe6;
    text-align:center;
    vertical-align:middle;
}

.actualListTable th.dateItem {
    display:table-cell;
    background-color:#c5d4f1;
    color:#000000;
}

.actualListTable th.dateItemSat {
    display:table-cell;
    background-color:#c5d4f1;
    color:#0000ff;
}
.actualListTable th.dateItemSun {
    display:table-cell;
    background-color:#c5d4f1;
    color:#ff0000;
}

.actualListTable td {
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
}

#actual .stickyLeft{
    position: sticky;
    left: 0px;
    z-index:1;
   -moz-box-shadow: 0 0 0 1px #666;
   -webkit-box-shadow: 0 0 0 1px #666;
   box-shadow: 0 0 0 0.5px #666;
}

/*********************************************  シフト管理 ****************************************************************/

.shiftTable .daysWidth{
    width:50px;
}
.sticky{
    position: sticky;
    z-index: 1;
}

.shiftTable th, .shiftTable td{
    padding:0px 2px 0px 0px;
}

.shiftTable .staff{
    position: -webkit-sticky;
}

.shiftTable thead {
  position: sticky;
  top: 0;
  z-index: 2;
}


.shiftTable .staff::-webkit-scrollbar,
.shiftTable .department::-webkit-scrollbar,
.noScrollbar::-webkit-scrollbar {
  display: none;
}

.shiftParentColumn::before,.departmentRowMark::before,.monthTotalColumn-button::before,
.workTypeParent::before{

  /* icons */
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-image: url(/dashboard/resources/img/plus_minus.svg);
  background-repeat: no-repeat;
  left: 2px;
  background-position: -16px 0;

}
.shiftParentColumn-s::before,.departmentRowMark-s::before,.monthTotalColumn-s-button::before,
.workTypeParent-s::before{
  /* icons */
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-image: url(/dashboard/resources/img/plus_minus.svg);
  background-repeat: no-repeat;
  left: 2px;
  background-position: 0 0;

}

.departmentRowMark-s::before{
  top: 8px;
}

.hide{
    display: none;
}

.js-tooltip{
  cursor: pointer;
}

/* ツールチップ本体 */
.js-tooltip_body {
    max-width: 120px;
    margin: 0;
    padding: 0.5em 1em;
    background-color: #5d5d5dc4;
    border: 2px solid #31313182;
    color: #fff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    min-height: 1em;
    top: 100px;
    left: 20px;
    position: absolute;
    z-index: 100;
}

.dummy {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0;
}


/******************* スタッフ新規登録 ********************/

/* Google Chrome, Safari, Opera 15+, Android, iOS */
::-webkit-input-placeholder {
    color: #ccc;
}

/* IE 10+ */
:-ms-input-placeholder {
    color: #ccc;
}

.backRequired{
    background:#ffe5f2!important;
}

.backError{
    background:#fffd9d!important;
}

#uniformBlock{
   display:flex;
   height:30px;
   background-color:#fff;
   text-align:center;
}

#uniformBlock input{
   display:none;
}

#uniformBlock label{
    border: 1px solid #ccc;
    font-size: 12px;
    text-align: center;
    cursor: pointer;
    height: 20px;
    display: block;
    background: #d9d9d9;
    margin: 5px 10px;
    width: 100px;
}

#uniformBlock input:checked + label {
    background:#0199b3;
    color:#fff;
}

.flex_block{
  display:flex;
}

.label_block{
  display: table-cell;
  color: #000;
  background-color: #99bfe6;
  border: 1px solid #999999;
  font-size: 12px;
  text-align: center;
  vertical-align: middle;
  height: 30px;
  font-size: 11px;
  margin-bottom: unset;
  line-height: 30px;
}

.input_block{
    font-size:11px;
}

/******************* スタッフ更新 ********************/
.dialog_base{
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1001;
    display: none;
}

.dialog_dummy{
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    position: absolute;
    z-index:1001;
}

.dialog_base :not(.dialog_dummy){
    z-index:1003;
}

.dialog_container{
    position: relative;
    width: 1000px;
    height: 680px;
    top: calc(50% - 340px);
    overflow: hidden;
    margin: 0 auto;
    border-radius: 5px;
    border: 1px solid #b3b3b3;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.8);
    background: #f2f2f2;
}

.dialog_close{
    position: absolute;
    top: calc(50% - 345px);
    right: calc(50vw - 560px);
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    vertical-align: top;
    z-index: 1002;
    margin: auto;
    transition-timing-function: ease-out;
    transition-duration: .075s;
    transition-property: background-color;
    border: none;
    background-color: transparent;
    cursor: pointer;
    will-change: opacity;
    opacity: 1;
}

.dialog_close.dialog_close:hover{
    background-color: rgba(240, 255, 240, 0.493);
    transition-timing-function: ease-in-out;
    transition-duration: .15s;
}

.dialog_close span{
    font-size: 30px;
    font-weight: 700;
    line-height: 50px;
    text-align: center;
}

.dialog_container_header{
    width: 100%;
    height:40px;
    display: flex;
    box-sizing: border-box;
    border-bottom: 1px solid slategray;
    overflow: hidden;
    justify-content: center;
    align-items: center;
}

.dialog_header_title{
    font-size: 16px;
    font-weight: 700;
    text-shadow: 1px 1px rgba(255,255,255,.65);
}

.dialog_container_body{
    width:100%;
    height: 620px;
    display: flex;
    overflow: hidden;
    justify-content: center;
    align-items: center;
}


/**************************    売上進捗一覧     ******************************/

.salesProgressTable thead {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

.salesProgressTable .col1 {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
}

.salesProgressTable .col2 {
    position: -webkit-sticky;
    position: sticky;
    left: 80px;
}

.salesProgressTable .col3 {
    position: -webkit-sticky;
    position: sticky;
    left: 160px;
}

.whiteBack{
    background:#fff;
}

.blueBack{
    background:#ebf2fa;
}

.textRight{
    text-align:right;
}

/**<input type="number">のスピンボタン（右のボタン）を消す方法**/

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


/***************************    日別勤怠    *******************************************/

#dailyAttendanceResult .stickyLeft{
    position: sticky;
    left: 0px;
   -moz-box-shadow: 0 0 0 1px #cdcdcd;
   -webkit-box-shadow: 0 0 0 1px #cdcdcd;
   box-shadow: 0 0 0 0.5px #cdcdcd;
}

/**************************    日別現場KPI     ******************************/

.dailyWorkplaceKpiTable thead {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

.dailyWorkplaceKpiTable .col1 {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
}

.dailyWorkplaceKpiTable .col2 {
    position: -webkit-sticky;
    position: sticky;
    left: 80px;
}

.dailyWorkplaceKpiTable .col3 {
    position: -webkit-sticky;
    position: sticky;
    left: 200px;
}

/***************************************** 派遣現場別KPI  ************************************************/
.dispatchWorkplaceKpi #dispatchWorkplaceKpi_table th , #dispatchWorkplaceKpi_table td {
  text-align:center;
  border: 1px solid #ddd;
}

.dispatchWorkplaceKpi #dispatchWorkplaceKpi_table tbody tr {
    background:#fff;
}

.dispatchWorkplaceKpi #dispatchWorkplaceKpi_table tbody tr:nth-child(odd) {
    background:#ebf2fa;
}
.dispatchWorkplaceKpi #dispatchWorkplaceKpi_table tbody tr:hover {
    background:#ffff66;
}

.dispatchWorkplaceKpi #scrollBar th{
  border : unset;
  height: 20px;
}

.dispatchWorkplaceKpi .col1_color{
  background: #FCE5CD;
}

.dispatchWorkplaceKpi .col2_color{
  background: #C9DAF8;
}

.dispatchWorkplaceKpi .col3_color{
  background: #FFBEDA;
}

.dispatchWorkplaceKpi .col4_color{
  background: #D9D2E9;
}

.dispatchWorkplaceKpi .col5_color{
  background: #FCE5CD;
}

.dispatchWorkplaceKpi .col6_color{
  background: #C9DAF8;
}

.dispatchWorkplaceKpi .col7_color{
  background: #D9D2E9;
}

.dispatchWorkplaceKpi .col8_color{
  background: #FCE5CD;
}

.dispatchWorkplaceKpi .col9_color{
  background: #C9DAF8;
}

/********************************  売上進捗一覧   ****************************************/

table#salesProgressMonthEditTable{
    border-collapse: separate;
    table-layout: fixed;
}

table#salesProgressMonthEditTable thead tr th {
    width:160px;
    background-color: #99bfe6;
    border: 1px solid #999999;
    font-size: 12px;
    text-align: center;
    position:sticky;
    top:0;
}

table#salesProgressMonthEditTable tbody tr td {
    width:160px;
    border: 1px solid #999999;
    font-size: 12px;
    text-align: center;
    height:22px;
}

table#salesProgressMonthEditTable tbody tr td input{
    width: 158px;
    text-align: right;
    padding-right: 10px;
    border: none;
}

/**************** Web解析 ****************/
#selectReport{
    background: #3c8dbc;
    border: none;
    color: #fff;
    margin-top: 1px;
    padding-bottom: 2px;
}

/**************** 吹き出し ****************/
.balloon_bottom_left {
  position: absolute;
  display: inline-block;
  margin: 1.5em 0;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 12px;
  background: #fff0c6;
  border-radius: 10px;
}

.balloon_bottom_left:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 15%;
  margin-left: -10px;
  border: 15px solid transparent;
  border-top: 15px solid #fff0c6;
}

.balloon_bottom_left p {
  margin: 0;
  padding: 0;
}


.balloon_bottom_right {
  position: absolute;
  display: inline-block;
  margin: 1.5em 0;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 12px;
  background: #fff0c6;
  border-radius: 10px;
}

.balloon_bottom_right:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 85%;
  margin-left: -10px;
  border: 15px solid transparent;
  border-top: 15px solid #fff0c6;
}

.balloon_bottom_right p {
  margin: 0;
  padding: 0;
}

.balloon_top_left {
  position: absolute;
  display: inline-block;
  margin: 1.5em 0;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 12px;
  background: #fff0c6;
  border-radius: 10px;
}

.balloon_top_left:before {
  content: "";
  position: absolute;
  top: -24px;
  left: 15%;
  margin-left: -10px;
  border: 12px solid transparent;
  border-bottom: 12px solid #fff0c6;
}

.balloon_top_left p {
  margin: 0;
  padding: 0;
}

.balloon_top_right {
  position: absolute;
  display: inline-block;
  margin: 1.5em 0;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 12px;
  background: #fff0c6;
  border-radius: 10px;
}

.balloon_top_right:before {
  content: "";
  position: absolute;
  top: -24px;
  left: 85%;
  margin-left: -10px;
  border: 12px solid transparent;
  border-bottom: 12px solid #fff0c6;
}

.balloon_top_right p {
  margin: 0;
  padding: 0;
}

/*********************************** スタッフ登録 *****************************************************/
#staffCreateForm .radioButton + label{
  font-weight: 100;
  margin:0;
  padding-right:5px;
}