@charset "euc-jp";
/* Common style start */
html,
body {margin: 0; padding: 0;}
body p,
body ul,
body ul li,
body dl,
body dl dt,
body dl dd,
input[type="button"],
input[type="submit"] {
list-style: none;
margin: 0;
padding: 0;
}
#w {
min-width: 940px;
border-collapse: separate;
color: #333;
font-size: 12px;
line-height: 1.5;
}
#header {
background: #fff;
height: 41px;
margin: 0;
}
#header .logo {
margin: 10px 0 0 12px;
}
#header .area-login {
margin: 0 32px 0 0;
padding: 11px 0 0;
float: right;
}
#header .area-login span {
color: #666;
font-size: 11px;
}
#header .area-login input[type="submit"] {
    display: inline-block;
    width: 75px;
    height: 22px;
    margin-top: -3px;
    padding: 0;
    border-radius: 3px;
    box-sizing: border-box;
    color: #333;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border: 1px solid;
    border-color: #cacaca #b0b0b0 #9c9c9c;
    background-color: #f7f7f7;
    background-image: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 50%, #e5e5e5 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(50%, #f7f7f7), color-stop(100%, #e5e5e5));
    background-image: -webkit-linear-gradient(top, #ffffff 0%, #f7f7f7 50%, #e5e5e5 100%);
    background-image: -o-linear-gradient(top, #ffffff 0%, #f7f7f7 50%, #e5e5e5 100%);
    background-image: -ms-linear-gradient(top, #ffffff 0%, #f7f7f7 50%, #e5e5e5 100%);
    background-image: linear-gradient(to bottom, #ffffff 0%, #f7f7f7 50%, #e5e5e5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
    background-size: auto 200%;
    background-position: 0 100%;
    box-shadow: inset 0 1px 0 white;
    transition: background-position .1s ease-out;
}
html[lang="en"] #header .area-login input[type="submit"] { background-position: -75px top;}
html[lang="zh-hans"] #header .area-login input[type="submit"] { background-position: -150px top; }
html[lang="zh-hant"] #header .area-login input[type="submit"] { background-position: -225px top;}
html[lang="ko"] #w > .area-header .area-login input[type="submit"] { background-position: -300px top;}

#w > .area-footer {
background: #fff;
color: #666;
font-size: 11px;
}
#w > .area-footer > .box-verisign,
#w > .area-footer > .box-personalinfo {
width: 624px;
margin: 0 auto;
padding: 20px 0;
border-top: #ccc 1px dotted;
}
#w .area-footer > div:first-child { border: none;}
#w > .area-footer > div:after{display:block;clear:both;height:0;visibility:hidden;content:"."}
#w > .area-footer > .box-verisign .logo { float: left;}
#w > .area-footer > .box-verisign p {
margin: 0 0 0 120px;
padding: 10px 0 0;
}
#w > .area-footer > .box-personalinfo .about { text-align: right;}
#w > .area-footer > .box-personalinfo .about a {
margin: 0 0 0 20px;
padding: 0 0 0 14px;
color: #000;
font-weight: bold;
background: url('https://p.dmm.com/p/my/images/arrow.png') left center no-repeat;
text-decoration: none;
}
#w > .area-footer > .box-personalinfo a:hover {
color: #333;
text-decoration: underline;
}
#w > .area-footer > .arrow:hover { text-decoration: underline;}
#w > .area-footer .box-fofter-bnr {
    text-align: center;
    margin: 0 0 12px;
}

#w > #area-main {
position: relative;
background: #f0f1f2 url('https://p.dmm.com/p/my/images/bg.png') center center no-repeat;
background-color: #f0f1f2;
padding: 50px 0;
box-shadow: 0 0 250px rgba(255, 255, 255, 0.3);
}
#w .btn {
    display: inline-block;
    min-width: 160px;
    margin: 0;
    padding: 0;
    border-radius: 3px;
    box-sizing: border-box;
    color: #333;
    font-size: 16px;
    font-family: inherit;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border: 1px solid;
    border-color: #cacaca #b0b0b0 #9c9c9c;
    background-color: #f7f7f7;
    background-image: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 50%, #e5e5e5 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(50%, #f7f7f7), color-stop(100%, #e5e5e5));
    background-image: -webkit-linear-gradient(top, #ffffff 0%, #f7f7f7 50%, #e5e5e5 100%);
    background-image: -o-linear-gradient(top, #ffffff 0%, #f7f7f7 50%, #e5e5e5 100%);
    background-image: -ms-linear-gradient(top, #ffffff 0%, #f7f7f7 50%, #e5e5e5 100%);
    background-image: linear-gradient(to bottom, #ffffff 0%, #f7f7f7 50%, #e5e5e5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
    background-size: auto 200%;
    background-position: 0 100%;
    box-shadow: inset 0 1px 0 white;
    transition: background-position .1s ease-out;
}
#w .btn-primary {
    border: 1px solid;
    border-color: #deb372 #ce9c4b #c1882e;
    background-color: #fcdc80;
    background-image: -moz-linear-gradient(top, #fde5a0 0%, #fcdc80 50%, #ffc01e 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fde5a0), color-stop(50%, #fcdc80), color-stop(100%, #ffc01e));
    background-image: -webkit-linear-gradient(top, #fde5a0 0%, #fcdc80 50%, #ffc01e 100%);
    background-image: -o-linear-gradient(top, #fde5a0 0%, #fcdc80 50%, #ffc01e 100%);
    background-image: -ms-linear-gradient(top, #fde5a0 0%, #fcdc80 50%, #ffc01e 100%);
    background-image: linear-gradient(to bottom, #fde5a0 0%, #fcdc80 50%, #ffc01e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fde5a0', endColorstr='#ffc01e',GradientType=0 );
    box-shadow: inset 0 1px 0 #fff1d1;
}
#w .btn-block {
    display: block;
}
#w .btn:hover,
#header .area-login input[type="submit"]:hover {
    position: relative;
    top: 1px;
    background-position: 0 0;
    text-decoration: none;
    color: #666;
}
#w .btn-primary:hover {
    border-color: #e6c695 #dab578 #d1a662;
}
#w .btn > * {
    display: inline-block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: .5em .8em;
    background-color: transparent;
    background-repeat: no-repeat;
    box-sizing: border-box;
    box-shadow: none;
    border: 0;
    color: #333;
    font-size: inherit;
    font-family: inherit;
    cursor: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    white-space: normal;
    outline: 0;
}
#w .btn-disabled,
#w .btn:disabled {
    border-color: #e0e0e0 !important;
    background: #f5f5f5 !important;
    box-shadow: none !important;
    cursor: default;
    -webkit-tap-highlight-color: transparent;
}
#w .btn-disabled:hover,
#w .btn:disabled:hover {
    position: static;
}
#w .btn-disabled.btn-primary,
#w .btn:disabled.btn-primary {
    border-color: #e8e0cd !important;
    background: #fff1cb !important;
}
#w .btn-disabled > *,
#w .btn:disabled > * {
    color: #bfbfbf !important;
}
#w label {
    display: inline-block;
    padding-left: 2.2em;
    font-size: 12px;
    text-align: left;
    text-indent: -2.2em;
    word-break: break-all;
    cursor: pointer;
}
#w input[type="checkbox"] {
    display: none;
    width: 20px;
    height: 20px;
    vertical-align: middle;
}
#w label .checkbox-input {
    display: inline-block;
    position: relative;
    width: 18px;
    height: 18px;
    margin: -2px 4px 0 0;
    border: #b3b3b3 1px solid;
    border-radius: 4px;
    background-color: #fff;
    cursor: pointer;
    vertical-align: middle;
}
#w input[type="checkbox"]:checked + .checkbox-input:before,
#w input[type="checkbox"]:checked + .checkbox-input:after {
    display: block;
}
#w input[type="checkbox"] + .checkbox-input:before {
    content: "";
    display: none;
    position: absolute;
    top: -1px;
    left: -1px;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4));
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4));
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.4)));
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4));
    background-color: black;
}
#w input[type="checkbox"] + .checkbox-input:after {
    content: "";
    display: none;
    position: absolute;
    top: 1px;
    left: 5px;
    width: 5px;
    height: 10px;
    border-width: 0 3px 3px 0;
    border-style: solid;
    border-color: white;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}
//* Common style End */

/* Top style start */
.top #w #area-main > .wrap {
    width: 684px;
    margin: 0 auto;
    padding: 30px 0;
    border: #e2e3e4 1px solid;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.06);
    zoom: 1;
}
.top #w .area-top {
    position: relative;
    min-width: 624px;
    width: 624px;
    margin: 0 auto;
}
.top #w .area-top:after{display:block;clear:both;height:0;visibility:hidden;content:"."}
.top #w .area-welcome {
    position: absolute;
    top: 50%;
    left: 10px;
    width: 300px;
    margin-top: -60px;
}
html[lang="en"] .top #w .area-welcome {
    top: 40%;
}
.top #w .area-welcome h1 {
    font-size: 30px;
    margin: 0 0 5px;
}
.top #w .area-signup {
    float: right;
    width: 260px;
    padding: 19px;
    border: #e2e3e4 1px solid;
    border-radius: 4px;
    background: #fbfcfd;
}
#d-ie7 .top #w .area-signup {    padding-bottom: 0;}
.top #w .area-signup .capt {
    margin: 0 0 10px;
    font-size: 14px;
    font-weight: bold;
}
.top #w .area-signup form ul li { position: relative;}
.top #w .area-signup form ul li input[type="text"],
.top #w .area-signup form ul li input[type="password"]{
    width: 223px;
    height: 16px;
    margin: 0 0 5px;
    padding: 5px 30px 5px 5px;
    border: #bebebe 1px solid;
    border-radius: 2px;
    font-size: 14px;
    box-shadow: 0 1px 0 #fff;
    box-shadow: 0 0 2px #ddd inset;
}
.top #w .area-signup .placeholder {
    position: absolute;
    top: 5px;
    left: 5px;
    color: #aaa;
    font-size: 14px;
    cursor: text;
}
.top #w .area-signup .box-mailmagazine {
    margin: 0 0 10px;
    font-size: 11px;
    color: #666;
}
.top #w .area-signup .box-mailmagazine input[type="checkbox"] { margin: 0 5px 0 0;}
.top #w .area-signup .box-agreement {
    width: 240px;
    margin: 0 auto 5px;
    color: #666;
    font-size: 11px;
    line-height: 13px;
}
.top #w .area-signup .box-agreement a {    font-weight: bold;}
.top #w .area-signup .box-bt {
    padding: 0 0 10px;
    text-align: center;
}
.top #w .area-signup .box-txt-note {
    width: 240px;
    color: #666;
    font-size: 11px;
    line-height: 11px;
    text-align: center;
}
.top #w .area-signup .box-txt-note .ico-mail {
    padding: 0 0 0 20px;
    background: url('https://p.dmm.com/p/my/images/ico_mail.png') left 0 no-repeat;
}
.top #w .area-signup form .box-txt-error {
    margin: 0 0 5px;
    padding: 0;
    color: #c00;
    font-size: 11px;
    font-weight: normal;
    text-align: left;
}
.top #w .area-signup form ul li .box-txt-error {
    border: #ddd 1px solid;
    border-radius: 4px;
    margin: 5px 0 10px;
    padding: 0 10px;
    font-size: 12px;
    box-shadow: 0 0 1px 1px #fff inset;
}
.top #w .area-signup form ul li .box-txt-error span {
    display: block;
    margin: -5px 0 0;
    padding: 10px 0 5px;
    background: url('https://p.dmm.com/p/my/images/arrow_balloon.png') left top no-repeat;
}
.top #w .box-fnav .arrow:hover {    text-decoration: underline;}
#d-ie7 .top #w .area-signup form ul li:first-child { z-index: 1;}

.top #w .box-txt-jsoff {
    padding: 10px;
    text-align: center;
    color: #c00;
    font-size: 11px;
    font-weight: bold;
}
.top #w .box-txt-jsoff a {
    padding: 0 0 0 10px;
    background: url('https://p.dmm.com/p/my/images/arrow_common.gif') no-repeat left center;
    font-weight: normal;
}
/* Top style End */

/* Signup flow start */
#w .area-signup-flow {
    width: 624px;
    margin: auto;
    border: #e2e3e4 1px solid;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.06);
}
#w .area-signup-flow .capt {
    margin: 0 0 40px;
    padding: 40px 20px 0;
    text-align: center;
}
#w .area-signup-flow .capt p {
    margin: 0 0 10px;
    font-size: 16px;
    font-weight: bold;
}
#w .area-signup-flow .area-process {
    margin: 0 20px 20px;
}
#w .area-signup-flow .area-process ul {
    font-size: 0;
}
#w .area-signup-flow .area-process li {
    position: relative;
    display: inline-block;
    width: 170px;
    height: 170px;
    margin-left: 34px;
    border: 1px solid #dedede;
    border-radius: 4px;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
}
#w .area-signup-flow .area-process li:before {
    content: "";
    position: relative;
    top: 50%;
    left: -24px;
    display: block;
    width: 12px;
    height: 20px;
    margin-top: -10px;
    background: url('https://p.dmm.com/p/my/images/ico_arrow.gif') no-repeat top left;
}
#w .area-signup-flow .area-process li:first-child:before {
    display: none;
}
#w .area-signup-flow .area-process li:first-child {
    margin-left: 0;
}
#w .area-signup-flow .area-process li img {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -70px 0 0 -70px;
}
#w .area-signup-flow .area-process li span {
    position: absolute;
    bottom: 15px;
    display: block;
    width: 100%;
    text-align: center;
    font-weight: bold;
}
#w .area-signup-flow .capt .caution {
    color: #c00;
    font-weight: bold;
}
#w .area-signup-flow.error .capt p { color: #c00;}
#w .area-signup-flow .capt span.mailadress {
    padding: 0 5px 0 0;
    font-size: 16px;
    font-weight: bold;
}
#w .area-signup-flow .box-select-mail {
    margin: 0 0 20px;
    text-align: center;
    font-size: 11px;
    color: #666;
}
#w .area-signup-flow .box-input-info p:first-child {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
}
#w .area-signup-flow .box-input-info {
    padding: 20px;
    border-top: #bebebe 1px dotted;
}
#w .area-signup-flow .box-input-info > div {
    padding: 0 20px;
    border: #bebebe 1px solid;
    border-radius: 5px;
    box-shadow: 0 0 5px #eee inset;
}
#w .area-signup-flow .box-input-info ul li {
    padding: 10px 0;
    border-top: #ccc 1px dotted;
    font-size: 14px;
    font-weight: bold;
}
#w .area-signup-flow .box-input-info ul li:first-child { border-top: none;}
#w .area-signup-flow .box-input-info ul li span:first-child {
    display: inline-block;
    min-width: 10em;
    margin-right: 10px;
    color: #666;
    font-size: 12px;
    font-weight: normal;
    text-align: right;
}
#w .area-signup-flow .box-input-info ul li .txt-caution { color: #c00;}
#w .area-signup-flow .box-returntop {
    padding: 0 0 20px;
    text-align: center;
}
#w .area-signup-flow .box-returntop a {
    padding: 0 0 0 14px;
    color: #000;
    font-weight: bold;
    background: url('https://p.dmm.com/p/my/images/arrow.png') left center no-repeat;
    text-decoration: none;
}
#w .area-signup-flow .box-returntop a:hover {
    color: #333;
    text-decoration: underline;
}
#w .area-signup-flow .box-input {
    margin: 0 20px 20px;
    padding: 20px;
    border: #e1e1e1 1px solid;
    border-radius: 4px;
    background: #f9fafb;
    box-shadow: 0 0 1px 1px #fff inset;
}
#w .area-signup-flow .box-input > label:first-child {
    display: block;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
}
#w .area-signup-flow .box-input:after{display:block;clear:both;height:0;visibility:hidden;content:"."}
#w .area-signup-flow .box-input input[type="text"] {
    display: block;
    width: 529px;
    margin: 0 0 5px;
    padding: 5px;
    border: #bebebe 1px solid;
    border-radius: 2px;
    box-shadow: 0 1px 0 #fff;
    box-shadow: 0 0 2px #ddd inset;
    color: #aaa;
}
#w .area-signup-flow .box-input .box-password {
    float: left;
    padding: 3px 0 0;
    font-size: 11px;
}
#w .area-signup-flow .box-input .box-password span {
    padding: 0 5px 0 0;
    color: #666;
}
#w .area-signup-flow .box-input .box-mailmagazine {
    float: right;
    font-size: 11px;
    text-align: right;
}
#w .area-signup-flow .box-input  .box-mailmagazine input[type="checkbox"] { vertical-align: bottom;}
#d-ie7 #w .area-signup-flow .box-input {    padding-bottom: 40px;}
#d-ie7 #w .area-signup-flow .box-input .box-mailmagazine input[type="checkbox"] { vertical-align: middle;}
#w .area-signup-flow .box-attention {
    padding: 20px;
    border-color: #eee #fff #fff;
    border-width: 1px;
    border-style: solid;
    border-radius: 0 0 4px 4px;
    background: #f9fafb;
    text-align: center;
}

#w .area-signup-flow .box-txt { margin: 0 20px 20px;}
#w .area-signup-flow .box-txt:first-child { padding-top: 40px;}
#w .area-signup-flow .box-txt-note {
    margin: 0 20px 20px;
    color: #666;
    font-size: 11px;
}
#w .area-signup-flow .box-txt-note a {
    display: block;
    margin: 0 0 5px;
    padding-left:12px;
    background:url('https://p.dmm.com/p/my/images/arrow_common.gif') no-repeat 0 center;
    white-space: nowrap;
}
#w .area-signup-flow .box-attention .box-txt { padding-top: 0;}
#w .area-signup-flow .box-attention .box-txt span {
    color: #c00;
    font-weight: bold;
}

#w .area-signup-flow .box-btn {
    padding: 0 0 40px;
    text-align: center;
}
#w .area-signup-flow .box-attention .box-btn { padding: 0;}
#w .area-signup-flow.error .box-listup {
    width: 400px;
    margin: 0 auto;
    text-align: left;
}
#w .area-signup-flow.error .box-listup ul {
    margin-top:  6px;
}
#w .area-signup-flow.error .box-listup li {
    padding: 2px 0 2px 7px;
    background-position: 0 9px;
    background: url('https://p.dmm.com/p/my/images/marker.gif') no-repeat 0 9px;
}
#w .area-signup-flow .input-error {
    border: #c00 1px solid;
    background: #ffecec;
    color: #333;
}
#w .area-signup-flow .txt-caution { color: #c00;}
#w .area-signup-flow.sociallogin-input .box-input-info {
    padding-top: 0;
    border-top: none;
}
#w .area-signup-flow.sociallogin-input .area-process li:first-child {
    color: #bbb;
}
#w .area-signup-flow.sociallogin-input .area-process li:first-child + li {
    border-color: #00a8ee;
}
#w .area-signup-flow.sociallogin-input .box-input-select .capt02 {
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: bold;
}
#w .area-signup-flow.sociallogin-input .box-input-select {
    margin: 20px;
    padding: 34px 40px 0;
    border-radius: 5px;
    background: #f9fafb;
}
#w .area-signup-flow.sociallogin-input .box-txt {
    margin-right: 0;
    margin-left: 0;
}
#w .area-signup-flow.sociallogin-input .box-btn {
    padding-bottom: 34px;
}
#w .area-signup-flow.sociallogin-input .sect {
    position: relative;
    padding: 0 20px 20px;
}
#w .area-signup-flow.sociallogin-input .sect:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
}
#w .area-signup-flow.sociallogin-input .sect .box {
    float: left;
    width: 255px;
    height: 220px;
    margin-left: 10px;
    padding: 20px 15px;
    background: #f2f4f7;
    border: 1px solid #e1e3d6;
    border-radius: 4px;
}
#w .area-signup-flow.sociallogin-input .sect .box:first-child {
    margin-left: 0;
}
#w .area-signup-flow.sociallogin-input .capt02 {
    margin-bottom: 15px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}
#w .area-signup-flow.sociallogin-input .sect02 {
    position: relative;
    height: 100%;
}
#w .area-signup-flow.sociallogin-input .sect02 > p {
    margin-bottom: 15px;
}
#w .area-signup-flow.sociallogin-input .sect02 dl {
    margin-bottom: 15px;
}
#w .area-signup-flow.sociallogin-input .sect02 dt {
    float: left;
    font-weight: bold;
}
#w .area-signup-flow.sociallogin-input .sect02 .password {
    line-height: 30px;
}
#w .area-signup-flow.sociallogin-input .sect02 dd {
    margin-bottom: .5em;
    padding-left: 7.5em;
}
#w .area-signup-flow.sociallogin-input .sect02 dd input[type="password"] {
    width: 152px;
    height: 18px;
    line-height: 18px;
    padding: 5px;
    border: 1px solid #bebebe;
    border-radius: 2px;
    font-size: 14px;
    -webkit-box-shadow: 0 0 2px #ddd inset;
    box-shadow: 0 0 2px #ddd inset;
    ime-mode: disabled;
}
#w .area-signup-flow.sociallogin-input .area-cooperation .area-btn {
    position: absolute;
    bottom: 40px;
    width: 100%;
    height: 110px;
}
#w .area-signup-flow.sociallogin-input .area-cooperation .btn {
    width: 100%;
    margin-bottom: 10px;
}
#w .area-signup-flow.sociallogin-input .area-cooperation label {
    margin-bottom: .5em;
}
#w .area-signup-flow.sociallogin-input .area-cooperation .small {
    font-size: 10px;
}

/* Signup flow end */


/* 20150206 Breadcrumbs start */
#w .breadcrumb {
    width: 624px;
    margin: 0 auto 20px;
}
#w .breadcrumb ul {
    width: 624px;
    height: 29px;
    background: url('https://p.dmm.com/p/my/images/bg_breadcrumb.png') no-repeat left top;
}
#w .breadcrumb ul.first.of-three { background-position: left top;}
#w .breadcrumb ul.second.of-three {background-position: 0 25%;}
#w .breadcrumb ul.third.of-three { background-position: 0 50%;}
#w .breadcrumb ul.first.of-two {   background-position: 0 75%;}
#w .breadcrumb ul.second.of-two {  background-position: 0 100%;}
#w .breadcrumb ul:after{display:block;clear:both;height:0;visibility:hidden;content:"."}
#w .breadcrumb li {
    width: 178px;
    height: 29px;
    float: left;
    padding: 0 25px 0 5px;
    line-height: 29px;
    color: #aaa;
    font-size: 11px;
    text-align: center;
}
#w .breadcrumb ul.of-two li {
    width: 282px;
}
#w .breadcrumb li.on {
    color: #fff;
}
#w .breadcrumb li span {
    background: #fff;
    color: #aaa;
    display: inline-block;
    width: 14px;
    height: 14px;
    line-height: 14px;
    border-radius: 7px;
    text-align: center;
    margin-right: 3px;
    font-size: 10px;
}
#w .breadcrumb li.on span {
    color: #00a8ee;
}
/* 20150206 Breadcrumbs end */

#w > #area-main .d-announcement { margin: 0 30px 20px;}

/* 20131000 Top start */
/* 20150206 Update */
#main-my.page-register {
    position: relative;
    margin: 0 -12px;
    padding: 50px 0;
    background: #f0f1f2 url('https://p.dmm.com/p/my/images/bg.png') center center no-repeat;
    background-color: #f0f1f2;
}
#main-my.page-register > .wrap {
    width: 766px;
    margin: 0 auto;
    padding: 30px 0 0;
    border: #e2e3e4 1px solid;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.06);
    zoom: 1;
}
#main-my.page-register .d-announcement { margin: 0 25px 20px;}
#main-my.page-register .area-login {
    padding: 0 35px 35px;
    text-align: left;
}
#main-my.page-register .area-login>.capt {
    margin-bottom: 12px;
    text-align: center;
}
#main-my.page-register .area-login>.capt .txt-caption {
    margin-right: 12px;
    margin-bottom: 5px;
    font-size: 30px;
    font-weight: bold;
}
#main-my.page-register .area-login>.capt .txt {
    color: #a1a1a1;
}
#main-my.page-register .area-login>.sect {
    position: relative;
    margin-top: 30px;
}

#main-my.page-register .area-login>.sect dl.box {
    width: 330px;
    padding: 0;
    border: none;
    background: #fff;
}
#main-my.page-register .area-login>.sect dl.box > dt {
    margin: 15px 0;
    font-size: 14px;
    font-weight: bold;
}
#main-my.page-register .area-login .box-account>dl.box>dt {
    position: relative;
    height: 38px;
    line-height: 30px;
    text-align: center;
    background: #fff url('https://p.dmm.com/p/my/images/bg_ballon.png') no-repeat left top;
    color: #fff;
    font-weight: normal;
}
#d-ie7 #main-my.page-register .area-login .box-account>dl.box>dt {
    margin-top: 0;
}
#main-my.page-register .area-login .box-account input[type="text"],
#main-my.page-register .area-login .box-account input[type="password"] {
    width: 318px;
    height: 24px;
    line-height: 24px;
    margin: 0 0 8px;
    padding: 5px;
    border: #bebebe 1px solid;
    border-radius: 2px;
    font-size: 14px;
    box-shadow: 0 1px 0 #fff;
    box-shadow: 0 0 2px #ddd inset;
    ime-mode: disabled;
}
#main-my.page-register .area-login .box-account input[type="text"]::-webkit-input-placeholder,
#main-my.page-register .area-login .box-account input[type="password"]::-webkit-input-placeholder {
    line-height: 24px;
}
#main-my.page-register .area-login .box-account input[type="text"]::-moz-placeholder,
#main-my.page-register .area-login .box-account input[type="password"]::-moz-placeholder {
    line-height: 24px;
}
#main-my.page-register .area-login .box-account input[type="text"]:-ms-input-placeholder,
#main-my.page-register .area-login .box-account input[type="password"]:-ms-input-placeholder {
    line-height: 24px;
}
#main-my.page-register .area-login .box-account .checkbox {
    width:14px;
    height:14px;
    margin-right:3px;
}
#main-my.page-register .area-login .box-account .box-id,
#main-my.page-register .area-login .box-account .box-password {
    position: relative;
    margin-bottom: 8px;
}
#main-my.page-register .area-login .box-account .placeholder {
    position: absolute;
    top: 7px;
    left: 5px;
    color: #aaa;
    font-size: 14px;
    cursor: text;
}
#main-my.page-register .area-login .box-account .box-txt-jsoff {
    padding: 0 10px 10px;
    text-align: center;
    color: #c00;
    font-size: 12px;
    font-weight: bold;
}
#main-my.page-register .area-login .box-account .box-txt-jsoff a {
    padding: 0 0 0 10px;
    background: url('https://p.dmm.com/p/my/images/arrow_common.gif') no-repeat left center;
    font-weight: normal;
}

#main-my.page-register .area-login .box-account .box-agreement,
#main-my.page-register .area-login .box-account .box-bt { margin: 16px 0 8px;}
#main-my.page-register .area-login .box-account .box-bt { text-align: center;}
#main-my.page-register .area-login .box-account .box-mailmagazine {
    margin-bottom: 12px;
    font-size: 11px;
}
#main-my.page-register .area-login .box-account .box-agreement {font-size: 11px;}
#main-my.page-register .area-login .box-account .box-txt-error {
    margin: 0 0 20px;
    padding: 0;
    color: #c00;
    text-align: left;
    font-size: 11px;
}
#main-my.page-register .area-login .box-account .box-txt-error p + p {margin-top:  15px;}
#main-my.page-register .area-login .box-account .box-txt-error p a {
    font-weight: bold;
    margin: 0 3px;
}
#main-my.page-register .area-login .box-account .box-txt-note {
    margin: 12px 0 0;
    color: #666;
    font-size: 11px;
    line-height: 11px;
    text-align: center;
}
#main-my.page-register .area-login .box-account .box-txt-note .ico-mail {
    padding: 0 0 0 20px;
    background: url('https://p.dmm.com/p/my/images/ico_mail.png') left 0 no-repeat;
}
#main-my.page-register .area-login .box-account .box-btn-login .box-txt-error {
    margin: 0 0 5px;
    padding: 0;
    color: #c00;
    font-size: 11px;
    font-weight: normal;
    text-align: center;
}
#main-my.page-register .area-login .box-account .box-subtxt {
    margin-top: 16px;
    font-size: 11px;
}
#main-my.page-register .area-login .box-account .box-subtxt li {margin-top: 6px;}
#main-my.page-register .area-login .txt-or {
    display: none;
}
#main-my.page-register .area-login>.sect>.box-snsid dl.box {
    position: absolute;
    top:0;
    right: 0;
    bottom:0;
    width: 270px;
    padding: 20px 25px;
    background-color: #f2f4f7;
    border: 1px #e1e3e6 solid;
}
#main-my.page-register .area-login>.sect>.box-snsid dl.box dt{margin-top: 0;}
#main-my.page-register .area-login>.sect>.box-snsid dl.box li {
    margin-bottom: 2px;
}
#main-my.page-register .area-login>.sect>.box-snsid dl.box ul {margin-bottom: 20px;}

/*sns-links*/
#main-my.page-register .area-login .box-snsid .sns-links,
#main-my.page-register .area-login .box-snsid .sns-links.facebook.disable {
    position: relative;
    display: inline-block;
    width: 205px;
    height: 50px;
    padding: 0px 8px 0px 55px;
    background-color: #fff;
    font-size: 12px;
    line-height: 50px;
    word-break: normal;
    color: #555;
    transition: background-color .1s ease-out;
}
#main-my.page-register .area-login .box-snsid .box .sns-links:hover {
    color: #fff;
    text-decoration: none;
}

#main-my.page-register .area-login .box-snsid .box .sns-links {
    position: relative;
    display: inline-block;
    width: 205px;
    height: 50px;
    padding: 0 8px 0 55px;
    font-size: 12px;
    line-height: 50px;
    word-break: normal;
    background-color: #fff;
    color: #555;
    -webkit-transition: background-color .1s ease-out;
    transition: background-color .1s ease-out;
}
#main-my.page-register .area-login .box-snsid .box .sns-links.twitter:before {
    background: url(https://p.dmm.com/p/my/images/icon_sns_x.png);
    position: absolute;
    top: 5px;
    left: 5px;
    width: 40px;
    height: 40px;
    border-radius: 2px;
    content: '';
    -webkit-background-size: 30px 30px;
    background-size: 30px 30px;
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    -webkit-background-position: center;
    background-position: center;
}
#main-my.page-register .area-login .box-snsid .box .sns-links.twitter:hover {
    background-color: #000000;
}
#main-my.page-register .area-login .box-snsid .box .sns-links.google:before {
    background: url(https://p.dmm.com/p/my/images/icon_sns_google.png);
    position: absolute;
    top: 5px;
    left: 5px;
    width: 40px;
    height: 40px;
    border-radius: 2px;
    content: '';
    -webkit-background-size: 30px 30px;
    background-size: 30px 30px;
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    -webkit-background-position: center;
    background-position: center;
}
#main-my.page-register .area-login .box-snsid .box .sns-links.google:hover {
    background-color: #4285f4;
}
#main-my.page-register .area-login .box-snsid .box .sns-links.facebook:before {
    background: url(https://p.dmm.com/p/my/images/icon_sns_facebook.png);
    position: absolute;
    top: 5px;
    left: 5px;
    width: 40px;
    height: 40px;
    border-radius: 2px;
    content: '';
    -webkit-background-size: 30px 30px;
    background-size: 30px 30px;
    background-color: #1877F2;
    background-repeat: no-repeat;
    -webkit-background-position: center;
    background-position: center;
}
#main-my.page-register .area-login .box-snsid .box .sns-links.facebook:hover {
    background-color: #1877F2;
}

#main-my.page-register .area-login .box-snsid .box-subtxt {
    font-size: 11px;
}
#main-my.page-register .area-login .box-snsid .box-txt-error {
    margin: 0 0 -20px;
    padding: 0;
    color: #c00;
    font-size: 11px;
    word-break: normal;
    word-wrap: break-word;
}
#main-my.page-register .area-login .box-snsid .box-txt-error p {
    word-break: normal;
    word-wrap: break-word;
}

#main-my.page-register .area-regist {
    padding-top: 25px;
    border-top: 1px #ccc dotted;
}
#main-my.page-register .area-regist > p+p {
    margin-top: 8px;
}
/* 20131000 Top end */

/* verisign */
#verisign-box  {
    width:540px;
    margin: 0 auto 0;
    text-align:left;
}
#verisign-box  .info {
    margin:0 0 12px;
    padding:0 10px;
    border:1px #bbb solid;
    font-size:10px;
    zoom:1;
}
#verisign-box  .info p {
    line-height:1.4em;
    margin:6px 0;
}
#verisign-box  .info p.vs {
    line-height:1.4em;
    margin:12px 120px 3px 0;
}
#verisign-box .info.phishing {
    font-size: 12px;
}

/* DMM Navi Replace */
#d-header {
    margin: 0;
    height: 48px;
}
#d-header > a {
    display: inline;
    height: 48px;
    line-height: 48px;
    padding: 0 0 0 20px;
    font-size: 10px;
    vertical-align: middle;
    float: left;
}
#d-header > a > img {
    vertical-align: middle;
}
#d-header .area-login {
    height: 48px;
    float: right;
    padding-right: 20px;
}
#d-header .area-login > span {
    line-height: 48px;
    margin-right: 6px;
}
#d-header .area-login > input {
    display: inline-block;
    box-sizing: border-box;
    margin: 0;
    padding: 2px 18px 3px 35px;
    border: 1px solid;
    border-color: #cacaca #b0b0b0 #9c9c9c;
    border-radius: 3px;
    background: #fff url('https://p.dmm.com/p/my/images/bg_btn_login.png') no-repeat scroll 0 50% ;
    box-shadow: inset 0 1px 0 white;
    color: #333;
    font-family: inherit;
    font-size: 12px;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    transition: background-position .1s ease-out;
}
#d-header .area-login > input:hover {
    position: relative;
    top: 1px;
    opacity: 0.6;
}