/**
 * テーブル
 */
th {text-align: center;}

.noborder tbody>tr>th,
.noborder tbody>tr>td {
  border-top: 0px;
}

/**
 * 幅
 */
.width100 {width: 100px;}
.width80 {width: 80%;}

.text_center {text-align: center;}

.float_left {float: left;}

/**
 * 文字サイズ
 */
.font_size14 {font-size: 14px;}

/**
 * 文字色
 */
.font_color_red {color: red;}

/**
 * 余白
 */
.margin_b20 { margin-bottom: 20px;}
.margin_b40 { margin-bottom: 40px;}

/**
 * ログインボタン
 */
.login_btn ul li {
    display: inline;
    margin-right: 1em;
}

/**
 * タイトル枠
 */
.title_box {
    border-bottom: 2px solid #C0C0C0;
    padding-left: 10px;
    margin-bottom: 20px;
    font-size: 20px;
 }

/**
 * 見出し h1
 */
.title_h1 {
    padding: 10px 0 10px 10px;
    font-size: 30px;
}

/**
 * 見出し h2
 */
.title_h2 {
    padding-left: 10px;
    border-left: 5px solid #337ab7;
    font-size: 24px;
}

/**
 * レスポンシブCSS(768px以上に適用)
 */
@media (min-width: 768px) {
    .table_widthc50 {
        margin: 0px auto;
        width: 50%;
    }
}

/**
 * フッター
 */
.footer {
    height: 30px;
    background-color: #f5f5f5;
    bottom: 0;
    width: 100%;
}