body{
    margin: 0px;
    font-family:Meiryo, Arial, Times New Roman;
}

div#div_header {
    width: 100%;
    height: 60px;
    text-align: left;
    background-image: url("../img/master/header_bg.png");
    vertical-align:bottom;
    text-align: left;
    padding-left:10px;
}

div#div_main_left
{
    float:left;
}

div#div_main_right
{
   padding-left:20px;
   float:left;
}

/* ログインエリア */
div#div_login {
    padding: 0;
    margin: 0 auto;
    height: auto;
    background: transparent;
    border: none;
}

/* 入力欄（共通） */
input[type=text],
input[type=password] {
    font-family: Meiryo;
    width: 220px; /* ← ここで固定 */
    height: 44px;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 14px;
    box-sizing: border-box;
    transition: 0.2s;
}

/* フォーカス */
input[type=text]:focus,
input[type=password]:focus {
    border-color: #286fde;
    outline: none;
    box-shadow: 0 0 0 2px rgba(40,111,222,0.15);
}

/* ボタン */
input[type=submit] {
    font-family: Meiryo;
    width: 100%;
    height: 46px;
    border: none;
    border-radius: 8px;
    background-color: #005cff;
    color: white;
    font-size: 14px;
    font-weight: bold;
    margin-top: 10px;
}

/* 有効状態（JSで active付与） */
input[type=submit].active {
    background: linear-gradient(135deg, #4a8df6, #286fde);
    cursor: pointer;
}

/* hover */
input[type=submit].active:hover {
    opacity: 0.9;
}