@charset "utf-8";

/*
-------------------------------------------
###########################################
新規登録用デザイン
###########################################
-------------------------------------------
*/
.red{
color:#FF0000;
font-size:x-small;
}
.green{
color:#5B9B00;
}
.small{
font-size:x-small;
}
/*
============================================
仮登録フォーム
============================================
*/
/* explanation -------------------------- */
#explanation{
width:680px;
}
#explanation h2{
width:674px;
height:28px;
text-indent:-5000px;
background: url(../img/members/h2_1.gif) no-repeat left;
}
#explanation p{
width:650px;
padding: 10px 0 10px 5px;
}

#tokuten{
height:200px;
}

#tokuten #tokuten_1{
float:left;
}
#tokuten #tokuten_1 h3{
width:216px;
height:41px;
text-indent:-5000px;
background: url(../img/members/tokuten_1_h3.gif) no-repeat left;
}
#tokuten_1 #tokuten_1_body{
width:217px;
height:149px;
background: url(../img/members/tokuten_1_body.gif) no-repeat left;
}
#tokuten_1 #tokuten_1_body p{
width:160px;
padding: 10px 0 0 30px;
}
#tokuten_1 #tokuten_1_body ul{
width:180px;
padding: 10px 0 0 15px;
list-style-type:none;
}
#tokuten_1 #tokuten_1_body li {
padding: 5px 0 0 0;
font-weight: bold;
font-size:11px;
display:block;
color:#62461B;
padding: 0 0 0 15px;
background: url(../img/members/tokuten_icon.gif) no-repeat 0 1px;
}
#tokuten_1 #tokuten_1_footer{
width:217px;
height:10px;
font-size:0px;
background: url(../img/members/tokuten_1_footer.gif) no-repeat left;
}
#tokuten #tokuten_2{
float:left;
}
#tokuten #tokuten_2 h3{
width:218px;
height:40px;
text-indent:-5000px;
background: url(../img/members/tokuten_2_h3.gif) no-repeat left;
}
#tokuten_2 #tokuten_2_body{
width:218px;
height:150px;
background: url(../img/members/tokuten_2_body.gif) no-repeat left;
}
#tokuten_2 #tokuten_2_body p{
width:160px;
padding: 10px 0 0 30px;
}
#tokuten_2 #tokuten_2_body ul{
width:180px;
padding: 10px 0 0 15px;
list-style-type:none;
}
#tokuten_2 #tokuten_2_body li {
padding: 5px 0 0 0;
font-weight: bold;
font-size:11px;
display:block;
color:#62461B;
padding: 0 0 0 15px;
background: url(../img/members/tokuten_icon.gif) no-repeat 0 1px;
}
#tokuten_2 #tokuten_2_footer{
/*
width:218px;
height:9px;
background: url(../img/members/tokuten_2_footer.gif) no-repeat left;
*/
width:217px;
height:10px;
font-size:0px;
background: url(../img/members/tokuten_1_footer.gif) no-repeat left;
}

#tokuten #tokuten_3{
float:left;
}
#tokuten #tokuten_3 h3{
width:215px;
height:39px;
text-indent:-5000px;
background: url(../img/members/tokuten_3_h3.gif) no-repeat left;
}
#tokuten_3 #tokuten_3_body{
width:215px;
height:151px;
background: url(../img/members/tokuten_3_body.gif) no-repeat left;
}
#tokuten_3 #tokuten_3_body p{
width:160px;
padding: 10px 0 0 30px;
}
#tokuten_3 #tokuten_3_body ul{
width:180px;
padding: 10px 0 0 15px;
list-style-type:none;
}
#tokuten_3 #tokuten_3_body li {
padding: 5px 0 0 0;
font-weight: bold;
font-size:11px;
display:block;
color:#62461B;
padding: 0 0 0 15px;
background: url(../img/members/tokuten_icon.gif) no-repeat 0 1px;
}
#tokuten_3 #tokuten_3_footer{
/*
width:215px;
height:8px;
background: url(../img/members/tokuten_3_footer.gif) no-repeat left;
*/
width:217px;
height:10px;
font-size:0px;
background: url(../img/members/tokuten_1_footer.gif) no-repeat -1px 0px;
}

#explanation #explanation_btm{
margin: 20px 0 20px 7px;
padding: 10px;
width:620px;
clear:both;
border: dotted 1px #999999;
background:#F3FFD2;
}
#explanation #explanation_btm h3{
width:141px;
height:17px;
text-indent:-5000px;
background: url(../img/members/explanation_btm_h3.gif) no-repeat left;
}
#explanation #explanation_btm p{
width:600px;
}
/* 登録の流れ -------------------------- */
#regflow{
width:680px;
}
#regflow h2{
width:673px;
height:36px;
text-indent:-5000px;
background: url(../img/members/regflow_h2.gif) no-repeat left;
}
#regflow #regflow_text{
width:673px;
height:68px;
padding: 68px 0 0 0;
background: url(../img/members/regflow_text_bg.gif) no-repeat top;
}
#regflow p{
width:650px;
padding: 10px 0 10px 5px;
}
/* 登録フォーム ----------------------- */
#regform{
width:500px;
padding: 10px;
margin: 0px auto 0px auto;
background:#C5E765;
border: double 6px #FFF;
}
* html #regform { border: double 6px #C5E765; } /* IE6 hack */
*:first-child+html #regform { border: double 6px #C5E765; } /* IE7 hack */

#regform .mst{
clear:left;
display:block;
width:120px;
float:left;
font-weight:bold;
text-align:right;
margin: 0 0 0 0;
padding: 0 0 3px 0;
}
#regform .mmt{
display:block;
margin:0 0 0 125px;
padding: 0 0 3px 0;
}
.loginlink{
margin: 10px 50px 30px 0;
padding:0 0 0 15px;
float:right;
background: url(../img/members/loginlink_icon.gif) no-repeat left;
}
/*
============================================
本登録フォーム
============================================
*/
#registration{
width:680px;
}
#registration h2{
width:654px;
height:26px;
text-indent:-5000px;
background: url(../img/members/registration_h2.gif) no-repeat left;
}
#registration strong{
color:#FF9900;
font-size:15px;
}
#registration p{
width:650px;
padding: 10px 0 20px 5px;
}

#registration table#form1{
width: 630px;
padding: 0 0 10px 0;
}
#registration table#form1 tr th{
width:120px;
padding: 10px 10px 10px 0;
color:#314F10;
text-align:right;
vertical-align:top;
font-weight:normal;
background: #E8F4CF url(../img/contact/contact_tableborder.gif) repeat-x bottom;
}
#registration table#form1 tr td{
padding: 10px 0 10px 10px;
background: url(../img/contact/contact_tableborder.gif) repeat-x bottom;
}
#registration table#form2{
width: 630px;
padding: 0 0 10px 0;
}
#registration table#form2 tr th{
width:120px;
padding: 10px 10px 10px 0;
text-align:right;
vertical-align:top;
font-weight:normal;
background: #FFFFCC url(../img/members/registration_tableborder_form2.gif) repeat-x bottom;
}
#registration table#form2 tr td{
padding: 10px 0 10px 10px;
background: url(../img/members/registration_tableborder_form2.gif) repeat-x bottom;
}
#registration #btn {
padding: 0 20px 20px 0;
text-align:right;
}

/*
============================================
仮登録完了ページ
============================================
*/
#regflow2{
width:680px;
}
#regflow2 h2{
width:673px;
height:36px;
text-indent:-5000px;
background: url(../img/members/regflow_h2.gif) no-repeat left;
}
#regflow2 #regflow2_text{
width:673px;
height:68px;
background: url(../img/members/regflow_text_bg.gif) no-repeat top;
}
#regflow p{
width:650px;
padding: 10px 0 10px 5px;
}
#pre_reg_end{
margin: 20px 0 20px 7px;
padding: 10px;
width:620px;
clear:both;
border: dotted 1px #999999;
background:#FADFEA;
}
#pre_reg_end h3{
width:141px;
height:17px;
color:#FF0000;
}
#pre_reg_end p{
width:600px;
}
/*
============================================
ログインページ
============================================
*/
#login{
padding: 0 0 0 10px;
}
#login h2{
width:644px;
height:26px;
color:#314F10;
font-size:16px;
margin: 10px 0 10px 0;
padding: 0 0 0 10px;
background: url(../img/h2_bg.gif) no-repeat right;
}
#login #loginform{
width:400px;
margin: 0 auto 0 auto;
padding: 10px;
background:#C5E765;
border: double 6px #FFF;
}
* html #login #loginform { border: double 6px #C5E765; } /* IE6 hack */
*:first-child+html #login #loginform { border: double 6px #C5E765; } /* IE7 hack */

#loginform .mst{
clear:left;
display:block;
width:120px;
float:left;
font-weight:bold;
text-align:right;
margin: 0 0 0 0;
padding: 0 0 3px 0;
}
#loginform .mmt{
display:block;
margin:0 0 0 125px;
padding: 0 0 3px 0;
}

#login p#reglink{
padding: 10px;
}

============================================
エラーメッセージ
============================================
/*
#err{
margin: 20px 0 20px 7px;
padding: 10px;
width:620px;
clear:both;
border: dotted 1px #999999;
background:#FADFEA;
}
*/