.drag-area {
    /* 1:1.618 */
    min-width: 162px;
    /* min-height: 100px; */
    border: 2px dotteded #d3d3d3;
    border-radius: 5px;
    list-style-type: none;
    margin: 10px;
    padding: 10px;
		background-color: rgba(0,0,0,0.1);
    color: rgba(60,74,96,0.5);
    text-align: center;
    background-size:contain;
    background-repeat:no-repeat;
    display:inline-block;
}

.drag-area-btn {
	/*
    background-color: #00b050;
    border-color: #8fbc8f #2e8b57 #2e8b57 #8fbc8f;
    border-style: solid;
    border-width: 1px;
    color: #fff;
    cursor: pointer;
    font-size: 8pt;
    padding: 2px 8px;
	*/
	border: 0;
	background-color: transparent;
	color: inherit;
	cursor: poiner;
}

.drag-area-btn:hover {
	color: #0a9b94;
}

.drag-view {

	font-size: 9pt;
    color: #838383;

    background-size:contain;
    background-repeat:no-repeat;

    display:inline-block;
}


.drag-area, .drag-area-btn, .drag-view {
/*    font-family: "Lucida Grande","segoe UI","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN",Meiryo,Verdana,Arial,sans-serif; */
}

.drag-area input[type="file"] {
  display: none;
}