@charset "utf-8";
@import "common.less?fasdfasdfafd";
@import "plugins/elements.less";

/* admin ---------------------------------------------------------------------- */

.edit_link{
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 500;
    a{
        .button;
        padding: 5px 8px;
    }
}
.create_link{
    position: absolute;
    top: 0px;
    right: 70px;
    a{
        .btn_red;
        z-index: 1000;
        padding: 7px;
    }
}

.logout_link{
    position: absolute;
    top: 0px;
    right: 10px;
    a{
        .btn_gray;
        font-size: 11px;
        z-index: 1000;
        padding: 7px;
    }
}

#category_link,
#banner_link{
    position: relative;
    .edit_link{
        position: absolute;
        top: -5px;
        right: -80px;
        padding: 5px 8px;
    }
}
#category_link a{
    // padding-left: 0 !important;
}


/* 編集 ----------------------------------------------- */

#edit_form{
    width: 700px;
    margin: 20px auto;
    position: relative;
    .btn_area{
        margin: 30px 10px 100px;
        .btn{
            width: 200px;
            margin-right: 10px;
        }
    }
}
#login_form{
    width: 400px;
    margin: 20px;
    .err_box{
        margin: 30px 10px;
    }
    input{
        margin-left: 10px;
    }
}

table.edit{
    .drop-shadow(0px, 1px, 1px, .1);
    width: 680px;
    margin: 10px;
    th{
        background: #575757;
        padding: 10px 10px;
        color: #FFF;
        border-bottom: solid 1px #808080;
        width: 120px;
        font-size: 11px;
        span{
            color: #FFF;
            font-size: 11px;
            margin-left: 10px;
        }
    }
    td{
        padding: 10px 10px;
        border-bottom: solid 1px #ECECEC;
        background: #FFF;
        .caution{
            margin: 5px 0 0;
            opacity: .7;
            font-size: 11px;
        }
        label{
            margin-right: 10px;
            input{
                margin-right: 5px;
            }
        }
        input.input_text{
            width:510px;
        }
        input.half{
            width:180px;
        }
        textarea{
            width: 510px;
            height: 150px;
        }
        select{
            width: 300px;
            margin-right: 10px;
        }
    }
    td.upload_area{
        position: relative;
        top: 0px;
        left: 0px;
        input{
            display: block;
            margin: 5px 0 0;
        }
        img{
            max-width: 200px;
        }
        span{
            background: #DE0000;
            padding: 2px 5px;
            display: block;
            cursor: pointer;
            color: #fff;
            width: 16px;
            text-align: center;
            position: absolute;
            top: 10px;
            left: 184px;
        }
    }
    tr.pr_image{
        display: none;
    }
}

.return_link{
    margin: 30px 10px 30px;
    a{
        text-decoration: none;
        i{
            margin-right: 5px;
            font-size: 10px;
        }
    }
}

.check_link{
    position: absolute;
    top: 0px;
    right: 10px;
}

/* リスト ----------------------------------------------- */

#list_form{
    width: 700px;
    margin: 20px auto;
    .btn_area{
        margin: 30px 10px;
    }
    h3{
        margin: 10px;
        font-size: 20px;
        color: #575757;
        text-shadow: 0px 1px 0px #FFF; 
    }
}

table.list{
    .drop-shadow(0px, 1px, 1px, .1);
    width: 680px;
    margin: 10px;
    thead{
        th{
            background: #575757;
            padding: 5px 10px;
            color: #FFF;
            border-left: solid 1px #808080;
            &:first-child{ border-left: none 0px transparent; }
            span{
                color: #FFF;
                font-size: 11px;
                margin-left: 5px;
            }
            a{
                color: #FFF;
            }
        }
    }
    tbody{
        tr{
            &:nth-child(odd){ background-color: #F4F4F4; }
            &:nth-child(even){ background-color: #FFF; }
        }
        td{
            padding: 10px 10px;
            border-bottom: solid 1px #ECECEC;
            i{
                margin-right: 5px;
                text-decoration: none;
            }
        }
        .no,
        .disp{
            text-align: center;
            width: 70px;
        }
        .image{
            img{
                max-width: 200px;
            }
        }
        .type{
            text-align: center;
            width: 200px;
        }
        .publish{
            text-align: center;
            width: 80px;
        }
        .state{
            text-align: center;
            width: 70px;
        }
    }
}