@charset "utf-8";

/* +++++++++++++++++++++++++++++++

login.css

+++++++++++++++++++++++++++++++ */

#box_login {
    width: 920px;
    margin: 0 auto;
}

#box_login .heading {
    margin-bottom: 20px;
    font-size: 16px;
}

/*ログイン
-----------------------------------*/
#login {
    float: left;
    width: 388px;
    min-height: 335px;
    padding: 20px 30px;
    border: 2px solid #ddd;
    background: #f9f9f9;
}
#login p { margin: 0 0 20px; }
#login table {
    width: 350px;
    margin: 0 auto 30px;
}
#login th,
#login td {
    padding: 10px 0;
    text-align: left;
}
#login th { width: 88px; }
#login td input { width: 238px; }

#login .button_login {
    display: block;
    margin: 0 auto 20px;
    background: #444;
}
#login .button_login:before {
    position: absolute;
    top: 50%;
    left: 20px;
    display: block;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background: url(//d1hmck1dafa717.cloudfront.net/ec/images/registration/ico_login.png) no-repeat left top;
    content: " ";
}

#login ul {
    width: 300px;
    margin:  15px auto 0;
    list-style: none;
}
#login li { margin: 0; }
#login li a {
    padding-left: 10px;
    background: url(//d1hmck1dafa717.cloudfront.net/ec/images/common/ico_arrow_r.png) no-repeat left center;
    color: #00468c;
    font-size: 12px;
}

/*初めての方
-----------------------------------*/
#guest {
    float: right;
    width: 388px;
    min-height: 335px;
    padding: 20px 30px;
    border: 2px solid #ddd;
}
#guest p { margin: 0 0 20px; }
#guest ul {
    text-align: center;
    margin: 0;
    padding: 0;
    list-style: none;
}
#guest li {
    display: inline-block;
    margin: 0;
}
#guest li:nth-child(2) { margin: 0 5px; }

#guest .button {
    display: block;
    margin: 15px auto 0;
}
#guest .button_cart {
    padding: 10px 0 9px;
    background: #f1b94e;
    font-size: 14px;
}

#guest .button_registration {  background: #eb7007; }
#guest .button_registration:after {
    position: absolute;
    top: 50%;
    left: 20px;
    display: block;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background: url(//d1hmck1dafa717.cloudfront.net/ec/images/registration/ico_registration.png) no-repeat left top;
    content: " ";
}
#guest .button_cart:after { left: 20px; }
#guest .button_cart:disabled { background: #afafaf; }