@charset "UTF-8";

html {
    height:    100%;
    width:     100%;
    margin:    0;
    padding:   0;
}


body {
    height:      100%;
    width:       100%;
    margin:      0;
    padding:     0;

    -ms-content-zooming: none;
}

input::-ms-clear {
    visibility:hidden
}

textarea {
	resize: none;
}

.nomalModeBgColor {
/*    background-color:  #a85a5a;*/
}

.trainingModeBgColor {
    background-color:  pink;
}

.fullWindow {
    height: 100%;
    width:  100%;
}

.infoDispFullWindow {
    height:     100%;
    width:      100%;
    word-break: break-all;
}
.detailMode {
}
.listMode {
    width:      100% !important;
}

a {
    color:           blue;
    text-decoration: underline;
    cursor:          pointer;
}

.a_underlineClear {
    text-decoration: none;
}

.contentBody {
    position: relative;
}


.contentBody_window {
    height: 100%;
}


/*#newReportBotton {
    width:        120px;
    height:       40px;
    border-style: solid;
    border-color: black;
    margin-left:  2%;
}*/


/*#listOutputBotton {
    float:        right;
    width:        100px;
    height:       30px;
    border-style: solid;
    border-color: black;
    margin-top:   5px;
    margin-right: 2%;
}*/


/*#displayTypeButtons {
    position: absolute;
    top:      0px;
    left:     0px;
    z-index:  99999;
}*/


/** タイムライン共通 **/
/* タイムラインエリア */
#com_tlArea {
    /* padding:     10px 10px 0px 10px; */
    font-family: "ＭＳ Ｐゴシック";
    font-size:   12px;
    clear: both;
}

/* 点線下線 */
#com_tlArea hr {
    border-style: dashed;
    border-width: 1px 0px 0px 0px;
    margin:       0;
}


/* タイムライン画像 */
#com_tlArea img {
    max-width:  128px;
    max-height: 128px;
    margin:     5px 5% 0px 5%;
}


/** 共通スタイル **/
/* 表示設定 */
.com_dispSettingLink {
    color: yellow;
    font-size: 13px;
}

.com_dispSettingLink:hover{
    color: yellowgreen;
}

/* 表示条件設定(Start)
 * ========================================================================== */
.com_cndModalBodyHeight {
    height:   300px;
    overflow: auto;
    padding:  5px 10px;
}
.com_cndCloseBtnPos {
    text-align: right;
}
.com_cndSettingBtnArea {
    width:      100%;
    text-align: center;
}
.com_cndSettingBtn-simple {
    border:           1px solid black;
    background-color: white;
    padding:          10px 20px;
}
.com_cndSettingBtn-simple:hover {
    color:            white;
    background-color: black;
}
.com_cndSettingBtn-simpleSelected {
    border:           1px solid black;
    color:            white;
    background-color: black;
    padding:          10px 20px;
}
.com_cndSettingBtn-detail {
    border:           1px solid black;
    background-color: white;
    margin:           0% 15%;
    padding:          10px 20px;
}
.com_cndSettingBtn-detail:hover {
    color:            white;
    background-color: black;
}
.com_cndSettingBtn-detailSelected {
    border:           1px solid black;
    color:            white;
    background-color: black;
    margin:           0% 15%;
    padding:          10px 20px;
}
.com_cndSettingBtn-dispItem {
    border:           1px solid black;
    background-color: white;
    padding:          10px 20px;
}
.com_cndSettingBtn-dispItem:hover {
    color:            white;
    background-color: black;
}
.com_cndSettingBtn-dispItemSelected {
    border:           1px solid black;
    color:            white;
    background-color: black;
    padding:          10px 20px;
}
.com_cndSettingTwoBtnMargin {
    margin: 0% 10%;
}
.com_cndSetting-radio {
    margin: 20px 0px 10px 20px;
}
.com_cndSetting-selItem {
    margin: 0px 0px 10px 25px;
}
.com_cndSetting-chkItem {
    margin: 0px 0px 0px 25px;
}
.com_cndSetting-datetime {
    background-color: white;
 /*   border:           1px solid darkgray;*/
    width:            150px;
}
.com_cndSetting-settingBtn {
    margin:        0% 10%;
    padding:       3px 25px;
    background:    linear-gradient(to bottom, #ffffff, #999999);
    border-radius: 7px;
    border:        2px solid #639EDF;
}
.com_cndSetting-cancelBtn {
    margin:        0% 10%;
    padding:       3px 25px;
    background:    linear-gradient(to bottom, #ffffff, #999999);
    border-radius: 7px;
    border:        2px solid #639EDF;
}
.com_cndSetting-noBorderSel {
    border:     none;
    background: none;
}
/* 表示項目設定 */
.com_cndDispSettingTbl {
    width:          100%;
}
.com_cndDispDispItems {
    width:          50%;
    vertical-align: top;
}
.com_cndDispOrderItems {
    width:          50%;
    vertical-align: top;
}
/* 表示条件設定(End)
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* 共通ボタン設定(Start)
 * ========================================================================== */
.com_comOperationBtn {
    padding:       3px 25px;
    background:    linear-gradient(to bottom, #ffffff, #999999);
    border-radius: 7px;
    border:        2px solid #639EDF;
    margin:        0px 5px;
}
.com_comOperationBtn-active {
    background:    linear-gradient(to bottom, #ffffff, orange);
}
.com_comOperationBtn-large {
    padding:       8px 25px;
    background:    linear-gradient(to bottom, #ffffff, #999999);
    border-radius: 7px;
    border:        2px solid #639EDF;
    margin:        0px 5px;	
}
.com_comOperationBtn-largeRed {
    padding:       8px 25px;
    background: linear-gradient(to bottom, #f5aeae, #ff1232);
    border-radius: 7px;
    border:        2px solid #639EDF;
    margin:        0px 5px;
}

.com_comOperationBtn-small {
    padding:       5px;
    background:    linear-gradient(to bottom, #ffffff, #999999);
    border-radius: 7px;
    border:        2px solid #639EDF;
    margin:        0px 5px;
}
.com_comOperationBtn-marginLarge {
    padding:       3px 25px;
    background:    linear-gradient(to bottom, #ffffff, #999999);
    border-radius: 7px;
    border:        2px solid #639EDF;
    margin:        0px 5px;
}
.com_comOperationBtn-photoOnOff {
    padding:       3px 0px;
    width:         117px;
    background:     linear-gradient(to bottom, #ffffff, #999999);
    border-radius:  7px;
    border:         2px solid #639EDF;
    margin:        0px 5px;
    vertical-align: top;
}
.com_comOperationBtn-verTop {
    padding:        3px 25px;
    background:     linear-gradient(to bottom, #ffffff, #999999);
    border-radius:  7px;
    border:         2px solid #639EDF;
    margin:        0px 5px;
    vertical-align: top;
}
.com_smModalBtn {
    margin:        0% 5%;
    padding:       3px 25px;
    background:    linear-gradient(to bottom, #ffffff, #999999);
    border-radius: 7px;
    border:        2px solid #639EDF;
}
.submitButton {
}
.submitButton-red {
}
.com_cancelBtnColor {
    background-color: linear-gradient(to bottom, #f5aeae, #ff1232) !important;

    /*ie8対策*/
    background: #ff1232;
}


/* 共通ボタン設定(End)
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.com_dispConditions {
    cursor: pointer;
}

.com_bg-cornflowerblue {
    background: cornflowerblue !important;
}

.com_bg-lightcoral {
    background: lightcoral !important;
}

.register_title {
    padding:          5px 0px;
    width:            99%;
    margin:           auto;
    background-color: #bbcdf0;
}

.display_inlineTable {
    display: inline-table;
}

.notDisplay {
    display: none;
}
.tableLayout-fixed {
    table-layout: fixed;
}
/* 配置設定(Start)
 * ========================================================================== */
.left {
    text-align: left;
}
.center {
    text-align: center;
}
.right {
    text-align: right;
}
.top {
    vertical-align: top;
}
.middle {
    vertical-align: middle;
}
.bottom {
    vertical-align: bottom;
}
.fLeft {
    float: left;
}
.fRight {
    float: right;
}
.clear {
    clear:both;  /*floatの解除*/
}
.posRelative {
    position: relative;
}

/* 配置設定(End)
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* 共通スタイル設定(Start)
 * ========================================================================== */
.bold {
    font-weight: bold;
}
/* 共通スタイル設定(End)
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* 共通フォントサイズ設定(Start)
 * ========================================================================== */
.fontSize_3 {
    font-size: 3px;
}
.fontSize_11 {
    font-size: 11px;
}
.fontSize_12 {
    font-size: 12px;
}
.fontSize_13 {
    font-size: 13px;
}
.fontSize_15 {
    font-size: 15px;
}
.fontSize_18 {
    font-size: 18px;
}
.fontSize_20 {
    font-size: 20px;
}
.fontSize_21 {
    font-size: 21px;
}
.fontSize_25 {
    font-size: 25px;
}
.fontSize_30 {
    font-size: 30px !important;
}
/* 共通フォントサイズ設定(End)
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* 共通文字色設定(Start)
 * ========================================================================== */
.fontGray {
    color: gray;
}
.fontRed {
    color: red;
}
.fontBlue {
    color: blue;
}
.fontDeepSkyBlue {
    color: deepskyblue !important;
}
.fontBlack {
    color: black;
}
.fontGreen {
    color: green;
}
.fontWhite {
    color: white;
}
/* 共通文字色設定(End)
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* 共通スクロール設定(Start)
 * ========================================================================== */
.scrollYAutoXHidden {
    overflow-x: hidden;
    overflow-y: auto;
}
.scrollY {
    overflow-y: scroll;
}
.scrollXAuto {
    overflow-x: auto;
}
.scrollXYAuto {
    overflow: auto !important;
}
.scrollXYHidden {
    overflow: hidden !important;
}
.overflow-auto {
    overflow: auto;
}
/* 共通スクロール設定(End)
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* 共通書式設定(Start)
 * ========================================================================== */
.cancelLine {
    text-decoration: line-through;
}
.breakAll {
    word-break: break-all;
}
.preWrap {
    white-space: pre-wrap;
}
.nowrap {
    white-space: nowrap;
}
.nowrapCancel {
    white-space: normal !important;
}
.preLineCancel {
    white-space: pre-line !important;
    word-break: break-all;
}
.breakLine {
    white-space: pre-wrap;
    word-break: break-all;
}
/* 共通書式設定(End)
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* 共通背景色設定(Start)
 * ========================================================================== */
.back-gray {
    background-color: lightgray;
}
.back-smoke {
    background-color: whitesmoke;
}
.back-dkgray {
    background-color: darkgray;
}
.back-odd {
    background-color: lightgray;
}
.back-lightblue {
    background-color: lightblue;
}
.back-cornflowerblue {
    background-color: cornflowerblue;
}
.back-lightcoral {
    background-color: lightcoral;
}
.back-yellow2 {
    background-color: #FFC000;
}
.back-white {
    background-color: white;
}
.back-yellow {
    background-color: yellow;
}
.back-red {
    background-color: red;
}
.back-indigo {
    background-color: indigo;
}
.back-lightsteelblue {
    background-color: lightsteelblue;
}
.back-deepBlue {
    background-color: #1F497D;
}
.back-pink {
    background-color: pink;
}
.back-dodgerblue {
    background-color: #819EC2;	/*★dodgerblue;*/
}
.back-baseColor {
    background-color: #cad9f6;
}
.back-orchid {
    background-color: #da70d6;
}
.back-lightOrange {
    background-color: #F7BE81;
}
.back-orange {
    background-color: orange;
}
.back-inherit {
    background-color: inherit;
}
/* 共通背景色設定(End)
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* 共通margin設定(Start)
 * ========================================================================== */
.margin_auto {
    margin: auto;
}
.margin_0 {
    margin: 0px !important;
}
.margin_5 {
    margin: 5px !important;
}
.margin_7 {
    margin: 7px !important;
}
.margin_10 {
    margin: 10px;
}
.margin_top_auto {
    margin-top: auto;
}
.margin_top_0 {
    margin-top: 0px !important;
}
.margin_left_1per {
    margin-left: 1% !important;
}
.margin_left_5 {
    margin-left: 5px !important;
}
.margin_bottom_5 {
    margin-bottom: 5px !important;
}
.margin_5_auto {
    margin: 5px auto;
}
/* 共通margin設定(End)
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* 共通padding設定(Start)
 * ========================================================================== */
.pad_0 {
    padding: 0px !important;
}
.pad_2 {
    padding: 2px !important;
}
.pad_3 {
    padding: 3px !important;
}
.pad_5 {
    padding: 5px !important;
}
.pad_10 {
    padding: 10px;
}
.pad_top_5 {
    padding-top: 5px;
}
.pad_top_10 {
    padding-top: 10px;
}
.pad_bottom_20 {
    padding-bottom: 20px !important;
}
/* 共通padding設定(End)
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* 共通height設定(Start)
 * ========================================================================== */
.height_inherit {
    height: inherit;
}
.height_60 {
    height: 60px;
}
.height_70 {
    height: 70px;
}
.height_400 {
    height: 400px;
}
.height_500 {
    height: 500px;
}
.height_full {
    height: 100%;
}
.height_1em {
    height: 1em;
}
.height_3em {
    height: 3em;
}
/* 共通height設定(End)
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* 共通max-height設定(Start)
 * ========================================================================== */
.maxHeight_30 {
    max-height: 30px;
}
/* 共通max-height設定(End)
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* 共通min-height設定(Start)
 * ========================================================================== */
.minHeight_90per {
    min-height: 90%;
}
.minHeight_full {
    min-height: 100%;
}
/* 共通min-height設定(End)
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* 共通width設定(Start)
 * ========================================================================== */
.width_25 {
    width: 25px;
}
.width_30 {
    width: 30px;
}
.width_40 {
    width: 40px;
}
.width_50 {
    width: 50px;
}
.width_60 {
    width: 60px;
}
.width_70 {
    width: 70px;
}
.width_80 {
    width: 80px;
}
.width_90 {
    width: 90px;
}
.width_95 {
    width: 95px;
}
.width_100 {
    width: 100px;
}
.width_130 {
    width: 130px;
}
.width_150 {
    width: 150px;
}
.width_170 {
    width: 170px;
}
.width_180 {
    width: 180px;
}
.width_200 {
    width: 200px;
}
.width_220 {
    width: 220px;
}
.width_250 {
    width: 250px;
}
.width_300 {
    width: 300px;
}
.width_350 {
    width: 350px;
}
.width_400 {
    width: 400px;
}
.width_450 {
    width: 450px;
}
.width_500 {
    width: 500px;
}
.width_600 {
    width: 600px;
}
.width_650 {
    width: 650px;
}
.width_700 {
    width: 700px;
}
.width_750 {
    width: 750px;
}
.width_850 {
    width: 850px;
}
.width_950 {
    width:950px;
}
.width_5per {
    width: 5%;
}
.width_10per {
    width: 10%;
}
.width_15per {
    width: 15%;
}
.width_20per {
    width: 20%;
}
.width_30per {
    width: 30%;
}
.width_33per {
    width: 33%;
}
.width_40per {
    width: 40%;
}
.width_45per {
    width: 45%;
}
.width_50per {
    width: 50%;
}
.width_55per {
    width: 55%;
}
.width_60per {
    width: 60%;
}
.width_70per {
    width: 70%;
}
.width_80per {
    width: 80%;
}
.width_90per {
    width: 90%;
}
.width_95per {
    width: 95%;
}
.width_98per {
    width: 98%;
}
.width_99per {
    width: 99%;
}
.width_full {
    width: 100%;
}
/* 共通width設定(End)
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* 共通min-width設定(Start)
 * ========================================================================== */
.minWidth_20 {
    min-width: 20px;
}
.minWidth_30 {
    min-width: 30px;
}
.minWidth_40 {
    min-width: 40px;
}
.minWidth_50 {
    min-width: 50px;
}
.minWidth_60 {
    min-width: 60px;
}
.minWidth_80 {
    min-width: 80px;
}
.minWidth_100 {
    min-width: 100px;
}
.minWidth_120 {
    min-width: 120px;
}
.minWidth_130 {
    min-width: 130px;
}
.minWidth_150 {
    min-width: 150px;
}
.minWidth_200 {
    min-width: 200px;
}
.minWidth_260 {
    min-width: 260px;
}
.minWidth_300 {
    min-width: 300px;
}
.minWidth_400 {
    min-width: 400px;
}
.minWidth_500 {
    min-width: 500px;
}
.minWidth_600 {
    min-width: 600px;
}
.minWidth_700 {
    min-width: 700px;
}
.minWidth_95per {
    min-width: 95%;
}
.minWidth_full {
    min-width: 100%;
}
/* 共通min-width設定(End)
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* 共通max-width設定(Start)
 * ========================================================================== */
.maxWidth_20 {
    max-width: 20px;
}
.maxWidth_30 {
    max-width: 30px;
}
.maxWidth_40 {
    max-width: 40px;
}
.maxWidth_70 {
    max-width: 70px;
}
.maxWidth_150 {
    max-width: 150px;
}
.maxWidth_300 {
    max-width: 300px;
}
/* 共通max-width設定(End)
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* 共通テーブル関係設定(Start)
 * ========================================================================== */
.com_tableBorder{
    border:      1px solid black;
}
.collapse {
    border-collapse: collapse;
}
.tableHeader {
    padding: 10px;
    border:  1px solid black;
}
.tableCell {
    padding:     5px 2px;
    border:      1px solid black;
    white-space: nowrap;
}
.multiChkTableCell {
    padding:     5px 2px;
    border:      1px solid black;
    white-space: nowrap;
}
.multiChkTableCell label {
    float: left;
}
.table_btnCol {
    text-align: center;
    background: linear-gradient(to bottom, #ffffff, #999999);
    cursor:     pointer;
}
.whiteSpace_pre {
    white-space: pre;
}
/* 共通テーブル関係設定(End)
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* 共通ボーダライン設定(Start)
 * ========================================================================== */
.border_blue {
    border: 1px solid #557CFD;
}
.border_black {
    border: 1px solid black;
}
.border_none {
    border: none;
}
.border_topHidden {
    border-top: hidden;
}
.border_leftHidden {
    border-left: hidden !important;
}
.border_bottomHidden {
    border-bottom: hidden;
}
.border_topDouble {
    border-top-style: double !important;
}
.border_bottomDouble {
    border-bottom-style: double !important;
}
.border_topDot {
    border-top-style: dotted !important;
    border-top-width: 2px !important;
}
/* 共通ボーダライン設定(End)
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* 共通時間入力ボックス設定(Start)
 * ========================================================================== */
.dateTimeSelectBox {
    /* 2017-04-24 #3110 グレーアウトのため背景色白を消去*/
/*    border:           1px solid darkgray;*/
    width:            150px;
    ime-mode: inactive;
}

.clearDateTimeSelectBox {
/*    border: 1px solid darkgray;*/
    width:  150px;
    ime-mode: inactive;
}

.timeSelectBox {
    /* 2017-04-24 #3110 グレーアウトのため背景色白を消去*/
/*    border:           1px solid darkgray;*/
    width:            70px;
    ime-mode: inactive;
}
/* 共通時間入力ボックス設定(End)
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* タブ関係表示設定(Start)
 * ========================================================================== */
.tabBtnArea {
    width:      3%;
    padding:    0px;
    float:      left;
    text-align: right;
}

.tabListArea {
    width:      96.5%;
    height:     100%;
    float:      left;
    background: white;
    /*overflow: auto;*/
    border:       1px solid #717375;
}
/* タブ関係表示設定(End)
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* 先頭へ戻る(Start)
 * ========================================================================== */
.toTopBtnArea {
    width:         100%;
    background:    white;
}
.toTopBtn {
    margin: 5px;
}
/* 先頭へ戻る(End)
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

 /* タブ関係表示設定(End)
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* 先頭（左）へ戻る(Start)
 * ========================================================================== */
.toLeftBtnArea {
    background:    white;
}
.toLeftBtn {
    margin: 5px;
}
/* 先頭（左）へ戻る(End)
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


/* タブ関係表示設定(Start)
 * ========================================================================== */
.noneResize {
    resize: none;
 }
/* タブ関係表示設定(End)
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.invalidLink {
    color: graytext;
    text-decoration: underline;
}

.photoTitleInput {
    width:  95%;
    margin: auto;
    -webkit-box-sizing: border-box; /*こうしないとiPadではみ出る*/
}

.logoutWindow_title {
    font-size: 1.17em;
    color: white;
    background-color: #819EC2;	/*★dodgerblue;*/
    border-radius: 6px 6px 0px 0px;
    padding: 8px;
}

.logoutWindow_confirmation {
    padding: 20px;
    text-align: center;
}

.deleteWindow_title {
    font-size: 1.17em;
    color: white;
    background-color: #819EC2;	/*★dodgerblue;*/
    border-radius: 6px 6px 0px 0px;
    padding: 8px;
}

.deleteWindow_confirmation {
    padding: 20px;
    text-align: center;
}

.passInitWindow_title {
    font-size: 1.17em;
    color: white;
    background-color: #819EC2;	/*★dodgerblue;*/
    border-radius: 6px 6px 0px 0px;
    padding: 8px;
}

.passInitWindow_confirmation {
    padding: 20px;
    text-align: center;
}

.pictureGisInfo_icon {

}

/* 画像を上下に反転させる */
.reverse {
    transform: scale( 1, -1);
    -o-transform: rotate(180deg) scale(-1);
    -ms-transform: scale( 1, -1);
    -moz-transform: scale( 1, -1);
    -webkit-transform: scale( 1, -1);
    filter: flipv();
    -ms-filter: flipv();
}

.pointer {
    cursor: pointer;
}

.pointLeader {
    white-space: normal;

    line-height: 1.5;
    height: 3em;
    background-color: #fff;
    /* config end */

    position: relative;
    padding-right: 1em;
    overflow: hidden;
}

.pointHeight_6em {
    height: 6em !important;
}

.pointHeight_areaList {
    line-height: 1.0    !important;
    height:      3em    !important;
    overflow:    auto   !important;
    overflow-y:  hidden !important;
    margin-top:  auto   !important;
    /*Google Chromeの表示に影響するためコメントアウト*/
    /*min-height:  100%   !important;*/
}

.pointLeader:before {
  content: "…";
  position: absolute;
  right: 0;
  bottom: 0;
  display: inline-block;
  width: 1em;
}

.pointLeader:after {
  content: "";
  position: relative;
  right: -1em;
  float: right;
  width: 1em;
  height: 100%;
  background-color: inherit;
}

.pointLeader_timeline {
    white-space: normal;
    line-height:      1.0       !important;
    height:           3em       !important;
    background-color: inherit;
    position:         relative;
    padding-right:    1em;
    overflow:         auto      !important;
    overflow-y:       hidden    !important;
    margin-top:       auto      !important;
    margin-bottom:    0px       !important;
}

.pointLeader_timeline:before {
  content:  "…";
  position: absolute;
  right:    0;
  bottom:   0;
  display:  inline-block;
  width:    1em;
}

.pointLeader_timeline:after {
  content:          "";
  position:         relative;
  right:            -1em;
  float:            right;
  width:            1em;
  height:           100%;
  background-color: inherit;
}

.fBlue_p5 {
  padding: 5px !important;
  color: blue;
}

.ime-inactive {
    ime-mode: inactive;
}


.ime-active {
    ime-mode: active;
}

/**
 * angular strap modal animation
 */
.modal-backdrop.am-fade {
  opacity: 0.5;
  filter: alpha(opacity=50);
  -ms-filter: "alpha(opacity=50)";
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
}
.modal-backdrop.am-fade.ng-enter{
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "alpha(opacity=0)";
  -khtml-opacity: 0;
  -moz-opacity: 0;
}
.modal-backdrop.am-fade.ng-enter-active{
  opacity: 0.5;
  filter: alpha(opacity=50);
  -ms-filter: "alpha(opacity=50)";
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
}
.modal-backdrop.am-fade.ng-leave{
  opacity: 0.5;
  filter: alpha(opacity=50);
  -ms-filter: "alpha(opacity=50)";
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
}
.modal-backdrop.am-fade.ng-leave-active{
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "alpha(opacity=0)";
  -khtml-opacity: 0;
  -moz-opacity: 0;
}

/**
 * angular strap modal animation
 */
.modal-backdrop.am-fade-and-slide-top {
  opacity: 0.5;
  filter: alpha(opacity=50);
  -ms-filter: "alpha(opacity=50)";
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
}
.modal-backdrop.am-fade-and-slide-top.ng-enter{
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "alpha(opacity=0)";
  -khtml-opacity: 0;
  -moz-opacity: 0;
}
.modal-backdrop.am-fade-and-slide-top.ng-enter-active{
  opacity: 0.5;
  filter: alpha(opacity=50);
  -ms-filter: "alpha(opacity=50)";
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
}
.modal-backdrop.am-fade-and-slide-top.ng-leave{
  opacity: 0.5;
  filter: alpha(opacity=50);
  -ms-filter: "alpha(opacity=50)";
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
}
.modal-backdrop.am-fade-and-slide-top.ng-leave-active{
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "alpha(opacity=0)";
  -khtml-opacity: 0;
  -moz-opacity: 0;
}


.modal-backdrop.am-fade-and-slide-top.am-fade-and-slide-top-add,
.modal-backdrop.am-fade-and-slide-top.ng-hide-remove,
.modal-backdrop.am-fade-and-slide-top.ng-move {
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "alpha(opacity=0)";
  -khtml-opacity: 0;
  -moz-opacity: 0;
}
.modal-backdrop.am-fade-and-slide-top.am-fade-and-slide-top-remove,
.modal-backdrop.am-fade-and-slide-top.ng-hide {
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "alpha(opacity=0)";
  -khtml-opacity: 0;
  -moz-opacity: 0;
}

/** タイムライン **/
.timelinePointLeader {
    white-space: normal;

    line-height: 1.5;
    height: 3em;
    /* config end */

    position: relative;
    padding-right: 1em;
    overflow: hidden;
}

.timelinePointLeader:after {
  content: "";
  position: relative;
  right: -1em;
  float: right;
  width: 1em;
  height: 100%;
  background-color: inherit;
}

/* 通常 */
/*.timelinePointLeader span:nth-child(7):after {
	content: "　以下省略・・・";
}*/
/* IE8用 */
/*.timelinePointLeader > *:first-child + * + * + * + * + * + *:after {
	content: "　以下省略・・・";
}*/

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

#disasterName {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 90%;
    font-size: 20px;
}

.ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* Noセル */
.no_cell{
    text-align: center;
}
/* 表示順セル */
.dsporder_cell{
    text-align: center;
}
/* 日時セル */
.date_cell{
    text-align: center;
}
/* 報セル */
.report_item_no_cell{
    text-align: center;
}

/* 数値セル */
.numeric_cell{
    text-align:right;
}

/* 文字列セル */
.string_cell{
    text-align:left;
}

/* 操作セル */
.ope_cell{
    text-align: center;
}

/* 地区分類セル */
.areaClass_cell{
    text-align: center;
}

/* 電話番号セル */
.tel_cell{
    text-align:center;
}

/* 種別セル(文字列固定長用) */
.kindClass_cell{
    text-align: center;
}

.topBorderHidden{  
    border-top-style: hidden;
}
.leftBorderHidden{
    border-left-style: hidden;
}
.bottomBorderHidden{
    border-bottom-style: hidden;
}
.rightBorderHidden{
    border-right-style: hidden;
}
/* フィルター　*/
.filter-label{
    padding-left:5px;
    margin-top:10px;
    margin-bottom:3px;
    width: 100%;
    background-color: #C8D8DE;
}

/* GISポップアップ表示 */
.olFramedCloudPopupContent {
    padding: 5px;
    overflow: auto;
    background-color: #FAFAD2;
}

/** 編集許可認証パスワード入力モーダル **/
.editAuthenticationPassWindow_title {
    font-size:        1.17em;
    color:            white;
    background-color: #819EC2;	/*★dodgerblue;*/
    border-radius:    6px 6px 0px 0px;
    padding: 8px;
}

.editAuthenticationPassWindow_confirmation {
    padding:    10px;
    text-align: center;
}

.editAuthenticationPassWindow_hr {
    background-color: #819EC2;	/*★dodgerblue;*/
    height:           1px;
    border:           none;
}

/* 報告日時の編集不可 2017.06.15 #3316*/
.report_datetime_readonly{
    border:           none;
}

.overlayContainer { display: none;}
.overlayBackground { position:fixed; top:0px; left:0px; z-index:1000;height:100%;width:100%;background-color:#808080;opacity:0.3;}
.overlayContent { position:absolute; border: 1px solid #000; background-color:#fff;font-weight: bold;height: 100px;width: 300px;z-index:1000;text-align:center;}

.normalMessageContainer{
  display : none;
}
 
.normalMessageContent{
  position:absolute;
  top : 50%;
  left: 50%;
  margin : -60px 0 0 -180px; 
  border: 1px solid #000;
  background-color:#fff;
  font-weight: bold;
  height: 60px;
  line-height: 60px;
  width: 200px;
  z-index:10000;
  text-align:center;
  vertical-align: middle;
}

.normalMessageText{
  vertical-align: middle;
  display: inline-block;
  line-height: normal;
}

.color_keihou{
  background-color:red;
  color:white;
}

.color_chuui{
  background-color:#FFFF00;
  color:black;
}

.color_tokubetsu{
  background-color:black;
  color:white;
}
.sendList ul{
  list-style-type: none;
}
.sendList li{
  list-style-type: none;
}

.remark_text{
  width:100%; 
  height:20px; 
  border:0px;
}

a.disabledLink{
  color: #AAA !important;
  pointer-events:none;
}



/*---------------------------------------
* データ表示テーブル
---------------------------------------*/
.tbl_sticky{
  position: relative;
}

.tbl_sticky thead{
	  position: sticky;
	  top: 0;
	  /* tbody内のセルより手前に表示する */
	  z-index: 1;
}
.tbl_sticky th{ 
  position: sticky;
  top: -1px;
  z-index: 2;
}
.tbl_sticky th:first-of-type {
  left: 0;
  z-index: 3;
}

.tbl_sticky th:before {
	content: "";
	position: absolute;
	top: -1px;
	left: -1px;
	width: 100%;
	height: 100%;
    border:1px solid #CCCCCC;
	box-sizing: content-box;
    z-index:-1;
}

.hover_color{
  background-color: #FEE !important
}