/*----------------------------
    The file upload form
-----------------------------*/

#upload{
    background-color:#fff;
    width:260px;
    padding:10px;
    border-radius:3px;
    margin:0px auto 0px;
	border:1px solid #fff;
}

#drop{
    background-color: #fff;
    padding: 0px 0px;
    margin-bottom: 0px;
    /*border: 20px solid rgba(0, 0, 0, 0);*/

    text-align: center;
    text-transform: uppercase;

    font-size:16px;
    font-weight:bold;
    color:#7f858a;
}

#drop a{
    display:inline-block;
    position:relative;
    overflow:hidden;
    border-radius:3px;
    background:#099;
    color:#fff;
    text-align:center;
    padding:5px;
    line-height:30px;
    width:200px;
    cursor:pointer;
	margin-left:-5px;
	margin-top:5px;
}

#drop a:hover{
    background:#0aa;
}

#drop input{
    display:none;
}

#upload ul{
    list-style:none;
    margin:0 -11px;
    border-top:1px solid #fff;
    border-bottom:1px solid #fff;
	color:#888;
}

#upload ul li{
    background-color:#EBEBEC;
    border-top:1px solid #eee;
    border-bottom:1px solid #ccc;
    padding:15px 0;
    height: 80px;
    position: relative;
	margin-left:-40px;
}

#upload ul li input{
    display: none;
	margin-left:-40px;
}

#upload ul li p{
    width: 144px;
    overflow: hidden;
    white-space: nowrap;
    color: #888;
    font-size: 12px;
    font-weight: bold;
    position: absolute;
    top: 20px;
    left: 90px;
}

#upload ul li i{
    font-weight: normal;
    font-style:normal;
    color:#7f7f7f;
    display:block;
    font-size: 10px;
	margin-top:-10px;

}

#upload ul li canvas{
    top: 15px;
    left: 12px;
    position: absolute;
}

#upload ul li span{
    width: 15px;
    height: 12px;
    background: url('../img/icons.png') no-repeat;
    position: absolute;
    top: 30px;
    right: 13px;
    cursor:pointer;
}

#upload ul li.working span{
    height: 16px;
    background-position: 0 -12px;
}

#upload ul li.error p{
    color:red;
}

.admin_url{
    display:inline-block;
    position:relative;
    overflow:hidden;
    border-radius:3px;
    background:#099;
    color:#fff;
    text-align:center;
    padding:5px;
    line-height:30px;
    width:200px;
    cursor:pointer;
	margin-left:-5px;
	margin-top:10px;
}

/*---------------------------
ソーシャルボタン
-----------------------------*/
 
/*clearfix*/
.share-mobile,
.share-pc{ /zoom : 1; }
.share-mobile:after,
.share-pc:after{ content : ''; display : block; clear : both; height:0; }
 
/*共通*/
.share-mobile,
.share-pc {
    width: 100%;
    padding-top:20px;
}
.share-mobile a img,
.share-pc a img {
    display:inline;
    vertical-align:middle;
}
.share-mobile a:hover,
.share-pc a:hover {
    opacity:0.9;
}
.share-mobile a#share_fb,
.share-pc a#share_fb {
    background-color: #3B5998;
    border-bottom: 1px solid #3C5A98;
}
 
/*スマホ*/
.share-mobile a {
    width: 33%;
    display: block;
    float: left;
    text-align: center;
    text-decoration:none;
    font-size:14px;
    color:#FFFFFF;
    font-weight:bold;
    padding-top:5px;
    padding-bottom:5px;
}
.share-mobile a#share_line {
    background-color: #00C300;
    border-bottom: 1px solid #21AA10;
}
.share-mobile a#share_tw {
    background-color: #00ACEE;
    border-bottom: 1px solid #0193CB;
    margin:0 1px;
}
 
/*pc*/
.share-pc a {
    width: 50%;
    display: block;
    float: left;
    text-align: center;
    text-decoration:none;
    font-size:14px;
    color:#FFFFFF;
    font-weight:bold;
    padding-top:5px;
    padding-bottom:5px;
}
.share-pc a#share_tw {
    background-color: #00ACEE;
    border-bottom: 1px solid #0193CB;#share{
}