/*共通設定*/
.alert {
    margin-top: 8px;
}
.error_msg{
    display : inline-block ;
    vertical-align : top ;
    color : #c33 ;
    height : 20px ;
    line-height : 20px ;
    margin : 0 ;
}
@media screen and (max-width: 1000px){
    .error_msg{
        height : auto ;
        line-height : normal ;
        font-size : 14px ;
    }
}

.error_msg .error-message{
    display : inline-block ;
    vertical-align : middle ;
    color : #c33 ;
    height : 30px ;
    line-height : 30px ;
    margin : 0 ;
}
@media screen and (max-width: 1000px) {
    .error_msg .error-message{
        height : auto ;
        line-height : normal ;
    }
}

.icon_required{
    display : inline-block ;
    width : 46px ;
    height : 20px ;
    background-image : url(../images/icon_required.gif) ;
    background-repeat : no-repeat ;
}



.well .span4 {
    width: 30%;
    border-right: 1px solid;
}

.well {
    margin-top: 10px;
}

.form-horizontal .control-label {
    width: 25%;
}

.form-horizontal .controls {
    margin-left: 30%;
}
.main {
    /*
    padding: 20px;
    */
}
.main .left-box {
    display : table-cell ;
    vertical-align : top ;
    width: 20%;
    min-width : 240px ;
}
.main .left-inner-box {
    padding-right: 10px;
}
.main .right-box {
    display : table-cell ;
    vertical-align : top ;
    width: 75%;
    min-width : 400px ;
}
.main .right-box .staff_top_create_btn ul {
    margin : 0 ;
    padding : 0 ;
}
.main .right-box .staff_top_create_btn ul li {
    width : 21% ;
    padding : 1% ;
    margin : 5px 0 ;
    display : inline-block ;
    vertical-align : top ;
    text-align : center ;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.main .right-box .staff_top_create_btn ul li a {
    width : 400px ;
    height : 40px ;
    display : table-cell ;
    vertical-align : middle ;
    color : #fff ;
}
.main .right-box .staff_top_create_btn ul li.green {
    background-color : #3c3 ;
}
.main .right-box .staff_top_create_btn ul li.green:hover {
    background-color : #090 ;
}
.main .right-box .staff_top_create_btn ul li.orange {
    background-color : #f93 ;
}
.main .right-box .staff_top_create_btn ul li.orange:hover {
    background-color : #c60 ;
}
.main .right-inner-box {
}
@media screen and (max-width: 1000px) {
    body {
        line-height: normal;
    }
    .controls p {
        /*font-size: 1.5em;*/
    }
    .control-group .image-action input[type="button"],
    .controls .image-action input[type="button"] {
        /*font-size: 1.5em;*/
    }
    .control-group .image-action input[type="select"],
    .controls .image-action input[type="select"] {
        /*font-size: 1.5em;*/
    }
    .main {
        padding: 20px;
        font-size: 1.5em !important;
    }
    .main .left-box {
        display : block ;
        vertical-align : top ;
        width: 100%;
    }
    .main .left-inner-box {
        padding-right: 0;
    }
    .main .right-box {
        display : block ;
        vertical-align : top ;
        width: 100%;
        min-width : 300px ;
    }
    .main .right-inner-box {
        width: 100%;
    }
    #pan{
        display : none ;
    }
    .main .right-box .staff_top_create_btn ul li {
        width : 45% ;
        padding : 1% ;
    }
    .main .right-box .staff_top_create_btn ul li a {
        font-size : 16px ;
    }
}

.main #edit_title{
    background-image: url(../images/edit_title_bk_g.jpg) ;
    background-repeat : repeat-x ;
    height : 50px ;
    line-height : 50px ;
    padding-left : 10px ;
    font-size : 24px ;
    font-weight : bold ;
    color : #fff ;
    margin-bottom : 20px ;
}
@media screen and (max-width: 1000px) {
    .main #edit_title{
        height : auto ;
        line-height : normal ;
    }
}

/*サイドバー*/
.main .menu-header{
    border: 1px solid darkgreen;

    background-image: url(../images/edit_title_bk_g.jpg) ;
    background-repeat : repeat-x ;
    height : 50px ;
}
@media screen and (max-width: 1000px) {
    .main .menu-header{
        height : auto ;
        line-height : normal ;
    }
}

.main .menu-header-dummy{
    border: 1px solid darkgreen;
    border-bottom : none ;
}
.main .menu-header h2{
    background-image: url(../images/icon_edit_title.jpg) ;
    background-repeat : no-repeat ;
    background-position : 10px 14px ;
    color: #fff ;
    font-size: 24px;
    font-weight: bold;
    line-height: 53px;
    height : 50px ;
    padding-left: 25px;
    margin : 0 ;
}
@media screen and (max-width: 1000px) {
    .main .menu-header h2{
        /*height : auto ;
        line-height : normal ;*/
    }
}

.main .menu {
    margin-left: 0;
    margin-bottom: 20px;
}
.main .menu .menu-archive {
    border: 1px solid darkgreen;
    border-top: 0;
    background-color: #cc0;
    padding : 5px 0 ;
}
.main .menu .menu-archive h3{
    height : 20px ;
    line-height : 20px ;
    width : 100% ;
    overflow : hidden ;
    background-position : 20px 0 ;
    padding-left : 20px ;
    color : #fff ;
    font-weight : bold ;
    font-size : 16px ;
    margin : 0 ;
}
@media screen and (max-width: 1000px) {
    .main .menu .menu-archive h3{
        height : auto ;
        line-height : normal ;
    }
}

.main .menu .menu-archive h3.open{
    background-position : 20px -20px ;
}
.main .menu .menu-content {
    border: 1px solid darkgreen;
    border-top: 0;
    padding: 10px;
}
.main .menu .menu-content dl {
    margin-top: 10px;
    margin-bottom: 0px;
}
.main .menu .menu-content dt{
    font-weight : bold ;
    color : #fff ;
    background-color : #999 ;
    height : 24px ;
    line-height : 24px ;
    border: 1px solid #666 ;
    text-align: center;
    font-size: 12px;
}
@media screen and (max-width: 1000px) {
    .main .menu .menu-content dt{
        height : auto ;
        line-height : normal ;
    }
}

.main .menu .menu-content dd{
    padding-left : 3px ;
    margin-top : 3px ;
    margin-bottom : 6px ;
    color : #333 ;
}

.main .menu .menu-content dd.smallfont {
    font-size: 12px;
}
@media screen and (max-width: 1000px) {
    .main .menu .menu-content dd.smallfont {
        /*font-size: 1.5em;*/
    }
}

.main .menu .menu-content .menu-action dl{
    margin-top : 20px ;
}
.main .menu .menu-content .menu-action {
    margin-top: 15px;
}
.main .menu .menu-content .menu-action input[type="button"] {
    width: 100%;
    height: 30px;
    margin-bottom: 2px;
    /*background-color: #003300;*/
}
@media screen and (max-width: 1000px) {
    .main .menu .menu-content .menu-action input[type="button"] {
        height : auto ;
        line-height : normal ;
        /*font-size:1.5em;*/
    }
}

.main .menu .menu-content table {
    width: 100%;
}
.main .menu .menu-content table th,
.main .menu .menu-content table td {
    padding: 3px;
    border: 1px solid silver;
    white-space: nowrap;
    vertical-align: top;
    text-align: left;
}
.main .menu .menu-content table th {
    background-color: palegreen;
}
.main .menu .menu-content .data-card th {
    width: 120px;
    text-align: right;
}
.main .img-box {
    width: 120px;
    border: 1px solid silver;
    padding: 5px;
    margin: 0 auto 0 auto;
}
.main .img-box img {
    width: 100%;
}
.main .name-box {
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: center;
}

.main .data-list th,
.main .data-list td {
    padding: 3px;
}
.main .data-list .fit {
    width: 1%;
}
.main .data-list .wrap {
    white-space: normal;
}
.main .data-list .nowrap {
    white-space: nowrap;
}
.staff-card,
.staff-list {
    width: 98%;
    margin: 0 auto 0 auto;
}
.staff-card h2,
.staff-list h2 {
    font-size: 24px;
    font-weight: bold;
    padding-left: 10px;
    background-color: darkgreen;
    color: white;
    margin: 0 auto 20px auto;
}
.staff-card .well,
.staff-list .well {
    padding: 20px;
    margin: 0px auto 20px auto;
}
.staff-card a,
.staff-list a {
    border: none;
    background-color: transparent;
    padding: 0;
}
.staff-list th,
.staff-list td {
    white-space: nowrap;
    vertical-align: middle !important;
}
.staff-list .fit {
    width: 1px;
}
.staff-list .center {
    text-align: center;
}
.staff-list .left {
    text-align: left;
}
.staff-list .right {
    text-align: right;
}


/*メインコンテンツ*/
.main .contents-header{
    background-color : #6c3 ;
}
.main .contents-header h2{
    color: #fff ;
    font-size: 18px;
    font-weight: bold;
    line-height: 43px;
    height : 40px ;
    padding-left: 10px;
    margin : 0 ;
}
@media screen and (max-width: 1000px) {
    .main .contents-header h2{
        height : auto ;
        line-height : normal ;
    }
}

.main .menu .contents-archive {
    background-color: #ccc;
    padding : 5px 0 ;
}
.main .menu .contents-archive h3{
    color : #333 ;
    height : 20px ;
    line-height : 20px ;
    overflow : hidden ;
    background-image : url(../images/staff_edit_arrow.jpg) ;
    background-repeat : no-repeat ;
    background-position : 20px 0 ;
    padding-left : 50px ;
    margin : 0 ;
    font-size : 14px ;
    font-weight: normal ;
}
@media screen and (max-width: 1000px) {
    .main .menu .contents-archive h3{
        height : auto ;
        line-height : normal ;
    }
    .main .menu .contents-content .data-list{
        display: block ;
        overflow-x: scroll;
    }
}

.main .menu .contents-content {
    border: 1px solid #ccc;
    border-top: 0;
    padding: 10px;
}
.main .menu .contents-content .data-list{
    width : 100% ;
}
.main .menu .contents-content .data-list tr{
    border-bottom : 1px dashed #ccc ;
}
.main .menu .contents-content .data-list td{
    padding : 10px 0 3px 10px ;
}
.main .menu .contents-content .contents-action {
    padding-top: 10px;
    text-align : right ;
}





/*変更画面*/
.caution{
    margin-top : 30px;
}
.setting_confirm_box{
    margin-top: 30px;
}
.setting_box .group_block{
    margin : 10px 0 60px 0 ;
    border-bottom : 2px solid #ccc ;
}
.setting_box .group_block .group{
    margin : 0 ;
    border-top : 2px solid #ccc ;
    min-height : 80px ;
}
.setting_box .group_block .group .group_title{
    display : table-cell ;
    vertical-align : middle ;
    min-width : 150px ;
    background-color : #cfc ;
    margin : 0 ;
    padding : 0 0 0 20px ;
    height : 80px ;
    font-weight : bold ;
    color : #333 ;
}
@media screen and (max-width: 1000px) {
    .setting_box .group_block .group .group_title{
        height : auto ;
        line-height : normal ;
    }
}

.setting_box .group_block .group .group_title .icon_required{
    float : right ;
    padding-right : 10px ;
}
.setting_box .group_block .group .controls{
    width : 100% ;
    display : table-cell ;
    vertical-align : middle ;
    margin : 0 ;
    padding : 15px 0 15px 20px ;
}
.setting_box .group_block .group .controls .img_upload_box{
    /*width : 30% ; */
    width: 140px ;
    max-width : 140px ;
    padding : 10px ;
    margin-right : 20px ;
    margin-bottom : 20px ;
    display : inline-block ;
    vertical-align : top ;
    /*text-align : center ; */
}
.setting_box .group_block .group .controls .img_upload_box .image-upload {
    margin: 0;
}
.setting_box .group_block .group .controls .img_upload_box .image-thumb{
    float : none ;
    display : inline-block ;
    width : 100% ;
    max-width : 120px ;
    margin-bottom : 10px ;
}
.setting_box .group_block .group .controls .img_upload_box .image-action{
    width : 100% ;
    /*text-align : center ; */
    margin-left: 0 ;
    margin-bottom : 10px ;
}
.setting_box .group_block .group .controls .img_upload_box .image-action input{
    height : 27px ;
    width : 50px ;
}
@media screen and (max-width: 1000px) {
    .setting_box .group_block .group .controls .img_upload_box .image-action input{
        height : auto ;
        line-height : normal ;
    }
}

.setting_box .group_block .group .controls .img_upload_box .comment_box{
    width : 100% ;
    /*text-align : center ; */
}
.setting_box .group_block .group .controls .img_upload_box .comment_box .comment_input{
    width : 100% ;
}
.setting_box .group_block .group .controls .cke_chrome{
    width : 98% !important ;
    max-width : 650px ;
}
.setting_box .group_block .group .controls pre{
    max-width : 800px ;
}
.setting_box .group_block .group .controls .info_msg_box{
    margin-top: 5px;
}
.setting_box .group_block .group .controls .info_msg{
    color : #30c ;
    font-size : 14px ;
}
.setting_box .group_block .group .controls .size-full{
    width : 96% ;
}
.setting_box .group_block .group .controls .d_category{
    margin-top : 5px ;
    font-size : 12px ;
}
.setting_box .group_block .group .controls .d_category label{
    font-size : 12px ;
}
.setting_box .group_block .group .controls .tag-input{
    margin-top : 5px ;
}
.setting_box .group_block .group .controls .tag-input .public-tag-box{
    margin-top : 5px ;
    font-size : 12px ;
}
.setting_box .group_block .group .controls .tag-input .public-tag-box span{
    font-size : 12px ;
}
.btn_group{
    /*text-align : center ;*/
}
.btn_group #submit_check{
    width : 160px ;
    height : 36px ;
    background-image : url(../images/staff_edit_check_off.jpg) ;
    background-repeat : no-repeat ;
    border : none ;
    cursor : pointer ;
    display: inline-block ;
}

.btn_group #submit_check:hover{
    background-image : url(../images/staff_edit_check_on.jpg) ;
}
.btn_group #submit_update{
    width : 160px ;
    height : 36px ;
    background-image : url(../images/staff_edit_update_off.jpg) ;
    background-repeat : no-repeat ;
    border : none ;
    cursor : pointer ;
    display: inline-block ;
}
@media screen and (max-width: 1000px) {
    .btn_group #submit_update{
        height : 36px ;
        line-height : normal ;
    }
}

.btn_group #submit_update:hover{
    background-image : url(../images/staff_edit_update_on.jpg) ;
}
.btn_group #submit_save{
    width : 160px ;
    height : 36px ;
    background-image : url(../images/staff_edit_save_off.jpg) ;
    background-repeat : no-repeat ;
    border : none ;
    cursor : pointer ;
    display: inline-block ;
}
@media screen and (max-width: 1000px) {
    .btn_group #submit_save{
        height : 36px ;
        line-height : normal ;
    }
}

.btn_group #submit_save:hover{
    background-image : url(../images/staff_edit_save_on.jpg) ;
}
.btn_group #btn_back{
    width : 160px ;
    height : 36px ;
    background-image : url(../images/staff_edit_back_off.jpg) ;
    background-repeat : no-repeat ;
    border : none ;
    cursor : pointer ;
    display: inline-block ;
}
@media screen and (max-width: 1000px) {
    .btn_group #btn_back{
        height : 36px ;
        line-height : normal ;
    }
}

.btn_group #btn_back:hover{
    background-image : url(../images/staff_edit_back_on.jpg) ;
}
.btn_group #btn_preview{
    width : 160px ;
    height : 36px ;
    background-image : url(../images/staff_edit_preview_off.jpg) ;
    background-repeat : no-repeat ;
    border : none ;
    cursor : pointer ;
    display: inline-block ;
}

.btn_group #btn_preview:hover{
    background-image : url(../images/staff_edit_preview_on.jpg) ;
}
.btn_group #btn_clear{
    width : 160px ;
    height : 36px ;
    background-image : url(../images/staff_edit_clear_off.jpg) ;
    background-repeat : no-repeat ;
    border : none ;
    cursor : pointer ;
    display: inline-block ;
}
@media screen and (max-width: 1000px) {
    .btn_group #btn_clear{
        height : 36px ;
        line-height : normal ;
    }
}

.btn_group #btn_clear:hover{
    background-image : url(../images/staff_edit_clear_on.jpg) ;
}
.btn_group #submit_create{
    width : 160px ;
    height : 36px ;
    /*background-image : url(../images/staff_edit_post_off.jpg) ;*/
    background-image : url(../images/btn_create_off.jpg) ;
    background-repeat : no-repeat ;
    border : none ;
    cursor : pointer ;
    display: inline-block ;
}
.btn_group .btn_send{
    background-image : url(../images/btn_submit_off.jpg) ;
    width : 160px ;
    height : 36px ;
    border : none ;
    cursor : pointer ;
    display: inline-block ;
}
.btn_group .btn_send:hover{
    background-image : url(../images/btn_submit_on.jpg) ;
}
@media screen and (max-width: 1000px) {
    .btn_group #submit_create{
        height : 36px ;
        line-height : normal ;
    }
}

.btn_group #submit_create:hover{
    /*background-image : url(../images/staff_edit_post_on.jpg) ;*/
    background-image : url(../images/btn_create_on.jpg) ;
}
.btn_group #submit_submit{
    width : 160px ;
    height : 36px ;
    background-image : url(../images/btn_submit_off.jpg) ;
    background-repeat : no-repeat ;
    border : none ;
    cursor : pointer ;
    display: inline-block ;
}
@media screen and (max-width: 1000px) {
    .btn_group #submit_submit{
        height : 36px ;
        line-height : normal ;
    }
}

.btn_group #submit_submit:hover{
    background-image : url(../images/btn_submit_on.jpg) ;
}

/*一覧画面*/
.create_btn{
    width : 220px ;
    height : 50px ;
    display : block ;
    margin : 30px 0 30px 0 ;
}
@media screen and (max-width: 1000px) {
    .create_btn{
        height : auto ;
        line-height : normal ;
    }
}

#create_diary{
    background-image : url(../images/create_diary_on.jpg) ;
    background-repeat : no-repeat ;
}
#create_diary:hover{
    text-indent : -9999px ;
}
#create_campaign{
    background-image : url(../images/create_campaign_on.jpg) ;
    background-repeat : no-repeat ;
}
#create_campaign:hover{
    text-indent : -9999px ;
}
#create_news{
    background-image : url(../images/create_news_on.jpg) ;
    background-repeat : no-repeat ;
}
#create_news:hover{
    text-indent : -9999px ;
}

.staff_list_box #staff_list_header_contents{
    float : right ;
    text-align : right ;
}
.staff_list_box table .table_title th,
.staff_list_box table .table_title td{
    background-color : #cfc!important ;
    font-weight : bold ;
    /*color : #333 ;*/
    color: #003300;
    font-size: 12px;
}
.staff_list_box table .even td{
    background-color : #eee ;
}
.staff_list_box table .wrap {
    white-space: normal;
}
.staff_list_box table .nowrap {
    white-space: nowrap;
}
.staff_list_box table .smallfont {
    font-size: 12px;
}
.staff_list_box table .table_title a:link,
.staff_list_box table .table_title a:visited {
    color: #003300;
}
.staff_list_box table .table_title a.asc {
    background: url("../images/up_arrow.png") no-repeat right center;
    padding-right:18px;
}
.staff_list_box table .table_title  a.desc {
    background: url("../images/down_arrow.png") no-repeat right center;
    padding-right:18px;
}
.public-tag {
    margin-right: 5px;
    color: #0000ff;
    cursor: pointer;
}


/*メインコンテンツ　レスポンシブ*/
/*
@media screen and (max-width: 1080px) {
    .setting_box .group_block .group{
        margin-bottom : 20px ;
    }
    .setting_box .group_block .group .group_title{
        display : block ;
        width : 100% ;
        height : 20px ;
        line-height : 20px ;
        padding : 10px 0 ;
        text-indent: 10px ;
    }
    .setting_box .group_block .group .group_title .icon_required{
        float : left ;
        margin-left : 10px ;
        padding : 0 ;
    }
    .setting_box .group_block .group .controls{
        display : block ;
        width : 100% ;
        padding : 15px 0 ;
    }
}
*/
@media screen and (max-width: 1000px) {
/*
#header{
    display : none ;
}
*/

table {
    line-height: normal !important;
}
dt, dd {
    line-height: normal !important;
    /*font-size: 1.5em;*/
}

.staff-card{
    padding : 0 ;
}
.setting_box .group_block .group .group_title{
    display : block ;
    width : 100% ;
    height : auto ;
    line-height : normal ;
    padding : 10px 0 ;
    text-indent: 10px ;
}

.setting_box .group_block .group .group_title .icon_required{
    float : left ;
    margin-left : 10px ;
    padding : 0 ;
}
.setting_box .group_block .group .controls{
    display : block ;
    width : 100% ;
    padding : 15px 0 ;
}
.setting_box .group_block .group .controls input,
.setting_box .group_block .group .controls textarea{
    width : 90% ;
}
.setting_box .group_block .group .controls .img_upload_box{
    width : 100% ;
    max-width : none ;
    margin : 0 0 20px 0 ;
    padding : 0 0 20px 0 ;
    display : block ;
    vertical-align : top ;
    border-bottom : 1px dashed #ccc ;
}
.setting_box .group_block .group .controls .img_upload_box .image-action input{
    width : 80px ;
}
.setting_box .group_block .group .controls .coupon-image-box{
    float : none ;
    text-align : center ;
}
.setting_box .group_block .group .controls .coupon-image-box div{
    float : none ;
    display : inline-block ;
}
.setting_box .group_block .group .controls .radio-vertical input{
    width : 20px ;
}
.controls input.dc_check {
    margin-top: 0;
    vertical-align: middle;
}
.controls label.dc_label {
    margin-bottom: 0;
    font-size: 10pt;
}
.staff_list_box{
    width : 100% ;
    overflow-x : scroll ;
}

}

/*店舗会員ログイン画面*/
div#login-inner {
    padding: 15px;
    border: #ccc solid 1px;
}


span.icon_coupon {
    background-image: url("../images/icon_coupon.jpg");
    background-repeat: no-repeat;
    background-position: 0;
    display: inline-block;
    vertical-align: top;
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
    /*
    padding-top: 5px;
    */
}

.shop_info_box tr,
.shop_info_box th,
.shop_info_box td{
    border: medium solid #ccc;
    vertical-align: middle;
}

.btn_kaiin{
    background-image: url("../images/btn_kaiin_on.jpg");
    background-repeat: no-repeat;
}
.btn_kaiin a:hover{
    text-indent : -9999px ;
    display : inline-block ;
    width : 190px ;
    height : 38px ;
}

.login_facebook{
    /* background-image: url("../images/login_facebook_on.jpg"); */
    background-repeat: no-repeat;
}
.login_facebook a:hover{
    text-indent : -9999px ;
    display : inline-block ;
    width : 190px ;
    height : 38px ;
}

.login_twitter{
    /* background-image: url("../images/login_twitter_on.jpg"); */
    background-repeat: no-repeat;
}
.login_twitter a:hover{
    text-indent : -9999px ;
    display : inline-block ;
    width : 190px ;
    height : 38px ;
}



/*プラン変更申込画面*/
.plan_list li{
    margin : 10px 0 ;
}
.plan_list li input{
    display : inline-block ;
    vertical-align : top ;
}
.plan_list li label{
    display : inline-block ;
    vertical-align : top ;
}
.plan_text{
    margin-top : 10px ;
    font-size : 16px ;
}
.plan_text.confirm{
    font-size : 18px ;
    padding : 10px 0 ;
}
.plan_text.confirm span{
    font-weight : bold ;
    color : #f33 ;
}
thead.analyze th {
    background-color: #ccc;
}
#auto_login {
    margin-bottom: 10px;
}
.login_label {
    display: inline;
    margin-left: 5px;
    margin-bottom: 10px;
}