/********** ファイルアップ用CSS  GDあり**********/

/* ファイルアップフォーム */
.drop_area label {
    padding: 1px 12px 1px; margin:0; color: #ffffff; 
    background-color: #384878; border-radius:4px;
    cursor: pointer;font-size:13px;  position: relative; top: 4px;
}
.drop_area label:hover{ filter: brightness(200%); }

/* ドロップエリア */
.drop_area{
	border:solid 1px #676774; padding:0px; border-radius: 4px; margin-top:1px;
	width:140px; height:50px;font-size:80%;  text-align:center;
}
.drop_area:hover{ background-color:#ecedf0; }
/* ファイル選択フォーム消し */
input[type="file"] { margin:0; padding:0; display: none;}
/* ドロップエリア内メッセージ ファイル名等 */
.msg1 { margin: 8px 1px 0; word-break: break-all;line-height:1.1;}  
/* 状況説明 */
.msg2 {padding: 5px 1px 1px; color:#0000ff; font-weight: bold;  }  
/* ローディング画像エリア*/
.loding_area{width:40px;text-align:center;} 
.loading{margin:5px 0 0;}
/* 画像表示エリア*/
.msg3{ margin: 5px 3px 3px; text-align:right;}
/* 画像移動リンク<< */
.movlink{ font-weight: bold; font-size:12px;margin-top:3px;}

/* 画像 */
.imgflame{float:left; margin:1px;text-align:center;vertical-align:top; }
.imgflame td{text-align:center;vertical-align:top;}
.imgflame img{
box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.2);/* 影*/
border-radius: 2px;
margin:5px 0 3px;vertical-align: bottom;
}
.imgflame a{ text-decoration:none;}
.imgflame p{margin:0;padding:0;}

/*表示/非表示*/
.p_ok, .p_ng{font-size:12px; padding:0 1px 0;color:#ffffff;}
.p_ok:hover, .p_ng:hover { background-color:#00c0c9;}
.p_ok{background-color:#0000ff;}
.p_ng{background-color:#ff0000;}