@charset "utf-8";

#loginTableArea .loginTablePadding {
    padding:20px;
}

.LoginPadding {
    padding-top: 11px;
}


.emailBox {
    width: 20em;
}

.passwordBox {
    width: 20em;
}

/*-----------------------------
  動的設定
-----------------------------*/
/*tab,PCで表示*/
@media screen and (min-width:768px) {

#commonCustomerArea #loginArea {
     padding-right: 155px;
    text-align: right;
    padding-top: 25px;
}

/*---------------------------
ログインテーブル
---------------------------*/
#loginTableArea {
    margin: 0 auto;
    text-align: left;
    width: 750px;
}

/*---------------------------
会員ログインエリア
---------------------------*/
#commonCustomerArea {
    width: 650px;
    margin: 0 auto;
    text-align:center;
}

/*---------------------------
新規登録エリア
---------------------------*/
#newCustomerRegisterArea {
    width: 650px;
    margin: 0 auto;
    text-align:center;
}

/*---------------------------
ゲストエリア
---------------------------*/
#guestOrderArea {
    width: 650px;
    margin: 0 auto;
    text-align:center;
    }
}/*↑tab,PCで表示ここまで*/

/*767px以下（SP）で表示*/
@media screen and (max-width:767px) {

    div.frameBody{
    	border:none;
    }
    #newCustomerRegisterArea {
        height: 100px;
    }
    #guestOrderArea {
        height: 100px;
    }
}/*↑767px以下（SP）で表示ここまで*/