@charset "utf-8";
#container-in {
  padding: 15px 20px;
  width: 918px!important;
  overflow: hidden;
}
/* join-step-image */
#join-step-input,
#join-step-confirm,
#join-step-activation,
#join-step-complete {
  width: 760px;
  margin: 0px auto 15px;
  height: 30px;
  background: url(/images/ja/join/img_join_step.gif) left top no-repeat;
}
#join-step-confirm {
  background-position: 0 -30px;
}
#join-step-activation {
  background-position: 0 -60px;
}
#join-step-complete {
  background-position: 0 -90px;
}
/* signup */
.join_openid {
  border: solid 1px #CCC;
  background: #FFFFE6;
  padding: 10px;
  margin-bottom: 15px;
}
.join_note {
  display: block;
  color: #444;
  line-height: 1.5;
}
.join_note p {
  clear: both;
  width: 100%;
}
.join_cell1 {
  font-weight: bold;
  vertical-align: text-top;
  text-align: right;
  padding: 10px;
}
.join_cell2 {
  vertical-align: text-top;
  text-align: left;
  padding: 10px;
}
.join_trcolor {
  background-color: #F0F0F0;
}
.join_trcolor_error {
  background-color: #FFFFE6;
}
.join_note .example {
  display: block;
  background: #FFF;
  border: solid 1px #CCC;
  padding: 5px 10px;
  overflow: hidden;
  float: left;
  margin: 5px auto;
  width: 480px;
  clear: both;
}
.join_button1 {
  padding: 1px;
  font-size: 100%;
  border-top: solid 1px #AAA;
  border-left: solid 1px #AAA;
  border-right: solid 1px #666;
  border-bottom: solid 1px #666;
  background-color: #E5E5E5;
  width: 120px;
}
.join_button2 {
  padding: 1px;
  font-size: 100%;
  border-top: solid 1px #AAA;
  border-left: solid 1px #AAA;
  border-right: solid 1px #666;
  border-bottom: solid 1px #666;
  background-color: #E5E5E5;
  width: 160px;
}
label {
  padding: 2px 5px;
  margin: 0 20px 0 0;
}
.join_asterisk {
  color: #EF7A04;
}
.join_note2,.join_note3 {
  color: #F30;
  font-weight: bold;
}
/* signup confirm */
.join_cell1_confirm {
  font-weight: bold;
  padding: 10px;
  width: 35%;
}
.join_cell2_confirm {
  padding: 9px;
  border: solid 1px #F0F0F0;
  background-color: #FFF;
}
/* signup done */
p.doneMsg {
  padding: 15px;
  margin-bottom: 15px;
  background: #F0F0F0;
  text-align: center;
  line-height: 1.6;
}
p.doneMsg strong {
  color: #F30;
  font-size: 130%;
  font-weight: bold;
}
/* signup friend */
h2.signupFriend {
  width: 916px;
  background: #F8F8F8 url(/images/ja/common_image/common.png) 0px -276px repeat-x;
  border: solid 1px #AAA;
  line-height: 28px;
  height: 28px;
  text-indent: 10px;
  margin-bottom: 10px;
  font-size: 100%;
  overflow: hidden;
}
p.inviteFirst {
  padding: 7px 12px;
  margin-bottom: 10px;
  line-height: 1.5;
  border: 1px dotted #AAA;
  background: #FFE;
}
p.inviteFirst strong {
  font-size: 110%;
  color: #F30;
}
table#emailInputBody {
  margin: 0px auto 10px;
}
table#emailInputBody td {
  padding: 0px 7px 7px 0px;
}
table#emailInputBody td input {
  width: 300px;
}
textarea#message {
  display: block;
  margin: 15px auto;
  width: 614px;
  height: 80px;
}
p.inviteError {
  display: block;
  text-align: center;
  padding: 5px 0;
  font-weight: bold;
  color: #F00;
}
div#skipBox {
  padding-top: 10px;
  margin-top: 10px;
  border-top: 1px dotted #AAA;
}
/* signup profile */
h2.signupProfile {
  width: 916px;
  background: #F8F8F8 url(/images/ja/common_image/common.png) 0px -276px repeat-x;
  border: solid 1px #AAA;
  line-height: 28px;
  height: 28px;
  text-indent: 10px;
  margin-bottom: 10px;
  font-size: 100%;
  overflow: hidden;
}
div.profileText {
  padding: 5px 10px 0px 10px;
  overflow: hidden;
}
div.profileText textarea {
  float: left;
}
div.profileText div.text {
  width: 470px;
  padding: 7px 12px;
  margin-bottom: 10px;
  line-height: 1.5;
  border: 1px dotted #AAA;
  background: #FFE;
  float: right;
  overflow: hidden;
}
div.profileText div.text ul {
  list-style-type: none;
  line-height: 1.5;
  padding: 10px 0;
}
div.profileText div.text p {
  color: #F30;
}
div#signupProfileSubmit {
  padding-top: 20px;
}
div#signupProfileSubmit input,
div#skipBox input {
  font-size: 100%;
  width: 15%;
  text-align: center;
  margin: auto;
}
div#skipBox input {
  float: right;
}
tr.alert {
  background: #FCC;
}
tr.alert p.alert{
  margin-bottom: 10px;
  line-height: 1.5;
}
tr.alert p button {
  margin-left: 10px;
}
input.text {
  padding: 2px 4px;
  font-size: 130%;
}
input.mailaddress {
  width: 500px;
}