body.Member.Reg header{ display: inline-block; width: 100%;}

body.Member.Reg header > nav{ text-align: center;}
body.Member.Reg header > nav > a{ border: 2px solid #ddd; display: inline-block; padding: 1em 2em; border-radius: 0.5em; margin: 0.2em;    font-weight: 700; font-size: 16px; background-color: #fff;}

section{ width:100%; display:inline-block;}
.infohead{ position:relative; width:100%; padding:0.5em 0; float:left; text-align:center; display:inline-block;}
.infohead > a{ display:none;}
.infobody1 > div > h3{ display:none;}
.infobody1 > div > p{ text-align:center; padding:1em 0;}



.pointhead{ position:relative; width:100%; padding:0.5em 0; float:left; text-align:center; display:inline-block;}
.pointhead > a{ display:none;}

.pointbody1 > div > p{ display:inline-block; text-align:center; font-size:20px; font-weight:900; width:100%;}

.MemberInfoNav0 > a > img{ display:none; }
.MemberInfoNav0 > a > br{ display:none;}

/*
body.Member.Reg header > nav{ display: none;}
*/
body.Member.Reg header > h1{ text-align: center; margin: 1em; margin-bottom: 0.3em; font-size: 36px;}
body.Member.Reg section{ width: 100%; display: inline-block; text-align: center;}
body.Member.Reg section > h2{ text-align: center; font-size: 30px; margin: 0.3em;}
body.Member.Reg section > h3{ text-align: center; font-size: 24px; margin: 0.3em;}
#MemberRegForm{ text-align: left; display: inline-block; width: 900px;}
#MemberRegForm fieldset{ background-color: #fff; border: 2px solid #ddd; margin-top: 0.5em; margin-bottom: 0.5em; height: 70px; overflow-y: scroll; line-height: 1.8; padding: 8px;}
#MemberRegForm fieldset > h4{ font-size:24px; text-align:center; padding:1em 0;}
#MemberRegForm fieldset > p{ margin:0 1em; font-size:14px;}

.AccountLi > div > select{ padding: 6px; width: 160px; display: inline-block; height: 40px; font-size: 16px;}
#MemberRegStep1Form > ul > li.AccountLi > div > input#birth{ padding: 6px; width: 160px; display: inline-block; height: 30px; font-size: 16px;}



#MemberRegForm > nav{ margin: 2em; text-align: center;}
#MemberRegForm > nav > input[type=submit]{ background-color: #652d88;  color: #fff; border: 0; display: inline-block; padding: 0.5em; width: 120px; font-size: 16px;}
#MemberRegForm > nav > input[type=submit]:hover{ background-color: blueviolet;  cursor: pointer;}


.NameCheckSection0{ text-align: center; width: 100%;}
.NameCheckSection0 > ul{ width: 440px; display: inline-block;margin-top: 1.5em; margin-bottom: 1.5em; padding: 1em 2em; background: rgba(240,255,255,0.7); text-align: left;}
.NameCheckSection0 > ul > li{ margin-left: 20px; position: relative; font-size: 13px; margin-bottom: 8px;}
.NameCheckSection0 > ul > li:before{ content: "*"; position: absolute; left: -16px;}
.NameCheckSection0 > ul > li > ul{ margin-top: 0.5em;}
.NameCheckSection0 > ul > li > ul > li{ margin-left: 16px; position: relative; margin-right: 12px; color: red;}
.NameCheckSection0 > ul > li > ul > li:before{ content: "-"; position: absolute; left: -16px;}

 

#MemberRegStep1Form{ margin-top: 2em;}
#MemberRegStep1Form > ul{ display:inline-block; width: 900px; background: #fff;border: 3px solid #ddd;  padding: 1.3em 2em;border-radius: 1em; }
#MemberRegStep1Form > ul > li{ display: table; width: 100%;}
#MemberRegStep1Form > ul > li > label{ display: table-cell; padding: 14px 8px; font-size: 18px; font-weight: 700; width: 25%; vertical-align: top; text-align: left;}
#MemberRegStep1Form > ul > li > div{ display: table-cell;  padding: 8px; vertical-align: middle; text-align: left;}
#MemberRegStep1Form > ul > li > div > input[type=text]{ padding: 6px; width: 90%; display: inline-block; height: 30px; font-size: 16px;}
#MemberRegStep1Form > ul > li > div > input[type=password]{ padding: 6px; width: 90%; display: inline-block; height: 30px; font-size: 16px;}
#MemberRegStep1Form > ul > li > div > input[type=number]{ padding: 6px; width: 90%; display: inline-block; height: 30px; font-size: 16px;}
#MemberRegStep1Form > ul > li > div > p{ margin-left: 30px; position: relative; width: 80%; color: #f00; margin-top: 0.3em; margin-bottom: 0.6em;}
#MemberRegStep1Form > ul > li > div > p:before{ content: "※"; position: absolute; left: -20px;}
#MemberRegStep1Form > ul > li > div > p#pw2menual:before{ content: "";}

#MemberRegStep1Form > ul > li > div > input[type=text]#mName{ime-mode:active;}


.AgreementSection > div > div.mreghead > a{ display:none;}
.AgreementSection > div > div.mreghead{ margin-top:2em; margin-bottom:0.5em;}
.RegStep1Section > div > div.mreghead > a{ display:none;}
.RegStep1Section > div > div.mreghead{ margin-top:2em;}

.mregbody1 > h3{ display:none;}
.mregbody1 > h3{ display:none;}

.mreg1body1 > h3{ display:none;}
.mreg2body1 > h3{ display:none;}


#MemberRegStep1Form #mId{ width: 50%;}
#MemberRegStep1Btn0{ background-color: #652d88; color: #fff; display: inline-block; padding: 10px; height: 25px; width: 120px; text-align: center; font-weight: 700;}

#MemberRegForm > nav{ width: 100%; display: inline-block; text-align: center; margin: 1em 0;}
#MemberRegForm > nav > a{ border: 2px solid #ddd; display: inline-block; padding: 1em 0; width: 120px; text-align: center; margin: 0.2em; color: #fff; background-color: #652d88;}

#MemberRegStep1Form > nav{ width: 100%; display: inline-block; text-align: center; margin: 1em 0;}
#MemberRegStep1Form > nav > a{ background-color: #fff; border: 2px solid #ddd; display: inline-block; padding: 1em 0; width: 120px; text-align: center; margin: 0.2em;}
#MemberRegStep1Form > nav > a#MemberRegStep1Btn1{ color: #fff; background-color: #652d88;}
#MemberRegStep1Form > nav > a#MemberRegStep1Btn1:hover{ background-color:blueviolet;}
#MemberRegStep1Form > nav > a#MemberRegStep1Btn3{ display:none;}
#MemberRegStep1Btn5{ background-color: #652d88; color: #fff; display: inline-block; padding: 10px; height: 25px; width: 120px; text-align: center; font-weight: 700;}
#MemberRegStep1AccChkBtn{ background-color: #652d88; color: #fff; display: inline-block; padding: 10px; height: 25px; width: 120px; text-align: center; font-weight: 700;}
#MemberRegStep1RrnBtn{ background-color: #652d88; color: #fff; display: inline-block; padding: 10px; height: 25px; width: 120px; text-align: center; font-weight: 700;}


.MemberRegResultSection0 > div > div{ margin: 2em 0;}
.MemberRegResultSection0 > div > div > span{ display: block;}
.MemberRegResultSection0 > div > div > span > span{ font-weight: bold;}
.MemberRegResultSection0 > div > nav{ width: 100%; display: inline-block; text-align: center;}
.MemberRegResultSection0 > div > nav > a{ background-color: #fff; border: 2px solid #ddd; display: inline-block; padding: 1em 0; width: 120px; text-align: center; margin: 0.2em;}
.MemberRegResultSection0 > div > nav > a#MemberRegStep3Btn0{ color: #fff; background-color: #652d88;}
.MemberRegResultSection0 > div > nav > a#MemberRegStep3Btn0:hover{ background-color:blueviolet;}

.MemberRegResultSection0 > div > ul{ width:440px; margin:auto; margin-bottom:1em;}
.MemberRegResultSection0 > div > ul > li{ font-size:12px; text-align:left; margin-left:24px; list-style:disc; color:#f00; line-height:1.8;}
.MemberRegResultSection0 > div > ul > li > b{ color:#f00;}

.MemberRegStep3Header0{ text-align:center; width:100%; display:inline-block; float:left;}
.MemberRegStep3Header0 > div{ background-color:#fff; border-radius:8px; display:inline-block; padding:12px 50px;}
.MemberRegStep3Header0 > div h2{ font-size:32px;}
.MemberRegStep3Header0 > div h3{ font-size:20px;}
.MemberRegStep3Header0 > div h3 > span{ color:#8b5fa8;}

.MemberRegStep3Header0 > div.mreghead{ display:none;}
.MemberRegStep3Header0 > div.mreg3body1{ display:none;}
.MemberRegStep3Header0 > div.mreg3body2{ display:none;}

body.Member.Info{ background-color: #f1f1f1;}
body.Member.Info header{ display: inline-block; width: 100%;}
body.Member.Info header > h1{ text-align: center; margin: 1em; margin-bottom: 0.3em; font-size: 36px;}
/*body.Member.Info header #TopMenuMyInfo{ display: none;}*/
body.Member.Info section{ width: 100%; display: inline-block; text-align: center;}

body.Member.Info section > div > h2{ text-align: center; font-size: 30px; margin: 0.3em;}


body.Member.Info header > nav{ text-align: center;}
body.Member.Info header > nav > a{ border: 2px solid #ddd; display: inline-block; padding: 1em 2em; border-radius: 0.5em; margin: 0.2em;    font-weight: 700; font-size: 16px; background-color: #fff;}

body.Member.Info section{ width: 100%; display: inline-block;}
body.Member.Info section > div{ width: 900px; display: inline-block; margin-top: 1em; text-align: left;}
body.Member.Info section div > ul{ display: table; width: 100%;background-color: #fff; border-bottom:2px solid #ddd; border-top: 2px solid #ddd;}
body.Member.Info section div > ul > li{ display: table-row;}
body.Member.Info section div > ul > li > label{ display: table-cell; padding: 8px;  border-bottom:1px dashed #ddd; text-decoration: none; text-align: right;  font-weight: 700; width: 20%; background-color: #f1f1ff;}
body.Member.Info section div > ul > li > div{ display: table-cell; padding: 8px; border-bottom:1px dashed #ddd; text-decoration: none; text-align: left; }

.MemberInfoNav0{ width: 100%; display: inline-block; text-align: center; padding: 2em 0;}
.MemberInfoNav0 > a{ background-color: #fff; border: 2px solid #ddd; display: inline-block; padding: 1em 0; width: 120px; text-align: center; margin: 0.2em;}
.MemberInfoNav0 > a#MemberInfoBtn0{ color: #fff; background-color: #652d88;}
.MemberInfoNav0 > a#MemberInfoBtn0:hover{ background-color:blueviolet;}



body.Member.edit header{ display: inline-block; width: 100%;}
body.Member.edit header > h1{ text-align: center; margin: 1em; margin-bottom: 0.3em; font-size: 36px;}
/*body.Member.edit header #TopMenuMyInfo{ display: none;}*/
body.Member.edit section{ width: 100%; display: inline-block; text-align: center; margin-top: 2em;}

#editMemberForm > ul > li > div > p{ margin-left: 30px; position: relative; width: 80%; color: #f00; margin-top: 0.3em; margin-bottom: 0.6em;}
#editMemberForm > ul > li > div > p:before{ content: "※"; position: absolute; left: -20px;}
#editMemberForm > ul > li > div > p#pw2menual:before{ content: "";}

body.Member.edit header > nav{ text-align: center;}
body.Member.edit header > nav > a{ border: 2px solid #ddd; display: inline-block; padding: 1em 2em; border-radius: 0.5em; margin: 0.2em;    font-weight: 700; font-size: 16px; background-color: #fff;}

#editMemberForm { width:900px; display: inline-block;}
#editMemberForm > ul{ width: 100%; display: table; background-color: #fff; margin: 2em 0; border-top: 3px solid #ddd;}
#editMemberForm > ul > li{ display: table-row;}
#editMemberForm > ul > li > label{ padding: 8px; width: 160px; display: table-cell; border-bottom: 1px solid #ddd;}
#editMemberForm > ul > li > div{ padding: 8px; display: table-cell; text-align: left; border-bottom: 1px solid #ddd;}
#editMemberForm > ul > li.enitNewPw{ display: none;}
#editMemberForm > ul > li.enitNewPw.active{ display:table-row;}
#editMemberForm > ul > li > div > input[type=text]{ padding: 6px; width: 90%; display: inline-block; height: 30px; font-size: 16px;}
#editMemberForm > ul > li > div > input[type=password]{ padding: 6px; width: 90%; display: inline-block; height: 30px; font-size: 16px;}
#editMemberForm > ul > li > div > input[type=number]{ padding: 6px; width: 90%; display: inline-block; height: 30px; font-size: 16px;}
#editMemberForm > ul > li > div > label{ padding: 6px;  display: inline-block;}


#editMemberForm > div > nav{ width: 100%; display: inline-block; text-align: center;}
#editMemberForm > div > nav > a{ background-color: #fff; border: 2px solid #ddd; display: inline-block; padding: 1em 0; width: 120px; text-align: center; margin: 0.2em;}
#editMemberForm > div > nav > a#MemberInfoEditBtn0{ color: #fff; background-color: #652d88;}
#editMemberForm > div > nav > a#MemberInfoEditBtn0:hover{ background-color:blueviolet;}


body.Member.Time{ background-color: #f1f1f1;}
body.Member.Time header{ display: inline-block; width: 100%;}
body.Member.Time header > h1{ text-align: center; margin: 1em; margin-bottom: 0.3em; font-size: 36px;}
/*body.Member.point header #TopMenuMyInfo{ display: none;}*/
body.Member.Time section{ width: 100%; display: inline-block; text-align: center; margin-top: 2em;}
body.Member.Time header > nav{ text-align: center;}
body.Member.Time header > nav > a{ border: 2px solid #ddd; display: inline-block; padding: 1em 2em; border-radius: 0.5em; margin: 0.2em;    font-weight: 700; font-size: 16px; background-color: #fff;}


.pointStatClass0{ width: 100%; display: inline-block; text-align: center;}
.pointStatClass0 > div{ width: 900px; display: inline-block; text-align: left;}
.pointStatClass0 > div > div > div > ul{ display: table; width: 100%; table-layout: fixed; border-top:3px solid #ddd; background-color: #fff; }
.pointStatClass0 > div > div > div > ul > li{ display: table-cell; text-align: center; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; }
.pointStatClass0 > div > div > div > ul > li:last-child{ border-right: 0;}
.pointStatClass0 > div > div > div > ul > li > label{ padding: 8px 0; border-bottom: 1px solid #ddd; width:100%; display:inline-block; background-color:#f1f1ff;}
.pointStatClass0 > div > div > div > ul > li > div{ padding: 8px 0; width:100%; display:inline-block;}



.pointStatClass0 > div > div > form > div{ text-align: center; margin-top: 1em; padding: 1em;}
.pointStatClass0 > div > div > form > div > input[type=text]{ padding: 6px; width: 120px; display: inline-block; height: 30px; font-size: 16px; text-align: center;}
.pointStatClass0 > div > div > form > div > a{ padding: 6px 2em; display: inline-block; font-size: 16px; font-weight:900; text-align: center; background-color:#fff; border:2px solid #ddd; border-radius:6px;}
.pointStatClass0 > div > div > form > aside{ font-weight: 700; width: 100%; text-align: center; padding-bottom:0.5em; font-size: 20px;}
.pointStatClass0 > div > div > form > p{ text-align: center;}
.pointStatClass0 > div > div > ul{ width: 100%; display: table; background-color: #fff; margin-bottom: 2em;}
.pointStatClass0 > div > div > ul > li{ display: table-row;}
.pointStatClass0 > div > div > ul > li:hover{ background-color: #fff1f1;}
.pointStatClass0 > div > div > ul > li > ins{ display: table-cell; width: 10%; text-align: center; border-bottom: 1px solid #ddd; text-decoration: none; padding: 8px;}
.pointStatClass0 > div > div > ul > li > time{ display: table-cell; text-align: center; border-bottom: 1px solid #ddd; padding: 8px;}
.pointStatClass0 > div > div > ul > li > strong{ display: table-cell; text-align: center;  border-bottom: 1px solid #ddd; width: 20%; padding: 8px; font-weight: 400;}
.pointStatClass0 > div > div > ul > li > p{ display: table-cell; text-align: center; border-bottom: 1px solid #ddd; width: 20%; padding: 8px;}

.pointStatClass0 > div > div > ul{ width: 100%; display: table; margin-top: 2em; border-top: 3px solid #ddd; margin-bottom: 0;}
.pointStatClass0 > div > div > ul > li:nth-child(1){ background-color: #f1f1ff;}
.pointStatClass0 > div > div > ul > li:nth-child(1) > ins{ padding: 8px; text-align: center; font-weight: 700;}
.pointStatClass0 > div > div > ul > li:nth-child(1) > time{ padding: 8px; text-align: center; font-weight: 700;}
.pointStatClass0 > div > div > ul > li:nth-child(1) > strong{ padding: 8px; text-align: center; font-weight: 700;}
.pointStatClass0 > div > div > ul > li:nth-child(1) > strong:after{ content: ""}
.pointStatClass0 > div > div > ul > li:nth-child(1) > p{ padding: 8px; text-align: center; font-weight: 700;}
.pointStatClass0 > div > div > ul > li:nth-child(1) > p:after{ content: ""}


.DateStatClass0{ width: 100%; display: inline-block; text-align: center;}
.DateStatClass0 > div{ width: 900px; display: inline-block; text-align: left;}
.DateStatClass0 > div > ul{ display: table; width: 100%; table-layout: fixed; border-top:3px solid #ddd; background-color: #fff; }
.DateStatClass0 > div > ul > li{ display: table-cell; text-align: center; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; }
.DateStatClass0 > div > ul > li:last-child{ border-right: 0;}
.DateStatClass0 > div > ul > li > h3{ padding: 8px; border-bottom: 1px solid #ddd; background-color: #f1f1ff;}
.DateStatClass0 > div > ul > li > p{ padding: 8px;}
.DateStatClass0 > div > form > div{ text-align: center; margin-top: 1em; padding: 1em;}
.DateStatClass0 > div > form > div > input[type=text]{ padding: 6px; width: 120px; display: inline-block; height: 30px; font-size: 16px; text-align: center;}
.DateStatClass0 > div > form > div > input[type=submit]{ padding: 6px; width: 90px; display: inline-block; height: 44px; font-size: 16px; text-align: center;}

.DateStatClass0 > div > form > aside{ font-weight: 700; width: 100%; text-align: center; padding-bottom:0.5em; font-size: 20px;}
.DateStatClass0 > div > form > p{ text-align: center;}
.DateStatClass0 > div > div > ul{ width: 100%; display: table; background-color: #fff; margin-bottom: 2em;}
.DateStatClass0 > div > div > ul > li{ display: table-row;}
.DateStatClass0 > div > div > ul > li:hover{ background-color: #fff1f1;}
.DateStatClass0 > div > div > ul > li > ins{ display: table-cell; width: 10%; text-align: center; border-bottom: 1px solid #ddd; text-decoration: none; padding: 8px;}
.DateStatClass0 > div > div > ul > li > time{ display: table-cell; text-align: center; width:20%; border-bottom: 1px solid #ddd; padding: 8px;}
.DateStatClass0 > div > div > ul > li > strong{ display: table-cell; text-align: center;  border-bottom: 1px solid #ddd; width: 10%; padding: 8px; font-weight: 400;}
.DateStatClass0 > div > div > ul > li > p{ display: table-cell; text-align: center; border-bottom: 1px solid #ddd; padding: 8px;}
.DateStatClass0 > div > div > ul{ width: 100%; display: table; margin-top: 2em; border-top: 3px solid #ddd; margin-bottom: 0;}
.DateStatClass0 > div > div > ul > li:nth-child(1){ background-color: #f1f1ff;}
.DateStatClass0 > div > div > ul > li:nth-child(1) > ins{ padding: 8px; text-align: center; font-weight: 700;}
.DateStatClass0 > div > div > ul > li:nth-child(1) > time{ padding: 8px; text-align: center; font-weight: 700;}
.DateStatClass0 > div > div > ul > li:nth-child(1) > strong{ padding: 8px; text-align: center; font-weight: 700;}
.DateStatClass0 > div > div > ul > li:nth-child(1) > strong:after{ content: ""}
.DateStatClass0 > div > div > ul > li:nth-child(1) > p{ padding: 8px; text-align: center; font-weight: 700;}
.DateStatClass0 > div > div > ul > li:nth-child(1) > p:after{ content: ""}



body.Member.Remove{ background-color: #f1f1f1;}
body.Member.Remove header{ display: inline-block; width: 100%;}
body.Member.Remove header > nav{ display: none;}
body.Member.Remove header > h1{ text-align: center; margin: 1em; margin-bottom: 0.3em; font-size: 36px;}
body.Member.Remove section{ width: 100%; display: inline-block; text-align: center;}
body.Member.Remove section > h2{ text-align: center; font-size: 30px; margin: 0.3em;}
body.Member.Remove section > h3{ text-align: center; font-size: 24px; margin: 0.3em;}

#RemoveMemberForm{ margin-top: 2em;}
#RemoveMemberForm > ul{ display:inline-block; width: 900px; background: #fff;border: 3px solid #ddd;  padding: 1.3em 2em;border-radius: 1em; }
#RemoveMemberForm > ul > li{ display: table; width: 100%;}
#RemoveMemberForm > ul > li > label{ display: table-cell; padding: 14px 8px; font-size: 18px; font-weight: 700; width: 25%; vertical-align: top; text-align: center;}
#RemoveMemberForm > ul > li > div{ display: table-cell;  padding: 8px; vertical-align: middle; text-align: left;}
#RemoveMemberForm > ul > li > div > input[type=password]{ padding: 6px; width: 90%; display: inline-block; height: 30px; font-size: 16px;}
#RemoveMemberForm > ul > li > div > textarea{ padding: 6px; width: 90%; display: inline-block; height: 120px; font-size: 16px; overflow-y:scroll;}



#RemoveMemberForm > div > nav{ width: 100%; display: inline-block; text-align: center; padding:1em 0;}
#RemoveMemberForm > div > nav > a{ background-color: #fff; border: 2px solid #ddd; display: inline-block; padding: 1em 0; width: 120px; text-align: center; margin: 0.2em;}
#RemoveMemberForm > div > nav > a#MemberRemoveBtn0{ color: #fff; background-color: #652d88;}
#RemoveMemberForm > div > nav > a#MemberRemoveBtn0:hover{ background-color:blueviolet;}


body.Member.Gift{ background-color: #f1f1f1;}
body.Member.Gift header{ display: inline-block; width: 100%;}
body.Member.Gift header > nav{ text-align: center;}

body.Member.Gift header > h1{ text-align: center; margin: 1em; margin-bottom: 0.3em; font-size: 36px;}
body.Member.Gift header > nav > a{ border: 2px solid #ddd; display: inline-block; padding: 1em 2em; border-radius: 0.5em; margin: 0.2em;    font-weight: 700; font-size: 16px; background-color: #fff;}
body.Member.Gift section{ width: 100%; display: inline-block; text-align: center;}


.MemberGiftTime > div{ width:500px; margin:auto; max-width:100%;}
.MemberGiftTime > div > h3{ font-size:25px; text-align:center; margin:1.5em 0;}
.MemberGiftTime > div > form > div > h4{ margin-top:1.5em; margin-bottom:0.5em; text-align:left;}
.MemberGiftTime > div > form > div > h4 > span{ font-size:12px; color:#F60; font-weight:500;}
.MemberGiftTime > div > form > div > fieldset{ margin:0; border:0; padding:0;}
.MemberGiftTime > div > form > div > fieldset > ul{ display:table; border-collapse:collapse; border-top:1px solid #ddd; width:100%; table-layout:fixed; background-color:#fff;}
.MemberGiftTime > div > form > div > fieldset > ul > li{ display:table-row;}
.MemberGiftTime > div > form > div > fieldset > ul > li > label{ display:table-cell; padding:6px; width:120px; font-weight:900; vertical-align:middle; border-bottom:1px solid #ddd; background-color:#CCF; color:#000; font-size:14px; text-align:center;}
.MemberGiftTime > div > form > div > fieldset > ul > li > div{ font-size:14px; display:table-cell; padding:6px; border-bottom:1px solid #ddd; text-align:left;}
.MemberGiftTime > div > form > div > fieldset > ul > li > div > input{ font-size:13px; height:40px; width:120px; }
.MemberGiftTime > div > form > div > fieldset > ul > li > div > p{ display:inline-block; margin-right:4em; line-height:1.8; min-width:120px;}
.MemberGiftTime > div > form > div > fieldset > ul > li > div > a{ background-color:#36F; color:#fff; display:inline-block; padding:8px 1em;}
.MemberGiftTime > div > form > div > nav{ text-align:center; margin:1.2em 0;}
.MemberGiftTime > div > form > div > nav > a{ margin:4px; font-weight:900;}
.MemberGiftTime > div > form > div > nav #GiftOKBtn{  background-color:#06C; color:#fff; display:inline-block; padding:8px 1em;}
.MemberGiftTime > div > form > div > nav #GiftResetBtn{ background-color:#999; color:#000; display:inline-block; padding:8px 1em;}



body.Member.Security{ background-color: #f1f1f1;}
body.Member.Security header{ display: inline-block; width: 100%;}

body.Member.Security header > nav{ text-align: center;}
body.Member.Security header > nav > a{ border: 2px solid #ddd; display: inline-block; padding: 1em 2em; border-radius: 0.5em; margin: 0.2em;    font-weight: 700; font-size: 16px; background-color: #fff;}

body.Member.Security header > h1{ text-align: center; margin: 1em; margin-bottom: 0.3em; font-size: 36px;}
body.Member.Security section{ width: 100%; display: inline-block; text-align: center;}
body.Member.Security section > h2{ text-align: center; font-size: 30px; margin: 0.3em;}
body.Member.Security section > h3{ text-align: center; font-size: 24px; margin: 0.3em;}


#MemberSecurityForm{ margin-top: 2em;}
#MemberSecurityForm > ul{ display:inline-block; width: 900px; background: #fff;border: 3px solid #ddd;  padding: 1.3em 2em;border-radius: 1em; }
#MemberSecurityForm > ul > li{ display: table; width: 100%;}
#MemberSecurityForm > ul > li > label{ display: table-cell; padding: 14px 8px; font-size: 18px; font-weight: 700; width: 25%; vertical-align: top; text-align: left;}
#MemberSecurityForm > ul > li > div{ display: table-cell;  padding: 8px; vertical-align: middle; text-align: left;}
#MemberSecurityForm > ul > li > div > input[type=text]{ padding: 6px; width: 90%; display: inline-block; height: 30px; font-size: 16px;}
#MemberSecurityForm > ul > li > div > input[type=password]{ padding: 6px; width: 90%; display: inline-block; height: 30px; font-size: 16px;}
#MemberSecurityForm > ul > li > div > input[type=number]{ padding: 6px; width: 90%; display: inline-block; height: 30px; font-size: 16px;}
#MemberSecurityForm > ul > li > div > p{ margin-left: 30px; position: relative; width: 80%; color: #f00; margin-top: 0.3em; margin-bottom: 0.6em;}
#MemberSecurityForm > ul > li > div > p:before{ content: "※"; position: absolute; left: -20px;}
#MemberSecurityForm > ul > li > div > p#pw2menual:before{ content: "";}

#MemberSecurityForm > ul > li > div > input[type=text]#sName{ime-mode:active;}

.AccountLi > div > select{ padding: 6px; width: 160px; display: inline-block; height: 40px; font-size: 16px;}
#MemberSecurityForm > ul > li.AccountLi > div > input#birth{ padding: 6px; width: 160px; display: inline-block; height: 30px; font-size: 16px;}

#MemberSecurityBtn0{ background-color: #652d88; color: #fff; display: inline-block; padding: 10px; height: 25px; width: 120px; text-align: center; font-weight: 700;}
#MemberSecurityChangeBtn0{ background-color: #652d88; color: #fff; display: inline-block; padding: 10px; height: 25px; width: 120px; text-align: center; font-weight: 700;}

#MemberSecurityForm > div > nav{ width: 100%; display: inline-block; text-align: center; margin: 1em 0;}
#MemberSecurityForm > div > nav > a{ background-color: #fff; border: 2px solid #ddd; display: inline-block; padding: 1em 0; width: 120px; text-align: center; margin: 0.2em;}
#MemberSecurityForm > div > nav > a#MemberSecurityBtn0{ color: #fff; background-color: #652d88;}
#MemberSecurityForm > div > nav > a#MemberSecurityBtn0:hover{ background-color:blueviolet;}

#MemberSecurityForm > div > nav > a#MemberSecurityChangeBtn0{ color: #fff; background-color: #652d88;}
#MemberSecurityForm > div > nav > a#MemberSecurityChangeBtn0:hover{ background-color:blueviolet;}


body.Member.JBMSG{ background-color: #f1f1f1;}
body.Member.JBMSG header{ display: inline-block; width: 100%;}

body.Member.JBMSG header > nav{ text-align: center;}
body.Member.JBMSG header > nav > a{ border: 2px solid #ddd; display: inline-block; padding: 1em 2em; border-radius: 0.5em; margin: 0.2em;    font-weight: 700; font-size: 16px; background-color: #fff;}


body.Member.JBMSG header > h1{ text-align: center; margin: 1em; margin-bottom: 0.3em; font-size: 36px;}
body.Member.JBMSG section{ width: 100%; display: inline-block; text-align: center; padding-top:2em;}
body.Member.JBMSG section > div > form > div{ width: 100%; display: inline-block; text-align: center; }
body.Member.JBMSG section > div > form > div > ul{ display:table; width:90%; max-width:700px; margin:auto; background-color:#fff; border-top:2px solid #ddd;}
body.Member.JBMSG section > div > form > div > ul > li{ display:table-row;}
body.Member.JBMSG section > div > form > div > ul > li > label{ display:table-cell; vertical-align:top; width:160px; padding:6px; padding-top:12px; font-weight:900; border-bottom:1px solid #ddd; background-color:#CCF;}
body.Member.JBMSG section > div > form > div > ul > li > div{ display:table-cell; vertical-align:top; text-align:left; padding:6px; border-bottom:1px solid #ddd;}
body.Member.JBMSG section > div > form > div > ul > li > div > input{ padding: 6px; width: 90%; display: inline-block; height: 30px; font-size: 16px;}
body.Member.JBMSG section > div > form > div > ul > li > div > p{ margin-left: 30px; position: relative; width: 80%; color: #f00; margin-top: 0.3em; margin-bottom: 0.6em;}
body.Member.JBMSG section > div > form > div > ul > li > div > p:before{ content: "※"; position: absolute; left: -20px;}
body.Member.JBMSG section > div > form > nav{ width: 100%; display: inline-block; text-align: center; margin: 1em 0;}
body.Member.JBMSG section > div > form > nav > input{ background-color: #fff; border: 2px solid #ddd; display: inline-block; padding: 1em 0; width: 120px; text-align: center; margin: 0.2em;}
body.Member.JBMSG section > div > form > nav > input[type=submit]{ color: #fff; background-color: #652d88;}
body.Member.JBMSG section > div > h2{ text-align: center; font-size: 30px; margin: 0.3em;}

#PWLevel > span{ background-color:#999; width:70px; height:12px; display:inline-block; margin-right:2px; transition-duration:0.3s;}
#PWLevel.pwlevel1 > span:nth-child(1){ background-color:#F30;}
#PWLevel.pwlevel2 > span:nth-child(1)
,#PWLevel.pwlevel2 > span:nth-child(2){ background-color:#FF9;}
#PWLevel.pwlevel3 > span{ background-color:#0C0;}


.infoedithead{ display:none;}