/*---------------------------
 * エントリーページ*/


/* 基本 */
#bg{
  border-top: 1px solid #cccccc;
  background: none;
}

.mgt20{
  margin-top:20px;
}
.mgb20{
  margin-bottom:20px;
}

.users h2{
  margin: 25px 0 30px;
  border:none;
  padding: 0;
}


.users div.csrimg{
  float: left;
  width: 457px;
}


.users .csrAttention{
  color: #cc0000;
  margin-left: 457px;
  padding: 15px;
  background: #FCFAF3;
}



.users h3 {
  clear:both;
  margin: 40px 0 20px;
  padding: 3px 0 3px 8px;
  border-left: 3px solid #ab4720;
}

.users div.infoLeft{
  width:430px;
  float:left;
}

.users div.infoLeft p{
  margin-bottom: 12px;
}

.users div.infoRight{
  width:200px;
  float:right;
}

.users dl.dlInfo dt {
color:#BE733C;
font-weight:bold;
}

.users dl.dlInfo dd {
    margin-bottom:15px;
}

.entryForm .input:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}

.entryForm .input {
display:inline-table;
}

*+html .entryForm .input {
height:100%;
}

*html .entryForm .input {
height:100%;
}

.entryForm .input {
display:block;
}

.entryForm .input{
  background: url(../img/common/bg_dash.gif) repeat-x left bottom;
  padding-bottom: 8px;
  clear: both;
}


/*.users ul{
  margin:1em;
}

.users ul li{
  text-indent:-1em;
}


/* フォーム共通 */
.users div.input{
  clear:both;
  padding-top:8px;
  _padding-top:8px;
  display:block;
}

/* for IE7  */
*:first-child+html .users div.input{
padding-top:10px;
}

.users .input label.textForm{
  width:160px;
  /*text-align:right;*/
  /*border-right:1px #333 dotted;
  _border:none;
  _background:url(../img/users/ie6dot.gif) right repeat-y;*/
  float:left;
  padding:0 10px;
  _margin-left:1px;
  clear:both;
  display:block;
}

.users .date label,.users .select label{
  width:160px;
  /*text-align:right;*/
  /*border-right:1px #333 dotted;
  _border-right:none;
  _background:url(../img/users/ie6dot.gif) right repeat-y;*/
  float:left;
  padding: 0 10px;
  clear:both;
  display:block;
}


.users input{
  width:200px;
  text-align:left;
  float:left;
  padding:2px;
  margin:0 5px;
}

.users .error-message{
  font-weight:normal;
  color:#CC0000;
  margin-left:175px;
}

.users #acceptTerms .error-message{
  font-weight:normal;
  color:#CC0000;
  margin-left:30px;
}
/* 誕生年 */

.users select{
  text-align:left;
  border:1px #666 solid;
  /*_border:none;
  _background:url(../img/users/ie6dot.gif) right repeat-y;*/
  float:left;
  padding:0;
  margin:0 5px;

}

/* 性別 */
.users .radio{
  clear:both;
}

.users .radio .radioLabel{
  width:160px;
  /*text-align:right;*/
  /*border-right:1px #333 dotted;
  _border:none;
  _background:url(../img/users/ie6dot.gif) right repeat-y;*/
  float:left;
  padding: 0 10px;
  clear:both;
}

.users .radio input{
  width:15px;
  text-align:left;
  margin:5px 5px;
  _margin:0 5px;
  padding:0;
  float:left;
}

/* for IE */
*+html .users .radio input{
  margin:0 5px;
}

.users .radio label{
  text-align:left;
  border-right:none;
  float:left;
  padding-right:10px;
  clear:none;
}

/* 利用規約(element) */
.users #acceptTerms{
  clear:both;
  text-align:center;
  padding:20px 0;
}

#termsNote{
  clear:both;
  text-align:left;
  border:1px #999 solid;
  width:95%;
  height:150px;
  overflow-y:scroll;
  padding:10px;
}

.users #termsNote .termsTitle{
  color:#BE733C;
  font-weight:bold;
  font-size:120%;
  margin-bottom:15px;
}

.users #termsNote dt {
  font-weight:bold;
  margin-bottom:5px;
}

.users #termsNote dd {
  margin-bottom:20px;
}

.users #termsNote ul, .users #termsNote ol {
margin:10px 0;
}

.users #termsNote ol {
  margin-left:2.5em;
}

.users #termsNote ol li{
  list-style:decimal;
}

.users #termsNote ul{
  margin-left:2em;
}

.users #termsNote ul li{
  list-style:disc outside;
  padding-left:1em;
}

.users #termsNote ul.typeA{
  margin-left:1em;
}

.users #termsNote ul.typeA li{
  list-style:none;
}

/* for IE */
*+html .users #termsNote ul{
  margin-left:3em;
}

*+html .users #termsNote ul li{
  padding-left:0;
}

/* end IE7 */

.users #termsNote div.sign{
  text-align: right;
  margin-top: 20px;
}

.users #termsNote div.sign ul li{
  list-style: none;
}

.users #termsNote ul.typeA{
  margin-left:1em;
}

.users #termsNote .hr{
  margin-top: 20px;
  padding-top: 10px;
  background: url(../img/common/bg_dash.gif) repeat-x left top;
}

.users #termsNote dl dd dt {
  font-weight: normal;
  margin: 0;
}

.users #termsNote dl dd dd {
  margin: 0;
}

/* メール受信チェックボックス */

.users #TmpUserReceiptEmail{
  width:1em;
  margin:2px 5px;
  _margin:0 5px;
}

/* 同意チェックボックス */
.users div.checkbox{
  clear:both;
  text-align:center;
  display:block;
}

.users div.checkbox input{
  float:none;
  width:1em;
}

.users div.checkbox label{
  line-height:1;
}

/* 送信 */
.users .submit{
  clear:both;
  text-align:center;
}

.users .submit input{
  padding:2px;
  float:none;
  text-align:center;
  width:150px;
  margin-top:10px;
}


/* エラーメッセージ */
.errorMessage{
  background:url(../img/common/err_attention.gif) left center no-repeat;
  padding-left:25px;
  color:#990000;
  font-size:100%;
}

/*---------------------------
 * 完了メッセージ*/
.usersMessage{
  color:#BE733C;
  font-size:120%;
  font-weight:bold;
}


/*---------------------------
 * 仮登録ページ*/
.entrySuccess p{
  margin-bottom:15px;
}

.entrySuccess .usersMessage{
  margin:25px 0 0 0;
}

/*---------------------------
 * 本登録完了ページ*/
.activationSucess p{
  margin-bottom:15px;
}

.activationSucess .usersMessage{
  margin:25px 0 0 0;
}

/*---------------------------
 * ログインページ */
.login .input label{
  width:105px;
  /*text-align:right;*/
  /*border-right:1px #333 dotted;
  _border:none;
  _background:url(../img/users/ie6dot.gif) right repeat-y;*/
  float:left;
  padding-left:5px;
  clear:both;
  display:block;
}



div.login div.input{
  width:500px;
  text-align:right;
  float:left;
  padding:2px;
  margin-left:5px;
  padding-top:5px;

}

.users .input label.autoLogin{
  width:200px;
  text-align:left;
  border-right:none;
  background:none;
  float:left;
  padding-left:5px;
  clear:none;
  display:block;
  line-height:1;
}



.users input#UserAutoLogin{
  width:20px;
  height:18px;
  float:left;
  padding:0 10 0 0;
  margin:0 0 0 120px;

}

div.login .submit{
  text-align:left;
  margin-left:120px;
  _margin-left:125px;
  clear:both;
}

div.login .submit input{
  padding:2px;
  float:none;
  text-align:center;
  width:150px;
  margin-top:10px;
  _margin-top:-10px;
  clear:both;
}

*+html div.login .submit input{
  margin-top:-10px;
}

/*---------------------------
 * 会員情報ページ*/
.view .viewInfo{
  border:1px #CCC solid;
  padding:10px 5px;
  clear:both;
  margin-bottom:20px;
}

.view h4{
  font-weight:bold;
}

.view .viewInfo dt{
  width:105px;
  text-align:right;
  float:left;
  padding-right:10px;
  clear:both;
  display:block;
}

.view .viewInfo dd{
  width:400px;
  border-left:1px #333 dotted;
  _border:none;
  _background:url(../img/users/ie6dot.gif) left repeat-y;
  text-align:left;
  float:left;
  padding:0 0 0 10px;
  margin:0 5px 10px 0;
}

.view .viewInfo{
  text-align:right;
  clear:both;
}


ul.changeInfo{
  text-align: right;
  clear:both;
  margin: 0px 10px 5px 10px;
}

ul.changeInfo li{
  display: inline;
  width: 80px;
}

ul.changeInfo li a{
  border: 1px solid #ccc;
  text-decoration: none;
  color: #666666;
  padding: 3px 8px;
  background: #f0f0f0;
}


ul.changeInfo li a:hover{
  background: #dddddd;
}


.view .viewInfo dd ul{
    margin:0 1em;
    padding:0;
}

.view .viewInfo dd ul.left{
  text-align: left;
  margin: 5px 0 5px 0;
  _margin-left:12px;
}

*+html .view .viewInfo dd ul.left{
  margin-left:12px;
}



/*---------------------------
 * メールアドレス修正ページ*/

.editEmail .input label.textForm{
  width:120px;
  _margin-left:0px;
  text-align:right;
  border-right:1px #333 dotted;
  _border:none;
  _background:url(../img/users/ie6dot.gif) right repeat-y;
  float:left;
  padding-right:10px;
  clear:both;
  display:block;
}

.editEmail .help{
  color:#990000;
  font-size:90%;
  margin-top:20px;
}

.editEmail .boldText{
  font-weight:bold;
}

.editEmail .submit{
  text-align:left;
  margin-left:130px;
}

.editEmail .error-message{
  font-weight:normal;
  color:#CC0000;
  margin-left:140px;
}

/*---------------------------
 * パスワード変更*/

.passEdit .input label.textForm{
  width:150px;
  text-align:right;
  border-right:1px #333 dotted;
  _margin-left:0px;
  _border:none;
  _background:url(../img/users/ie6dot.gif) right repeat-y;
  float:left;
  padding-right:10px;
  clear:both;
  display:block;
}

.passEdit .submit{
  text-align:left;
  margin-left:160px;
}

.passEdit .error-message{
  margin-left:165px;
}

/*---------------------------
 * プロフィール変更*/

.userInfo .input label.textForm{
  width:105px;
  _margin-left:0px;
}

.userInfo .date label,.userInfo .select label{
  width:105px;
}

.userInfo .radio .radioLabel{
  width:105px;
}

.userInfo .submit{
  text-align:left;
  margin-left:115px;
}
.userInfo .error-message{
  margin-left:125px;
}

/* 選択されたサービス */
.usersEtc .date label,.usersEtc .select label{
  width:105px;
}

.usersEtc .select input{
  margin:5px 5px;
  _margin:0 5px;
  width:20px;
}

.usersEtc .submit{
  text-align:left;
  margin-left:120px;
}


/*---------------------------
 * 利用停止ページ*/
.memberout .input label.textForm{
  width:105px;
}

.memberout .submit{
  clear:both;
  text-align:left;
  margin-left:115px;
}

/*ログインページのリンク*/
.mypageBtm {
    margin-top: 10px;
    margin-left: 115px;
}