﻿@charset "UTF-8";

html,body{
    margin:0;
    padding: 0;
}

#content {
    margin: 50px 8px 8px;
}

#content-dialog {
    margin: 10px 0;
}


/* 色 */
.red {
    color: red !important;
}
.bglightpink, .bglightpink td, .bglightpink th {
    background-color: #fdeff2 !important;
}
.bgyellow {
    background-color: yellow !important;
}
.bold {
    font-weight:bold;
}

.width90 {
    width: 90%;
}

.width100 {
    width: 100%;
}

.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.d-none {
    display: none;
}

.underline {
    text-decoration: underline;
}

.readonly-gray[readonly] {
    background-color: #edebeb;
    border: 1px solid black;
}

.w-90 {
    width: 90%;
}

.w-100 {
    width: 100%;
}

/* タイトル部 */
.title_header {
    font-weight: bold;
    border-width: 0px;
    text-align: center;
    position: fixed;
    top: 0;
    z-index: 10000;
}

#LayoutDialog .title_header {
    margin-right: -8px;
    margin-left: -8px;
}

.title_inner_top {
    font-family: HGP明朝E;
    font-size: 20pt;
}

.title_inner_detail {
    font-family: ＭＳ ゴシック;
    font-size: 16pt;
}

.field-validation-error {
    color: red;
    display: block;
}

/* エラーを横に並べる場合追加 */
.field-validation-error-side {
    display: inline;
}

/* バリデーションエラー トータル  */
.validation-summary-errors.validation-summary-error-area {
    color: red;
    font-weight: bold;
}

.word-break {
    word-break: break-all;
}

/* ----------------------------------------------------- */
/* テーブル属性 　*/
/* ----------------------------------------------------- */
table.tbl-sd {
    border: solid 1px #000000;
    border-collapse: collapse;
}

table.padding_default td, table.padding_default th {
    padding: 2px 5px;
}

table.cell_border td, table.cell_border th {
    border: solid 1px #000000;
}


.kom-name, .kom-waku, .kom-wakc {
    padding: 2px 6px;
}

.kom-name {
    font-family: ＭＳ ゴシック;
    font-size: 10.5pt;
    background-color: #dfdfdf;
    color: #000000;
    text-align: center;
    border: solid 1px #000000;
    height: 24px;
}

.kom-waku {
    font-family: ＭＳ ゴシック;
    font-size: 10.5pt;
    background-color: #FfFfFf;
    color: #000000;
    text-align: left;
    border: solid 1px #000000;
    height: 24px;
}

.kom-wakc {
    font-family: ＭＳ ゴシック;
    font-size: 10.5pt;
    background-color: #FfFfFf;
    color: #000000;
    text-align: center;
    border: solid 1px #000000;
    height: 24px;
}

/* Magicでテキストエリアで表示していたもの */
.kom-waku-eibun {
    height: 50px;
    vertical-align: top;
    padding-top: 6px;
    padding-bottom: 6px;
    word-break: break-word;
}

.in-cha {
    background-color: #ffffff;
    color: #000000;
    text-align: left;
    border: 1pt solid #90b0eb;
    height: 21px;
    padding-top: 2px;
    padding-bottom: auto;
}

.in-num {
    background-color: #ffffff;
    color: #000000;
    text-align: right;
    border: 1pt solid #c4d6f4;
    height: 21px;
    padding-top: 2px;
    padding-bottom: auto;
}

.dp-cha {
    background-color: #FfFfFf;
    color: #000000;
    text-align: left;
    border-width: 0px;
}

.dp-num {
    background-color: #FfFfFf;
    color: #000000;
    text-align: right;
    border-width: 0px;
}

.meC-waku {
    font-family: ＭＳ ゴシック;
    font-size: 10.5pt;
    background-color: #ffffff;
    color: #0000cc;
    text-align: center;
    border: solid 1px #000000;
}

.meL-waku {
    font-family: ＭＳ ゴシック;
    font-size: 10.5pt;
    background-color: #ffffff;
    color: #0000cc;
    text-align: left;
    border: solid 1px #000000;
}

.meR-waku {
    font-family: ＭＳ ゴシック;
    font-size: 10.5pt;
    background-color: #ffffff;
    color: #0000cc;
    text-align: right;
    border: solid 1px #000000;
}

.push {
    cursor: hand;
}

.delete_item {
    background-color: #F9F9F9 !important;
    color: #A0A0A0 !important;
}

.text-center{
    text-align:center;
}

/* datepicker */
.datepicker-split-line {
    display: flex;
    align-items: center;
}
.ui-datepicker-trigger {
    cursor: pointer;
}

@media print {
    /*printで適用する内容*/
    .title_header{
        display: none;
    }

}
