@charset "UTF-8";
/*--------------------------------------------------
$Revision: 1.11 $
--------------------------------------------------*/

/*
 * setup
 */
html { font-size:12px !important; *font-size:75% !important;/*forIE6IE7*/ }
body { color:#333333; background-color:#ffffff; word-break:break-all; font-size-adjust:none; font-style:normal; font-variant:normal; font-weight:normal; line-height: 1.4; font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Arial, Helvetica; text-align:center; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote{margin:0;padding:0;}
fieldset,img{border:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
table{border-collapse:collapse;border-spacing:0;}
ul,li{list-style-type:none;margin:0;padding:0;}
img { border:0; vertical-align:bottom;}
em{font-style:normal;font-weight:bold;}
q:before,q:after{content:'';}
a { color:#0066cc; text-decoration:none; }
a:hover { color:#FF3366; text-decoration:underline; }
a:active { color:#FF3366; }

.clearFix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }
.clearFix { display: inline-table; min-height: 1%; }
* html .clearFix { height: 1%; }
.clearFix { display:block; }

/*
 * header
 */
#headerArea{ width:840px;height:58px;margin:0 auto;line-height:60px;white-space:nowrap; }
#headerArea h1{
position: relative;
float:left;
width:400px;
margin:0 0 0 20px;
padding:0 0 0 130px;
font-size:1.27em;
font-weight:bold;
text-align:left;
}
#headerArea h1:before {
content: "";
position: absolute;
left: 0px;
top: 10px;
display: block;
width: 116px;
height: 35px;
background-image:url("https://ssl-stat.amebame.com/pub/content/934/module/auth/img/ameba_logo_pc.png?option=crop&width=115&height=35&version=20150723");
background-repeat: no-repeat;
}
#headerArea .linkHelp{
float:right;
width:80px;
text-align:right;
}
#headerArea .linkHelp a{
background:url(https://ssl.ameba.jp/common_style/img/common/icon/help.gif) no-repeat 0 -1px;
padding:2px 19px 2px 13px;
color:#333 !important;
font-size:10px;
text-decoration:none !important;
}
#headerArea .linkHelp a:hover{
color:#333 !important;
text-decoration:underline !important;
}

/*
 * footer
 */
#footerArea { position:relative; margin:20px 0 0 0; padding:10px 0 20px;color:#999; border-top:#E1E1E1 solid 1px; background:#fff; text-align:center; font-size:0.94em; }
#footerArea li { display: inline;}
#footerArea #register{ position:absolute; right:168px; top:27px; padding-left:16px; background:url("/common_style/img/common/icon/ico_boy.gif") no-repeat; color:#333 !important; text-decoration:none !important; font-size:12px; font-family: "ＭＳ Ｐゴシック", Arial, Helvetica; white-space:nowrap; }
#footerArea #register:hover{ color:#333 !important; text-decoration:underline !important; }
#footerContents { width:940px; margin:0 auto; }
#footerContents dt { margin:0; padding:4px 0 2px; border-bottom:#E1E1E1 solid 1px; font-weight:bold; text-align:left; }
#footerContents dd { padding:4px 0 0 0; }
#footerContents dl dd ul li { margin:0; padding:0; text-align:left; border:none; }
#footerContents #trouble { float:left; padding:0 7px; width:125px; }
#footerContents #rules { float:left; padding:0 7px; width:130px; }
#footerContents #amebaService { float:left; padding:0 7px; width:274px; }
#footerContents #amebaService ul.sub_a { float:left; width:154px; }
#footerContents #amebaService ul.sub_b { float:left; width:119px; }
#footerContents #otherService { float:left; margin:0; padding:0 7px; width:160px; }
#footerContents #otherService ul { float:left; width:160px; }
#footerContents #mobileService{ float:left; width:180px; padding:0 7px; }
#footerContents #mobileService dt{ padding:4px 0 2px; border-bottom:1px solid #E1E1E1; font-weight:bold; text-align:left; }
#footerContents #mobileService dd img{ float:left; padding:2px; border:1px solid #ccc; }
#footerContents #mobileService dd dl{ float:left; width:110px; padding:5px 0 0 7px; text-align:left; }
#footerContents #mobileService dd dt{ padding:0 0 3px 0; border-bottom:0; }
#footerContents #mobileService dd dd{ padding:0; line-height:1.2em; }
#footerContents dl dl { padding:2px 0 5px; line-height:1.2; }
#footerContents dl dd dt { margin:0; padding:0; border:none; font-weight:normal; }
#footerContents dl dd dd { margin:0; padding:0; text-align:left; }
#footerArea p#copyright { margin:1em; padding-top:3px; font-size: 0.85em; font-family: Arial, Helvetica, sans-serif; color:#000000;
 }
#footerArea p#copyright img { margin-left: 5px; vertical-align: middle; }

/* common
----------------------------------*/
input,
select{
vertical-align:middle;
}
strong{
color:red;
}
.error{
line-height:1.5em;
color:#ff0000;
}
.apiError{
line-height:1.5em;
color:#ff0000;
margin-left:15px;
}
.mobile{
padding:5px 0 5px 18px;
background:url(https://ssl.ameba.jp/common_style/img/common/icon/mobile.gif) no-repeat 4px 30%;
}
.attention{
padding:5px 0 5px 18px;
background:url(https://ssl.ameba.jp/common_style/img/common/icon/attention2.gif) no-repeat 0 45%;
}
.attention2{
padding:0 0 0 18px;
background:url(https://ssl.ameba.jp/common_style/img/common/icon/attention_l.gif) no-repeat 0 40%;
}
.importIcon{
padding:5px 14px 5px 0;
background:url(https://ssl.ameba.jp/common_style/img/common/icon/detail_link1.gif) no-repeat 100% 45%;
}


/*
 * input elm
 */
#mailaddress,
#amebaIdInputElem,
#password,
#repassword,
#nickNameInput{
width:330px;
}
.textInput{
height:1.3em;
padding:5px 7px;
border:1px solid #b0b0b0;
ime-mode:disabled;
font-size:1.21em;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border-collapse:collapse;
outline:none;
}


/* alert */
.alert{
border:1px solid #ffcc00;
}

/* failure */
.failure{
border:1px solid #ff0000;
padding:5px 7px;
}

/* focus */
.textInputFocus{
height:1.3em;
margin:0;
padding:4px 6px;
border:2px solid #57b72e;
background:#f9fdf7;
outline:none;
}

/* textDefault */
.textDefault{
color:#999;
}

/*
 * helpBox
 */
.helpBoxArea{
position:relative;
}

.helpBox{
display:none;
position:absolute;
bottom:30px;
left:0;
width:438px;
padding:10px 15px 23px;
background:url(/img/screen/regist10/textbox.png) no-repeat 0 100%;
border-top:3px solid #d3d3d3;
}

.helpBox p{
padding-bottom:4px;
line-height:1.2;
}

.helpBox strong{
color: #000;
font-weight:bold;
}

.inputAlert{
background:url(/img/screen/regist10/textbox_y.png) no-repeat 0 100%;
border-top:3px solid #f9cd1e;
}

.InputFocus{
	display:block;
    background: url("/img/screen/regist10/textbox.png") no-repeat scroll 0 100% transparent;
    border-top: 3px solid #D3D3D3;
    bottom: 30px;
    left: 0;
    padding: 10px 15px 23px;
    position: absolute;
    width: 438px;
}

.AddMatchMbAdd{
    display:block;
    background:url(/img/screen/regist10/textbox_y.png) no-repeat scroll 0 100% transparent;
    border-top:3px solid #F9CD1E;
    bottom: 30px;
    left: 0;
    padding: 10px 15px 23px;
    position: absolute;
    width: 438px;
}

.ErrorInput{
    display:block;
    background:url(/img/screen/regist10/textbox_y.png) no-repeat scroll 0 100% transparent;
    border-top:3px solid #F9CD1E;
    bottom: 30px;
    left: 0;
    padding: 10px 15px 23px;
    position: absolute;
    width: 438px;
}

.AddSuccess{
    display:none;
}

/*
 * submitBtn,btn
 */
a.btn {
display:block;
margin:15px auto 0 auto;
width:158px;
background-color:#f1f1f1;
background-image:url(/img/screen/regist10/newWindow_mark.png);
background-repeat:no-repeat;
background-position:12px 50%;

background:url(/img/screen/regist10/newWindow_mark.png) no-repeat 12px 51%,-webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(220,220,220)),
	color-stop(1, rgb(255,255,255))
);

background:url(/img/screen/regist10/newWindow_mark.png) no-repeat 12px 51%,-moz-linear-gradient(
	center bottom,
	rgb(220,220,220) 0%,
	rgb(255,255,255) 100%
);
line-height:36px;
text-indent:15px;
}
.submitBtn{
padding:9px 0 9px 12px;
width:160px;
height:38px;
background-color:#f1f1f1;
background-image:url(/img/screen/regist10/submitBtn_mark.png);
background-repeat:no-repeat;
background-position:18px 50%;

background:url(/img/screen/regist10/submitBtn_mark.png) no-repeat 18px 52%,-webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(220,220,220)),
	color-stop(1, rgb(255,255,255))
);

background:url(/img/screen/regist10/submitBtn_mark.png) no-repeat 18px 52%,-moz-linear-gradient(
	center bottom,
	rgb(220,220,220) 0%,
	rgb(255,255,255) 100%
);
}
.submitBtn,
.btn{
border:1px solid #809CBB;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;

color:#000;
font-size:12px;
text-align:center;
cursor: pointer;
}
.btn:link,
.btn:visited{
color:#000;
}
.submitBtn:hover,
.submitBtn:active,
.btn:hover,
.btn:active{
color: #000;
text-decoration: none;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}
#cancelBtn{
padding-left:0;
background-image:none;
background:-webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(220,220,220)),
	color-stop(1, rgb(255,255,255))
);

background:-moz-linear-gradient(
	center bottom,
	rgb(220,220,220) 0%,
	rgb(255,255,255) 100%
);
}
#registBtn{
margin-right:30px;
}

.btn::-moz-focus-inner,
.submitBtn::-moz-focus-inner{
border:0;
}
.btn,
.submitBtn{
outline:none;
}

/* for IE8 */
html>/**/body .submitBtn{
padding-top:11px;
}
html:not(:target) .submitBtn{
padding-top:9px;
}

/*
 * inlineAlert
 */
.inlineAlert{
padding-left:10px;
color:red;
font-size:0.855em;
}


/* layout
----------------------------------*/
/*
 * stepArea
 */
#stepArea{
margin:0 0 26px 0;
padding:0 20px;
background-color:#5fad00;
border-color:#549900;
border-style:solid;
border-width:1px 0;
}
#stepArea .step{
width:800px;
height:54px;
margin:0 auto;
background:url(/img/screen/regist10/stepnav_3step.png) no-repeat;
text-indent:-9999px;
}
#stepArea .step1{
background-position:center -1px;
}
#stepArea .step2{
/*background-position:center -56px;*/
background-position:center -57px;
}
#stepArea .step3{
/*background-position:center -112px;*/
background-position:center -113px;
}
#stepArea .step4{
background-position:center -169px;
}
#stepArea .step5{
background-position:center -225px;
}

#mainFrame{
width:840px;
margin:0 auto;
padding:0 0 70px;
}

#contentsArea{
width:800px;
margin:0 auto;
text-align:left;
}

h2{
margin:0 0 10px 0;
border-bottom:2px solid #5fad00;
font-size:1.25em;
}
h2.mobileDescript{
margin:0;
padding-bottom:20px;
border-bottom:none;
font-size:1.3em;
}

.pointArea{
margin:0 0 22px;
color:#4dac26;
font-size:1.25em;
text-align:center;
}

.descriptArea{
margin:0 0 24px 15px;
font-size:1.25em;
line-height:1.6;
}

.subDescript{
margin:0 0 31px 15px;
color:#666;
font-size:1.08em;
}

.skipTop{
margin:30px 0 50px;
text-align:right;
}

.introImg{
margin-bottom:15px;
}

/* amebaRule */
#amebaRule{
margin:34px 0 20px 0;
text-align:center;
}
#amebaRule .subMsg{
	color:#888;
}
/* submitArea */
#submitArea{
width: 420px;
margin:0 auto;
padding-top:15px;
text-align:center;
}

/* formArea */
.formArea{
border:1px solid #dcdddd;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
background:url(/img/screen/regist10/bg_formArea.gif) repeat-y 0 0;
}
.formArea .formDescript{
color:#666;
font-weight:normal;
}
.formArea p.formDescript,
.formArea ul.formDescript{
margin-top:6px;
}
.formArea .formDescript li{
padding-left:1em;
text-indent:-1em;
}
.formArea .formDescript strong{
color:#e60012;
font-weight:bold;
}
.formArea dt.formParts{
display:block;
float:left;
width:179px;
padding:15px;
line-height:2.2;
font-size:1.17em;
}
.formArea dt.formParts label,
.formArea dt.formParts .formLabel{
padding-left:30px;
background:url(https://ssl.ameba.jp/common_style/img/common/icon/require.gif) no-repeat 0 0;
}
.formArea dt.formParts label span{
display:block;
margin-top:-8px;
padding-left:30px;
font-size:0.85em;
line-height:1.4;
}
.formArea dd.formParts{
float:right;
width:558px;
padding:15px;
border-left:1px solid #dcdddd;
}
.formArea dd.formParts .formLabel{
font-size:1.17em;
}
.formArea .example{
margin-left:15px;
color:#666;
}
.formArea dt.confirmPass,
.formArea dd.confirmPass{
padding-top:0;
}

/*subContentsArea*/
.subContentsArea{
background:#f3f3f3;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
}

/* subFormContentsArea */
.subFormContentsArea{
background:#f3f3f3;
border:1px solid #dcdddd;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
}

/* imageAuth */
.imageAuth{
padding:30px;
}
.imageAuth dt{
float:left;
width:239px;
padding-left:100px;
text-align:right;
}
.imageAuth dd{
float:right;
width:349px;
}
.imageAuth .label{
padding-bottom:4px;
}
#authImageNumber{
width:150px;
}

.kaptcha{
	width:215px;
	text-align:center;
}

.kaptchaImage{
	margin-bottom:5px
}
.kaptchaReload a{
	display:inline-block;
	background:url(/img/screen/common/icon_reload.png) no-repeat;
	background-position:left center;
	line-height:20px;
	padding-left:24px;
}

/* supplementArea */
.supplementArea{
padding:56px 0 10px;
border-bottom:1px dotted #999;
color:#595757;
line-height:1.6;
}
.supplementArea strong{
color:#e60012;
font-weight:normal;
}

/* subFrame */
.subFrame{
padding:12px 0 0 0;
line-height:1.6;
}
.subFrame h4{
margin:0 0 3px;
}
.subFrame p,
.subFrame ul{
color:#595757;
}
.subFrame ul{
margin:0 0 0 20px;
}

/* campaignArea */
#campaignArea{
padding-bottom:150px;
text-align:center;
}
.campaignMsg{
padding-top:85px;
background:url(/img/screen/regist10/orgn/message/bg_message.gif) no-repeat 68% 0;
}
.campaignAmb{
padding-top:70px;
background:url(/img/screen/regist10/orgn/amember/bg_amember.gif) no-repeat 70% 0;
}
.campaignRdr{
padding-top:85px;
background:url(/img/screen/regist10/orgn/reader/bg_reader.gif) no-repeat 61% 0;
}
a.btnStartAmeba{
display:block;
margin:0 auto;
width:401px;
height:81px;
background:url(/img/screen/regist10/orgn/mypage/btn_startAmeba.gif) no-repeat;
text-indent:-9999px;
overflow:hidden;
}
a.btnStartAmeba:link,
a.btnStartAmeba:visited{
background-position:center 0;
}
a.btnStartAmeba:hover,
a.btnStartAmeba:active{
background-position:center -81px;
}

/* registerIntroMb
----------------------------------*/
/* qr */
.qr{
padding:30px;
}
.qr dd{
text-align:center;
}

/* registerIntroComplete
----------------------------------*/
/* confirmArea */
.formArea dd.mailConfirm{
font-weight:bold;
font-size:1.3em;
line-height:2.0;
}

/* imageArea */
.imageArea{
margin:30px 0 0 0;
text-align:center;
}

/* registerInput
----------------------------------*/
.profileArea{
margin:10px 0 15px;
}
.idPasswordArea{
	margin-bottom:20px;
}
#passwordArea,
#sexArea,
#birthDayArea{
border-top:1px solid #dcdddd;
}

/* confirmBox */
.confirmBox{
margin-top:15px;
padding:15px 15px 0;
font-size:1.17em;
}
.confirmBox dt{
display:block;
float:left;
width:173px;
padding-bottom:15px;
overflow:hidden;
}
.confirmBox dd{
float:right;
width:333px;
padding-bottom:15px;
font-weight:bold;
overflow:hidden;
font-family:Arial, Helvetica;
}
.confirmBox dd span{
color:#5fb930;
}

/* nickname */
#nickNameArea input{
ime-mode:active;
}

/* sex */
#sexArea input{
margin:0 0 3px 0;
cursor:pointer;
}
#sexArea label{
margin-right:30px;
line-height:2;
cursor:pointer;
font-size:1.17em;
}

/* birthday */
#birthDayArea input{
vertical-align:baseline;
}
#birthdayYear{
width:50px;
}
#birthdayMonth{
width:30px;
}
#birthdayDay{
width:30px;
}

/* registerConfirm
----------------------------------*/
.registerConfirm{
margin-bottom:35px;
}
.registerConfirm dd.formParts{
font-size:1.17em;
}
.registerConfirm dt.formParts{
line-height:1.4;
}
.registerConfirm dd.formParts{
font-weight:bold;
}
.registerConfirm .formDescript{
font-size:12px;
}
.registerConfirm .registConfirmDl{
border-top:1px solid #dcdddd;
}

/* registerComplete
----------------------------------*/
.btnCaution{
margin-bottom:3px;
text-align:center;
}