/*
初期化設定
*/
* {
    margin: 0;
    padding: 0;
}

ul,
li {
    list-style: none;
}

body {
    font-family: 'ヒラギノ角ゴ Pro W3', メイリオ, Osaka, Arial, Verdana,
        'ＭＳ Ｐゴシック', sans-serif;
}

button {
    cursor: pointer;
}

/*
カラースキーム
*/
.alert {
    color: red;
}

.base {
    color: #4f76a3;
}

.invalid {
    background-color: #ffa1a1;
}

.valid {
    background-color: #a1ffac;
}

input[type='text']:focus,
input[type='date']:focus,
input[type='tel']:focus,
input[type='password']:focus,
input[type='time']:focus {
    background-color: #ffff99;
}

/*承認ボタン*/
.approval-button {
    background: #4291f5;
}

/*承認ボタン非活性化*/
.approval-button-off {
    background: #999999;
    cursor: default;
}

/*キャンセルボタン*/
.cancel-button {
    background: #ff0066;
}

/*
 書体
*/
.bold {
    font-weight: bold;
}

.underline {
    text-decoration: underline;
}

.small-font {
    font-size: 95%;
}

.large-font {
    font-size: 110%;
}

/*
 レイアウト用
*/
.inline {
    display: inline-block;
}