.clearfix::after, div::after, ul::after, dl::after, ol::after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}

a {
    color:#222;
    text-decoration:none;
}
.link {
    text-decoration:underline;
}
a:hover {
    text-decoration:underline;
}
a:visited {
    color:#222;
    text-decoration:none;
}

input[type="text"],
input[type="password"],
input[type="number"]
{
    padding:5px;
    border:1px solid #999;
    border-radius:3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    vertical-align:middle;
}
input[type="datetime"] {
    padding:5px;
    border:1px solid #999;
    border-radius:3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
input.ipt-dbl {
    padding:4px 5px;
    border:3px double #999;
}
textarea{
    padding:5px;
    border:1px solid #999;
    border-radius:3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

input:focus {
  border-color: #f27935;
}
select:focus, textarea:focus {
    border:1px solid #f27935;
}
label.select{
  margin-right:5px;
}
label.select:hover{
  font-weight: bold;
  cursor: pointer;
}
.left {
    text-align:left;
}
.center {
    text-align:center;
}
.right {
    text-align:right;
}
.pd-03{
  padding: 0 3px;
}

/* header */
.isana {
    width:100%;
}
.nav {
    width: 100%;
    margin:0 auto;
    padding:0;
}
.nav-head {
    width: 100%;
    max-width: 1170px;
    padding:0;
    margin:3px 0 0 0;
}
.nav-hdset{
  width:100%;
  height: 29px;
  overflow: hidden;
}
.nav-list{
    z-index: 1000;
    width: 100%;
    float:left;
    overflow:hidden;
    background-color:#a3a19e;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    margin-top: 4px;
}
div.nav-list ul {
    z-index: 1000;
    width: 100%;
    margin:0 10px;
    list-style:none;
    overflow:hidden;
    float:left;
}
div.nav-list li {
    z-index: 1000;
    float:left;
    display:block;
    margin:0;
    min-width: 10%;
    font-size: 110%;
}
div.nav-list li a {
    color:#ffffff;
    display:block;
    padding:5px 2px;
    background-color: #a3a19e;
    border-left: 1px solid #d4d2ce;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    width:100%;
}
div.nav-list li ul {
    width: 180px;
	display: none;
	position: absolute;
    margin: 0;
}
div.nav-list li ul li {
    width: 180px;
    white-space: nowrap;
    font-size: inherit;
	float: none;
}
div.nav-list li ul li a {
    padding-left: 10px;
    padding-right: 10px;
    text-align: left;
    border-bottom: 1px solid #d4d2ce;
}


 /* nav-listの色指定 */
 div.nav-list li.isana-rcv a:hover {
  background-color:#ed748e;
  color:#fff;
 }
 div.nav-list li.isana-snd a:hover {
  background-color:#4694d7;
  color:#fff;
}
 div.nav-list li.isana-conf a:hover {
  background-color:#358f7f;
  color:#fff;
 }

 div.nav-list li.isana-rcv-active a{
  background-color:#ed748e;
  color:#fff;
  border-left: 1px solid #d4d2ce;
 }
 div.nav-list li.isana-tircv-active a{
  background-color:#ed748e;
  color:#fff;
  border-left: 1px solid #d4d2ce;
 }
 div.nav-list li.isana-snd-active a{
  background-color:#4694d7;
  color:#fff;
  border-left: 1px solid #d4d2ce;
 }
 div.nav-list li.isana-conf-active a{
  background-color:#358f7f;
  color:#fff;
  border-left: 1px solid #d4d2ce;
 }

 /* nav-listのactive時はhoverのcssに border-left: 1px solid #d4d2ce; を加える */

div.nav-list li a:last-child {
    border-right:1px solid #d4d2ce;
}
div.nav-head-lft {
    width:120px;
    margin:5px 0 0 0;
    float:left;
}
div.nav-head-ctr {
    margin-top:3px;
    float:left;
    vertical-align: bottom;
}
div.nav-head-rgt {
    margin:0 8px 0 0;
    padding:4px 0 0 0;
    float:right;
}
div.nav-head-rgt span:hover {
    font-weight:bold;
}
div.nav-head-rgt span:first-of-type {
    margin-right:15px;
  }

div.nav-logo {
    float:left;
    margin-right: 15px;
}
.header-right{
  margin:0 2px;
  float: left;
  font-size: 90%;
  vertical-align: middle;
  cursor: pointer;
}
.header-right:hover {

}
.header-logout{
  margin:0 2px 0 10px;
  float:left;
  font-size: 90%;
  vertical-align: middle;
  cursor: pointer;
}
img.header-icon {
    margin:0 3px;
    float:left;
}
img.header-icon-r{
    margin-left:3px;
    height:14px;
    vertical-align:top;
}
img.logo{
  margin:1px 0 0 10px;
  height:25px;
  vertical-align: top;
}

/* nav下タイトル 各種設定 */
.nav-unr-title {
    background-color: #d9f0ec;
    background-position: left 20px center;
    background-repeat: no-repeat;
    color: #333;
    display: table;
    font-size: 105%;
    min-width: 1140px;
    overflow: hidden;
    width: 100%;
}
.nav-unr-title-main {
    background-color:#358f7f;
    color:#fff;
    display: table-cell;
    padding: 5px 25px;
    width: 120px;
}
.nav-unr-title-sub {
    display: table-cell;
    padding-left: 10px;
    font-size: 13px;
    font-weight:bold;
    width:90px;
    position:relative;
    background-color:#c1e2dc;
}
.nav-unr-title-sub:after {
    border-bottom: 17px solid transparent;
    border-left: 11px solid #c1e2dc;
    border-top: 17px solid transparent;
    content: "";
    height: 0;
    position: absolute;
    right: -11px;
    top: 0;
    width: 0;
    z-index: 2;
}

.nav-unr-title ul {
    display: table-cell;
    list-style:none;
    padding:0 0 0 25px;
    margin:0;
    vertical-align:middle;
}
.nav-unr-title li {
    font-size: 13px;
    float:left;
    margin-right:20px;
}
.nav-unr-title li a {
    text-decoration:underline;
    transition: 0.2s ;
}
.nav-unr-title li a:hover {
    color:#41b67b;
}
.set-icon15 {
    width:15px;
    margin-right:4px;
    vertical-align:sub;
}

 /* お知らせ */
div.isn-board-btn{
   vertical-align:bottom;
   margin: 0;
}

div.isn-board-cont{
  margin: 0 0 4px 20px;
}
div.isn-board-txt{
  float:left;
  height:100px;
}
div.isn-board-edsv{
  float:left;
  margin:0 0 0 10px;
  padding:5px 0 0 0;
  vertical-align: bottom;
}
textarea.hd-board-txt{
  resize: none;
  width:70em;
  height:6em;
  max-height: 500px;
  overflow-y: scroll;
  line-height: 1.3em;
  font-size: 97%;
}
  /* header_画面サイズが768px以下の場合 */
@media only screen and (max-width: 768px) {
  .nav-hdset{
    overflow:inherit;
  }
  div.nav-head-lft {
      width:95px;
  }
  div.nav-head-rgt {
    margin:3px 3px 1px 0;
      }
  div.nav-head-rgt span:first-of-type {
      margin-right:5px;
      }
  div.nav-list ul {
    margin:0;
      }
  div.nav-list li {
    width: 33%;
    font-size: 85%;
    border-bottom:1px solid #d4d2ce;
      }
  div.nav-list li a {
    padding:5px 2px;
      }
  img.header-icon-r{
    margin-left:2px;
    height:10px;
      }
  img.logo{
    margin:1px 0 0 5px;
    height:22px;
      }
  div.isn-board-edsv{
    float:left;
    margin:0 0 0 5px;
    padding:5px 0 0 0;
      }

}

/* ログインログアウト */
.isana-login-wrap {
    margin:50px auto 10px;
}
.isana-login-header {
    margin-bottom:10px;
    font-size:15px;
}
.isana-login-header img {
    max-width:183px;
    width:45%;
    vertical-align:middle;
    margin-right:10px
}
.isana-login-form {
    margin-bottom:20px;
}
.isana-login-form div {
    margin:5px 0 15px;
}
.isana-login-form p {
    margin:5px 0;
}
.isana-login-form input {
    width:92%;
    font-size: 16px;
    padding: 10px 3.5%;
}
.btn_center {
    text-align:center;
}
.btn_center button {
    width:75%;
    font-size:16px;
    padding:5px 0px;
}
p.isana-logout {
    padding:10px;
    font-size:90%;
    font-weight:bold;
    text-align:center;
    background-color:#f2f7ff;
    border:1px dashed #999;
    margin-bottom:20px;
}
p.isana-login-error {
    color:#ff0000;
    font-size:90%;
}

   /* mobile */
   @media screen and (max-width: 767px) {
   .isana-login {
       background-color:#fff; }
   .isana-login-wrap {
       padding:0 20px; }
   .isana-login-box {
       text-align:left;
       background-color:#fff; }
   }
   /* PC */
   @media screen and (min-width: 768px) {
   .isana-login-wrap {
       max-width:450px;
       min-width:320px;
       width:95%; }
   .isana-login-box {
       text-align:left;
       background-color:#fff;
       padding:35px 60px;
       border:1px solid #bbb;
       border-radius:7px; }
   }


/* contents */
.title {
    background-repeat:no-repeat;
    background-position:left 20px center;
    background-color: #d9f0ec;
    color: #333;
    font-size: 105%;
    min-width: 1140px;
    overflow: hidden;
    padding: 4px 0 4px 20px;
    width: 100%;
}
.subtitle{
  font-size: 85%;
  margin-left: 15px;
  color: #474747;
}
.wrap {
    z-index: 1;
    width:1180px;
    padding:10px;
}

.caption {
      font-size:85%;
      color:#fff;
      padding:3px 10px;
      background-color:#358f7f;
}

 /* 受信一覧と送信一覧用 */
 .caption-ope {
    font-size:85%;
    color:#fff;
    padding:5px 5px 3px 5px;
 }
 .caption-ope-fl {
    color:#fff;
    height:auto;
 }
  /* 各boxのcap */
  div.cap-rcv {/* 受信一覧 */
   background-color:#ffe9e5;
   color:#333;
   border-left: 1px solid #ecb3b8;
   border-right: 1px solid #ecb3b8;
   border-top: 1px solid #ecb3b8;
  }
  div.cap-rcvnta {
    background-color:#ed748e;
    color:#fff;
    border-left: 1px solid #ecb3b8;
    border-right: 1px solid #ecb3b8;
    border-top: 1px solid #ecb3b8;
  }
  div.cap-snd {/* 送信一覧 下書き一覧 */
   background-color:#d4f0fc;
   color:#333;
   border-left: 1px solid #a4c8e7;
   border-right: 1px solid #a4c8e7;
   border-top: 1px solid #a4c8e7;
  }
  /* 検索boxの開閉cap */
  div.rcv-srh {
    background-color:#ffe9e5;
    color:#333;
    border-left: 1px solid #ecb3b8;
    border-right: 1px solid #ecb3b8;
    border-top: 1px solid #ecb3b8;
  }
  div.snd-srh {
    background-color:#d4f0fc;
    color:#333;
    border-left: 1px solid #a4c8e7;
    border-right: 1px solid #a4c8e7;
    border-top: 1px solid #a4c8e7;
  }
  /* boxのopenclose */
   /* 受信一覧 */
   .open-rcv.close {
    background-image: url("../Images/plus-r.png");
    background-repeat:no-repeat;
    background-position:left center;
    padding-left:30px;
   }
   .open-rcvnta.close {
    background-image: url("../Images/plus.png");
    background-repeat:no-repeat;
    background-position:left center;
    padding-left:30px;
   }
   .open-rcv {
    background-image: url("../Images/minus-r.png");
    background-repeat:no-repeat;
    background-position:left center;
    padding-left:30px;
   }
   .open-rcvnta {
    background-image: url("../Images/minus.png");
    background-repeat:no-repeat;
    background-position:left center;
    padding-left:30px;
   }
   /* 送信一覧 */
   .open-snd.close {
    background-image: url("../Images/plus-s.png");
    background-repeat:no-repeat;
    background-position:left center;
    padding-left:30px;
   }
   .open-snd {
    background-image: url("../Images/minus-s.png");
    background-repeat:no-repeat;
    background-position:left center;
    padding-left:30px;
   }

.caption-left{
  float: left;
  padding:7px 10px 5px 13px;
  font-size:90%;
}
.caption-right{
  display: table;
  float:right;
  font-size:85%;
  vertical-align: text-top;
  width: 75%;
}
.caption-right-sm{
  display: table;
  float:right;
  font-size:85%;
  vertical-align: text-top;
  width: 25%;
}

.drawer {
    cursor:pointer;
}

.inner-box {
    font-size:90%;
    padding:10px;
    border:1px solid #b9b9b9;
    background-color:#fff;
}
.inner-box-lft {
    font-size:90%;
    padding:8px 5px 5px 5px;
    border:1px solid #b9b9b9;
    background-color:#fff;
}
.inner-box-rgt {
    font-size:90%;
    padding:8px 5px;
    border:1px solid #b9b9b9;
    background-color:#fff;
}
.inner-box-non {
    font-size:90%;
    padding:0 10px 10px;
    margin-left: 10px;
    background-color:#fff;
}
div.folder-inner{
    height:1000px;
    overflow:scroll;
    font-size:90%;
}

.content {
    width:100%;
}
.content-title{
    width:100%;
    margin-top:3px;
}

  /* 受信一覧であとで変更 */
.frame-right-normal {
    width:980px;
}
.frame-right-spread {
    width:1160px;
}

  /* 受信/送信一覧＿変更後 */
.frame-lft{
    height:100%;
    float:left;
    width:190px;
    margin-right: 5px;
}
.filter{
    display:table-cell;
}
.frame-rgt{
    float: right;
    box-sizing: border-box;
    width:985px;
}
.frame-rgt-normal{
    box-sizing: border-box;
}/* 変更後 */


.hrz-folder {
     display:table-cell;
     cursor: pointer;
     width:10px;
     min-height:1000px;
     background-image:url(../images/toggle-side-q.gif);
     background-position:top 25px center;
     background-repeat:no-repeat;
     background-color:#a9d9d1;
}
.hrz-folder-close {
    height:575px;
    background-image:url(../images/toggle-side-p.gif);
    background-position:top 25px center;
    display:block;
}

.file-right {
    float:left;
    margin-left:10px;
}
.file-right-normal {
    width:76.5%;
}
.file-right-spread {
    width:97.9%;

}
.file-left {
    width:210px;
    float:left;
    display:table-cell;
}
div.status, div.rcv-box, div.search, div.list, div.file, div.bibliography, div.comment {
    width:100%;
}
div.box {
    margin-bottom:10px;
}
div.box-s {
    margin-bottom:5px;
}
div.group-top{
    margin-top: 8px;
}
.hrz-detail {
     display:table-cell;
     cursor: pointer;
     width:10px;
     background-image:url(../images/toggle-side-q.gif);
     background-position:top 25px center;
     background-repeat:no-repeat;
     background-color:#a9d9d1;
 }
.hrz-detail-close {
    height:900px;
    background-image:url(../images/toggle-side-p.gif);
    background-position:top 25px center;
    display:block;
}
.box-ope-top{
  margin:5px 0 2px 0;
}
.box-ope{
  margin-bottom:10px;
}
.box-ope-ctr{
  margin:10px 0 10px;
  padding-top: 10px;
  text-align: center;
}
.set01{
  display:inline-block;
  margin:5px 0;
}
.set02{
  display:inline-block;
  margin:5px 0;
  float:right;
}
.set03{
  display:inline-block;
  margin:5px 0 5px 12px;
}
.set04{
  display:block;
  margin:5px;
}
.set05{
  display:block;
  margin:20px 0 5px 5px;
  padding-left: 10px;
}
.isn-search{
  display:block;
  margin:20px 0 5px 5px;
  padding-left: 10px;
}
.set06{
  display:block;
  margin:1px 0;
}
.set07{
  display:block;
  margin:5px 0;
}
.set08{
  display:block;
  margin:5px 0 5px 5px;
  padding-left: 5px;
}
.left-end{
  margin: 0 5px 0 3px;
}
.right-end{
  margin-right: 3px;
}
.button-space{
  margin: 0 20px;
}
img.btn-icon01{
    margin-right:5px;
    vertical-align:-17%;
}
img.btn-icon02{
    margin-right:5px;
    vertical-align:middle;
}
img.btn-icon03{
    margin-left:5px;
    vertical-align:-17%;
}
img.btn-icon04{
    margin-right:5px;
    vertical-align:-8%;
}
img.btn-icon05{
    margin-right:5px;
    vertical-align:-2.5px;
}
.box-message {
      color: #333;
      min-width: 1140px;
      overflow: hidden;
      width: 100%;
      height:100%;
      margin-bottom:10px;
      padding: 5px;
      float:left;
      font-size: 80%;
      color: #333;
  }

.file-slcted-bg[data-copy="ChildCopy"]{
    background-image:url("/images/file-copy-child.gif"),url("/images/file-slcted-bg.png");
    background-repeat:repeat-y,repeat;
}

[data-copy="ChildCopy"]{
    background-image:url("/images/file-copy-child.gif");
    background-repeat:repeat-y;
}

.file-slcted-bg{
 background-image:url("/images/file-slcted-bg.png");
 background-repeat:repeat;
}

.file-slcted-bg_pk{
 background-image:url("/images/file-slcted.gif"),url("/images/file-slcted-bg_pk.png");
 background-repeat:repeat-y,repeat;
} 

/* select */
select {
      cursor: pointer;
      padding: 1px;
      font-family: "メイリオ","Meiryo", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", Osaka, sans-serif;
      font-size: 95%;
}
option{
  line-height: 1.2em;
  padding:2px;
  -webkit-appearance:none;
}
option.first{
  color:#ccc;
}

/* button */
button{
  cursor: pointer;
  font-family: "メイリオ","Meiryo", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", Osaka, sans-serif;
}
.right-btn{
  margin-left: 20px;
}
.btn-left{
  margin-right:16px;
}
.btn-style{
  padding: 3px 15px;
  display: inline-block;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  /* text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4); */
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
}
.btn-style-sm{
  padding: 3px 7px 2px 7px;
  display: inline-block;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
}
.btn-style-chk-sm{
  padding: 2px 6px 1.5px 6px;
  display: inline-block;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  /*text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);*/
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
}
.btn-style-chk-sm-situ{
  padding: 2px 6px 1.5px 6px;
  display: inline-block;
  -webkit-border-radius:  0 4px 4px 0;
  -moz-border-radius:  0 4px 4px 0;
  border-radius: 0 4px 4px 0;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
}
.btn-style-lar{
  padding: 3px 40px;
  letter-spacing: 0.6em;
  font-size: 110%;
}
.btn-style-lar-srh{
  padding: 3px 70px;
  letter-spacing: 0.6em;
  font-size: 110%;
}
.btn-style-lars{
  padding: 3px 40px;
  letter-spacing: 0.3em;
  font-size: 110%;
}
.btn-style:hover {
    text-decoration: none;
}
.btn-style:active {
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
}
.btn-mini-roundcorner{
  padding: 2px 7px;
  display: inline-block;
  height:24px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  /* text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4); */
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  vertical-align: middle;
}
.btn-board-tprnd{
  padding: 3px 10px 2.8px 1px;
  display: inline-block;
  -webkit-border-radius: 6px 6px 0 0;
  -moz-border-radius:  6px 6px 0 0;
  border-radius:  6px 6px 0 0;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
}
.btn-detail-opcl{
  padding: 2px 15px;
  font-size: 92%;
  height:23px;
  display: inline-block;
  font-weight: 700;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  vertical-align: bottom;
}

.btn-style:hover {
    text-decoration: none;
}
.btn-style:active {
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
}
.btn-normal {
    background: #6f837f;
    border: solid 1px #667875;
    color: #FFF;
}
.btn-normal:hover {
    background: #8e9f9c;
    border: solid 1px #6f837f;
}
.btn-normal:active {
    background: #4b5856;
    border: solid 1px #384140;
}
.btn-normal-off{
  background: #a4b2af;
  border: solid 1px #8e9f9c;
  color: #FFF;
  text-decoration: none;
}/* ボタンOFF時。ボタン内アイコンを末尾が_offの画像に変更 */
.btn-save {
    background: #f27935;
    border: solid 1px #cc6633;
    color: #FFF;
    font-size: 110%;
    padding: 4px 35px;
    letter-spacing: 0.05em;
}
.btn-save:hover {
    background: #f4b350;
    border: solid 1px #f39c12;
}
.btn-save:active {
    background: #d35400;
    border: solid 1px #cc6633;
}
.btn-delete {
  background: #6f837f;
  border: solid 1px #667875;
  color: #FFF;
}
.btn-delete:hover {
    background: #d75161;
    border: solid 1px #c22c3e;
    color: #fff;
}
.btn-delete:active {
    background: #f58391;
    border: solid 1px #d75161;
}
.btn-cancel {
    background: #FFF;
    border: solid 1px #358f7f;
    color: #358f7f;
    text-shadow: none;
    font-size: 110%;
    padding: 4px 15px;
}
.btn-cancel:hover {
    background: #fff;
    border: solid 1px #42aa27;
    color:#5fbe46;
}
.btn-cancel:active {
    background: #ade99e;
    border: solid 1px #2a8612;
}
.btn-dl {
    background: #798683;
    border: solid 1px #586865;
    color: #fff;
    margin: 5px 2px 2px 2px;
}
.btn-dl:hover {
    background: #9aa4a2;
    border: solid 1px #798683;
}
.btn-dl:active {
  background: #687774;
  border: solid 1px #586865;
}
.btn-dl-sml{
  font-size: 85%;
}
.btn-dl-lg{
    font-size: 100%;
}


.btn-mininormal {
    background: #ebe8f0;
    border: solid 1px #667875;
    color: #667875;
    text-shadow: none;
    font-size: 85%;
    letter-spacing: 0.2em;
}
.btn-mininormal:hover {
    background: #fff;
    border: solid 1px #8e9f9c;
    color:#8e9f9c;
}
.btn-mininormal:active {
    background: #4b5856;
    border: solid 1px #384140;
}
.btn-mininormal-p {
    background: #ebe8f0;
    border: solid 1px #667875;
    color: #667875;
    text-shadow: none;
    font-size: 85%;
    letter-spacing: 0.2em;
    margin:2px 2px 5px;
}
.btn-mininormal-p:hover {
    background: #8d8b90;
    border: solid 1px #757478;
    color:#fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
}
.btn-mininormal-p:active {
    background: #757478;
    border: solid 1px #5e5c60;
    color:#fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
}
.btn-mininormal-srhsp {
    background: #ebe8f0;
    border: solid 1px #667875;
    color: #667875;
    text-shadow: none;
    font-size: 85%;
    letter-spacing: 0.2em;
    margin:2px;
}
.btn-mininormal-srhsp:hover {
    background: #8d8b90;
    border: solid 1px #757478;
    color:#fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
}
.btn-mininormal-srhsp:active {
    background: #757478;
    border: solid 1px #5e5c60;
    color:#fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
}
.btn-isn-board {
    background-color: #ebe8f0;
    border-top: solid 1.5px #817f78;
    border-right: solid 1px #817f78;
    border-left: solid 1px #817f78;
    border-bottom: dotted 1px #817f78;
    color:#6e6d65;
    text-shadow: none;
    font-size: 85%;
    letter-spacing: 0.1em;
}
.btn-isn-board:hover {
    background: #d3d0d8;
    color:#6e6d65;
}
.btn-isn-board:active {
    background: #757478;
    border: solid 1px #5e5c60;
    color:#fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
}
.btn-callinfo {
    background: #f2f2f2;
    border: 1px solid #777;
    border-radius: 4px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset, 0 1px 1px rgba(0, 0, 0, 0.2);
    padding: 4px;
    transition-duration: 0.2s;
    vertical-align: middle;
}
.btn-callinfo:hover {
    background: #fbdbc8;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
}
.btn-callinfo:active {
    background: #f8b691;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
}
.btn-callinfo img {
    vertical-align:middle;
    height:90%;
}
.btn-miniminus {
    background: #ebe8f0;
    border: solid 1px #667875;
    color: #667875;
    text-shadow: none;
    font-size: 85%;
    letter-spacing: 0.2em;
}
.btn-miniminus:hover {
    background: #d75161;
    border: solid 1px #c22c3e;
    color: #fff;
    /* text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4); */
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
}
.btn-miniminus:active {
    background: #f58391;
    border: solid 1px #d75161;
    /* text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4); */
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
}
.btn-miniaction {
    background: #9000b0;
    border: solid 1px #7d009a;
    color: #fff;
    font-size: 85%;
    letter-spacing: 0.2em;
}
.btn-miniaction:hover {
    background: #ca4ce6;
    border: solid 1px #b400dc;
    color: #fff;
}

.btn-search-detail {
  background: #e0e4e3;
  border: solid 1px #586865;
  color: #667278;
  font-weight: 700;
  letter-spacing: 0.2em;
  }
.btn-search-detail:hover {
    background: #939ea3;
    border: solid 1px #687774;
    color: #fff;
}
.btn-search-detail:active {
  background: #6f7c83;
  border: solid 1px #586865;
  color: #fff;
}
.btn-rcv-chk {
  background: #837f6f;
  border: solid 1px #757263;
  color: #FFF;
  font-size: 94%;
}
.btn-rcv-chk:hover {
  background: #9b988b;
  border: solid 1px #757263;
}
.btn-rcv-chk:active {
  background: #686558;
  border: solid 1px #757263;
}
.btn-rcv-chk-off {
  background: #D2D1CC;
  border: solid 1px #C7C5BF;
  color: #FFF;
  font-size: 94%;
  text-decoration: none;
  box-shadow: none;
}
.btn-board-edsv {
  background: #7c7e71;
  border: solid 1px #6e7064;
  color: #FFF;
  font-size: 94%;
}
.btn-board-edsv:hover {
  background: #95978a;
  border: solid 1px #6e7064;
}
.btn-board-edsv:active {
  background: #6e7064;
  border: solid 1px #6e7064;
}
.btn-pad {
    padding: 3px 7px 3px 8.5px;
    margin-left: 16px;
    letter-spacing: 0.2em;
}
.input-support{
  margin-left: 10px;
}
.btn-sub{
  margin:5px 0 3px;
}
.btn-micro{
  font-size: 70%;
  padding: 1px 2px 0.5px 2px;
  margin:1px 2px 0.5px 2px;
}
.btn-micro:hover{
  color: #f27935;
}
.btn-micro:active {
  color: #f27935;
}

.btnsort.sortbtn-selected {
    color: #f27935;
}

.btn-xmicro{
  font-size: 70%;
  padding: 0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
}
.btn-xmicro:hover{
  color: #f27935;
}
.btn-xmicro:active {
  color: #f27935;
}

/* search */

 .searchcondition {
     float:left;
     padding: 5px;
 }
 .searchcondition>select[multiple=multiple]{
     /*width: 100%;*/
     width:180px;
 }
.searchcondition>p>label {
   text-align:right;
   margin:0 5px 0 15px;
   display: block;
   float:left;
   width: 85px;
}
.searchcondition input.text-box {
    width:190px;
}
input.text-date {
    width:160px;
}
input.text-tags{
    width: 100px;
    height: 12px;
    font-size: 95%;
}
.searchcondition input.freetext-box {
    width:350px;
    margin-right: 5px;
}
.searchcondition input.ope-text-box {
    width:230px;
    margin-right: 5px;
}
.freetext-left{
    margin-left: 35px;
}
.searchcondition p {
    margin:5px 0;
    padding:0;
}
.search-top{
  float:left;
  text-align:left;
  display:inline-block;
}
.detail-search-inner{
  border-top: 1px dashed #586865;
  margin-top: 5px;
  width:100%;
  padding:2px 0;
}
.detail-search-btn{
  overflow: auto;
  margin:0;
  padding: 5px 0 5px 20px;
}
.detail-search-btn-send{
  overflow: auto;
  margin: 32px 0 0 0;
  padding: 5px 0 5px 20px;
}
.search-button {
    text-align:right;
}
.listup-search{
  background-color: #deecea;
  padding:0 15px 10px 15px;
  margin:0 auto 10px auto;
  width:400px;
}
.search-targettop{
  background-color: #deecea;
  padding:0 15px;
  margin-bottom: 10px;
  width:600px;
}
.target-title{
  color:#586865;
  font-weight: bold;
}
.label-title{
  margin-right:5px;
}
.search-part{
  display:inline-block;
  margin:0 3px;
}


.search-dflt{
  width: 100%;
}
.caption-srh-sm{
  width: 20px;
  font-size:85%;
  color:#fff;
  padding:3px 5px 3px 10px;
  text-align: center;
  border-radius: 3px 3px 0 0;
}
.caption-search{
  font-size:90%;
  padding:2px 5px 2px 10px;
  width: 40%;
  color: #fff;
}
.caption-rgt{
  float: right;
}
.searchcondition-rp {
    width: 100%;
    float:left;
    padding: 0;
    margin: 0;
}
.search-innerlarge{
  font-size:85%;
  padding:5px 10px 10px 10px;
  border:1px solid #b9b9b9;
  background-color:#fff;
}
.search-innerlargenta{
  font-size:85%;
  padding:5px 10px 10px 10px;
  border:1px solid #b9b9b9;
  background-color:#ffe9e5;
}
.search-lft{
  width:47%;
  float:left;
  padding: 1px;
}
.search-rgt{
  width:49%;
  float:left;
  padding: 3px;
  margin-left: 15px;
}
.search-full{
  width:99%;
  float:left;
  padding: 1px;
}
.searchbox-sub{
  height: 100%;
  border:1px solid #739976;
  padding:7px 5px 0 7px;
  margin-bottom: 5px;
}
p.search-ob{
  margin: 2.5px 0;
  padding-bottom: 5px;
}
p.search-obNta{
  margin: 2.5px 0;
}
p.search-ob-s{
  margin: 3px 0;
}
span.search-lbl{
  margin-right: 5px;
  float: left;
  font-weight: bold;
  letter-spacing: 0.03em;
}
.lbl-l{
  width:90px;
  padding: 6px 0 0 3px;
}
.lbl-l-d{
  width:105px;
  padding: 6px 0 0 3px;
}
.lbl-l-d-sl{
  width:102px;
  padding: 6px 0 0 3px;
}
.lbl-l-d-rdo{
  width:102px;
  padding: 3px 0 0 3px;
}
.lbl-sm{
  width:80px;
  padding: 6px 0 0 3px;
}
.lbl-sm-sl{
  width:73px;
  padding: 6px 0 0 3px;
}
.label-date{
  display: inline-block;
  float:left;
  padding-top: 12px;
  width:83px;
  height:47px;
}
.ipt-date{
  display: inline-block;
  float:left;
}
.ipt-dateNta {
  display: inline-block;
  float:left;
  margin-bottom: 8px;
}

select.srh-opt{
  width:87px;
}
option.srh-part-opt{
  border:1px solid #999;
}
span.search-ipt{
}
span.right-side{
  margin-right: 5px;
}
span.right-side-s{
  margin-right: 7px;
}
span.right-side-l{
  margin-right: 10.3px;
}
.search-text{
  width:200px;
  margin-right:3px;
}
.search-text-l{
  width:280px;
  margin-right:3px;
}
.search-folder{
  width:110px;
  margin-right:3px;
}
/* search_画面サイズが768px以下の場合 */
@media only screen and (max-width: 768px) {
  .search-innerlarge{
    font-size:90%;
  }
  .search-innerlargenta{
    font-size:90%;
  }
  .search-lft{
    width:98%;
  }
  .search-rgt{
    width:98%;
    margin:0;
  }
  .caption-search{
    font-size:100%;
    margin: 0;
    padding:3px;
    width: 70%;
  }
  .detail-search-btn{
    float: left;
  }
}


/* search_検索している項目の表示 */
.search-entry{
  margin:0 10px;
  width:98%;
  z-index: 1;
  background-color: #deecea;/* 色は後で変更 */
  border-top: 1px solid #739976;/* 色は後で変更 */
  border-right: 1px solid #739976;/* 色は後で変更 */
  border-bottom: 1px solid #739976;/* 色は後で変更 */
  border-radius: 2.1px 2px 2px 2.1px;
}
.search-entry-ttl{
  background-color: #999;
  border-radius: 2px 0 0 2px;
  color:#fff;
  display: inline-block;
  font-size: 95%;
  line-height: 1.27273;
  margin: 0;
  padding: 3px 7px;
  position: relative;
  z-index: 2;
}
.search-entry-ttl:after{
  border-top: 11.5px solid transparent;
  border-left: 8px solid #999;
  border-bottom: 12px solid transparent;
  content: "";
  height: 0;
  position: absolute;
  top: 0;
  right: -7px;
  width: 0;
  z-index: 2;
}
.search-entry-con{
  padding-left: 8px;
}

/* search_検索している条件の表示_inlist */
.search-entry-inlist{
  margin-bottom:5px !important;
  width:98%;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #b9b9b9;
  border-radius: 2.1px 2px 2px 2.1px;
}
.search-entry-inlist-ttl{
  background-color: #94938d;
  border-radius: 2px 0 0 2px;
  color: #fff;
  display: inline-block;
  font-size: 95%;
  line-height: 1.27273;
  margin: 0;
  padding: 3px 5px;
  position: relative;
  z-index: 2;
}
.search-entry-inlist-con{
  padding-left: 3px;
  font-size: 95%;
}


/* ファイル一覧 */
table.file-list-tbl{
  border:1px solid #b9b9b9;
  width: 100%；
}
table.file-list-tbl th{
  background-color:#efefed;
  color:#4e4c42;
  padding:3px;
  font-size:85%;
  font-weight: bold;
  border:none;
}
table.file-list-tbl td {
  padding:2px 5px;
  font-size:98%;
}
table.file-list-tbl tr {
    border-top:1.5px solid #eee;
}
table.file-list-tbl tr:first-child {
    border:none;
}
table.file-list-tbl tr.child {
  border-top: none !important;
  padding-top: 0;
}
table.file-list-tbl tr.child td {
  padding-top: 0;
}
  /* 受信一覧 */
table.receive-list th.th-chkmk{
  width:80px;
}
table.receive-list th.th-fold{
  width:183px;
}
table.receive-list th.th-filetime{
  width:127px;
}
table.receive-list th.th-numcorp{
  width:275px;
}


  /* 送信一覧 */
  table.send-list th.th-chkmk{
    width:80px;
  }
  table.send-list th.th-fold{
    width:183px;
  }
  table.send-list th.th-filetime{
    width:127px;
  }
  table.send-list th.th-numcorp{
    width:275px;
  }
img.icon-list{
  margin:2px 2px 1px 2px;
}/* 画像を_onとoff切り替え */
img.icon-list-btn{
  margin:2px 2px 1px 5px;
  cursor: pointer;
}
img.icon-middle{
  margin:0 1px 0 2px;
  vertical-align:middle;
}
img.icon-middle-r{
  margin:0 2px 0 1px;
  vertical-align:middle;
}
img.icon-middle-lf{
  margin:0 1px 0 0;
  vertical-align:middle;
}
table.receive-list td.span.listin-lock{
  width:35px;
}
.fllist-tag{
  background-color: #767676;
  border-radius: 0px 2px 2px 0px;
  color: #fff;
  display: inline-block;
  position: relative;
  /*text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
  cursor: pointer; */
  font-size: 95%;
  line-height: 1.27273;
  padding: 3px 7px;
  margin: 2px 4px 2px 8px;
}
.fllist-tag:before{
  border-top: 10.5px solid transparent;
  border-right: 8px solid #767676;
  border-bottom: 11.1px solid transparent;
  content: "";
  height: 0;
  position: absolute;
  top: 0;
  left: -7.97px;
  width: 0;
}
.fllist-tag:after{
  background-color: #fff;
  border-radius: 50%;
  content: "";
  height: 4.5px;
  position: absolute;
  top: 8px;
  left: -2px;
  width: 4px;
}
/*
.tag:hover{
   background-color:#6cbbad;
}
.tag:hover:before{
  border-right: 8px solid #6cbbad;
} 一覧でのタグリンクV3.0は削除 */

.sortparts{
  margin-left:3px;
}
.comment-bg{
  z-index: 2;
  background-color:rgba(222,236,234,0.7);
  border:0.3px solid #c7d4d2;
  border-radius:10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  margin:1px 3px 1px 2px;
  padding: 2px 8px;
  position: relative;
  font-size: 94%;
}
.nmb-corp{
  margin: 0 3px;
}
tr.comment {
    display:none;
}
tr.child {
  border-top: none !important;
}/* 削除 border-top:1px dashed #eee !important; */



/* リスト サムネイル選択 送受信共通 */
.display-select input{
  display: none;
}
.display-select label{
   display: block;
   float: left;
   cursor: pointer;
   width: 83px;
   padding: 6px 5px 5px 5px;
   background: #d2d6d9;
   color: #737f88;
   font-size: 85%;
   text-align: center;
   line-height: 1;
   transition: .2s;
}
.display-select label:hover{
   font-weight: bold;
}
.display-select label:first-of-type{
   border-radius: 3px 0 0 3px;
}
.display-select label:last-of-type{
   border-radius: 0 3px 3px 0;
   margin-right: 5px;
}

.display-select input[type="radio"]:checked +label {
    background-color: #ffd646;
    color: #333;
    font-weight: 700;
}

  /* サムネイル表示 */

ul.receive-list-thum li {
  padding:10px;
  border-color: #ccc #aaa #aaa #ccc;
  border-style: solid;
  border-width: 1px;
  float:left;
  overflow:hidden;
}
ul.receive-list-thum li.situ-select {
  background-image:url("../images/rcv_select-bg.png");
  background-repeat:repeat;
}
ul.thum20 li {
  width:22.06%;
  height:350px;
}
ul.thum12 li {
  width:30.39%;
  height:430px;
}
ul.thum4 li {
  width:47.06%;
  height:590px;
}
ul.thum1 li {
  width:97.00%;
  height:1178px;
}
.thum-top {
  width:100%;
  margin-bottom:5px;
  display:table;
}
div.thum-top div {
  display:table-cell;
}
div.thum-top div.left {
  width:36%;
}
div.thum-top div.center {
  width:42%;
}
.thum-middle {
  padding:0 10px;
}
.thum-label {
  width:60%;
  font-size:11px;
  padding:3px;
  vertical-align:text-top;
  border-radius:4px 4px 0 0;
  display:inline-block;
  overflow:hidden;
  padding-left: 10px;
}
.thum-etc {
  font-size:11px;
  display:inline-block;
  vertical-align:text-top;
}
.thum-body {
  background-color:#eee !important;
  background-position: center center;
  background-repeat: no-repeat;
}
ul.thum20 div.thum-body {
  height:187px;
}
ul.thum12 div.thum-body {
  height:268px;
}
ul.thum4 div.thum-body {
  height:428px;
}
ul.thum1 div.thum-body {
  height:910px;
}
.vertical {
  background-size: auto 100%;
}
.horizontal {
  background-size: 100% auto;
}

div.thum-body img {
    height: 96%;
    padding-top: 2%;
    margin-left:17%;
}

.pager_on {
  background-color: #eee;
  border-bottom: 1px solid #666;
  border-radius: 3px;
  border-right: 1px solid #666;
  color: #333;
  font-size: 10px;
  margin: 0;
  padding: 0 3px;
  cursor:pointer;
}
.pager_on:hover {
  background-color:#ffeecd;
}
.pager_off {
  background-color: #eee;
  border-bottom: 1px solid #ccc;
  border-radius: 3px;
  border-right: 1px solid #ccc;
  color: #ccc;
  font-size: 10px;
  margin: 0;
  padding: 0 3px;
}
.thum-bottom {
  text-align:left;
  font-size:11px;
  padding:0 10px;
}

img[data-thumnailid][data-angle="90"]{
    transform:rotate(90deg);
}
img[data-thumnailid][data-angle="180"]{
    transform:rotate(180deg);
}
img[data-thumnailid][data-angle="270"]{
    transform:rotate(270deg);
}

  /* 新規送信のステータス背景色 */
  .color_set-newsnd {
      background-color:#ffffff;
  }

.situ-select {
    background-image:url("./images/rcv_select.gif"),url("./images/rcv_select-bg.png");
    background-repeat:repeat-y,repeat;
}

.display_outline{
    margin:0 3px 10px;
    width:950px;
    text-align:left;
    border-color:#b9b9b9;
    border-width:1px;
    border-style:solid;
}

.display_left{
    width:30px;
    background:#deecea;
    padding:5px;
    font-size: 90%;
    font-weight:bold;
    border-right:3px #fff solid;
    text-align:center;
    float:left;
}

.display_right{
    padding:0 5px;
    text-align:left;
    float:right;
}
.cap-inline{
  margin: auto 3px;
}
div.cap-inline-box{
  display: table-cell;
  vertical-align: middle;
}
div.cap-inline-box-l{
  display: table-cell;
  height: 38px;
  vertical-align: middle;
}
.fllist-pager{
  display: block;
  font-size: 100%;
  color:#333333;
  height:auto;
  margin: 0;
  border-radius: 0;
}
.cap-inline-box div.fllist-pager {
    border-left: 1px solid #ecb3b8;
}
.pager-rcv{
  background-color: #ffded8;
}
.pager-snd{
  background-color: #bce8fa;
}
.cap-inline-box div.pager-rcv {
    border-left: 1px solid #ecb3b8;
}
.cap-inline-box div.pager-snd {
    border-left: 1px solid #a4c8e7;
}
.fllist-pager-inner{
  display: table;
  width:100%;
  height: 38px;
}
.fllist-pager-left {
    text-align:left;
    padding-left: 2px;
    vertical-align: middle;
    display: table-cell;
    height: 38px;
}
.fllist-pager-center {
  display: table-cell;
  height: 38px;
  text-align: center;
  vertical-align: middle;
}
.fllist-pager-right {
  display: table-cell;
  height: 38px;
  padding-right: 2px;
  text-align: right;
  vertical-align: middle;
}
.fllist-pager-rst{
   display: table-cell;
   text-align:right;
   padding:0 10px;
   vertical-align: middle;
}

.list-operation-top{
  margin:0 3px;
}
select.chk-ope-situ-list{
  width:51px;
  height: 24.8px;
  font-size: 95%;
  border: 1px solid #757263;
  border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
  vertical-align: top;
}/* 選択した状況名称をドロップリストの上にバルーンで出す */
select.chk-ope-situ-list option:hover{
   font-weight: bold;
   color:inherit;
   background-color:inherit;/* 背景は各ステータスの色 */
}/* 選択した状況名称をドロップリストの上にバルーンで出す */
select.chk-ope-situ-list option[selected]{
   color:inherit;
   background-color:inherit;/* 選択後も背景は各ステータスの色 */
}

select.chk-ope-situ-list-ot{
  width:100px;
  height: 24.8px;
  font-size: 95%;
  border: 1px solid #757263;
  border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
  vertical-align: top;
}/* 選択した状況名称をドロップリストの上にバルーンで出す */
select.chk-ope-situ-list-ot option:hover{
   font-weight: bold;
   color:inherit;
   background-color:inherit;/* 背景は各ステータスの色 */
}/* 選択した状況名称をドロップリストの上にバルーンで出す */
select.chk-ope-situ-list-ot option[selected]{
   color:inherit;
   background-color:inherit;/* 選択後も背景は各ステータスの色 */
}

.check-operation{
  display:block;
  overflow:hidden;
}
/* check-operationがlist内にある時 */
.check-ope{
  border-radius:5px;
  display: inline-block;
  margin-right: 3px;
}
.check-ope-box{
  padding:5px;
  display: inline-block;
  border-right: 1px solid #c1bfb7;
  border-left: 1px solid #c1bfb7;
  border-bottom: 1px solid #c1bfb7;
}
.cap-chk{
  font-size: 80%;
  color:#4e4c42;
  padding:2px 10px;
  background-color:#d9d8d3;
  border-radius: 4px 4px 0 0;
}
.list-ope{
  margin: 0 3px;
}/* check-operationがlist内にある時 */

/* check-operationがlist外にある時 */
.list-operation-srhbtm{
  margin-bottom:10px;
  width:98%;
  font-size: 90%;
  z-index: 1;
  border-radius: 2.1px 2px 2px 2.1px;
  display: block;
}
.check-ope-otlist{
  margin:0;
  padding:0;
  background-color: #ffffff;
  border-top: 1px solid #c1bfb7;
  border-right: 1px solid #c1bfb7;
  border-bottom: 1px solid #c1bfb7;
  border-radius: 2.1px 0 0 2.1px;
  display: block;
  float:left;
}
.check-ope-otlist-lft{
  margin-right:10px;
}
.check-ope-otlist-ttl{
  background-color: #d9d8d3;
  border-radius: 2px 0 0 2px;
  color: #4e4c42;
  display: inline-block;
  font-size: 85%;
  margin: 0;
  padding: 10px 10px 0 7px;
  height:29.5px;
  position: relative;
  z-index: 2;
  display: inline-block;
  vertical-align: top;
  border-left: 3px solid #c1bfb7;
}
.check-ope-otlist-box{
  padding:7px 5px 0 5px;
  display: inline-block;
  height:30px;
}
/* 自分のみで絞り込み */
.filt-myope-otlist{
  margin:0;
  padding:0;
  display: block;
  float:left;
}
.filt-myope-otlist-ttl{
  background-color: #d9d8d3;
  border-radius: 2px 0 0 2px;
  color: #4e4c42;
  font-size: 85%;
  margin: 0;
  padding: 8.65px 10px 4.6px 7px;
  position: relative;
  z-index: 2;
  display: inline-block;
  vertical-align: top;
  border-left: 3px solid #c1bfb7;
  border-top: 1px solid #c1bfb7;
  border-bottom: 1px solid #c1bfb7;
  line-height: 1.27273;
  float:left;
  height:27px;
}
.filt-myope-otlist-box{
  margin:0;
  padding: 0;
  float:left;
}
.filt-myope-lft{
  margin-right:10px;
}
.myope-srh input{
  display: none;
}
.myope-srh label{
  display: block;
  float: left;
  cursor: pointer;
  margin:0;
  padding: 0;
  border-right: 2px solid #c1bfb7;
  border-top: 2px solid #c1bfb7;
  border-bottom: 2px solid #c1bfb7;
  text-align: center;
  transition: .2s;
  width:85PX;
  height:38.5px;
}
.myope-rcv label:hover{
  background-color:#ffdad4;
}
.myope-rcv label:first-of-type{
  border-left: 2px solid #c1bfb7;
  background-image: url("../images/my-edt-srh_off.png");
  background-position:center center;
  background-repeat:no-repeat;
}
.myope-rcv label:nth-of-type(2){
  background-image: url("../images/my-cmntipt-srh_off.png");
  background-position:center center;
  background-repeat:no-repeat;
}
.myope-rcv label:last-of-type{
  background-image: url("../images/my-rcvcmnt-srh_off.png");
  background-position:center center;
  background-repeat:no-repeat;
}

#my-edt-srh:checked~label[for=my-edt-srh] {
 background-image: url("../images/my-edt-srh_on.png");
 background-position:center center;
 background-repeat:no-repeat;
}
#my-cmntipt-srh:checked~label[for=my-cmntipt-srh] {
 background-image: url("../images/my-cmntipt-srh_on.png");
 background-position:center center;
 background-repeat:no-repeat;
}
#my-rcvcmnt-srh:checked~label[for=my-rcvcmnt-srh] {
 background-image: url("../images/my-rcvcmnt-srh_on.png");
 background-position:center center;
 background-repeat:no-repeat;
}

.myope-snd label:hover{
  background-color:#cbdaff;
}
.myope-snd label:first-of-type{
  border: 2px solid #c1bfb7;
  border-radius: 0 4px 4px 0;
  background-image: url("../images/my-snd-srh-off.png");
  background-position:center center;
  background-repeat:no-repeat;
}

.myope-snd input[type="checkbox"]:checked +label:first-of-type {
  background-position:center center;
  background-repeat:no-repeat;
  background-image: url("../images/my-snd-srh-on.png");
}


.pagenumber{
  margin:10px 0 5px 0;
  padding:0;
  float:right;
  display: inline-block;
  box-sizing: border-box;
}
.status-box{
 line-height: 22px;
 font-size: 100%;
}
.status-box li{
  padding: 0 2px;
}
/* 受信一覧用 status-box内でステータスを選択する際の挙動 */
ul.stat-rcv li:not(.count):hover{
  background-color:#ffdad4;
  text-decoration:underline;
}
ul.stat-rcv li.active{
  background-color: #ffb6a9;
  background-image: url("../images/select-bg-w.png");
}/* ステータスを選択完了している時 */

li.sta-em{
  border-top: 1px dashed #999;
  margin-top:3px;
  padding-top: 3px;
}

/* 送信一覧用 status-box内と送信状態でステータスを選択する際の挙動 */
ul.stat-snd li:not(.count):hover{
  background-color:#cbdaff;
  text-decoration:underline;
}
ul.stat-snd li.active{
  background-color: #a9c1ff;
  background-image: url("../images/select-bg-w.png");
}/* ステータスを選択完了している時 */
ul.stat-snd li.sta-em{
  border-top: 1px dashed #999;
  margin-top:3px;
  padding-top: 3px;
}

table.folder-box td {
  font-size:90%;
  padding:2.5px 1px 2.5px 2.5px;
}
/* 受信一覧用 folder-box内のフォルダ選択 */
table.fol-rcv tr:not(.count):hover{
  text-decoration:underline;
  background-color:#ffdad4;
}
table.fol-rcv tr.active{
  background-color:#ffb6a9;
  background-image:url("../images/select-bg-w.png");
}/* フォルダを選択完了している時 */

 /* m-kuroki */
 span.colorfolder{ padding: 0 0 0 25px; display: block; }
 span.colorfolder{
     background-position: 3px 3px;
     background-repeat: no-repeat;
 }
 span.colorfolder.blue{ background-image: url("/images/folder-blue_opn.png") }
 li.expandable span.colorfolder.blue{ background-image: url("/images/folder-blue_cls.png") }
 span.colorfolder.green{ background-image: url("/images/folder-green_opn.png") }
 li.expandable span.colorfolder.green{ background-image: url("/images/folder-green_cls.png") }
 span.colorfolder.yellow{ background-image: url("/images/folder-yellow_opn.png") }
 li.expandable span.colorfolder.yellow{ background-image: url("/images/folder-yellow_cls.png") }
 span.colorfolder.red{ background-image: url("/images/folder-red_opn.png") }
 li.expandable span.colorfolder.red{ background-image: url("/images/folder-red_cls.png") }
 span.colorfolder.gray{ background-image: url("/images/folder-gray_opn.png") }
 li.expandable span.colorfolder.gray{ background-image: url("/images/folder-gray_cls.png") }
 span.colorfolder.white{ background-image: url("/images/folder-white_opn.gif") }
 li.expandable span.colorfolder.white{ background-image: url("/images/folder-white_cls.gif") }
 span.treeall{ padding: 1px 0 1px 0px; display: block; }

 div.foldertree span:not(.count):hover{
  text-decoration:underline;
  background-color:#ffdad4;
  display: block;
}
 div.foldertree.snd-tree span:not(.count):hover{
  background-color:#cbdaff;
}
div.foldertree .filetree li span.active{
  background-color:#ffb6a9;
  /*background-image:url("../images/select-bg-w.png");*/
}
div.foldertree span.active{
  background-color:#ffb6a9;
}
div.foldertree.snd-tree span.active{
  background-color:#a9c1ff;
}
div.foldertree.snd-tree .filetree li span.active{
  background-color:#a9c1ff;
}/* フォルダを選択完了している時 */

div.content {
    display: block;
}

.arrow_box {
    display: none;
    position: absolute;
    padding: 16px;
    padding-top: 5px;
    padding-bottom: 6px;
    background: #333;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    color: #fff;
}

.arrow_box:after {
    right: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(51, 51, 51, 0);
    border-right-color: #333;
    border-width: 10px;
    top: 50%;
    margin-top: -10px;
}
/* m-kuroki End */

/* 送信一覧用 folder-box内のフォルダ選択 */
table.fol-snd tr:not(.count):hover{
  text-decoration:underline;
  background-color:#cbdaff;
}
table.fol-snd tr.active{
  background-color:#a9c1ff;
  background-image:url("../images/select-bg-w.png");
}/* フォルダを選択完了している時 */

/* 送信一覧用 送信状態フラグ */
.sndflag {
  min-width:38px;
  max-width:80px;
  color:#fff;
  font-size:84%;
  text-align:center;
  border:1px dotted #fff;
  display:inline-block;
}
/* 送信一覧用 サムネイル表示用送信状態フラグ */
.sndflag-tm {
  min-width:55px;
  max-width:80px;
  color:#fff;
  font-size:84%;
  text-align:center;
  border:1px dotted #fff;
  display:inline-block;
}
.flag-stg01 {/* <span class="sndflag flag-stg01">送信中</span> */
  background-color:#0052da;
}
.flag-stg02 {/* <span class="sndflag flag-stg02">送信成功</span> */
  background-color:#1a7b1f;
}
.flag-stg03 {/* <span class="sndflag flag-stg03">送信エラー</span> */
  background-color:#cc2615;
}

.fo-85{
  font-size:85%;
}
.square-mark{
  width:8px;
  height:8px;
  margin:0 4px 0 3px;
  border:1px dotted #fff;
  display: inline-block;
  vertical-align: -1px;
}

.circle-mark{
  width:8px;
  height:8px;
  margin:0 4px 0 3px;
  border-radius:50%;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  border:1px solid #999;
  display: inline-block;
  vertical-align: -1px;
}
span.count{
  border-radius:5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  background-color:#deecea;
  color:#358f7f;
  padding:1px 3px;
  margin:0 5px;
  font-size: 90%;
  vertical-align: middle;
  white-space: nowrap;
}
td span.count:hover{
  text-decoration: none !important;
}
li span.count:hover{
  text-decoration: none !important;
}

/* 受信送信一覧 */
.panel-pallet {
    margin-bottom:5px;
}
.panel-body {
    background-color:#fff;
    }
.panel-table {
    margin:0 2px;
    width:99.5%;
}
.search-folderbox{
    margin-bottom: 5px;
    width:99%;
}

[data-toggle="tab"]{
    float:left;
}
.tab-pane{
    display:none;
}
.tab-pane:target{
    display:block;
}
.pltable-btm{
  width:100%;
  float:unset;
  margin-top:18px;
}
.pltable-rcv{
  background-color:#ffded8;
  border: 1px solid #ecb3b8;
}
.pltable-snd{
  background-color:#bce8fa;
  border: 1px solid #a4c8e7;
}
.btm-pager{
  float: right;
  display: table-cell;
  vertical-align: middle;
  width:40%;
}

/* 設定 */
.list-conf {
    width:520px;
}
.config-inp{
    width:100%;
}
.ope-caption {
    background-color:#ceebe6;
    color:#333;
    border-top:1px solid #8cbbb3;
    border-left:1px solid #8cbbb3;
    border-right:1px solid #8cbbb3;
    padding:5px 10px;
    font-size:85%;
}

  /* FORM-1 */
  .frame-left {
    height:100%;
    margin-right:10px;
    float:left;
    display:table;
  }
  .fixed-padding-top {
      padding-top: 6px;
  }
  .frame-right {
    float:left;
  }
  /* FORM-2 */
  .frame-1{
   display: block;
   float:left;
   width:1160px;
   margin: 10px auto 3px auto;;
  }
  .frame-2{
   display: block;
   float:left;
   width:1160px;
   margin: 10px auto;
  }
  /* FORM-3 */
  .frame2-1{
    height:100%;
    margin-right:10px;
    float:left;
    display:table;
  }
  .frame2-2{
    height:100%;
    float:left;
  }
  .frame2-2-col01{
    float:left;
    margin-right: 10px;
    width:260px;
  }
  .frame2-2-col02{
    float:left;
    padding:0 0 10px 10px;
  }
  .list-cover {
    width:230px;
  }
  div.frame2-1-list ul {
    width: 100%;
    margin:0 10px;
    overflow:hidden;
    float:left;
    vertical-align: middle;
  }
  div.frame2-1-list li {
    float:left;
    display:block;
    margin:5px 0 0;
    font-size: 85%;
}
  div.frame2-1-list li a {
    display:block;
    padding:5px 2px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    width:100%;
  }
  div.frame2-1-list li a:hover {
    background-color:;/* 他設定と合わせる */
  }
  span.chk{
    padding:5px;
    width:20px;
    margin:3px;
  }
  span.co-tle{
    padding:5px 0;
    margin:3px 0;
  }
  .inner-box-listcover {
    font-size:90%;
    padding:20px 10px;
    border:1px solid #b9b9b9;
    background-color:#fff;
  }
  div.sheet{
    border:1px solid #b9b9b9;
    width: 595px;
    height: 847px;
    margin:5px;
  }/* A4想定70dpiで仮作成、大きさは他と揃える */
  div.samplesheet{
    border:1px solid #b9b9b9;
    width: 120px;
    height: 170px;
    margin:5px;
  }/* 仮作成、width固定、縦横比は揃える */

.inner-box-conf {
    font-size:90%;
    padding:10px 20px 20px;
    border:1px solid #b9b9b9;
    background-color:#fff;
}
.caution-info{
  font-size: 85%;
  color:#51605d;
  margin:3px 3px 0 3px;
}
.ipt-required{
  background-color:#fde7db;
}/* 要検討　必須項目のinputエリア表示 */
/* placeholder="必須" colorはplaceholderの文字色 */
/* 任意項目はplaceholderだけ入れる placeholder="任意" */

.required-label{
  margin-left:2px;
  padding: 2px 3px 2px 4.8px;
  display: inline-block;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  vertical-align: middle;
  text-align:right;
  background-color:#f06110;
  color:#fff;
  font-size: 80%;
  letter-spacing: 0.3em;
}/* 必須のラベルをテストで作成 */

.unique-icon{
  float:right;
  margin:0 3px;
}

  /* ユーザー設定 */
  /* 権限あり　*通知：文書添付あり */
  .permission-color-on01 {
   background-color: #C26ECB;
   color: #fff;
   border: 2px solid #C26ECB;
  }

  /* 通知：文書添付なし用 */
  .permission-color-on02 {
   background-color: #f2e2f4;
   color: #C26ECB;
   border: 2px solid #C26ECB;
  }

  /* 権限なし */
  .permission-color-off{
   background: #d2d6d9;
   color: #50585f;
   border: 2px solid #d2d6d9;
  }

  /* 画像ダウンロード */
  div.period-dl{
    width:600px;
    margin-top: 15px;
  }
  table.downloadtbl {
  border-collapse: separate;
  border-spacing: 1px;
  text-align: center;
  line-height: 1.5;
}
  table.downloadtbl th {
  width: 155px;
  padding: 3px;
  vertical-align: top;
  background-color:#d9d8d3;
  }
  table.downloadtbl th.dlrcv{
    color:#333;
    border-right: 1px solid #ecb3b8;
    border-left: 1px solid #ecb3b8;
    border-bottom: 1px solid #ecb3b8;
    border-top: 3px solid #ed748e;
    font-size:85%;
  }
  table.downloadtbl th.dlrcvedt{
    color:#333;
    border-right: 1px solid #DAB3B7;
    border-left: 1px solid #DAB3B7;
    border-bottom: 1px solid #DAB3B7;
    border-top: 3px solid #B15C65;
    font-size:85%;
  }
  table.downloadtbl th.dlsnd{
    color:#333;
    border-right: 1px solid #a4c8e7;
    border-left: 1px solid #a4c8e7;
    border-bottom: 1px solid #a4c8e7;
    border-top: 3px solid #4694d7;
    font-size:85%;
  }
  table.downloadtbl td {
    width: 155px;
    padding: 1px 3px 1px 5px;
    vertical-align: top;
    border-bottom: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
    border-left: 1px solid #d3d3d3;
  }


.refer-box{
  float: right;
  margin-right:10px;
  height:100%;
}/* 検討中 */
.refer-inner{
  float: left;
  border:2px dotted #b9b9b9;
  background-color:#f0f8ff;
  padding: 10px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}/* 検討中 */
.ref-circle{
   width:90px;
   height:90px;
   border-radius: 50%;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   display:inline-block;
   text-align: center;
   background-color:#fafad2;
   float: left;
   margin:5px 3px;
 }/* 検討中 */
.ref-info{
  padding-top:40px;
  font-size: 80%;
}/* 検討中 */

table.pager {
    width:465px;
    margin:0 auto 10px;
    padding:0 2px;
    border:none;
}
table.pager-l {
    width:465px;
    margin:0 auto;
    padding:0 2px;
    border:none;
}
table.pager-sm {
    width:210px;
    margin:0 auto 10px;
    padding:0 2px;
    border:none;
    font-size: 95%;
}
table.pager-rw2 {
    margin:0;
    border:none;
    float:right;
    font-size: 95%;
}

table.item-list tr:nth-child(2n)  {
    background-color:#ebffe5;
}
table.item-list tr{
    border-bottom: 1px solid #fff;
}
table.item-list tr.ope-off {
  background: #d2d6d9;
  color: #50585f;
}
table.item-list tr.spcl {
  background: #fff19a;
}
table.item-list tr:last-child {
	border-bottom: 0px;
}
table.item-list tr.selected-row{
  font-weight: bold;
  background-color: #cdebd9;
}
tr.selected-row td {
    background-image:url("../images/rcv_select-bg.png");
    background-repeat:repeat;
}
table.item-list th {
    font-size: 90%;
    padding:5px 3px;
}
table.item-list .root {
    background-position:left center;
    background-repeat:no-repeat;
    padding:5px 5px 5px 25px;
}
table.item-list .child {
    background-repeat:no-repeat;
    background-position:left 30px center;
    padding:5px 5px 5px 55px;
}
table.item-list {
    border:1px solid #999;
    margin-bottom:10px;
}

tr[data-href]{
    cursor:pointer;
}

/*ステータス設定画面用*/
td.stat-row input.text-min {
    width: 35px;
}

/*連絡先一覧画面用*/
div.download-bp-box{
    float: right;
    margin-right: 10px;
    margin-top: 3px;
    margin-left: 150px;  
}
.bpdownload-forbulksend{
    letter-spacing: 0.1em;
}
.bpdownload-forbulksend-off{
    pointer-events: none;
    cursor: default;
    text-decoration: none;
}
.bpdownload-forbulksend:visited{
    color: #FFF;
}

/*送付票設定画面用*/
div.liset-cover div.selected-row {
    background-color: #cdebd9;
}
div.liset-cover div img.Thumbnail {
    margin-left: 10px;
    margin-bottom: 10px;
}

div.contactspane {
    margin-bottom:15px;
}
td.chk {
    padding:5px;
    width:20px;
}
td.item {
    text-align:left;
    padding:5px;
}
table.fixed{
  table-layout: fixed;
}
td.clr01 {
    background-image:url(../images/ico-folder.gif);
}
.color-setting {
    padding:16px 13px;
    margin-right:20px;
    border:1px solid #666;
    border-radius:5px;
    float:left;
}
th.table-mark{
  width:25px;
}
td.center{
  text-align: center;
}
th.table-40{
  width:40px;
}
th.table-50{
  width:50px;
}
th.table-70{
  width:70px;
}
th.table-100{
  width:100px;
}
th.table-120{
  width:120px;
}
th.table-400{
  width:400px;
}
td.table-170{
  width:170px;
}
td.table-640{
  width:640px;
}
.mark-cond-sort{
  padding: 1.5px 5px;
  height:24px;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  vertical-align: bottom;
  background: rgba(180,171,165, 0.65);
  border: dashed 1px #4a4340;
  color: #362f2b;
  font-size: 80%;
}
.list-multi{
   margin-bottom: 3px;
}
.color-setting img {
    padding:30px;
    float:left;
}
.notes {
    width:350px;
    background-color:#fffbe6;
    padding:20px;
    float:left;
}
.foldercolor {
    width:60px;
    padding:10px 5px 5px 10px;
    border:1px dashed #999;
    float: left;
    margin-left: 10px;
}

table.fixed{
  table-layout: fixed;
}
.size200 {
    width:200px;
    margin-right:10px;
}
.size250 {
    width:250px;
    margin-right:10px;
}
.size300 {
    width:300px;
    margin-right:10px;
}
.size320 {
    width:320px;
    margin-right:10px;
}
.select-top{
    margin-bottom: 5px;
}
select.select-grouplist-top{
  width:180px;
}
img.seal {
    max-width:300px;
    max-height:300px;
}
img.seal-tmb {
    max-width:50px;
    max-height:50px;
}

/* footer */
footer {
    margin-top:30px;
    padding:5px 0;
    width:100%;
    min-width:1200px;
}
footer.isana-login {
    font-size:90%;
    max-width:400px;
    min-width:320px;
    width:95%;
    margin:auto;
    text-align:center;
}
footer.isana-main{
 background-color:#a3a19e;
 color: #fff;
}
footer.isana-rcv{
    background-color: #ed748e;
    color: #fff;
}
footer.isana-snd{
    background-color: #4694d7;
    color:#fff;
}
footer.isana-conf{
    background-color: #358f7f;
    color:#fff;
}
div.copyright {
    width:1200px;
    font-size:95%;
    color:#fff;
    text-align:center;
}

.img-stamp {
	vertical-align:top;
    max-width: 1400px;
}

.icon-button {
    width: auto;
    padding:0;
    margin:0;
    background:none;
    border:0;
    font-size:0;
    line-height:0;
    overflow:visible;
    cursor:pointer;
}
#SelectParent select{
    max-width:200px;
}

/* 再送ボタン*/
button.btn-resend::after{
    content: url("/images/re-send.png")
}
button.btn-resend:hover::after{
    content: url("/images/re-send_hov.png")
}

.sticky_table tbody {
  overflow-y: scroll;
  height: 415px;
}

.sticky_table thead,
.sticky_table tbody {
  display: block;
}

.nowrap {
    white-space: nowrap;
}

.annotation {
    font-size: 85%;
    padding-left: 25px;
}
.annotationNta  {
    font-size: 95%;
    padding-left: 25px;
    color: red;
}

.btn-delete-selectDoc {
    padding-left: 25px;
}