﻿body {
    width: 332px;
    margin: 0 auto;
    font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
}
/* メイン */
.main .logo {
    margin: 15px;
    text-align: center;
}
.main .logo img {
    width: 150px;
    margin: 0;
    border: 0px;
}
.main .logo h1 {
    margin: 0;
    font-size: 18px;
}

.sForm {
    width: 300px;
    margin: 0 auto;
    padding: 10px 15px 0;
    border: 1px solid #b3b3b3;
}
.sForm h2 {
    margin: 0;
    font-weight: normal;
    font-size: 20px;
}
.sForm .error {
    color: #ff3333;
    font-size: 13px;
}
.sForm .button {
    margin: 10px;
    text-align: right;
}
.sForm .nosat p {
    font-size: 14px;
    text-align: right;
}
table.form_table {
    width: 290px;
    margin: 0 auto;
    border-collapse: collapse;
}
table.form_table th {
    padding: 3px 5px;
    font-weight: normal;
    font-size: 14px;
    background: #dedbdb;
    border: 1px solid #b3b3b3;
}
table.form_table td {
    padding: 3px 5px;
    text-align: left;
    border: 1px solid #b3b3b3;
}
table.form_table input {
    width: 150px;
}
.google_auth {
    width: 150px;
    margin: 10px auto;
    text-align: center;
}
.google_auth a {
    display: block;
    padding: 2px;
    color: #000000;
    color: #4285f4;
    text-decoration: none;
    border: 1px solid #4285f4;
    border-radius: 7px;
}
.google_auth a:before {
    z-index: 1;
    display: inline-block;
    width: 22px;
    height: 22px;
    margin-right: 5px;
    vertical-align: sub;
    background-image: url(/imags/icon_google.png);
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
}
.footer p {
    margin: 0;
    font-size: 13px;
}
