.Photobox{ padding:10px;float:left;margin:10px;border:1px solid #aaa;padding:7px;text-align:center;font-size:1.15em;width:200px; }
#note    { font-size:0.7em;color:red;}

.IMGbutton-non {
  display       : inline-block;
  width :85px; height:85px;
  border-radius : 15%;          /* 角丸       */
  font-size     : 32px;        /* 文字サイズ */
  font-type     : bold;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  /* padding       : 20px 10px;    余白       */
  color         : #ffffff;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  opacity       : 0.8;           /* 透明度     */
  transition    : .3s;         /* なめらか変化 */
  box-shadow    : 6px 4px 2px #666666;  /* 影の設定 */
}

.IMGbutton {
  display       : inline-block;
  width :85px; height:85px;
  border-radius : 15%;          /* 角丸       */
  font-size     : 32px;        /* 文字サイズ */
  font-type     : bold;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  /* padding       : 20px 10px;    余白       */
  background    : #cc1a1a;     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  opacity       : 0.8;           /* 透明度     */
  transition    : .3s;         /* なめらか変化 */
  box-shadow    : 6px 4px 2px #666666;  /* 影の設定 */
}
.IMGbutton:hover {
  box-shadow    : none;        /* カーソル時の影消去 */
  opacity       : 1.0;         /* カーソル時透明度 */
  box-shadow    : 2px 2px 2px #eeeeee;  /* 影の設定 */
}

#resultPostJob {
    border:4px solid #bbbbbb;
    color:#333333;
    text-align:left;vertical-align:middle;
    padding:10px;
    margin:4px;
    font-size:100%;
  }

#dragandrophandler {
    border:4px dotted #0B85A1;
    width:300px;
    height:200px;
    color:#666666;
    text-align:center;
    vertical-align:middle;
    padding:10px;
    margin:10px;
    font-size:100%;
    font-weight: bold;
    background-image: url('/@SYS/dbx_REGISTw/info/folder2.jpg')
  }
.progressBar {
    width: 180px;
    height: 22px;
    border: 1px solid #ddd;
    border-radius: 5px; 
    overflow: hidden;
    display:inline-block;
    margin:0px 10px 5px 5px;
    vertical-align:top;
  }
.progressBar div {
    height: 100%;
    color: #fff;
    text-align: right;
    line-height: 22px; /* same as #progressBar height if we want text middle aligned */
    width: 0;
    background-color: #0ba1b5; border-radius: 3px; 
}
.statusbar {
    border-top:1px solid #A9CCD1;
    min-height:25px;
    width:290px;
    padding:10px 10px 0px 10px;
    vertical-align:top;
  }
.statusbar:nth-child(odd) {
    background:#EBEFF0;
  }

.filenameBar {
    display:inline-block;
    vertical-align:top;
    width:300px;
  }

.abortBtn{
    background-color:#A8352F;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;display:inline-block;
    color:#fff;
    font-family:arial;font-size:13px;font-weight:normal;
    padding:4px 15px;
    cursor:pointer;
    vertical-align:top
    }

.finishBtn{
    background-color:green;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;display:inline-block;
    color:#fff;
    font-family:arial;font-size:13px;font-weight:normal;
    padding:4px 15px;
    cursor:pointer;
    vertical-align:top
    }

midashi {
  width:100%;
  color: #000000;
  padding: 10px;
  margin:5px 5px;
  border: 2px solid #000000;
  font-family:'メイリオ','ＭＳ ゴシック';
  font-size:16px;
}

.pBox {
 padding:10px;float:left;margin:10px;border:1px solid #aaa;
 padding:7px;text-align:center;font-size:1.15em;width:200px;height:270px;

 }

.pNote {
font-size:0.7em;color:red;
}

/*---- 支援員写真アップロードページのスタイルとフッター 22/11/15 追加 ----*/
.pBox_ict {
  padding:10px;float:left;margin:10px;border:1px solid #aaa;
  padding:7px;width:200px;height:250px;
 display:flex;flex-direction:column;
  }
 .pNote_ict {
 font-size:1em;color:red;height:3.5em;align-self: center;text-align: center;}
 .pBox_ict img{width:70%;align-self:center;}
 div.copyright{margin-top:15px;padding:2px 15px 2px;background:#dddddd;}
 div.copyright p{color: #666666; font-size: 80%;}
/*---- 支援員写真アップロードページのスタイルとフッター 22/11/15 追加 ----*/

table#updown {
  border-collapse: collapse;
  width: 100%;
}

table#updown td {
  padding: 10px;
  width: 50%;
  border: 1px solid #999;
}
@media screen and (max-width: 640px) {
  table#updown {
    border-top: 1px solid #999;
  }
  table#updown td {
    display: block;
    text-align: left;
    width: 95%;
  }
}