/* SANDEN Color #1995D7*/

body {
    margin: 0px;
    padding: 0px;
    font-size: 11pt;
    font-family: Meiryo,sans-serif;
    background-color: #ffffff;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    /*-o-box-sizing: border-box;
        -ms-box-sizing: border-box;*/
    box-sizing: border-box;
}

a:link {
    color: Blue;
}

a:visited {
    color: Blue;
}

a:hover {
    color: #ff6633;
    /*font-weight: bold;*/
}

form {
    margin: 0px 0px 0px 0px;
}

input[type="button"],
input[type="submit"] {
    /* 文字サイズを1.1emに指定 */
    font-size: 1.1em;
    /* 縦方向に5px、
     * 横方向に15pxの余白を指定 */
    padding: 5px 15px;
    cursor: pointer;
}
.originalBtn {
    /* 縦方向に5px、
     * 横方向に5pxの余白を指定 */
    padding: 5px 5px !important;
}

input[type="button"].lower,
input[type="submit"].lower {
    /* 文字サイズを1.0emに指定 */
    font-size: 1.0em;
    /* 縦方向に5px、
    * 横方向に15pxの余白を指定 */
    padding: 2px 15px;
    cursor: pointer;
}

input[type="button"].small,
input[type="submit"].small {
    font-size: 10pt;
    padding: 0px 5px;
    height: 15px;
    cursor: pointer;
}


input::-ms-clear {
    display: none;
}

/* --- 標準テーブル --- */
table.standard-box {
    *border-collapse: collapse; /* IE7 and lower */
    background-color: #ffffff;
    border-spacing: 0;
    border: 1px solid #CCC;
}


/* --- 標準テーブル:TD --- */
.standard-box td {
    padding-left: 5px;
    height: 30px;
    border: 1px solid #CCC;
}

/* --- 標準テーブル:キャプション枠(背景水色) --- */
td.caption {
    background-color: #52a7d4; /*#dbf0ff*/
    color: #ffffff;
    text-align: left;
}


/* --- IE8以降はtext-align:centerが使えないので当クラスを使用する --- */
.center {
    margin-left: auto;
    margin-right: auto;
    /* IE6用に入れておく*/
    text-align: center;
}
.centerForCheckbox {
    margin-left: auto;
    margin-right: auto;
    /* IE6用に入れておく*/
    text-align: center;
}

/* --- スペーサー --- */
div.spacer1 {
    clear: both;
    width: auto;
    height: 1px;
}

div.spacer5 {
    clear: both;
    width: auto;
    height: 5px;
}

/* --- 必須マーク --- */
span.required:before {
    color: red;
    content: " *";
}

.ui-datepicker-trigger {
    margin-left: 3px;
    vertical-align: middle;
}


tr {
    font-family: Meiryo,sans-serif;
    font-size: 16px;
}
td {
    font-family: Meiryo,sans-serif;
    font-size: 16px;
}

/* --- グリッド：ヘッダースタイル --- */
tr.grid-header {
    height: 25px;
    color: #ffffff;
    background-color: #52a7d4; /*#0094ff*/
    writing-mode: horizontal-tb;
}

th.grid-header-cell {
    border-left-color: #cccccc;
    border-left-style: solid;
    border-left-width: 1px;
    padding: 0px 3px 0px 3px;
    text-align: center;
    font-weight: normal;
}

.grid-edit {
    width: 50px;
}

/* --- グリッド：ページ切替スタイル --- */
tr.grid-pager {
    border: none;
    border-collapse: collapse;
    background-color: #52a7d4;
}

.grid-pager span {
    text-decoration: underline;
    color: white;
    background-color: #fe6b61;
    padding-left: 4px;
    padding-right: 4px;
}

.grid-pager table {
    border: none;
}

.grid-pager td {
    border: none;
    height: 23px;
}

.grid-pager a {
    color: white;
    padding-left: 4px;
    padding-right: 4px;
}

.grid-pager a:hover {
    color: #fc2913;
    padding-left: 4px;
    padding-right: 4px;
}


/* --- グリッド：本体スタイル --- */
tr.grid-body {
    table-layout: fixed;
    word-break: break-all;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

tr.grid-body td {
    height: 22px;
    table-layout: fixed;
    word-break: break-all;
    border-color: #d3d3d3;
    border-right: #cccccc 1px solid;
    border-top: #cccccc 1px solid;
    border-left: #cccccc 0px none;
    border-bottom: #cccccc 1px solid;
    padding: 0px 3px 0px 3px;
    margin: 0px 0px 0px 0px;
}

/* --- グリッド：本体スタイル（偶数行）--- */
tr.grid-alter td {
    height: 22px;
    background-color: #f3f3f3;
    table-layout: fixed;
    word-break: break-all;
    border-color: #d3d3d3;
    border-right: #cccccc 1px solid;
    border-top: #cccccc 1px solid;
    border-left: #cccccc 0px none;
    border-bottom: #cccccc 1px solid;
    padding: 0px 3px 0px 3px;
    margin: 0px 0px 0px 0px;
}

/* --- グリッド：Emptyスタイル --- */
tr.grid-empty {
    color: #ffffff;
    background-color: #efefef;
    text-align: center;
}

/* --- グリッド：ヘッダー固定スクロール関連 --- */
div.hidden-scrollbar {
    overflow-x: hidden;
    overflow-y: scroll;
    scrollbar-face-color: #ffffff;
    scrollbar-track-color: #ffffff;
    scrollbar-arrow-color: #ffffff;
    scrollbar-highlight-color: #ffffff;
    scrollbar-shadow-color: #ffffff;
    scrollbar-3dlight-color: #ffffff;
    scrollbar-darkshadow-color: #ffffff;
}

div.list-scrollbar-horizontal {
    overflow-x: hidden;
    overflow-y: scroll;
    border: 0px none red;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

div.list-scrollbar-both {
    overflow-x: scroll;
    overflow-y: scroll;
}



/* --- テーブルの外BOX --- */
table.outer-box {
    *border-collapse: collapse; /* IE7 and lower */
    background-color: #d6f2f1;
    border-spacing: 0;
    border: 1px solid #1995D7;
}

th.outer-box-top {
    border: none;
    background-color: #cfe5f1;
    border-spacing: 0;
    text-align: left;
    padding: 5px 5px 1px 5px;
    font-weight: normal;
}

th.outer-box-middle {
    background-color: #cfe5f1;
    border-spacing: 0;
    text-align: left;
    padding: 1px 5px 1px 5px;
    font-weight: normal;
}

th.outer-box-bottom {
    border: none;
    background-color: #cfe5f1;
    border-spacing: 0;
    text-align: left;
    padding: 1px 5px 5px 5px;
    font-weight: normal;
}

td.outer-box {
    padding: 5px 5px 5px 5px;
    background-color: #e8f5fc;
}

td.outer-box-bottom{
    border: none;
    background-color: #cfe5f1;
    border-spacing: 0;
    text-align: left;
    padding: 1px 5px 5px 5px;
    font-weight: normal;
}

div.back-button {
    margin-bottom: 5px;
}


ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* テキスト幅 */
input[type="text"],
input[type="password"] {
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-family: Meiryo,sans-serif;
    vertical-align: middle;
}

/* --- 必須背景 --- */

.requiredcolor:not([disabled]):not([readonly]) {
    background-color: #fff4b3;
}

/*テーブル項目*/
.tabelmark {
    margin: 0px;
    padding-left: 3px;
    background-color: #52a7d4;
    color: #ffffff;
    border: 1px solid #cccccc;
}

/* ヘッダー書式 */
div.header {
    margin: 1em;
    padding: 0;
    font-family: Meiryo,sans-serif;
    font-size: 16px;
    width: 960px;
}

.header p {
    margin: 1px;
}

span.headercase {
    display: inline-block;
    vertical-align: middle;
    height: 28px;
    width: 100px;
    margin: 0px;
    padding-left: 3px;
    color: #ffffff;
    background-color: #52a7d4;
    border: 1px solid;
    border-color: #cccccc;
}

.headelabel {
    vertical-align: middle;
    width: 100px;
    margin: 0px;
    padding-left: 3px;
    background-color: #e0ffff;
    border: 1px solid;
    border-color: #cccccc;
}

/* メインのスタイルシート */
div.mainfont {
    margin: 1em;
    padding: 0;
    font-family: Meiryo,sans-serif;
    font-size: 16px;
    width: 910px;
}

.mainfont p {
    margin: 1px;
}

.mainfont p span {
    display: inline-block;
    vertical-align: middle;
    line-height: 28px;
    width: 100px;
    margin: 0;
    color: #ffffff;
    background-color: #52a7d4;
    border: 1px solid;
    border-color: #cccccc;
}

/*チェックボックスに適用できないので除外している*/
.mainfont p span:not(.centerForCheckbox) {

    padding-left: 3px;
}

/* ドロップダウンリスト */
select{
    font-family: Meiryo,sans-serif;
    font-size: 16px;
}

input[type="text"]:disabled,
textarea:disabled,
select:disabled {
    color: black;
}

input[type="text"]:disabled::-ms-value,
input[type="text"]:disabled::-ms-expand,
textarea:disabled::-ms-value,
textarea:disabled::-ms-expand,
select:disabled::-ms-value,
select:disabled::-ms-expand {
    color: black;
}

.tab {
    overflow: hidden;
}

.tab li {
    background-color: #ccc;
    padding: 5px 25px;
    float: left;
    margin-right: 1px;
    font-size: 15px;
    font-family: Meiryo,sans-serif;
    border-top-right-radius: 10px;
    cursor: pointer;
}

.tab li.is_Active {
    background: #eee;
}

.is_Disable {
    display: none;
}

#page_top {
    position: fixed;
    bottom: 20px;
    right: 20px;
}


.switch-on{
    display: inline-block;
    color: red;
    font-weight: bold;
    visibility: visible;
}

.switch-off{
    display: inline-block;
    visibility: hidden;
}
.w60{
    width:60px;
}

.w100{
    width:100px;
}

.w100s1{
    width:calc(100px + 4.5px);
}

.w105{
    width:105px;
}

.w110{
    width:110px;
}

.w115{
    width:115px;
}

.w118{
    width:118px;
}

.w120{
    width:120px;
}

.w130{
    width:130px;
}

.w150{
    width:150px;
}

.w151{
    width:151px;
}

.w155{
    width:155px;
}

.w160{
    width:160px;
}

.w175{
    width:175px;
}

.w180{
    width:180px;
}

.w195{
    width:195px;
}

.w200{
    width:200px;
} 

.w210{
    width:210px;
}

.w225{
    width:225px;
}
.w230{
    width:230px;
}

.w240{
    width:240px;
} 
   
.w250{
    width:250px;
}

.w270{
    width:270px;
}

.w300{
    width:300px;
} 

.w300s1{
    width:calc(300px + 5.5px);
} 

.w350{
    width:350px;
} 

.w350s1{
    width:calc(350px + 5.5px);
} 

.w400{
    width:400px;
}

.w400ms1{
    width:calc(400px - 5.5px);
}

.w400s1{
    width:calc(400px + 5.5px);
}

.w430{
    width:430px;
}

.w435{
    width:435px;
}

.w450{
    width:450px;
}

.w450s1{
    width:calc(450px + 5.5px);
}

.w470 {
    width: 470px;
}

.w480{
    width:480px;
}

.w485{
    width:485px;
}

.w500{
    width:500px;
}

.w500ms1{
    width:calc(500px - 5.5px);
}

.w500s1{
    width:calc(500px + 5.5px);
}

.w500s2{
    width:calc(500px + 11px);
}

.w550s1{
    width:calc(550px + 5.5px);
}

.w600{
    width:600px;
}

.w600s2{
    width:calc(600px + 11px);
}

.w650{
    width:650px;
}

.w650s1{
    width:calc(650px + 5.5px);
}

.w650s2{
    width:calc(650px + 11px);
}

.w700s1{
    width:calc(700px + 5.5px);
}

.w700s2{
    width:calc(700px + 11px);
}

.w727{
    width:727px;
}

.w730s1{
    width:calc(730px + 5.5px);
}

.w740{
    width:740px;
}

.w740s1 {
    width: calc(740px + 0.5px);
}

.w750{
    width:750px;
}

.w750s1{
    width:calc(750px + 5.5px);
}

.w750s2{
    width:calc(750px + 11px);
}

.h25{
    height:25px
}

.mw495{
    max-width: 495px;
}