@charset "UTF-8";

/* Element -------------------------------------------------------------
 */
* {
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "ＭＳ Ｐゴシック", sans-serif;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  -o-user-select:none;
  user-select:none;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -ms-box-sizing:border-box;
  -o-box-sizing:border-box;
  box-sizing:border-box;
}

html, body{font-size:12px;background-color:#fff;}

body{margin:0;}

/* a */
a{text-decoration:none;cursor:pointer;}

/* table */
table {cursor:default;}

/* li */
li { list-style:none; }

/* H1 */
h1{font-size:20px;margin:0;}h1+div{color:#666;font-size:12px;margin:0 12px 12px 12px;}
/* H2 */
h2{position:relative;border:solid #b6ccc0;border-width:0 0 1px 0;font-size:16px;padding:0 16px 0 24px;margin:0 0 4px 4px;}h2+div{color:#666;font-size:12px;margin:0 8px;}
h2:before{content:'';position:absolute;background-color:#b6ece0;top:0;left:.4em;height:12px;width:12px;
 -webkit-transform:rotate(45deg);
 -moz-transform:rotate(45deg);
 -ms-transform:rotate(45deg);
 -o-transform:rotate(45deg);
 transform:rotate(45deg);
}
h2:after{content:'';position:absolute;background-color:#b6dcd0;top:.7em;left:0;height:8px;width:8px;
 -webkit-transform:rotate(15deg);
 -moz-transform:rotate(15deg);
 -ms-transform:rotate(15deg);
 -o-transform:rotate(15deg);
 transform:rotate(15deg);
}
h2.warn:before{background-color:#ee0000;}
h2.warn:after{background-color:#660000;}
/* H3 */
h3{position:relative;border:solid #b6c0cc;border-width:0 0 1px 0;font-size:14px;padding:0;margin:0 0 0 4px;}h3+div{color:#666;font-size:12px;margin:0 8px 8px 8px;}
/* H4 */
h4{position:relative;font-size:12px;padding:0;margin:0 0 0 4px;}h4+div{color:#666;font-size:11px;margin:0 8px 8px 8px;}
/* H5 */
h5{position:relative;font-size:10px;padding:0;margin:0 0 0 4px;}h5+div{color:#666;font-size:10px;margin:0 8px 2px 8px;}

/* select */
select:not(:disabled) {cursor:pointer;}
select:disabled {background-color:#ccc; cursor: not-allowed;}

/* button */
button{background-color:#eee;
 border:solid 0px;
 margin:0 2px;
 padding: 3px 12px;
 white-space:nowrap;
 font-size:12px;
 -weblit-border-radius:16px;
 -moz-border-radius:16px;
 -ms-border-radius:16px;
 -o-border-radius:16px;
 border-radius:16px;
}
button:hover {background-color:#aaa;}
button:not(:disabled) {cursor:pointer;}
button:disabled{opacity:.5;cursor:not-allowed;}

/* input,button,select */
.form-row{margin:10px 10px 0 6px;position:relative;}
.form-row:last-child{margin-bottom:0;}

.form-row input[type=text],
.form-row input[type=email],
.form-row input[type=password] {
  font-size:16px;
  line-height:24px;
  outline:0;
  padding:6px;
  width:100%;

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

  -webkit-transition:all 0.5s ease-in-out;
  transition:all 0.5s ease-in-out;
}

.form-row+input[type=checkbox] {margin:4px 0 0 12px;}

.form-row input:disabled{background-color:#fff;border:solid 1px;color:#999;}

.form-row input[type=text]:not(:disabled),
.form-row input[type=email]:not(:disabled),
.form-row input[type=password]:not(:disabled){border:1px solid #ddd;}

.form-row input[type=text]+label[data-placeholder],
.form-row input[type=email]+label[data-placeholder],
.form-row input[type=password]+label[data-placeholder]{color:#aaa;pointer-events:none;}

.form-row input[type=text]+label[data-placeholder]:after,
.form-row input[type=email]+label[data-placeholder]:after,
.form-row input[type=password]+label[data-placeholder]:after
{
  background-color:rgba(255,255,255,0);
  content:attr(data-placeholder);
  display:block;
  left:0.5rem;
  padding:0 0.25rem;
  position:absolute;
  top:20px;
  -webkit-transform:translate(0%,-60%);
  -moz-transform:translate(0%,-60%);
  -ms-transform:translate(0%,-60%);
  -o-transform:translate(0%,-60%);
  transform:translate(0%,-60%);

  -webkit-transition:all 0.5s ease-in-out;
  -moz-transition:all 0.5s ease-in-out;
  -ms-transition:all 0.5s ease-in-out;
  -o-transition:all 0.5s ease-in-out;
  transition:all 0.5s ease-in-out;
}

.form-row input[type=text]:focus,.form-row input[type=text]:valid,
.form-row input[type=email]:focus,.form-row input[type=email]:valid,
.form-row input[type=password]:focus,.form-row input[type=password]:valid {border:1px solid #666;}

.form-row input[type=text]:focus+label[data-placeholder]:after,.form-row input[type=text]:disabled+label[data-placeholder]:after,.form-row input[type=text]:valid+label[data-placeholder]:after,
.form-row input[type=email]:focus+label[data-placeholder]:after,.form-row input[type=email]:disabled+label[data-placeholder]:after,.form-row input[type=email]:valid+label[data-placeholder]:after,
.form-row input[type=password]:focus+label[data-placeholder]:after,.form-row input[type=password]:valid+label[data-placeholder]:after
{
  background-color:white;color:#666;

  -webkit-transform:translate(-5%, -130%) scale(0.9,0.9);
  -moz-transform:translate(-5%, -130%) scale(0.9,0.9);
  -ms-transform:translate(-5%, -130%) scale(0.9,0.9);
  -o-transform:translate(-5%, -130%) scale(0.9,0.9);
  transform:translate(-5%, -25px) scale(0.9,0.9);
}

.number {
  ime-mode: disabled;
}

label {cursor:pointer;}
label input[type=radio]:checked+span {font-weight: bold;}

.required {color:#f00; margin:0 0 0 4px;}

/* Color ---------------------------------------------------------------
 */
.-dark-red    {color:#ff0000;} .-red              {color:#ff7f7f;} .-light-red   {color:#ff7fbf;}
.-pink        {color:#ff7fff;} .-purple           {color:#bf7fff;}
.-deep-blue   {color:#7f7fff;} .-blue             {color:#7fbfff;} .-light-blue  {color:#7fffff;}
                               .-green            {color:#7fff7f;} .-light-green {color:#bfff7f;}
                               .-yellow           {color:#ffff7f;} .-orange      {color:#ffbf7f;}
.-dark-glay   {color:#666;}    .-glay, .-disabled {color:#aaa;}    .-light-glay  {color:#ccc;}

.-bg-glay       {background-color:#eee;}
.-bg-green      {background-color:#58c1aa;}
.-bg-blue       {background-color:#aaf;}
.-bg-light-blue {background-color:#eef;}
.-bg-red        {background-color:#fee;}

/* Attribute -----------------------------------------------------------
 */
.-bold {font-weight: bold; }

.-s {font-size:.9em;}
.-ss {font-size:.8em;}

.-center { text-align: center; }
.-right  { text-align: right; }

.-float       { float:left; }
.-float-right { float:right; }

.pointer { cursor: pointer; }

.-hide {display: none; }

.quick-ref:hover {
  background-color:#dcf;
  cursor: help;
}

/* Border --------------------------------------------------------------
 */
hr.simple {border:0;border-top:1px solid #8c8b8b;}
hr.dash   {border:0;border-top:1px dashed #8c8b8b;}
hr.grade  {border:0;height:1px;
 background-image:-webkit-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0));
 background-image:-moz-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0));
 background-image:-ms-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0));
 background-image:-o-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0));
 background-image:linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0));
}
hr.wave   {border:0;background-color:#fff;border-top:2px dotted #8c8b8b;}

/* Layout --------------------------------------------------------------
 */
#main {
/*  background-color:#fff;*/
  position: fixed;
  top: 30px;
  bottom: 40px;
  left: 0;
  right: 0;
  z-index: 0;
  overflow-y: auto;
  padding: 0 12px;
}

/* menu-bar */
.menu-bar {background-color:#fff;border:solid 1px;border-color: #666;
 display:-webkit-box;
 display:-moz-box;
 display:-ms-box;
 display:-o-box;
 display:box;
 display:-webkit-flexbox;
 display:-moz-flexbox;
 display:-ms-flexbox;
 display:-o-flexbox;
 display:-flexbox;
 display:-webkit-flex;
 display:-moz-flex;
 display:-ms-flex;
 display:-o-flex;
 display:flex;

 left:0;margin:0;padding:0 16px 0 16px;position:fixed;right:0;width:100%;z-index:100;
}
/* top/bottom */
#top-menu {border-width: 0 0 1px 0; height: 30px;}
#bottom-menu {border-width: 1px 0 0 0; height: 40px; padding-top: 4px;bottom: 0;}

/* module */
#menu-module{
  display:-webkit-box;
  display:-moz-box;
  display:-ms-box;
  display:-o-box;
  display:box;

  display:-webkit-flexbox;
  display:-moz-flexbox;
  display:-ms-flexbox;
  display:-o-flexbox;
  display:flexbox;

  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
  display:-o-flex;
  display:flex;

  width:100%;

  -webkit-box-content:flex-start;
  -moz-box-content:flex-start;
  -ms-box-content:flex-start;
  -o-box-content:flex-start;
  -box-content:flex-start;

  -webkit-justify-content:flex-start;
  -mox-justify-content:flex-start;
  -ms-justify-content:flex-start;
  -o-justify-content:flex-start;
  justify-content:flex-start;
  }

#menu-module>li.center{margin-left:auto; margin-right:auto;}
#menu-module>li.right{margin-left:auto;}
#menu-module>li.left{margin-right:auto;}
#menu-module,
#menu-module>li{margin-top:auto; margin-bottom:auto; margin-left: 2px;padding:0;}

#menu-module>li>a,
#menu-module>li>span{border:solid;border-color:transparent;border-width:1px 1px 2px 1px;
/* margin:2px 0 0 0;*/
 min-width:90px;
 padding:0 4px 0 16px;
 position:relative;
 z-index:130;
/*
 -webkit-border-radius:6px 6px 0 0;
 -moz-border-radius:6px 6px 0 0;
 -ms-border-radius:6px 6px 0 0;
 -o-border-radius:6px 6px 0 0;
 border-radius:6px 6px 0 0;
*/
 -webkit-box-align:center;
 -moz-box-align:center;
 -ms-box-align:center;
 -o-box-align:center;
 box-align:center;

 -webkit-align-items:center;
 -moz-align-items:center;
 -ms-align-items:center;
 -o-align-items:center;
 align-items:center;

 -webkit-box-pack:center;
 -moz-box-pack:center;
 -ms-box-pack:center;
 -o-box-pack:center;
 box-pack:center;

 -webkit-justify-content:center;
 -moz-justify-content:center;
 -ms-justify-content:center;
 -o-justify-content:center;
 justify-content:center;}

/**/
.module-item {visibility:hidden; background-color:#fff; border:solid 1px #666;}
/* module-header */
#menu-module>li.on>a{background-color:#fff;border-top-color:#666;border-right-color:#666;border-bottom-color:#fff;border-left-color:#666;opacity:1;}
#menu-module>li.on>div.module-item {visibility:visible;}

#menu-module>li:not(.on)>a:hover{text-decoration:none;opacity:1;}
#menu-module>li>a::after{background-image:-webkit-linear-gradient(left,transparent,#f99 25%, #f99 75%,transparent);background-image:-moz-linear-gradient(left,transparent,#f99 25%, #f99 75%,transparent);background-image:-ms-linear-gradient(left,transparent,#f99 25%, #f99 75%,transparent);background-image:-o-linear-gradient(left,transparent,#f99 25%, #f99 75%,transparent);background-image:linear-gradient(to right,transparent,#f99 25%, #f99 75%,transparent);bottom:3px;content:'';display:block;height:2px;left:0;position:absolute;width:100%;-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-ms-transform:scaleX(0);-o-transform:scaleX(0);transform:scaleX(0);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
#menu-module>li.on>a::after{display:none;}
/*#menu-module>li:not(.active):not(.on)>a:hover::after{-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);-m-transform:scaleX(1);transform:scaleX(1);}*/

/* module-item.list */
.module-item.list{position:relative;z-index:140;}
.module-item.list{margin:-1px 0 0 0;padding:6px 0 0 0;width:100%;-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;-ms-border-radius:0 0 6px 6px;-o-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;}
.module-item.list ul,
.module-item.list li{margin:0;padding:0; white-space: nowrap;}
.module-item.list li{position:relative; padding:0 16px 0 16px;}
.module-item.list li.divider{border-bottom:solid 1px #666;height:0;margin:3px 0 3px 0;}
.module-item.list li:hover {background-color:#eef;}
/* module-item.field */
.module-item.field {bottom:8px;min-height:20px;display:block;/*left:12px;*/min-width:400px;padding:12px;position:fixed;right:12px;top:31px;z-index:120;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px;}
.field-data{overflow-y:scroll;height:100%;}

/* 二段階サブウィンドウ */
.module-item.list li>.sub-module-item>ul{border: solid #666;border-width: 1px;background-color:#fff;left:100%;position: absolute;padding:6px 0;min-width:100%;top:-7px;visibility: hidden;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;-ms-border-radius:0 6px 6px 6px;-o-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.module-item.list li>.sub-module-item:before {content: '';position:absolute;display:inline-block;width: 6px;height: 6px;border: solid #666;border-width: 1px 1px 0 0;right: 6px;top: 8px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.module-item.list li:hover {cursor: pointer;}
.module-item.list li:hover>.sub-module-item>ul{visibility: visible;}

.module-item.list li>.sub-module-item.rev>ul{-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;-ms-border-radius:6px 0 6px 6px;-o-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}
.module-item.list li>.sub-module-item.rev>ul{left:-186px;}
.module-item.list li>.sub-module-item.rev:before {content: '';position:absolute;display:inline-block;width: 6px;height: 6px;border: solid #666;border-width: 0 0 1px 1px;left: 6px;top: 8px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}

/* copyriht */
.-copy {
  width: 100%;
}
/* ---------------------------------------------------------------------
 */
.logo {
  padding: 0 0 0 20px;
}

.logo:before{
  content:'';
  position:absolute;
  border:solid 1px;
  border-color:#666;
  top:8px;
  left:16px;
  height:10px;
  width:10px;
  -webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);
}

.logo:after{
  content:'';
  position:absolute;
  background-color:#66f;
  top:8px;
  left:10px;
  height:12px;
  width:12px;
  -webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);
}

/*-- SignIn ----------------------------------------------------------*/
#signed {
  background-color:#ffffff;
  position:relative;
  margin: 20px auto;
  padding:20px 16px;
  border-width:1px;
  width: 360px;


  -webkit-border-radius: 16px;
     -moz-border-radius: 16px;
      -ms-border-radius: 16px;
       -o-border-radius: 16px;
          border-radius: 16px;
}

/*-- Settings --------------------------------------------------------*/

/*-- Over Write ------------------------------------------------------*/
/* toastr.min.css */
.toast         {background-color:#030303}
.toast-info    {background-color:#666666}
.toast-success {background-color:#5577aa}
.toast-warning {background-color:#F89406}
.toast-error   {background-color:#BD362F}

.toast-bottom-full-width {
  bottom:40px;
}

/*-- Inline Unit -----------------------------------------------------*/
.icon:before {display: inline-block; margin: 2px 4px 0 2px; vertical-align: middle;}
.icon:after  {display: inline-block; margin: 2px 0 4px 8px; vertical-align: middle;}

.icon.return:before { content: url('./../img/ico_return.png'); }

.icon.info:before  { content: url('./../img/ico_info.png'); }
.icon.warn:before  { content: url('./../img/ico_caution.png'); }
.icon.error:before { content: url('./../img/ico_error.png'); }
.icon.trace:before { content: url('./../img/ico_setting.png'); }

.icon.history:before { content: url('./../img/ico_history.png'); }
.icon.notification:before { content: url('./../img/ico_comment.gif'); }
.icon.setting:before { content: url('./../img/ico_setting.png'); }
.icon.help:before    { content: url('./../img/ico_help.png'); }
.icon.logout:before  { content: url('./../img/ico_exit.png'); }

.icon.user:before      { content: url('./../img/ico_user.png'); }
.icon.user.add:before  { content: url('./../img/ico_user_add.png'); }
.icon.user.edit:before { content: url('./../img/ico_user_edit.png'); }
.icon.user.del:before  { content: url('./../img/ico_user_del.png'); }
.icon.user.lock:before { content: url('./../img/ico_user_lock.png'); }

.icon.group:before      { content: url('./../img/ico_group.png'); }
.icon.group.add:before  { content: url('./../img/ico_group_add.png'); }
.icon.group.edit:before { content: url('./../img/ico_group_edit.png'); }
.icon.group.del:before  { content: url('./../img/ico_group_del.png'); }

/*-- Tabs ------------------------------------------------------------*/
#tabs {
  margin: 12px 0 16px 0;
}

#tabs>ul {
  margin: 0;
  padding: 0 12px;
}

#tabs>ul>li {
  border: solid #666;
  background-color: #eee; /* デフォルト値*/
  border-width: 1px;
  display: inline-block;
  line-height: 24px;
  margin: 0 1px -1px 0;
  padding: 0 6px;
  cursor: pointer;

  -webkit-border-radius: 3px 3px 0 0;
     -moz-border-radius: 3px 3px 0 0;
      -ms-border-radius: 3px 3px 0 0;
       -o-border-radius: 3px 3px 0 0;
          border-radius: 3px 3px 0 0;
}

#tabs>ul>li.-disabled {
  cursor: not-allowed;
}

#tabs>ul>li:first-child {
  margin-left: 6px;
}

#tabs>ul>li.selected {
  background-color: #fff; /* デフォルト値*/
  border-bottom-color: #fff; /* デフォルト値*/
}

#tabs>div {
  border: solid #666;
  border-width: 1px;
  padding: 8px 32px 8px 32px;

  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
      -ms-border-radius: 3px;
       -o-border-radius: 3px;
          border-radius: 3px;
}

.group-tab {
 padding: 0 4px 0 24px;
}

.tab-body {
 min-height: 10vh;
  margin: 0 12px;
  overflow: auto;
}

/*-- Settings --------------------------------------------------------*/

/* Other ---------------------------------------------------------------
 */