/* signup common */
.signup-header {
    width: 960px;
    margin: 0 auto 20px;
    background-image: url(/images/signup/signup-header-title.png);
    background-repeat: no-repeat;
    background-position: center center;
    height: 120px;
    background-size: 500px 80px;
}
.signup-content {
    width: 720px;
    margin: 0 auto;
    padding: 0 0 60px;
    font-size: 18px;
}
.sc-form {
    width: 720px;
    padding-bottom: 20px;
}
.sc-input-item-wrapper,
.sc-textarea-item-wrapper,
.sc-select-item-wrapper,
.sc-submit-item-wrapper {
    padding: 10px 0 30px;
}
.sc-link-item-wrapper {
    padding: 50px 0 30px;
    text-align: center;
}
.sc-submit-item,
.sc-cancel-item,
.sc-link-item {
    width: 320px;
    display: block;
    margin: 0 auto;
    background-color: #33f;
    border-radius: 6px;
    line-height: 40px;
    font-size: 24px;
    color: #fff;
}
.sc-submit-item:hover,
.sc-cancel-item:hover {
    opacity: 0.8;
    cursor: pointer;
}

/* signup */
#signup {
}
#signup .sc-login,
#signup .sc-privacy {
    width: 720px;
    margin: 0 auto;
    text-align: right;
}
#signup .sc-privacy {
    margin-bottom: 20px;
}
#signup .sc-login .sc-login-anchor,
#signup .sc-privacy .sc-privacy-anchor {
    color: #666;
    text-decoration: underline;
}

#signup .sc-title {
    border-left: 5px solid #333;
    padding-left: 10px;
    font-size: 28px;
    line-height: 40px;
    margin-bottom: 30px;
    color: #000;
}

#signup .sc-subtitle {
    border-bottom: 1px solid #999;
    font-size: 21px;
    font-weight: bold;
    line-height: 36px;
    margin-bottom: 10px;
}

#signup .sc-error-item {
    color: #f00;
    display: none;
}
#signup .sc-input-description {
    line-height: 32px;
    padding: 4px 4px;
    font-size: 18px;
}

#signup .sc-input-item {
    border: 1px solid #999;
    border-radius: 6px;
    height: 36px;
    line-height: 36px;
    padding: 4px 8px;
    font-size: 21px;
}

#signup .sc-input-item-name {
    width: 240px;
}

#signup .sc-input-item-mail {
    width: 480px;
}

#signup .sc-input-item-password {
    width: 360px;
}

#signup .sc-input-item-birthday {
    width: 180px;
}

#signup .sc-input-item-address {
    width: 720px;
    height: 80px;
}
#signup .sc-select-itam-sex,
#signup .sc-select-itam-prefecture {
    height: 36px;
    border: 1px solid #999;
    padding: 4px 10px;
}

#signup .sc-input-item-personal-information {
}

#signup .sc-input-item-personal-information-agreement {
    padding: 0 0 10px;
}

#signup .sc-input-item-personal-information-list {
    border: 1px solid #999;
    border-radius: 6px;
    list-style-type: none;
    padding: 4px 10px;
}

/* signup-confirm */
#signup-confirm {
}

#signup-confirm .signup-content {
    width: 720px;
    margin: 0 auto;
    padding: 0 0 60px;
}

#signup-confirm .sc-subtitle {
    border-bottom: 1px solid #999;
    font-size: 21px;
    font-weight: bold;
    line-height: 36px;
    margin-bottom: 10px;
}
#signup-confirm .sc-form {
    margin-top: 30px;
}
#signup-confirm .sc-cancel-item {
    background: #008;
    margin: 0 auto;
    text-align: center;
}
#signup-confirm .sc-item {
    font-size: 21px;
    padding: 10px 20px 30px;
}

/* signup-sent */
#signup-sent p {
    font-size: 18px;
}
#signup-sent h3 {
    border-bottom: 1px solid #999;
    font-size: 21px;
    font-weight: bold;
    line-height: 36px;
    margin: 50px 0 10px;
}
#signup-sent .sc-noreach-wrapper {
    margin: 30px 0;
}
#signup-sent .sc-noreach-wrapper dt {
    font-weight: bold;
    margin-bottom: 10px;
}
#signup-sent .sc-noreach-wrapper dd {
    margin-bottom: 30px;
}