@CHARSET "UTF-8";

* {
    margin: 0;
    padding: 0;
}

html {
    font-size: 62.5%;
}

body {
    font-size: 1.2em;
    line-height: 1em;
    text-align: center;
}

h1, h2, h3, h4, h5, h6, p {
    font-size: 1em;
    font-weight: normal;
}

img {
    border: 0;
    vertical-align: bottom;
}

a {
    color: #448aca;
    text-decoration: underline;
    outline: none;
}

a:visited {
    color: #448aca;
    text-decoration: underline;
}

a:hover {
    color: #f60;
    text-decoration: underline;
}

a:active {
    color: #3c3;
    text-decoration: underline;
}

input {
    outline: none;
    font-size: 16px;
    border-radius: 5px;
    border: 1px solid #999;
    padding: 10px;
    margin-bottom: 10px;
}

input.hidden-button {
    margin: 0;
    padding: 0;
}

ul li,
ol li {
    list-style-type: none;
}

/* Layout
---------------------------------------------------- */

html, body {
    width: 100%;
    height: 100%;
    color: #555;
    background-color: #fff;
}

img {
    vertical-align: bottom;
}

#container {
    width: 100%;
    min-height: 100%;
    position: relative;
}

#header {
    margin: 0 auto;
    padding: 20px 0;
    width: 950px;
    position: relative;
    text-align: left;
}

#wrapper {
    padding-bottom: 180px;
}

#container #footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
}

#content {
    text-align: left;
    letter-spacing: 0;
}

#content div.transition-outer {
    margin: 0 auto;
    width: 950px;
}

#content div.notice-outer {
    position: relative;
}


/* Common Style
------------------------------------------ */

/* header */
#header {
    margin: 0 auto;
    padding: 20px 0;
    width: 950px;
    min-height: 58px;
    position: relative;
    text-align: left;
}

#header h1 {
    padding: 10px 0 0 190px;
    font-weight: normal;
}

#header h1 a {
    position: absolute;
    top: 20px;
    left: 0;
}

#header h1 span {
    margin-top: 10px;
    display: block;
    font-weight: bold;
    font-size: 1.35em;
}

#header h1 span.ds {
    color: #448aca;
}

#header h1 span.af {
    color: #87c209;
}

/* footer */
#footer {
    background-color: #fff;
    z-index: 20px;
}

#footer-copy {
    color: #fff;
}

#footer-copy.ds {
    background-color: #bde7f6;
}

#footer-copy.af {
    background-color: #d2eb94;
}

.footer-inner {
    margin: 0 auto;
    padding: 20px 0;
    width: 950px;
    position: relative;
    text-align: left;
}

#footer-copy .footer-inner p {
    padding: 10px 0 0 190px;
    min-height: 48px;
}

#footer-copy .footer-inner p img {
    position: absolute;
    top: 20px;
    left: 0;
}

#footer-copy .footer-inner p span {
    margin-top: 8px;
    display: block;
    font-weight: bold;
    font-size: 1.35em;
}

#footer-copy a#totop {
    padding: 18px 0 17px;
    border-radius: 50px;
    display: block;
    width: 50px;
    position: absolute;
    top: -25px;
    right: 0;
    background-color: #448aca;
    text-align: center;
    box-shadow: 0 2px 4px rgba(80, 80, 80, .9);
    transition: 0.3s ease-in-out;
}

#footer-copy a#totop:hover {
    background-color: #4d9be3;
    box-shadow: 0 4px 8px rgba(80, 80, 80, .9);
    text-decoration: none;
}

#footer-copy a#totop:active {
    box-shadow: 0 2px 2px rgba(80, 80, 80, .9);
    text-decoration: none;
}

.hide {
    display: none;
}

/* }}} */

/* {{{ Color Definition */

.red {
    color: #f00;
}

.silver {
    color: #ccc;
}

/* }}} */

/* {{{ Common Style */

/* {{{ heading */

#content h2 {
    margin: 0 auto 20px auto;
    background: #546ad9;
    padding-left: 25px;
}

#content h2 p {
    margin: 0 auto;
    width: 950px;
    padding: 16px 0;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
}

/* }}} */

/* {{{ wrapper-nav */

#wrapper-nav {
    width: 950px;
    padding-top: 20px;
    margin: 0 auto;
}

/* }}} */

/* {{{ navigation */

#content ol.preregister-navigation,
#content ol.register-navigation {
    overflow: hidden;
}

#content ol.preregister-navigation li {
    width: 310px;
    float: left;
    background-position: 0 0;
    background: #f6f6f6;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: #ccc;
}

#content ol.preregister-navigation li.on {
    background: #87c209 0% 0% no-repeat;
    color: #fff;
}

#content.ds ol.preregister-navigation li.on {
    background: #0068b7 0% 0% no-repeat;
}

#content ol.preregister-navigation li a {
    padding-top: 51px;
    display: block;
}

#content ol.preregister-navigation li.on {
    padding: 14px 0;
    margin-right: 10px;
}

#content ol.preregister-navigation li.navi-register {
    padding: 14px 0;
    margin-right: 10px;
}

#content ol.preregister-navigation li.navi-complete {
    padding: 14px 0;
}

#content ol.preregister-navigation li {
    overflow: hidden;
}

#content ol.preregister-navigation li.navi-step1,
#content ol.preregister-navigation li.navi-step2,
#content ol.preregister-navigation li.navi-step3 {
    width: 213px;
    position: relative;
    text-indent: 0;
}

#content ol.preregister-navigation li.navi-step3 {
    margin-right: 10px;
}

#content ol.preregister-navigation li p {
    position: relative;
}

#content ol.preregister-navigation li p span {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 213px;
    height: 50px;
}

#content ol.preregister-navigation li p span.text {
    padding-top: 6px;
    height: 44px;
    z-index: 30;
    text-align: center;
    font-size: 14px;
    line-height: 18px;
    color: #ccc;
}

#content ol.register-navigation li {
    display: table;
    width: 182px;
    float: left;
    background-position: 0 0;
    background: #f6f6f6;
    margin-right: 10px;
    padding: 20px 0;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #ccc;
}

#content ol.register-navigation li.on {
    background: #87c209;
    color: #fff;
}

#content ol.register-navigation li:nth-child(5n) {
    margin-right: 0;
}

#content.ds ol.register-navigation li.on {
    background: #0068b7;
}

#content ol.register-navigation li.navi-complete.on {
    background: #f79256;
    margin-right: 0;
}

#content div.form-outer {
    height: initial;
    position: relative;
}

/* }}} */

/* {{{ form-box */

#content div.preregister-box.preregister {
    margin-top: 40px;
    margin-bottom: 40px;
    width: 950px;
}

#content div.preregister-inner {
    overflow: hidden;
    background: #ebf7c7;
    border-radius: 10px;
}

#content.ds div.preregister-inner {
    overflow: hidden;
    background: #e5f8ff;
    border-radius: 10px;
}

#content div.preregister-form.complete {
    height: 303px;
    background: #ebf7c7;
    border-radius: 10px;
    padding: initial !important;
}

#content.ds div.preregister-form.complete {
    height: 303px;
    background: #e5f8ff;
    border-radius: 10px;
}

#content div.preregister-box div.preregister-form {
    padding: 20px 20px 40px;
    background: #ebf7c7;
    border-radius: 10px;
}

#content div.preregister-box div.preregister-form#complete {
    padding-bottom: 20px;
}

#content div.preregister-box h3,
#content div.register-box h3 {
    margin-bottom: 10px;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.5em;
}

#content div.preregister-form div.form-box div {
    padding: 10px 20px;
}

#content div.preregister-form div.form-box div.email {
    padding: 10px 20px;
    background: #f6f6f6;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5em;
}

#content div.preregister-form div.form-box div.email span {
    margin-left: 5px;
    height: 16px;
    background: #c00;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    padding: 0 2px;
}

#content div.preregister-form div.form-box div.input-box {
    background: #fff;
    padding-top: 20px;
    padding-bottom: 20px;
}

#content div.preregister-form div.form-box div.input-box input {
    width: 400px;
}

#content div.register-box {
    margin: 0 auto;
    /* position: absolute; */
    width: 950px;
    /* background: #f6f6f6; */
    border-radius: 10px;
}

#content div.register-form {
    /* background: #f6f6f6; */
    border-radius: 10px;
}

#content div.complete div.register-form {
    background: #ebf7c7;
}

#content.ds div.complete div.register-form {
    background: #e5f8ff;
}

#content div.register-form div.form-box,
#content div.register-form div.send-box {
    margin: 0 auto 0 auto;
}

#content div.complete div.register-form div.send-box {
    margin: 0 auto 0 auto;
    width: 910px;
    height: 202px;
    background: #fff;
    overflow: hidden;
}

#content div.complete div.register-form div.send-box div.complete-message {
    float: left;
    margin: 40px 199px 40px 40px;
    text-align: left;
    font-size: 16px;
    line-height: 1.5em
}

#content div.complete div.register-form div.send-box div.complete-message h2 {
    background: none;
    font-size: 36px;
    font-weight: bold;
    line-height: 1.5em;
}

#content div.complete div.register-form div.send-box div.complete-message span {
    font-size: 16px;
    color: #87c209;
}

#content.ds div.complete div.register-form div.send-box div.complete-message span {
    color: #448aca;
}

#content div.complete div.register-form div.send-box img {
    float: left;
    margin-top: 20px;
    margin-right: 20px;
}


#content div.preregister-form div.validate {
    margin: initial !important;
    padding: initial !important;
}

p.validator p.error,
p.validator p.valid {
    padding-bottom: 10px;
}

#content div.register-form div.form-box div p.error,
#content div.preregister-form div p.valid,
#content div.preregister-form div p.checking,
#content div.preregister-form div p.error,
#content div.register-form div.form-box div p.valid,
#content div.register-form div.form-box div p.checking {
    padding-left: 20px;
    color: #000;
    background-repeat: no-repeat;
    background-position: 0 1px;
    vertical-align: top;
    font-size: 14px;
    line-height: 1.5em;
    font-weight: bold;
}

#content div.step2 div.register-form div.form-box div#zipcode p.error,
#content div.step2 div.register-form div.form-box div#zipcode p.valid,
#content div.step2 div.register-form div.form-box div#name p.error,
#content div.step2 div.register-form div.form-box div#name p.valid,
#content div.step2 div.register-form div.form-box div#kana p.error,
#content div.step2 div.register-form div.form-box div#kana p.valid {
    margin: initial;
    height: 21px;
}

#content div.register-form div.form-box div p.error,
#content div.preregister-form div p.error {
    color: #c00;
    font-weight: bold;
    background-image: url('/static/img/ac/owner/register/common/icon/error.png');
}

#content div.register-form div.form-box div p.valid,
#content div.preregister-form div p.valid {
    background-image: url('/static/img/ac/owner/register/common/icon/checked.png');
}

#content div.register-form div.form-box div p.checking,
#content div.preregister-form div p.checking {
    background-image: url('/static/img/ac/owner/register/common/icon/ajax-loader.gif');
}

/* }}} */

/* {{{ btn-box */

#content div.btn-box {
    margin: 40px auto 0;
}

#content div.btn-double {
    width: 740px;
}

#content div.btn-box a {
    margin: 0 auto;
    padding-top: 75px;
    display: block;
    width: 310px;
    background-repeat: no-repeat;
    background-position: 0 0;
}

#content div.btn-double a {
    margin: 0 30px;
    float: left;
}

* html #content div.btn-double a {
    margin-left: 15px;
}

#content div.btn-box a:hover {
    background-position: 0 -70px;
}

#content div.btn-box a:active {
    background-position: 0 -140px;
}

#content div.btn-box a.disabled {
    background-position: 0 -210px;
    cursor: default;
}

/* }}} */

/* {{{ notice-box */

#content dl.notice-box {
    padding: 20px;
    background: #f6f6f6;
    border-radius: 10px;
}

#content dl.notice-box dt,
#content dl.info-box dt {
    padding-bottom: 10px;
    font-size: 24px;
    font-weight: bold;
    line-height: 30px;
}

#content dl.notice-box dd {
    padding: 20px;
    background: #fff;
}

#content dl.notice-box dd ul li,
#content dl.info-box dd ul li {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 1.5em;
}

#content dl.notice-box dd ul li:last-child {
    margin-bottom: 0;
}

#content dl.notice-box#user dd ul li {
    margin: initial;
}

#content dl.notice-box dd ul li::before,
#content dl.info-box dd ul li::before,
#content dl.error-box dd ul li::before{
    content: '●';
    color: #87c209;

}

#content.ds dl.notice-box dd ul li::before {
    color: #448aca;
}

#content dl.info-box {
    padding: 20px;
    background: #f6f6f6;
    border-radius: 10px;
}

#content dl.info-box dd {
    background: #fff;
}

#content dl.info-box dd ul {
    padding: 20px;
}

#content dl.info-box dd ul li:last-child {
    margin-bottom: 0;
}

#content.ds dl.info-box dd ul li::before {
    color: #448aca;
}

#content dl.notice-box dt.bottom-space {
    height: 40px;
}

/* }}} */

/* {{{ error-box */
#content dl.error-box {
    margin: 40px auto;
    padding: 20px;
    width: 950px;
    background: #fff;
    border: 2px solid #C00;
    box-sizing: border-box;
    display: table;
    overflow: hidden;
}

#content dl.error-box dt {
    text-align: left;
    margin-bottom: 10px;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.5em;
    color: #555;
}

#content dl.error-box dd ul li {
    margin-bottom: 10px;
    text-align: left;
    font-size: 14px;
    line-height: 21px;
}

#content dl.error-box dd ul li:last-child {
    margin-bottom: 0;
}

#content.ds dl.error-box dd ul li::before {
    color: #448aca;
}

/* }}} */

/* {{{ address-search-result-box*/

div.address-search-result-box {
    font-size: 1.25em;
    line-height: 1.5em;
}

div.address-search-result-box p.caption {
    font-size: 1.25em;
    margin-top: 10px;
}

div.address-search-result-box ul {
    width: 500px;
    height: 500px;
    overflow-y: auto;
    margin: 10px;
    border: solid 1px #888;
}

div.address-search-result-box ul li {
    border-bottom: dotted 1px #666;
    cursor: pointer;
}

div.address-search-result-box ul li.hover {
    background-color: #fcf;
}

div.address-search-result-box ul li p {
    overflow: hidden;
}

div.address-search-result-box ul li p span {
    display: block;
    float: left;
    padding: 5px;
}

div.address-search-result-box ul li p span.zipcode {
    width: 75px;
    text-align: center;
}

div.address-search-result-box ul li p span.address {
    width: 385px;
}

/* }}} */

/* {{{ dummy-box*/

#dummy-box {
    width: 0;
    height: 0;
    overflow: hidden;
    position: relative;
}

/* }}} */

/* {{{ now-loading */

#now-loading {
    width: 300px;
    padding: 20px;
    background-color: #fff;
}

#now-loading p {
    text-align: center;
}

#now-loading p.caption {
    font-size: 1.5em;
    font-weight: bold;
}

#now-loading p.image {
    margin-top: 15px;
    margin-bottom: 15px;
}

/* }}} */

/* }}} */

/* {{{ Custom Style */

/* {{{ preregister */

#content div.preregister {
    background-position: 58px 0 !important;
}

#content div.preregister-inner {
    margin-top: 40px;
}

#content div.preregister div.form-box table tr th {
    padding-top: 0;
    vertical-align: middle;
    font-weight: normal;
    font-size: 1.35em;
}

#content div.preregister div.form-box table tr th.required {
    background-position: -440px 30%;
}

#content div.preregister div.form-box table tr th.required-focus {
    background-position: -220px 30%;
}

#content div.preregister div.form-box table tr td.validator {
    padding-top: 0;
    vertical-align: middle;
}

#content div.preregister div.form-box table tr td input {
    padding: 15px;
    border: 0;
    width: 430px;
    height: 30px;
    font-size: 24px;
}

#content div.preregister div.form-box table tr td.focus input {
    background-position: 0 100%;
}

#content div.preregister div.form-box table tr td p.error {
    background-position: 0 30%;
}

#content div.preregister-form div.btn-box {
    width: 350px;
    background: #87c209;
    box-shadow: 0px 3px 0px #6c9b07;
    border-radius: 3px;
}

#content.ds div.preregister-form div.btn-box {
    margin: 0px 300px 44px 300px;
    background: #448aca;
    box-shadow: 0px 3px 0px rgba(80, 80, 80, .9);
}

#content div.preregister-form div.btn-box a.sendmail {
    padding: 15px 0;
    width: 350px;
    text-decoration: none;
    text-align: center;
    font-size: 18px;
    line-height: 1.5em;
    font-weight: bold;
    color: #fff;
    transition: background-color 0.3s ease-in-out;
}

#content.af div.preregister-form div.btn-box a.sendmail:hover {
    background-color: #99c737;
    text-decoration: none;
}

#content.af div.preregister-form div.btn-box:active {
    position: relative;
    top: 2px;
    box-shadow: 0 1px 0 0 #6c9b07;
}

#content.ds div.preregister-form div.btn-box:hover {
    background-color: #4d9be3;
    box-shadow: 0 4px 8px rgba(80, 80, 80, .9);
}

#content div.preregister-form div.send-box {
    text-align: center;
    padding: 20px;
    background: #fff 0% 0% no-repeat border-box;
}

#content.ds div.preregister-form div.send-box {
    width: 950px;
    background: #e5f8ff 0% 0% no-repeat;
    background: #fff 0% 0% no-repeat border-box;
}

#content div.preregister-form div.send-box div.notice p.msg {
    display: table;
    width: 870px;
    margin-bottom: 20px;
    height: 44px;
    text-align: center;
    background: #C00;
}

#content div.preregister-form div.send-box div.notice p.msg span {
    display: table-cell;
    vertical-align: middle;
    margin: 10px 211px;
    width: 448px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
}

#content div.preregister-form div.send-box div.notice p.address {
    font-size: 30px;
    font-weight: bold;
    line-height: 1.5em;
    margin-bottom: 20px;
}

#content div.preregister-form div.send-box div.notice p.send {
    font-size: 16px;
    line-height: 1.5em;
}

#content div.preregister-form div.send-box p.sample {
    margin: 20px auto 15px;
    width: 660px;
}

/* }}} */

/* {{{ step1 */

#content div.step1 {
    background-position: 239px 0 !important;
}

#content div.step1 div.register-form {
    padding: 20px 20px 40px;
}

#content div.step1 div.form-box div.confirmed {
    display: table;
    width: 910px;
    margin: 0 auto;
    background: #ebf7c7;
}

#content.ds div.step1 div.form-box div.confirmed {
    display: table;
    width: 910px;
    margin: 0 auto;
    background: #e5f8ff;
}

#content div.step1 div.form-box div.confirmed span,
#content div.step1 div.form-box div.required span {
    display: table-cell;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5em;
}

#content div.step1 div.form-box div.txt-inner {
    padding: 20px;
    margin: 0 auto;
    background: #fff;
}

#content div.step1 div.form-box div.txt-inner span {
    display: table;
    background: #f6f6f6;
    border-radius: 5px;
    width: 870px;
}

#content div.step1 div.form-box div.txt-inner span span {
    vertical-align: middle;
    display: table-cell;
    padding: 10px;
    width: 192px;
    font-size: 16px;
    line-height: 1.5em;
    color: #555;
}

#content div.step1 div.form-box div.required {
    display: table;
    width: 910px;
    margin: 0 auto;
    background: #546ad98a;
}

#content.ds div.step1 div.form-box div.required {
    display: table;
    width: 910px;
    margin: 0 auto;
    background: #e5f8ff;
}

#content div.step1 div.form-box div.required span:after {
    margin-left: 8px;
    background: #c00;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    content: "必須";
    padding: 0 2px;
}

#content div.step1 div.form-box div.input-inner {
    margin: 0 auto;
    background: #fff;
    padding: 20px;
}

#content div.step1 div.form-box div.input-inner input {
    padding: 10px;
    margin-bottom: 10px;
    width: 400px;
    background: #fff;
}

#content div.step1 div.form-box div.input-inner p {
    font-size: 14px;
    line-height: 1.5em;
}

#content div.step1 div.form-box div.input-inner p p {
    margin-left: 0;
}

#content div.step1 div.form-box div.input-inner#confirm {
    background: #fff;
}

button.next{
    display: table;
    margin-top: 40px;
    margin-bottom: 3px;
    line-height: 1.5em;
    width: 350px;
    background: #87c209;
    box-shadow: 0px 3px 0px #6c9b07;
    border-radius: 3px;
}

#content.ds div.step1 div.btn-box {
    background: #448aca;
    box-shadow: 0px 3px 0px #349ad7;
}

#content div.step1 div.btn-box a {
    text-decoration: none;
    display: table-cell;
    vertical-align: middle;
    padding: 15px 0 14px 0;
    width: 72px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    transition: background-color 0.3s ease-in-out;
}

#content div.register-form div.btn-box a.next:hover {
    background-color: #99c737;
    text-decoration: none;
}

#content.ds div.register-form div.btn-box a.next:hover {
    background-color: #4d9be3;
    box-shadow: 0 4px 8px rgba(80, 80, 80, .9);
}

#content div.step1 div.btn-box.btn-double,
#content div.step2 div.btn-box.btn-double {
    overflow: hidden;
    width: 910px;
    height: 57px;
    background: initial;
    box-shadow: initial;
    border-radius: initial;
    text-align: center;
    margin: 40px auto 0;
}

#content div.step1 div.btn-box.btn-double div#back,
#content div.step2 div.btn-box.btn-double div#back {
    float: left;
    width: 350px;;
    margin-left: 85px;
    margin-right: 40px;
    border-radius: 3px;
    background: #fdfdfd;
    box-shadow: 0px 3px 0px #bebebe;
}

#content div.step1 div.btn-box.btn-double div#back:hover,
#content div.step2 div.btn-box.btn-double div#back:hover {
    background-color: #fff;
}

#content div.step1 div.btn-box.btn-double div#back a,
#content div.step2 div.btn-box.btn-double div#back a {
    text-decoration: none;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5em;
    color: #555;
    padding: 15px 0 10px 0;
    margin: initial;
    width: 350px;
}

#content div.step2 div.btn-box.btn-double div#back:active {
    position: relative;
    top: 2px;
    box-shadow: 0 1px 0px #bebebe!important;
}

#content div.step1 div.btn-box.btn-double div#next a,
#content div.step2 div.btn-box.btn-double div#next a {
    float: left;
    border-radius: 3px;
    background: #87c209;
    box-shadow: 0px 3px 0px #6c9b07;
}

#content.ds div.step2 div.btn-box.btn-double div#next {
    background: #448aca;
    box-shadow: 0px 3px 0px #349ad7;
}

#content div.step1 div.btn-box.btn-double div#next a,
#content div.step2 div.btn-box.btn-double div#next a {
    text-decoration: none;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5em;
    color: #fff;
    padding: 15px 0 10px 0;
    margin: auto;
    width: 350px;
}

#content div.step1 div.btn-box.btn-double div#next a:hover,
#content div.step2 div.btn-box.btn-double div#next a:hover {
    background-color: #99c737;
    text-decoration: none;
}

#content.af div.btn-box a.next:active {
    position: relative;
    top: 2px;
    box-shadow: 0 1px 0px #6c9b07!important;
}

#content div.btn-box div#back:active{
    position: relative;
    top: 2px;
    box-shadow: 0 1px 0px #f3f3f3!important;
}



/* }}} */

/* {{{ step2 */

#content div.step2 {
    width: 950px;
    margin: 0 auto;
}

#content div.step2 div.register-inner {
    padding: 20px 21px 32px 19px;
}

#content div.step2 div.form-box div.required {
    display: table;
    width: 910px;
    margin: 0 auto;
    background: #546ad98a;
}

#content.ds div.step2 div.form-box div.required {
    display: table;
    width: 910px;
    margin: 0 auto;
    background: #e5f8ff;
}

#content div.step2 div.form-box div.required span {
    vertical-align: middle;
    display: table-cell;
    padding: 10px 0 10px 20px;
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5em;
    color: #555;
}

#content div.step2 div.form-box div.required span:after {
    margin-left: 8px;
    background: #c00;
    text-align: left;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    content: "必須";
    padding: 0 2px;
}

#content div.step2 div.form-box div.input-inner {
    display: table;
    margin: 0 auto;
    width: 910px;
    background: #fff;
    padding: 20px;
    box-sizing: border-box;
}

#content div.step2 div.form-box div.input-inner div {
    overflow: hidden;
}

#content div.step2 div.form-box div.input-inner div span.given,
#content div.step2 div.form-box div.input-inner div span.family {
    width: 202px;
    float: left;
    border: 1px solid #999;
    box-sizing: border-box;
    border-radius: 5px;
    overflow: hidden;
}

#content div.step2 div.form-box div.input-inner div span.family {
    margin: 0 10px 10px 0;
    display: table;
    background-color: #fff;
}

#content div.step2 div.form-box div.input-inner div span.family#kana {
    margin: 10px 10px 10px 0;
    display: table;
    background-color: #fff;
}

#content div.step2 div.form-box div.input-inner div span.given {
    margin-bottom: 10px;
    display: table;
    background-color: #fff;
}

#content div.step2 div.form-box div.input-inner div span.given#kana {
    margin: 10px 0 10px 0;
    display: table;
}

#content div.step2 div.form-box div.input-inner div span span.part-wrap {
    display: table-cell;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.5em;
    color: #555;
    background: #f6f6f6;
    padding: 8px 0 7px;
    white-space: nowrap;
    width: 53px;
    border-radius: 5px 0 0 5px;
}

#content div.step2 div.form-box div.userinfo-box span.part-wrap {
    font-size: 14px;
}

#content div.step2 div.form-box div.input-inner div span span.select-wrap input {
    border: none;
    margin-bottom: 0;
    width: 141px;
}

#content div.step2 div.form-box div.userinfo-box span.select-wrap select {
    text-align: left;
    padding: 5px;
    height: 38px;
    font-size: 16px;
    color: #555;
}

#content div.step2 div.form-box div.option {
    display: table;
    width: 910px;
    margin: 0 auto;
    background: #546ad98a;
}

#content.ds div.step2 div.form-box div.option {
    display: table;
    width: 910px;
    margin: 0 auto;
    background: #e5f8ff;
}

#content div.step2 div.form-box div.option span {
    display: table-cell;
    padding: 10px 0 10px 20px;
    width: 112px;
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5em;
    color: #555;
}

#content div.step2 div.form-box div.input-inner div.phone input,
#content div.step2 div.form-box div.input-inner div.company input {
    width: 400px;
}

#content div.step2 div.form-box div.address-box {
    width: 870px;
    margin: 0 auto;
}

#content div.step2 div.form-box div.oversea span {
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.5em;
    color: #555;
}

#content div.step2 div.form-box div.oversea span label {
    font-weight: normal;
}

#content div.step2 div.form-box div.oversea p {
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 20px;
}

#content div.step2 div.form-box div.oversea p span {
    float: left;
    width: 76px;
    margin-right: 10px;
    background: #f6f6f6;
    border-radius: 18px;
    display: table;
}

#content div.step2 div.form-box div.oversea p span input {
    display: inline;
    vertical-align: middle;
    text-align: left;
    color: #555;
    margin: 10px;
}

#content div.step2 div.form-box div.address-box p.separator {
    margin: 0 auto;
    width: 870px;
    border: 1px solid #999;
}

#content div.step2 div.form-box div.address-box div.zip {
    margin: 20px 0 10px;
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.5em;
    color: #555;
}

#content div.step2 div.form-box div.address-box div.notice {
    margin-bottom: 20px;
    width: 350px;
    height: 21px;
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.5em;
}

#content div.step2 div.form-box div.address-box div.address-search {
    overflow: hidden;
}

#content div.step2 div.form-box div.address-box div.address-search a {
    float: left;
    margin-bottom: 10px;
    padding: 13px 0;
    width: 100px;
    background: #eee;
    box-shadow: 0px 2px 0px #bebebe;
    border-radius: 5px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #555;
    text-decoration: none;
}

#content div.step2 div.form-box div.address-box div.address-search a:hover {
    background-color: #f3f3f3;
}

#content div.step2 div.form-box div.address-box div.address-search a:active {
    position: relative;
    top: 1px;
    box-shadow: 0 1px 0 0 #BEBEBE;
}

#content div.step2 div.form-box div.address-box div.input-zip {
    float: left;
    display: table;
    margin: 0 12px 10px 0;
    width: 122px;
    border: 1px solid #999;
    border-radius: 5px;
    background: #fff;
}

#content div.step2 div.form-box div.address-box div.input-zip span.part-wrap {
    display: table-cell;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.5em;
    color: #555;
    background: #f6f6f6;
    padding: 7px 0 5px;
    white-space: nowrap;
    width: 28px;
    text-align: center;
    border-radius: 5px 0 0 5px;
}

#content div.step2 div.form-box div.address-box div.input-zip span.select-wrap input {
    border: none;
    margin: auto;
    padding: 10px;
    width: 67px;
}

#content div.step2 div.form-box div.address-box div.address-info p {
    margin-top: 20px;
    padding-top: initial;
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.5em;
    color: #555;
}

#content div.step2 div.form-box div.address-box div.address-info p.input-wrap {
    margin-top: 10px!important;
}

#content div.step2 div.form-box div.address-box div.address-info p input {
    width: 848px;
}

#content div.step2 div.form-box div.address-box#domestic div.address-info p#like_input {
    border: none;
    background: #f6f6f6;
    outline: none;
    border-radius: 5px;
    padding: 10px 0;
    margin-bottom: 10px;
}

#content div.step2 div.form-box div.address-box#domestic div.address-info p#like_input span {
    padding: 10px;
    font-size: 16px;
    font-family: Arial;
    font-weight: initial;
}

#content div.step2 div.form-box div.userinfo-box label.male,
#content div.step2 div.form-box div.userinfo-box label.female {
    margin: 5px 5px 0 0;
    padding: 5px 10px;
    *padding: 2px 10px;
    padding: 2px 10px \9;
    width: 54px;
    height: 14px;
    *height: 20px;
    height: 20px \9;
    display: block;
    float: left;
    outline: none;
    background-image: url('/static/img/ac/owner/register/common/background/male.gif');
    background-repeat: no-repeat;
    background-position: 0 0;
}

#content div.step2 div.form-box div.userinfo-box label.female {
    background-image: url('/static/img/ac/owner/register/common/background/female.gif');
}

#content div.step2 div.form-box div.userinfo-box input#male,
#content div.step2 div.form-box div.userinfo-box input#female {
    margin-right: 5px;
    margin-right: 0 \9;
    padding: 0;
    width: auto;
    height: auto;
    background: none;
}

#content div.step2 div.form-box select::-moz-focus-inner {
    outline: none;
    border: none;
}

#content div.step2 div.form-box select option {
    outline: none;
    width: auto;
    font-size: 14px;
}

#content div.step2 div.form-box select.year {
    width: 10em;
}

#content div.step2 div.form-box select.year option {
}

#content div.step2 div.form-box select.month {
}

#content div.step2 div.form-box select.month option {
}

#content div.step2 div.form-box select.day {
}

#content div.step2 div.form-box select.day option {
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    #content div.step2 div.form-box select {
        line-height: 20px;
    }
}

*:first-child + html #content div.step2 div.form-box span.select-wrap {
    margin: 4px;
}

* html #content div.step2 div.form-box span.select-wrap {
    margin: 4px;
}

#content div.step2 div.form-box div.address-box input.zip {
    margin-left: 20px;
    margin-right: 12px;
    width: 122px;
    border: 1px solid #999;
    border-radius: 5px;
}

#content div.step2 div.form-box div.address-box a.address-search {

}

#content div.step2 div.form-box div.address-box a.address-search:focus,
#content div.step2 div.form-box div.address-box a.address-search:hover {
    background-position: 0 -25px;
}

#content div.step2 div.form-box div.address-box a.address-search:active {
    background-position: 0 -50px;
}

#content div.step2 div.form-box div.address-box div.alert-outer {
    float: left;
}

#content div.step2 div.form-box div.address-box div.alert-outer p {
    margin-top: 4px;
    padding: 2px 0 2px 30px;
    background-position: 7px 2px;
    background-repeat: no-repeat;
}

#content div.step2 div.form-box div.address-box div.alert-outer p.error {
/ac/ owner /register/ execute background-image: url('/static/img/ac/owner/register/common/icon/error.gif');
}

#content div.step2 div.form-box div.address-box div.alert-outer p.valid {
    background-image: url('/static/img/ac/owner/register/common/icon/checked.gif');
}

#content div.step2 div.form-box div.address-box div.alert-outer p.checking {
    background-image: url('/static/img/ac/owner/register/common/icon/ajax-loader.gif');
}

#content div.step2 div.form-box p.input-wrap {
    padding: 5px 0 0;
}

/* }}} */

/* {{{ step3 */

#content div.step3 {
    /*overflow: hidden;*/
}

#content div.step3 div.register-form {
    padding: 20px;
}

#content div.step3 h3 {
    display: inline-block;
    position: relative;
    width: 890px;
}

#content div.step3 h3#user-info {
    margin-top: 20px;
}

#content div.step3 div.form-box div.mail {
    display: table;
    width: 910px;
    margin: 0 auto;
    background: #ebf7c7;
}

#content.ds div.step3 div.form-box div.mail {
    display: table;
    width: 910px;
    margin: 0 auto;
    background: #e5f8ff;
}

#content div.step3 div.form-box div.mail span {
    display: table-cell;
    padding: 10px 0 10px 20px;
    width: 112px;
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5em;
    color: #555;
}

#content div.step3 div.form-box div.txt-inner {
    display: table;
    width: 910px;
    margin: 0 auto;
    background: #fff;
}

#content div.step3 div.form-box div.txt-inner span {
    display: table;
    margin: 20px;
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5em;
    color: #555;
}

#content div.step3 div.form-box div.required {
    display: table;
    width: 910px;
    margin: 0 auto;
    background: #ebf7c7;
}

#content.ds div.step3 div.form-box div.required {
    display: table;
    width: 910px;
    margin: 0 auto;
    background: #e5f8ff;
}

#content div.step3 div.form-box div.required span {
    vertical-align: middle;
    display: table-cell;
    padding: 10px 0 10px 20px;
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5em;
    color: #555;
}

#content div.step3 h3 {
    overflow: hidden;
}

#content div.step3 h3 span {
    display: block;
    float: left;
}

#content div.step3 h3 a.modify {
    vertical-align: middle;
    margin-left: 10px;
    padding: 4px 0 2px;
    margin-top: 2px;
    width: 100px;
    background: #87c209;
    box-shadow: 0px 2px 0px #6c9b07;
    border-radius: 5px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.5em;
    color: #fff;
    text-decoration: none;
    display: block;
    float: left;
}

#content.af div.step3 h3 a.modify:active{
    position: relative;
    top: 1px;
    box-shadow: 0px 1px 0px #6c9b07;
}

#content.ds div.step3 h3 a.modify {
    background: #448aca;
    box-shadow: 0px 2px 0px #349ad7;
}


#content div.step3 h3 a.modify:hover {
    background-color: #99c737;
    text-decoration: none;
}

#content.ds div.step3 h3 a.modify:hover {
    background-color: #4d9be3;
    box-shadow: 0 4px 8px #4d9be3;
}

#content div.step3 div.register-form div.form-box table {
    padding-top: 10px;
}

#content div.step3 div.register-form div.form-box table tr th,
#content div.step3 div.register-form div.form-box table tr td {
    padding-bottom: 10px;
}

#content div.step3 div.registbtn-alert {
    text-align: center;
    font-size: 14px;
    line-height: 1.5em;
    color: #555;
}

/* }}} */

/* {{{ term-box */
#content div.term-box {
    padding: 20px 19px 20px 21px;
    background: #f6f6f6;
    border-radius: 10px;
}

#content div.term-box h3 {
    text-align: left;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.5em;
    color: #555;
    margin-bottom: 10px;
}

#content div.term-box div.term-main {
    background: #fff;
    height: 300px;
    overflow-y: scroll;
    overflow-x: hidden;
    padding-left: 21px;
    padding-top: 20px;
}

#content div.term-box div.term-main p {
    text-align: left;
    font-size: 14px;
    line-height: 29px;
    color: #555;
    width: 833px;
}

#content div.term-box div.term-main h2 {
    background: none;
    text-align: left;
    color: #555;
    font-size: 19px;
    font-weight: bold;
    line-height: 29px;
    margin-bottom: initial;
    width: initial;
}

#content div.term-box div.term-main h3 {
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.5em;
    color: #555;
    padding: initial;
    width: initial;
}

#content div.term-box div.term-main ol li ol li ol li {
    font-size: 14px;
    line-height: 29px;
    width: 873px;
}

#content div.term-box div.term-main ol li ol li ol li ol,
#content div.term-box div.term-main ol li ol li ol li ol li ul {
    padding-left: 15px;
}

/* }}} */

/* {{{ step3 btn-box */
#content div.step3 div.btn-box {
    margin: 40px auto 20px auto;
    width: 350px;
    background: #F79256;
    box-shadow: 0px 3px 0px #C67545;
    border-radius: 3px;
}

#content div.step3 div.btn-box:hover {
    text-decoration: none;
    background-color: #ffa666;
}

#content div.step3 div.btn-box:active {
    position: relative;
    top: 2px;
    box-shadow: 0 1px 0 0 #c67545;
}

#content div.step3 div.btn-box a {
    width: 234px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5em;
    color: #fff;
    padding: 15px 0 14px;
    text-decoration: none;
}

/* }}} */

/* {{{ complete */

#content div.complete {
    background-position: 847px 0 !important;
    position: static;
    margin-bottom: 0;
}

#content div.complete div.register-form {
    padding: 20px 20px 40px 20px;
}

#content div.complete-info {
    margin: 40px auto;
    line-height: 1.5;
    font-size: 14px;
    text-align: center;
}

#content.ds div.complete-info {
    width: 890px;
}

#content.af div.complete-info {
    width: 950px;
}

#content.ds div.complete-info div.campaign-txt {
    margin: 10px 0 15px;
}

#content.ds div.complete-info div.campaign-txt p,
#content.ds div.complete-info div.campaign-btn p {
    padding-bottom: 5px;
}

#content.ds div.complete-info div.campaign-btn {
    margin: 25px 0;
}

#content.ds div.complete-info div.campaign-btn p.login-btn {
    padding-bottom: 30px;
    background: url('/static/img/ac/owner/register/ds/complete/bg-arrow-red.gif') no-repeat 50% 39px;
}

#content.ds div.complete-info div.campaign-btn p {
    font-weight: bold;
    font-size: 16px;
}

#content div.register-form div.button-box {
    text-align: center;
}

#content div.register-form div.button-box p {
    margin: 0 auto;
    height: 56px;
    width: 350px;
    display: block;
    background: #87c209;
    box-shadow: 0px 3px 0px #6c9b07;
    border-radius: 3px;
    display: table;
    margin-top: 40px;
}

#content.af div.register-form div.button-box p:active {
    position: relative;
    top: 2px;
    box-shadow: 0 1px 0 0 #6c9b07;
}

#content.ds div.register-form div.button-box p {
    background: #448aca;
    box-shadow: 0px 3px 0px #349ad7;
}

#content div.register-form div.button-box p a {
    width: 108px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5em;
    color: #fff;
    padding-top: 15px;
    padding-bottom: 14px;
    text-decoration: none;
    display: table-cell;
}

#content div.register-form div.button-box p a:hover {
    background-color: #99c737;
    border-radius: 3px;
    text-decoration: none;
}

#content.ds div.register-form div.button-box p a:hover {
    background-color: #4d9be3;
    box-shadow: 0 4px 8px rgba(80, 80, 80, .9);
}

/*
#content.ds div.register-form div.button-box p a.go-top {
    background-image: url('/static/img/ac/owner/register/ds/button/go-top-button.gif');
}

#content.ds div.register-form div.button-box p a.login {
    background-image: url('/static/img/ac/owner/register/ds/button/login-button.gif');
}
*/

#content div.register-form p.login-link {
    text-align: center;
    font-size: 16px;
    line-height: 1.5;
    margin-top: 20px;
}

#content.ds div.complete-info div.topseller {
    margin: 30px auto;
}

#content.af div.complete-info div.recommend-wrapper p.recommend-title {
    font-size: 22px;
    font-weight: bold;
    padding: 10px;
    text-align: center;
    background: #AED028;
    border-radius: 10px 10px 0 0;
    color: #fff;
}

#content.af div.complete-info div.recommend-wrapper div.recommend-box {
    padding: 20px;
    background: #FFFFCF;

}
#content.af div.complete-info div.recommend-box div.recommend-inner {
    display: flex;
    justify-content: left;
}

#content.af div.complete-info div.recommend-box div.recommend-inner div.recommend-img {
    border: 1px solid #cccccc;
    padding: 20px;
    background: #ffffff;
    margin-right: 20px;
}


#content.af div.complete-info div.recommend-box div.recommend-inner div.recommend-detail {
    text-align: left;
    width: 100%;
}

#content.af div.complete-info div.recommend-box div.recommend-inner div.recommend-detail p.promotion-name {
    font-weight: bold;
    font-size: 22px;
    line-height: 30px;
    color: #0066CC;
}

#content.af div.complete-info div.recommend-box div.recommend-inner div.recommend-detail ul {
    margin-top: 10px;
    background: #ffffff;
    padding: 20px;
}

#content.af div.complete-info div.recommend-box div.recommend-inner div.recommend-detail ul li {
    font-size: 16px;
    line-height: 1.5;
}

#content.af div.complete-info div.recommend-box div.recommend-inner div.recommend-detail ul li:before {
    content: '●';
    color: #87c209;
    margin-right: -5px;
}

#content.af div.complete-info div.recommend-box div.recommend-inner div.recommend-detail p.text {
    margin-top: 20px;
    font-size: 14px;
    line-height: 22px;
}

p.promotion-btn {
    text-align: center;
    margin-top: 20px;
}

p.promotion-btn a {
    text-decoration: none;
}

p.promotion-btn a {
    border-radius: 3px;
    display: block;
    color: #fff;
    background-color: #f79256;
    font-size: 18px;
    font-weight: bold;
    box-shadow: 0 4px 0 0 #c67545;
    text-align: center;
    transition: background-color 0.3s ease-in-out;
    margin-left: auto;
    margin-right: auto;
    width: 350px;
    height: 56px;
    line-height: 56px;
}

p.promotion-btn a span {
    font-weight: bold;
}

p.promotion-btn a:hover {
    background-color: #ffa666;
    text-decoration: none;
}

p.promotion-btn a:active {
    box-shadow: 0 1px 0 0 #c67545;
    position: relative;
    top: 2px;
    background-color: #ffa666;
    text-decoration: none;
}

#content.af div.complete-info div.cashback-box {
    padding-top: 40px;
    width: 890px;
    margin: 0 auto;
}

#content.af div.complete-info div.cashback-box div.cashback-outer {
    background-color: #fff757;
    padding: 0 10px 10px;
}

#content.af div.complete-info div.cashback-box div.cashback-outer div.cashback-inner {
    background-color: #fff;
    padding: 10px;
}

#content.af div.complete-info div.cashback-box div.cashback-outer div.cashback-inner ul {
    overflow: hidden;
    margin-bottom: 10px;
}

#content.af div.complete-info div.cashback-box div.cashback-outer div.cashback-inner ul li {
    list-style: none;
    float: left;
    width: 140px;
    margin: 0 15px;
}

#content.af div.complete-info div.cashback-box div.cashback-outer div.cashback-inner ul li p {
    text-align: center;
}

#content.af div.complete-info div.cashback-box div.cashback-outer div.cashback-inner ul li p.image {
}

#content.af div.complete-info div.cashback-box div.cashback-outer div.cashback-inner ul li p.price {
    background-image: url('/static/img/ac/owner/register/af/complete/bg-rate-recommend.gif');
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 120px;
    height: 59px;
    margin: 0 10px;
}

#content.af div.complete-info div.cashback-box div.cashback-outer div.cashback-inner ul li p.price a {
    display: block;
    padding-top: 20px;
    font-size: 2em;
    text-decoration: none;
    color: #ff0;
}

#content.af div.complete-info div.cashback-box div.cashback-outer div.cashback-inner ul li p.price a span {
    font-size: .825em;
}

#content.af div.complete-info div.cashback-box div.cashback-outer div.cashback-inner ul li p.name {
    line-height: 1.2em;
    font-size: .9em;
}


div.preregister p.go-mail {
    padding: 15px 0;
    display: block;
    width: 350px;
    border-radius: 3px;
    background: #eee;
    box-shadow: 0px 3px 0px #bebebe;
    margin: 20px auto 0;
}

div.preregister p.go-mail:hover {
    background-color: #f3f3f3;
}

div.preregister p.go-mail:active {
  position: relative;
  top: 2px;
  box-shadow: 0 1px 0 0 #bebebe;
}

div.preregister p.go-mail a {
    text-decoration: none;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5em;
    color: #555;
    padding: 15px 0;
    margin: initial;
}

#content div.transition-outer > div {
    padding-bottom: 40px;
}

/* }}} */

/* }}} */