/********** ファイルアップ用CSS  **********/

/* ドロップエリア */
.drop_area{
	border:solid 1px #676774; padding:0px; border-radius: 4px; position:relative;
	width:140px; height:48px;font-size:80%;  text-align:center; border-spacing:0;
	background-color:#ffffff; 
}
.drop_area:hover{ background-color:#ecedf0; }
/* ファイルアップフォーム */
.drop_area label {
    padding: 2px 11px 2px; color: #ffffff; font-weight: bold;  white-space:nowrap;
    background-color: #384878; border-radius:4px; 
    cursor: pointer;font-size:11px;  position: absolute; top:1px; left:20px;
}
.drop_area label:hover{ filter: brightness(200%); }
/* ファイル選択フォーム消し */
input[type="file"] { margin:0; padding:0; display: none;}
/* ドロップエリア内メッセージ ファイル名等 */
.msg1 { margin: 26px 1px 0; font-weight: bold; line-height:1.0; word-break: break-all;}  


/* スマホ用 */
.drop_area_s{
	padding:0px; position:relative;
	width:139px; height:32px;font-size:80%;   border-spacing:0;
	background-color:#ffffff; 
}
.drop_area_s:hover{ background-color:#ecedf0; }
/* ファイルアップフォーム */
.drop_area_s label {
display: table-cell;vertical-align: middle;
	width:140px; text-align:center;padding:6px 0 6px;
    color: #ffffff; font-weight: bold;  white-space:nowrap;
    background-color: #384878; border-radius:4px; 
    cursor: pointer;font-size:13px;  position: absolute; top:0px; 
}
.drop_area_s label:hover{ filter: brightness(200%); }
.msg1_s { margin: 2px 1px 0; line-height:1.0; font-size:11px;word-break: break-all;}  


/* 状況説明 */
.msg2 {padding: 4px 1px 1px; color:#0000ff; font-weight: bold;}  
/* ローディング画像*/
.loading{margin:5px 40px 0 0;}
/* 画像表示エリア*/
.msg3{ padding-left: 5px; text-align:right;max-width: 120px;}

/* アップ確認用画像アイコン サイズ */
.icon_size{ max-width: 120px; max-height: 120px; }
/* 画像以外のファイルアイコン */
.file_icon{ width:auto; height:auto;}

/* 確認用画像サイズ */
.Bigsize{width:auto; height:40px;}
.pdf{width:50px; height:61px;}