@charset "utf-8";
/* 【A1-01】ログイン
 * ----------------------------------------------- */

/* レイアウト
 * ----------------------------------------------- */
.sec-main {
    float: left;
    width: 700px;
}
.sec-sub {
    float: right;
    width: 220px;
}

/* 左カラム ログイン
 * ----------------------------------------------- */
.mod-login {
    border: 1px solid #bdc8ca;
    background-color: #fff;
    padding-left: 70px;
    padding-bottom: 21px;
    height: 200px;
}
.mod-login .heading {
    font-size: 18px;
    color: #ed6103;
    padding: 18px 0 18px 22px;
    margin-left: -70px;
    background: #F8F8F8;
}
.mod-login .pageExplain {
    margin-top: 22px;
}
.mod-login form .loginInput {
    margin-top: 15px;
    width: 370px;
    float:left;
}
.mod-login form .loginInput span {
    width: 90px;
    font-weight: bold;
    display:inline-block;
}
.ie7 .mod-login form .loginInput span {
    display:inline;
}
.mod-login form .loginInput input[type="text"] {
    width: 250px;
}
.mod-login form .loginSubmit {
    float: right;
    width: 150px;
    margin: -30px 70px 0 0;
}
.mod-login form .loginSubmit button {
    text-decoration: none;
    text-align: center;
    line-height: 75px;
    font-size: 14px;
    font-weight: bold;
    display: block;
    border: none;
    cursor: pointer;
    width: 150px;
    height: 75px;
    background: url(../../img/btn_billing_manage.png) no-repeat 0 0;
}
.mod-login form .loginSubmit button:hover {
    background-position: 0 -75px;
}
.mod-login .note {
    clear: both;
    padding-top: 20px;
    line-height: 1.4;
}


/* 右カラム 問合せ先
 * ----------------------------------------------- */
.mod-supportInfo {
    border: 1px solid #D5E6EA;
    background-color: #EFF5F5;
    padding: 10px;
    line-height: 1.4;

}
.mod-supportInfo .heading {
    line-height: 1.3;
    font-size: 130%;
    margin-bottom: 10px;
}
.mod-supportInfo .serviceName {
    color: #ed6103;
    line-height: 1.3;
    font-size: 120%;
    margin-bottom: 5px;
}
.mod-supportInfo .contents {
    margin-bottom: 15px;
}
.mod-supportInfo p {
    font-size: 90%;
    margin-bottom: 15px;
}
.mod-supportInfo ul li {
    margin-top: 6px;
}
.mod-supportInfo ul li span {
    display: block;
}
.mod-supportInfo ul li .telNum {
    font-weight: bold;
}


/* clearfix
 * ----------------------------------------------- */
#contents:after {
    content : '';
    display : block;
    clear : both;
    height: 0;
}
.ie #contents {
    zoom : 1;
}