@charset "utf-8";
/* CSS Document */

/*upload*/
#actionButtonPopup{
    text-align: center;
    margin-bottom: 20px;
    margin-top: 20px!important;
    margin-right: 16px!important;
    margin-left: 0px!important;
}
.fileupload-buttonbar a {
    width: 100px !important;
}
.fileupload-buttonbar .input_file{
    margin: 0 30px;
}
.fileupload-buttonbar button{
    float: left;
    margin-right: 10px;
}
.fileupload-buttonbar button + span{
    font-size: 12px;
}
.uploadListWrapper {
    //height: 300px !important; /*変えていいのかわからない？！*/
    height: 365px !important; /* ファイルリストの表示を8項目に調整するため、変更しました。 */
}

body #actionButtonAdd a {
    background: #eb6f2c;
    border: none;
    font-size: 14px;
}
body #actionButtonDelete a {
    background: #a4a4a4;
    border: none;
    font-size: 14px;
}





/*upsell*/
#wrapper {
    background-color:#ffffff;
    font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", MS Gothic, "ヒラギノ角ゴ Pro W3", Osaka, sans-serif;
    line-height: 130%;
}
.text_volume b{
    font-size: 18px;
}
.text_volume span{
    font-size: 14px;
}
.setStorageIndicator h3{
    font-size:18px;
    font-weight: bold;
    margin-bottom: 10px;
}
#PopuptopFixed {
    width: 100%;
    position:fixed;
    background-color:#f2f2f2;
    padding:20px 0;
    z-index:100;
    -webkit-transform: translateZ(0);
}
#PopuptopFixed ul {
    width:510px;
    margin:0 auto;
}
#PopuptopFixed ul li a {
    color:#666;
    height: 32px;
    text-align: center;
    display: block;
    width: 250px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    background-color: #ffffff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border: 1px solid #c0c0c0;
}
#PopuptopFixed ul li#anchor01 a {
    float:left;
}
#PopuptopFixed ul li#anchor02 a {
    float:right;
}
#setStorageAdd, #setStorageDelete {
    width:530px;
    margin:0 auto;
    padding:30px 0;
    line-height:1.5em;
}
div.setStorageHeader p {
    line-height:1.5em;
}
#setStorageAdd {
    padding-top:100px;
}
div.setStorageEdit {
    width:100%;
}

div.setStorageEdit p.center {
    text-align:center;
    box-shadow:none;
    background:none;
    width:auto;
    height:auto;
}
div.setStorageEdit.ok01 ul {
    width: 300px;
    margin: 0 auto;
}
div.setStorageEdit li {
    margin-right:0;
}
div.setStorageEdit li a {
    display: table-cell;
    width: 300px;
    height: 40px;
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    position: relative;
    cursor: pointer;
}
li.setStorageEditOk a {
    background: #eb6f2c;
    border: 1px solid #008000;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border: 1px solid #c0c0c0;
    color:#fff;
}
div.setStorageEdit p {
    display:block;
    margin:0 auto;
    height:auto;
    padding:20px 0;
}
ul#confirmationBtn {
    width:298px;
    margin:0 auto;
}
ul#confirmationBtn li a {
    color: #666;
    height: 32px;
    text-align: center;
    display: block;
    width: 298px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    background-color: #ffffff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border: 1px solid #c0c0c0;
}
ul#confirmationBtn li.setStorageEditOk a {
    background: #ffffff;
    border: 1px solid #c0c0c0;
}

body ul.percent li {
    width: 40px;
    font-size: 8px;
}
body li.percentMin {
    margin-right: 200px;
}
body li.percentHalf {
    margin-right: 200px;
}
#alertAreaPopupWrapper{
    text-align: center;
}
#alertAreaPopup{
    width:600px;
    margin:20px 0 0;
    border:1px solid #FD1D00;
    background-color: #FEE5E5;
    display: inline-block;
}
#alertAreaPopup .alert-icon{
    margin-right: 8px;
    top: 4px;
    position: relative;
}
#alertAreaPopup h3{
    color: #FD1D00;
    text-align: center;
    border-bottom: 1px solid #FEACAC;
    padding: 8px 0;
    font-size: 14px;
}
#alertAreaPopup ul{
    margin: 10px 0 8px;
}
#alertAreaPopup li{
    font-size: 13px;
}
#alertAreaPopup .alert-message{
    display: inline-block;
    width: 524px;
    padding-left: 6px;
    text-align: left;
}
#alertAreaPopup .alert-count{
    display: inline-block;
    text-align: right;
    width: 62px;
    padding-right: 8px;
}
#alertAreaPopup a{
    color:#028FE1;
    text-decoration: underline;
}
/*member*/
#capacityMemberPopup{
	width: 500px;
	border: 1px solid #333;
	background-color: #e5e5e5;
	padding: 20px 0 0;
	height: 140px;
	position: relative;
    overflow: hidden;
}
#capacityMemberPopup p{
	margin-bottom: 20px;
	text-align: center;
	font-size: 14px;
	line-height: 18px;
}
.memberPopupBtn{
	position: absolute;
	bottom: -5px;
	left: 125px;
}

/*----------------------------------------------------------------------------
    UploadConfirm
----------------------------------------------------------------------------*/

#actionButtonPopup { margin-top: 24px; margin-left: 16px; /* letter-spacing: -.2em; */}
#actionButtonPopup li { display: inline-block; letter-spacing: normal; margin-left: 16px;}
#actionButtonPopup li a {
    position:relative;
    display: table-cell;
    height: 32px;
    text-align: center;
    vertical-align: middle;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    behavior: url("/js/PIE.htc");
    }

    #actionButtonAdd { }
    #actionButtonAdd a {
        background: #3fbd00;
        width: 80px;
        border: 1px solid #008000;
        }
    #actionButtonAdd a:link { color: #fff;}
    #actionButtonAdd a:visited { color: #fff;}
    #actionButtonAdd a:hover {}
    #actionButtonAdd a:active {}

    #actionDeleteSetting a { background: #fff; width: 64px;}
    #actionDeleteSetting a:link { color: #ffffff;}
    #actionDeleteSetting a:visited { color: #4d4d4d;}
    #actionDeleteSetting a:hover {}
    #actionDeleteSetting a:active {}

    #actionButtonDelete a {
        background: #e96430;
        width: 80px;
        border: 1px solid #800000;
        }
    #actionButtonDelete a:link { color: #fff;}
    #actionButtonDelete a:visited { color: #fff;}
    #actionButtonDelete a:hover {}
    #actionButtonDelete a:active {}

    #actionButtonRefer a { background: #fff; width: 80px;}
    #actionButtonRefer a:link { color: #000;}
    #actionButtonRefer a:visited { color: #000;}
    #actionButtonRefer a:hover {}
    #actionButtonRefer a:active {}
    #actionButtonRefer p { position:absolute; top:0; background:#0F0; width:80px; height:32px; background:url(../images/btnReferFile.png); background-position:top right}
    #actionButtonRefer p:hover {cursor:hand;}


    #actionButtonRefer input { z-index:100; margin-top:6px; }
    #actionButtonRefer input:hover {}

    #actionButtonEmpty a { background: #fff; width: 134px;}
    #actionButtonEmpty a:link { color: #4d4d4d;}
    #actionButtonEmpty a:visited { color: #4d4d4d;}
    #actionButtonEmpty a:hover {}
    #actionButtonEmpty a:active {}

.wrapper_nomember, .wrapper_member{
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    margin-left: -251px;
    margin-top: -81px;
}