@charset "UTF-8";

/* バリデーション */
.holizontal div.user_lnameuser_zip1formError,
.holizontal div.user_fnameformError,
.holizontal div.user_lknameformError,
.holizontal div.user_fknameformError
{
    width: 120px;
}

.zip div.zip1 div.user_zip1formError,
.zip div.zip2 div.user_zip2formError {
     width: 80px;
 }


.card_exp div.card_exp_item div.order_card_period1formError,
.card_exp div.card_exp_item div.order_card_period2formError {
    width: 75px;
    padding: 5px;
}

.card_exp div.card_exp_item div.order_card_period2formError {
    left: 22px !important;
}



.ok_mark {
    display: inline-block;
    margin-left: 12px;
    vertical-align: top;
    line-height: 1em;
    font-size: 18px;
    color: #c00;
}

.ui-widget-content {
    background: #fff !important;
}

.ui-autocomplete .ui-menu-item {
    padding: 5px 0 !important;
}

#inputNav {
    position: fixed;
    bottom: 5px;
    right: 5px;
    width: 110px;
    height: 70px;
    line-height: 70px;
    z-index: 999999;
    border: none;
    opacity: 0.95;
}

.input-nav-message {
    width: 100px;
    float: right;
    margin: 5px;
    height: 40px;
    padding: 5px;
    line-height: 40px;
    border: 5px solid #fff;
    border-radius: 0.5em;
    text-align: center;
}

#uncompletedMessage {
    /*background: #ffdddd;*/
    background: #ff4c51;
    color: #fff;
}

#completedMessage {
    /*background: #dde8ff;*/
    background: #52c864;
    color: #fff;
}

#numUncompleted {
    font-size: 18px;
    font-weight: bold;
}