@charset "UTF-8";
/*--login
--------------------------------------------------------------*/

h4.login_tit{
    width:500px;
    margin:25px auto 0;
}

.login_Wrap h3{
    display:none;
}

.backBtn_214{
    width:326px;
    margin:0 auto;
}

.login_Wrap{
    width:500px;
    margin:0 auto 25px;
    background-image:url(../images/login/bg_login_bottom.gif);
    background-repeat:no-repeat;
    background-position:bottom;
    overflow:hidden;
}

.login_contents{
    margin:30px 75px;
    overflow:hidden;
}

.login_Wrap dl dt{
    font-size:16px;
    margin:0 0 5px;
}

.login_Wrap dl dd{
    margin:0 0 20px;
}

.login_Wrap dl dd input{
    color: #000000;
    font-family: "ヒラギノ角ゴ Pro W3";
    width:340px;
    height:32px;
    font-size:1.5rem;
    text-indent: 5px;
}

.login_Wrap dl dd input[type="password"]::-ms-reveal,
.login_Wrap dl dd input[type="password"]::-ms-clear {
    display: none; /* Internet Explorer でのトグルアイコンを非表示 */
}

/* c21修正 */
#Content .login_Wrap .error{
    color:#ff0000;
    margin:5px 0;
    font-size:14px;
    text-align:center;
}

.login_Wrap .assist{
    color:#666666;
    margin:5px 0;
    font-size:12px;
    /*text-align:center;*/
}


ul.cheak_Wrap{
    margin:10px auto 20px;
    width:600px;
    font-size:14px;
    overflow:hidden;
}

ul.cheak_Wrap li{
    margin:0px 30px 10px 0;
}

ul.cheak_Wrap li span{
    margin:0 0 0 5px;
}


.btn_seton{
    text-align:center;
}

.btn_seton img{
    height: 44px;
    width: 145px;
}



input {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #333333;
    font-size: 18px;
    line-height: 1.5;
}

.main p.btn-base {
    width: 96%;
    border: solid 1px #cccccc;
    -webkit-border-radius: 4px;
    box-shadow: 0 2px 3px rgba(0,0,0,.3);
    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.3);
    text-align: center;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}

.main p.btn-base input {
    display: block;
    margin: 0;
    padding: .5em 0;
    width: 100%;
    background: transparent;
    font-weight: bold;
    border: none;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}

#Content p.btn-reserve,
.main p.btn-reserve {
    background: -webkit-gradient(linear, left top, left bottom, from(#f59605), to(#f59605));
    background-color: #f59605;
    margin:0 auto;
    text-align:center;
    margin: 10px 0 0;
}

.main p.btn-reserve input {
    color: #ffffff;
}


.login_contents div.input_Wrap .pw-forget{
    margin: 10px 15px;
    text-align: right !important;
}

.cheak_Wrap {
    margin: 10px 15px;
    text-align: right !important;
}


.entryArea {
    border-bottom: 1px solid #B8B8B8;
    padding:0 0 30px;
    font-size:16px;

}

.entryArea h4 {
    border: 1px solid #B8B8B8;
    color: #000099;
    margin-top: 35px;
    padding: 5px;
}
.entryArea h4 span {
    border-left: 4px solid #000099;
    font-weight: bold;
    padding-left: 5px;
}


.entryArea .mtop {
    margin: 20px 0 20px 20px;
}

.btn_entry img{
    margin: 0 0 0 20px;
}

.btn_cz{
    width:780px;
    margin:0 auto;
    text-align:center;
}

.login_info_Area{
    padding:30px 0;
}

.login_info_Area dt{
    margin:0 0 10px 20px;
    padding:0 0 5px;
    font-size:16px;
    font-weight:bold;
}

.login_info_Area dd{
    padding:0 25px;
}

.login_info_Area p{
    /*text-indent:1em;*/
    font-size:14px;
}

p.txt_contact{
    /*text-indent:1em;*/
    margin:10px 0 0;
    padding:0 ;
}

.login_info_Area span{
    display:none;
}


.border_line{
    border-top:1px solid #EDEDED;
}

.att_text{
    margin:20px 0;
    font-size:14px;
    font-weight:bold;
}



.conf{
    text-align:center;
}

/*.conf img{
    height: 44px;
    width: 145px;
}*/

.login_info{
    width:780px;
    margin:20px 0 30px;
}



/*--index.css contact*/
#Content{
    text-align:left;
    padding:13px 0 0;
}
#Content div.title{
    margin:0 0 20px;
    border-top:1px solid #EEEEEE;
    border-bottom:1px solid #EEEEEE;
    background:url(../images/common/bg_ttl.gif) repeat 0 0;
}
#Content div.title h2{
    width:1100px;
    margin:0 auto;
    padding:10px 0;
    /*text-align:left;*/
}
#Content div.fc_err_title{
    margin:0 0 20px;
    border-top:1px solid #EEEEEE;
    border-bottom:1px solid #EEEEEE;
    background:url(../images/common/bg_ttl.gif) repeat 0 0;
}
#Content div.fc_err_title h2{
    width:900px;
    margin:0 auto;
    padding:10px 0;
    /*text-align:left;*/
}

#Content div.main{
    width:908px;
    margin:0 auto 55px;
}

#Content div.main div.section-inline{
    background:url(../images/login/bg_main_base.gif) repeat-y 0 0;
}


/* table */
#Content div.main table.mailform{
    width:900px;
    margin:0 4px;
      border-collapse:collapse;
}
#Content div.main table.mailform th,
#Content div.main table.mailform td{
    /*text-align:left;
    border-top:1px solid #EDEDED;*/
}
#Content div.main table.mailform th{
    width:108px;
    text-align:center;
    padding:30px 0 28px 32px;
   /* vertical-align:top;*/
}

#Content div.main table.mailform td{
    width:570px;
    padding:25px 0 20px 35px;
    background:#F8F7FB;
}

#Content div.main table dl.form01{
    width:50%;
}
#Content div.main table dl.form01 dt{
    float:left;

}
#Content div.main table dl.form01 dd{
    float:left;
    clear:both;
}
#Content div.main table dl dd.error{
    color:#ff0000;
    margin:10px 0 0 10px;
}


#Content div.main table ul.user{
    margin:0 0 15px;
    overflow:hidden;
}
#Content div.main table ul.user li{
    float:left;
}
.tipped{
    color:#979798;
}

.att{
    color: #868686;
    width: 102%;
}

.ml70{
    margin:0 0 0 70px;
}

.ml145{
    margin:0 0 0 145px;
}

ul.transform{
    overflow:hidden;
}

ul.transform li{
    float:left;
    margin:0 10px 0 0;
}

.transform dl{
    overflow:hidden;
}

.transform dl dt{
    float:left;
    margin:0 5px;
}

.transform dl dd{
    float:left;
    width:200px;
    margin:0 20px 0 5px;
}

.transform.rowElem .form01.ml dd{
    margin:10px 0 0;
}



.login_Wrap p.txt_reminder{
    width:450px;
    margin:20px auto 0;
    font-size:14px;

}


/*complete Page*/
.password_txt h3{
    font-size:20px;
}

.password_txt p{
    font-size:16px;
}



ul.conf_ps {
    margin: 0 auto;
    overflow: hidden;
    width: 661px;
}
ul.conf_ps li.fl {
    float: left;
}
ul.conf_ps li.fr {
    float: right;
}
