@charset "utf-8";
/*----------------------------------------------------------
    * css/10/member/register.css
    * site name : チャンスイット
    * description : 会員登録ページ
-----------------------------------------------------------*/

/* ----------------共通部分---------------- */
#register #container {
    width: auto;
    line-height: 1.5;
    margin: 0;
    font-size: 14px;
    font-family: "Meiryo","メイリオ","ＭＳ　Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
}
#register #header {
    margin: 0 auto 10px;
    border-bottom: none;
}
#register #header h1 {
    width: 900px;
    margin: 5px auto 0;
    text-align: right;
    font-size: 11px;
}
#register #main {
    margin-top: 30px;
}

.precamp_title {
    height: 422px;
    position: relative;
    margin-bottom: 5px;
    background: url(../../../img/10/member/bg_main_s.gif) repeat-x 0 0;
}
.precamp_title .precamp_title_inner {
    width: 900px;
    margin: 0 auto;
    padding: 10px 0 0;
}
.precamp_title .precamp_title_inner h2 {
    text-align: center;
}
.normal_title {
    background: none;
    text-align: center;
}
#register .footer_wrapper {
    width: 950px;
    margin: 0 auto;
    font-size: 12px;
}
.form_wrapper {
    width: 900px;
    margin: 0 auto;
}
.form_wrapper .flow {
    margin: 10px 0;
}
.form_wrapper .camp {
    margin: 0 auto 40px;
    display: block;
    width: 600px;
}
.form_wrapper h3 {
    font-size: 20px;
    font-weight: bold;
}
#register #footer {
    height: 160px;
    border-top: none;
}


/* -----------------会員登録サイト説明----------------- */

.normal_title_detail {
    height: 363px;
    position: relative;
    margin-bottom: 5px;
    background: url(../../../img/10/member/bg_main_s.gif) repeat-x 0 0;
}
.normal_title_detail .normal_title_inner {
    width: 900px;
    margin: 0 auto;
    padding: 10px 0 0;
}
.normal_title_detail .normal_title_inner h2 {
    text-align: center;
}


/* -----------------会員登録フォーム----------------- */
table.form-tbl {
    width: 896px;
    margin: 20px auto 0;
    border: 2px solid #959595;
}
table.form-tbl th {
    width: 200px;
    vertical-align: middle;
    padding: 18px 0 18px 10px;
    border-bottom: 1px solid #ccc;
    background: #f4f4f4;
    font-weight: bold;
    font-size: 18px;
}
table.form-tbl th .caution {
    padding-left: 8px;
    font-weight: bold;
    font-size: 12px;
    color: #C30;
}
table.form-tbl td {
    vertical-align: middle;
    line-height: 1.6;
    border-bottom: 1px solid #ccc;
}
table.form-tbl td.required {
    width: 60px;
    vertical-align: middle;
    border-right: 1px solid #ccc;
    background: #f4f4f4;
    text-align: left;
}
table.form-tbl td.data {
    vertical-align: middle;
    padding: 8px 10px 10px 20px;
}
table.form-tbl td.data span {
    padding-left: 5px;
}
table.form-tbl input {
    padding: 3px;
    border: 1px solid #a9a9a9;
}
table.form-tbl input:focus {
    border: 1px solid #6CF;
    background:#fffcd2;
}
.err-txt {
    color: #f00;
    display: block;
}
table.form-tbl td.data input,
table.form-tbl td.data select {
    font-size: 20px;
}
table.form-tbl td.data label {
    font-size: 18px;
}
input[type="radio"]#sex-f {
    margin: 0 0 0 10px;
}

/* --利用規約への同意-- */
.agreement {
    margin-top: 20px;
    text-align: center;
}
p.attention {
    color: #f00;
}
input#register1 {
    width: 306px;
    height: 56px;
    margin: 5px 0 25px;
    border: none;
    background: url(../../../img/10/member/btn_reg1.gif) no-repeat;
    cursor: pointer;
}
input#register1:hover,
input#register2:hover {
    opacity: 0.8;
}
.privacy_policy {
    width: 710px;
    height: 130px;
    z-index: 1;
    margin: 10px auto;
    padding: 10px 20px;
    border: 1px solid #999;
    overflow: auto;
    text-align: left;
}
.marks {
    width: 750px;
    margin: 10px auto;
}
.marks dl.left {
    float: left;
}
.marks dl.right {
    float: right;
}
.marks dl {
    width: 50%;
}
.marks dt {
    float: left;
}
.marks dd {
    float: left;
    width: 260px;
    vertical-align: middle;
    margin: 15px 0 0 15px;
    text-align: left;
}


/* -----------------登録内容確認----------------- */
table.confirm th {
    width: 240px;
    vertical-align: middle;
    border-right: 1px solid #ccc;
    background: #fffde2;
    font-weight: bold;
    font-size: 18px;
}
table.confirm td.data {
    vertical-align: middle;
    padding: 0  0 0 20px;
}
input#register2 {
    width: 306px;
    height: 56px;
    margin: 5px 0 25px;
    border: none;
    background: url(../../../img/10/member/btn_reg2.gif) no-repeat;
    cursor: pointer;
}
.correct_btn {
    text-align: right;
    margin: 10px 0 -10px 0;
}
/*reCAPTCHA セキュリティ認証*/
.authentication {
    padding: 15px 40px;
    margin: 15px 0 0;
    background: #f7f7f7;
}
.authentication p {
    text-align: center;
    font-weight: bold;
}
.authentication .g-recaptcha {
    width: 304px;
    margin: 10px auto;
}
.authentication .g-caution {
    width: 500px;
    margin: 15px auto 20px;
    padding: 10px;
    border: 1px solid #f00;
    background-color: #fff;
    font-size: 12px;
    color: #f00;
}

/* -----------------仮登録完了----------------- */
.temp_attention {
    margin: 15px 0;
    padding: 15px 15px 15px 35px;
    border: 3px solid #CCC;
}
.temp_attention ul li {
    margin-bottom: 8px;
    text-indent: -1.5em;
}
.temp_attention ul li span {
    padding-right: 5px;
    color: #d40000;
}

/* -----------------本登録完了----------------- */
.todo {
    margin-top: 20px;
}
.todo .bnr_area {
    width: 900px;
    height: 234px;
    background:  url(../../../img/10/member/bg_precamp.gif) no-repeat;
    text-align: center;
}
.todo .bnr_area a:hover img {
    opacity: 0.8;
}
.todo .bnr_area img {
    margin-top: 6px;
}
.todo .info_list {
    overflow: hidden;
}
.todo .info_list > li {
    display: inline-block;
    margin-bottom: 20px;
    padding-left: 25px;
    vertical-align: top;
}
.todo .number {
    float: left;
    width: 100px;
    padding: 1px;
    background: #27bd7f;
    text-align: center;
    color: #fff;
}
.todo .number_inner {
    padding: 5px;
    border: 2px solid #fff;
    background: #27bd7f;
}
.todo .number_inner em {
    font-size: 15px;
}
.todo .present_details {
    float: left;
    width: 305px;
    margin: -2px 0 0 10px;
}


/* -----------------サンクスページ----------------- */

.register_thanks h2 {
    text-align:center;
    height:230px;
    background: url(../../../img/10/member/bg_main_s.gif) repeat-x 0 top;
}
.register_thanks .center{
    text-align:center;
}
.register_thanks .center h3{
    margin:40px 0 15px;
}
.register_thanks .center p{
    margin-bottom: 30px;
}
.register_thanks .center a{
    display:inline-block;
    box-shadow:0px 2px 2px -1px #c9c9c9;
}
.register_thanks .center a:hover{
    transition: all 0.4s;
    box-shadow:0px 7px 17px -5px #757575;
    opacity:0.7;
}
.register_thanks .center ul {
    width: 820px;
    margin: 0 auto;
    overflow: hidden;
}
.register_thanks .center li:nth-child(2n+1) {
    float: left;
}
.register_thanks .center li:nth-child(2n) {
    float: right;
}

.register_thanks .register_use{
    text-align:center;
    background:#f4f3e9;
    position:relative;
    margin:100px 0 50px;
    padding:0 0 20px;
}
.register_thanks .register_use h3{
    position:absolute;
    top:-70px;
    left:0;
    right:0;
}
.register_thanks .register_use ul{
    overflow:hidden;
    width:784px;
    margin:0 auto;
    padding:30px 0 0;
}
.register_thanks .register_use ul li{
    float:left;
    margin:20px 0 0;
}
.register_thanks .register_use ul li:nth-child(odd){
    margin:20px 40px 0 0;
}
.register_thanks .register_use ul li a{
    display:inline-block;
    width:370px;
    text-align:left;
    background:#fff;
    overflow:hidden;
    color:#3f3f3f;
    box-shadow:0px 2px 14px -4px #757575;
    text-decoration:none;
}
.register_thanks .register_use ul li a:hover{
    transition: all 0.4s;
    background-color:#fff8d6;
    box-shadow:none;
}
.register_thanks .register_use ul li a img,
.register_thanks .register_use ul li a .txt_area{
    float:left;
}
.register_thanks .register_use ul li a .txt_area{
    padding:16px 0 0;
}
.register_thanks .register_use ul li a .txt_area p{
    font-size:16px;
    line-height:16px;
}
.register_thanks .register_use ul li a .txt_area h4{
    font-size:35px;
    font-weight:bold;
}

.register_thanks .register_use ul li a .txt_area span{
    color:#ff4878;
}
.register_thanks .register_use ul li a .over_there{
    clear:both;
    text-align:center;
    color:#fff;
    font-size:18px;
    padding:2px 0;
}
.register_thanks .register_use ul li a .over_there span{
    color:#ffee2c;

    margin:0 0 0 6px;
}
.register_thanks .register_use ul li:nth-child(1) a{
    border:#1aa1ff 1px solid;
}
.register_thanks .register_use ul li:nth-child(1) .over_there{
    background:#1aa1ff;
}
.register_thanks .register_use ul li:nth-child(1):hover .over_there{
    transition: all 0.4s;
    background:#006db9;
}
.register_thanks .register_use ul li:nth-child(2) a{
    border:#f19236 1px solid;
}
.register_thanks .register_use ul li:nth-child(2) .txt_area,
.register_thanks .register_use ul li:nth-child(4) .txt_area{
    margin:0 0 0 30px;
}
.register_thanks .register_use ul li:nth-child(2) .over_there{
    background:#f19236;
}
.register_thanks .register_use ul li:nth-child(2):hover .over_there{
    transition: all 0.4s;
    background:#d16700;
}
.register_thanks .register_use ul li:nth-child(3) a,
.register_thanks .register_use ul li:nth-child(4) a{
    border:#0fc17c 1px solid;
    text-align:right;
}
.register_thanks .register_use ul li:nth-child(3) h4,
.register_thanks .register_use ul li:nth-child(4) h4{
    line-height:40px;
}
.register_thanks .register_use ul li:nth-child(3) .over_there{
    background:#0fc17c;
}
.register_thanks .register_use ul li:nth-child(3):hover .over_there{
    transition: all 0.4s;
    background:#00925a;
}
.register_thanks .register_use ul li:nth-child(4) a{
    border:#8a78c4 1px solid;
}
.register_thanks .register_use ul li:nth-child(4) .over_there{
    background:#8a78c4;
}
.register_thanks .register_use ul li:nth-child(4):hover .over_there{
    transition: all 0.4s;
    background:#614ba7;
}
.register_thanks .register_use ul li:nth-child(1) a{
    border:#1aa1ff 1px solid;
}
.register_thanks .register_use ul li:nth-child(1) .over_there{
    background:#1aa1ff;
}
.register_thanks .register_use ul li:nth-child(1):hover .over_there{
    transition: all 0.4s;
    background:#006db9;
}
.register_thanks .register_use ul li:nth-child(5) a{
    border:#23bac3 1px solid;
}
.register_thanks .register_use ul li:nth-child(5) .txt_area p,
.register_thanks .register_use ul li:nth-child(5) .txt_area h4{
    display:inline;
}
.register_thanks .register_use ul li:nth-child(5) .over_there{
    background:#23bac3;
}
.register_thanks .register_use ul li:nth-child(5):hover .over_there{
    transition: all 0.4s;
    background:#009099;
}
.register_thanks .register_use ul li:nth-child(6) a{
    border:#fd5984 1px solid;
}
.register_thanks .register_use ul li:nth-child(6) .txt_area h4{
    font-size:30px;
    line-height:30px;
    margin:0 0 0 30px;
}
.register_thanks .register_use ul li:nth-child(6) .over_there{
    background:#fd5984;
}
.register_thanks .register_use ul li:nth-child(6):hover .over_there{
    transition: all 0.4s;
    background:#d9184a;
}
.register_thanks .top{
    text-align:center;
    font-size:18px;
}

/*
==============================================
pulse
==============================================
*/

.pulse{
    animation-name: pulse;
    -webkit-animation-name: pulse;    

    animation-duration: 2.0s;    
    -webkit-animation-duration: 2.0s;

    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

@keyframes pulse {
    0% {
        transform: scale(0.97);
        opacity: 0.9;        
    }
    50% {
        transform: scale(1);
        opacity: 1;    
    }    
    100% {
        transform: scale(0.97);
        opacity: 0.9;    
    }            
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(0.97);
        opacity: 0.8;        
    }
    50% {
        -webkit-transform: scale(1);
        opacity: 1;    
    }    
    100% {
        -webkit-transform: scale(0.97);
        opacity: 0.8;    
    }            
}