
/*=========================================================================
   content_register.css
=========================================================================*/

/*-------------------------------------------------------------------------
 register
-------------------------------------------------------------------------*/
#content {
 background-color:#FFFFFF;
}

#register {
 width:950px;
}

#register p.lead {
 padding:0 0 13px 23px;
}
* html #register p.lead { padding:0 0 14px 23px; }
*:first-child+html #register p.lead { padding:0 0 14px 23px; }

.pageTop{
 padding-right:5px;
}
/* register - sp skin
-------------------------------------------------------------------------*/
#register.spSkin {
 width:948px;
 border:1px solid #CCCCCC;
 background-color:#FFFFFF;
}

#register.spSkin .spSkinHead {
 padding:8px 15px 6px;
 border-bottom:1px solid #CCCCCC;
 background:#FFFFFF url(../image/special_head_title_bg.jpg) 0 top repeat-x;
 font-size:140%;
}

/* register - step menu
-------------------------------------------------------------------------*/
#register #step {
 width:929sdpx;
 padding:10px 0 11px 21px;
 background:#F0F0F0;
}

#register #step ul li {
 float:left;
 display:inline;
}

#register #step ul li img {
 vertical-align:top;
}

/* register - rule
-------------------------------------------------------------------------*/
.registerTitle1 {
 width:948px;
 border:1px solid #CCCCCC;
 background:#FFFFFF url(../image/special_head_title_bg.jpg) 0 0 repeat-x;
}

.registerTitle1 h3 {
 padding:9px 15px;
 line-height:100%;
 font-weight:bold;
 font-size:140%;
}

#register.rule {
 margin-bottom:10px;
 background-color:#FFFFFF;
}

#register.rule p.attention {
 margin:0 0 6px 20px;
 color:#666666;
}
* html #register.rule p.attention { margin:0 0 7px 20px; }
*:first-child+html #register.rule p.attention { margin:0 0 7px 20px; }

#register.rule img {/*for dumm img*/
 vertical-align:top;
}


#register.rule textarea {
 width:900px;
 height:300px;
 padding:5px;
 margin:0 0 19px 20px;
 line-height:140%;
 font-size:100%;
 color:#666666;
}
* html #register.rule textarea { margin:0 0 18px 20px; }
*:first-child+html #register.rule textarea { margin:0 0 18px 20px; }

#register.rule #regLinkNext {
 width:170px;
 height:25px;
 background:url(../image/register_btn_next_on.jpg) 0 0 no-repeat;
}

/* register - entry
-------------------------------------------------------------------------*/
#register #regEntry {
 width:916px;
 margin-bottom:10px;
 background:#FFFCDF;
 border:1px solid #CCC;
 text-align:center;
 color:#666666;
}

#register #regEntry.mgbt20 {
 margin-bottom:20px;
}

#register #regEntry.mgbt15 {
 margin-bottom:15px;
}

/* register - entryÖ@l&nbsp;a@&nbsp;Ȃ̕WJn܂BÖ@l&nbsp;a@&nbsp;Ȃ̕WJn܂B- title
--------------------------------------------*/
#register #regEntry .regEntTitle {
 width:916px;
 padding-bottom:1px;
 background:url(../image/register_c_line_x.gif) 0 bottom repeat-x;
 text-align:left;
}

#register #regEntry .regEntTitle h5 {
 padding:7px 0 7px 20px;
 background:url(../image/register_c_tit_type.gif) 0 0 no-repeat;
}
* html #register #regEntry .regEntTitle h5 { padding:8px 0 8px 20px; }
*:first-child+html #register #regEntry .regEntTitle h5 { padding:8px 0 8px 20px; }
body:first-of-type #register #regEntry .regEntTitle h5 { line-height:100%; padding:7px 0 9px 20px; }

#register #regEntry .regEntTitle h5 span {
 font-size:94%;
 font-weight:normal;
}

#register #regEntry .regEntTitle h5 span strong {
 font-weight:normal;
 color:#F00;
}

/* register - entryÖ@l&nbsp;a@&nbsp;Ȃ̕WJn܂BÖ@l&nbsp;a@&nbsp;Ȃ̕WJn܂B- step text
--------------------------------------------*/
#register #regEntry div.stepText {
 width:916px;
 padding-top:18px;
}

#register #regEntry div.stepText p {
 margin-bottom:16px;
 line-height:140%;
 color:#666666;
}

#register #regEntry div.stepText p span {
 font-weight:bold;
 color:#C00;
}

#register #regEntry.course .attentionBoxOut {
 float:left;
 display:inline;
 width:640px;
 padding-top:1px;
 background:url(../image/register_c_attbox_line_x.gif) 0 top no-repeat;
} 

#register #regEntry.course .attentionBoxWrp {
 width:640px;
 padding-bottom:1px;
 background:url(../image/register_c_attbox_line_x.gif) 0 bottom no-repeat;
}  

#register #regEntry.course .attentionBox {
 float:left;
 display:inline;
 width:620px;
 padding:8px 10px 6px 10px;
 background:url(../image/register_c_attbox_line_y.gif) 0 0 repeat-y;
 font-size:94%;
 text-align:left;
 line-height:120%;
}

/* register - entryÖ@l&nbsp;a@&nbsp;Ȃ̕WJn܂BÖ@l&nbsp;a@&nbsp;Ȃ̕WJn܂B- course - p
--------------------------------------------*/
#register #regEntry.course {
 width:916px;
}

#register #regEntry.course p {
 line-height:140%;
}

#register #regEntry.course p a {
 font-weight:bold;
}

#register #regEntry.course p.lineTop {
 margin-bottom:36px;
 padding-top:18px;
}
* html #register #regEntry.course p.lineTop { margin-bottom:35px; }
*:first-child+html #register #regEntry.course p.lineTop { margin-bottom:35px; }

#register #regEntry.course p.lineTop2 {
 margin-bottom:36px;
 padding-top:18px;
}
* html #register #regEntry.course p.lineTop2 { margin-bottom:35px; }
*:first-child+html #register #regEntry.course p.lineTop2 { margin-bottom:35px; }

#register #regEntry.course p.lineTopAtt {
 margin-bottom:14px;
 padding-top:17px;
 font-size:120%;
 font-weight:bold;
 color:#C00;
}

#register #regEntry.course p.lineTopAtt2 {
 margin-bottom:16px;
 padding-top:18px;
 font-weight:bold;
 color:#C00;
}

#register #regEntry.course p.lineAtt {
 margin-bottom:16px;
 font-weight:bold;
 color:#C00;
}

#register #regEntry.course p.line1 {
 margin-bottom:36px;
}
* html #register #regEntry.course p.lineTop { margin-bottom:22px; }
*:first-child+html #register #regEntry.course p.lineTop { margin-bottom:22px; }

/* register - entryÖ@l&nbsp;a@&nbsp;Ȃ̕WJn܂BÖ@l&nbsp;a@&nbsp;Ȃ̕WJn܂B- course - table
--------------------------------------------*/
#register #regEntry.course #regEntListTop {
 padding:20px 0 0 0;
}
* html #register #regEntry.course #regEntListTop { padding:19px 0 9 0; }
*:first-child+html #register #regEntry.course #regEntListTop { padding:19px 0 0 0; }

#register #regEntry.course table#regEntList {
 border-collapse:collapse;
 margin:0 auto;
}

#register #regEntry.course table#regEntList th {
 padding:2px 5px 13px 0;
 text-align:right;
 vertical-align:top;
}
* html #register #regEntry.course table#regEntList th { padding:2px 5px 12px 0; }
*:first-child+html #register #regEntry.course table#regEntList th { padding:2px 5px 12px 0; }

#register #regEntry.course table#regEntList th.listEnd {
 padding:2px 5px 7px 0;
}
* html #register #regEntry.course table#regEntList th.listEnd { padding:2px 5px 8px 0; }
*:first-child+html #register #regEntry.course table#regEntList th.listEnd { padding:2px 5px 8px 0; }

#register #regEntry.course table#regEntList th.listSingle {
 padding:2px 5px 23px 0;
}
* html #register #regEntry.course table#regEntList th.listSingle { padding:2px 5px 23px 0; }
*:first-child+html #register #regEntry.course table#regEntList th.listSingle { padding:2px 5px 23px 0; }

#register #regEntry.course table#regEntList td {
 vertical-align:top;
 text-align:left;
}

#register #regEntry.course table#regEntList td.must {
 padding:2px 18px 0 0;
 vertical-align:top;
 font-weight:bold;
 color:#F00;
}

#register #regEntry.course table#regEntList td span {
 margin-left:5px;
 color:#F00;
 font-size:94%;
}

#register #regEntry.course table#regEntList td p {
 padding-top:1px;
}
* html #register #regEntry.course table#regEntList td p { padding-top:0; }
*:first-child+html #register #regEntry.course table#regEntList td p { padding-top:0; }

/* register - entryÖ@l&nbsp;a@&nbsp;Ȃ̕WJn܂BÖ@l&nbsp;a@&nbsp;Ȃ̕WJn܂B- course - table -result */
#register #regEntry.course table#regEntList tr.result th {
 padding:2px 21px 17px 0;
 text-align:right;
 vertical-align:top;
}
* html #register #regEntry.course table#regEntList tr.result th { padding:2px 21px 18px 0; }
*:first-child+html #register #regEntry.course table#regEntList tr.result th { padding:2px 21px 18px 0; }

#register #regEntry.course table#regEntList tr.result td {
 padding:0 0 17px 0;
 font-weight:bold;
 color:#DB5C09;
 text-align:left;
}
* html #register #regEntry.course table#regEntList tr.result td { padding:0 0 18px 0; }
*:first-child+html #register #regEntry.course table#regEntList tr.result td { padding:0 0 18px 0; }

/* register - entryÖ@l&nbsp;a@&nbsp;Ȃ̕WJn܂BÖ@l&nbsp;a@&nbsp;Ȃ̕WJn܂B- course - table -result2 */
#register #regEntry.course table#regEntList tr.result2 th {
 padding:2px 19px 10px 0;
 text-align:right;
 vertical-align:top;
}

#register #regEntry.course table#regEntList tr.result2 td {
 width:640px;
 padding:0 0 10px 0;
 text-align:left;
}

#register #regEntry.course table#regEntList tr.result2 td div {
 padding:2px 5px 0 5px;
 background:#FFF;
 line-height:140%;
}
* html #register #regEntry.course table#regEntList tr.result2 td div { padding:2px 5px 0 5px; }
*:first-child+html #register #regEntry.course table#regEntList tr.result2 td div { padding:2px 5px 0 5px; }

/* register - entryÖ@l&nbsp;a@&nbsp;Ȃ̕WJn܂BÖ@l&nbsp;a@&nbsp;Ȃ̕WJn܂B- course - table -t td input */
#register #regEntry.course table#regEntList td input.textField01 {
 width:296px;
}

#register #regEntry.course table#regEntList td input.textField02 {
 width:396px;
}

#register #regEntry.course table#regEntList td input.textField03 {
 width:196px;
}

#register #regEntry.course table#regEntList td input.textField04 {
 width:636px;
}
#register #regEntry.course table#regEntList td input.textField04h {
 width:636px;
 height:380px;
}
#register #regEntry.course table#regEntList td input.textField04h02 {
 width:636px;
 height:167px;
}

#register #regEntry.course table#regEntList td textarea.textField05h {
 width:636px;
 height:190px;
}

#register #regEntry.course table#regEntList td textarea.textField06h {
 width:636px;
 height:370px;
}

/* register - entryÖ@l&nbsp;a@&nbsp;Ȃ̕WJn܂BÖ@l&nbsp;a@&nbsp;Ȃ̕WJn܂B- links
--------------------------------------------*/
#register #regLinks {
 width:100%;
 height:25px;
 margin-bottom:20px;
}

#register #regLinks.line2 {
 width:360px;
 height:25px;
 margin-bottom:20px;
 margin-left:300px;
}

#register #regLinks.line2 div {
 float:left;
 display:inline;
 margin-right:10px;
}

#register #regLinksTable {
 width:360px;
 height:25px;
 margin-bottom:20px;
 margin-left:126px;
 padding-top:16px;
}

#register #regLinksTable div {
 float:left;
 display:inline;
 margin-right:10px;
}

#register #regFootLinks {
 width:360px;
 height:25px;
 margin-left:300px;
}

#register #regFootLinks div {
 float:left;
 display:inline;
 margin-right:10px;
}

#regLinkConfirm {
 width:170px;
 height:25px;
 background:url(../image/register_btn_confirm_on.jpg) 0 0 no-repeat;
}

#regLinkBackEdit {
 width:170px;
 height:25px;
 background:url(../image/register_btn_backedit_on.jpg) 0 0 no-repeat;
}

#regLinkSend {
 width:170px;
 height:25px;
 background:url(../image/register_btn_send_on.jpg) 0 0 no-repeat;
}

#regLinkChange {
 width:170px;
 height:25px;
 background:url(../image/register_btn_change_on.jpg) 0 0 no-repeat;
}

#regLinkLogin {
 width:170px;
 height:25px;
 background:url(../image/register_btn_login_on.jpg) 0 0 no-repeat;
}

#regLinkBackList {
 width:170px;
 height:25px;
 background:url(../image/register_btn_backlist_on.jpg) 0 0 no-repeat;
}

#regLinkMail {
 width:170px;
 height:25px;
 background:url(../image/register_btn_mail_on.jpg) 0 0 no-repeat;
}

#regLinkReg {
 margin-right:0!important;
 width:171px;
 height:25px;
 background:url(../image/register_btn_reg_on.jpg) 0 0 no-repeat;
}

#regLinkTop {
 width:170px;
 height:25px;
 background:url(../image/register_btn_top_on.jpg) 0 0 no-repeat;
}

#regLinkCheck {
 width:170px;
 height:25px;
 background:url(../image/register_btn_check_on.jpg) 0 0 no-repeat;
}

#regLinkMypage {
 width:170px;
 height:25px;
 background:url(../image/register_btn_mypage_on.jpg) 0 0 no-repeat;
}

/* step2
--------------------------------------------*/
#register #regEntry #regEntStp2Box {
 padding-top:20px;
}
* html #register #regEntry #regEntStp2Box { padding-top:19px; }
*:first-child+html #register #regEntry #regEntStp2Box { padding-top:19px; }

#register #regEntry table#step2 {
 border-collapse:collapse;
 margin:0 auto;
}

#register #regEntry table#step2 th {
 padding:2px 5px 0 0;
 text-align:right;
 vertical-align:top;
 color:#666666;
}

#register #regEntry table#step2 td {
 padding-bottom:14px;
 vertical-align:top;
 text-align:left;
}

#register #regEntry table#step2 td.tdMg01 {
 padding-bottom:10px;
}
* html #register #regEntry table#step2 td.tdMg01 { padding-bottom:8px; }
*:first-child+html #register #regEntry table#step2 td.tdMg01 { padding-bottom:8px; }

#register #regEntry table#step2 td.tdMg02 {
 padding-bottom:31px;
}
* html #register #regEntry table#step2 td.tdMg02 { padding-bottom:28px; }
*:first-child+html #register #regEntry table#step2 td.tdMg02 { padding-bottom:28px; }

#register #regEntry table#step2 td.tdMg03 {
 padding-bottom:30px;
}
* html #register #regEntry table#step2 td.tdMg03 { padding-bottom:28px; }
*:first-child+html #register #regEntry table#step2 td.tdMg03 { padding-bottom:28px; }

#register #regEntry table#step2 td.must {
 padding:2px 18px 0 0;
 vertical-align:top;
 font-weight:bold;
 color:#F00;
}

#register #regEntry table#step2 td span {
 margin-left:5px;
 color:#F00;
 font-size:94%;
}

#register #regEntry table#step2 td p {
 padding-top:3px;
 font-size:94%;
 color:#666666;
}

#register #regEntry table#step2 td input.textField01 {
 width:296px;
}
#register #regEntry table#step2 td input.textField02 {
 width:396px;
}
#register #regEntry table#step2 td input.textField03 {
 width:196px;
}

/* step3
--------------------------------------------*/
#register #regEntry table#step3 {
 border-collapse:collapse;
 margin:0 auto 2px auto;
}
* html #register #regEntry table#step3 { margin:0 auto 1px auto; }
*:first-child+html #register #regEntry table#step3 { margin:0 auto 1px auto; }

#register #regEntry table#step3 th {
 padding:0 23px 16px 0;
 text-align:right;
 color:#666666;
}
* html #register #regEntry table#step3 th { padding:0 19px 17px 0; }
*:first-child+html #register #regEntry table#step3 th { padding:0 19px 17px 0; }

#register #regEntry table#step3 td {
 padding:0 0 16px 0;
 font-weight:bold;
 color:#DB5C09;
 text-align:left;
}

#register #regEntry div.step3Text {
 width:916px;
 padding-top:1px;
 background:url(../image/register_c_line_x.gif) 0 top repeat-x;
}

#register #regEntry div.step3Text p {
 margin-bottom:16px;
 padding-top:18px;
 line-height:140%;
}

#register #regEntry div.step3Text p span {
 font-weight:bold;
 color:#C00;
}

/*-------------------------------------------------------------------------
 errer message
-------------------------------------------------------------------------*/
#errerMessage {
 width:100%;
 padding:50px 0 60px 0;
 border-top:1px solid #C3C3C3;
}

#errerMessage #errMesBox {
 width:514px;
 padding:26px 29px 26px 29px;
 border:1px solid #CCC;
 text-align:center;
}

#errerMessage p{
 line-height:140%;
}

#errerMessage p.errAttention {
 margin-bottom:14px;
 font-size:140%;
 font-weight:bold;
 color:#C00;
}

#errerMessage p.errComment {
 text-align:left;
}

