@charset "UTF-8";


/** timeline **/
/*.tl_chgDispStyleArea {
    width:  4%;
    height: 100%;
    float:  left;
}*/

.tl_reportBox {
    width:       94%;
    height:      100%;
    float:       left;
    margin-left: 1%;
    background:  white;
    border:      1px solid #717375;

}

.tl_reportBoxHead {
    height:      8%;
    width:       100%;
}

.tl_reportBoxHead-tbl {
    width:  100%;
    height: 100%;
    border-bottom: 1px dotted black;
}

.tl_reportBoxHead-linkBox {
    width:      30%;
    text-align: right;
}

.tl_pageChgArea-a {
    margin-right:    15px;
}

.tl_reportBox-timeLineBox {
    height: 89%;
    width:  100%;
    overflow-y: scroll;
}

.tl_tlArea-left {
    padding:      5px 10px 5px 10px;
    font-family:  "ＭＳ Ｐゴシック";
    font-size:    12px;
    width:        31%;
    height:       100%;
    float:        left;
    border-right: 1px black solid;
}

.tl_tlArea-center {
    padding:       5px 10px 5px 10px;
    font-family:   "ＭＳ Ｐゴシック";
    font-size:     12px;
    width:         31%;
    height:        100%;
    float:         left;
    border-right:  1px black solid;
}

.tl_tlArea-right {
    padding:       5px 10px 5px 10px;
    font-family:   "ＭＳ Ｐゴシック";
    font-size:     12px;
    width:         31%;
    height:        100%;
    float:         left;
}

.timeline3_column {
    padding:       5px 10px 5px 10px;
    font-family:   "ＭＳ Ｐゴシック";
    font-size:     12px;
    width:         31%;
    float:         left;
}

.tl_tlArea-left hr {
    border-style: dashed;
    border-width: 1px 0px 0px 0px;
}

.tl_tlArea-center hr {
    border-style: dashed;
    border-width: 1px 0px 0px 0px;
}

.tl_tlArea-right hr {
    border-style: dashed;
    border-width: 1px 0px 0px 0px;
}

.tl_tlArea-left img {
    width:      40%;
    margin:     5px 5% 0px 5%;
    max-height: 300px;
}

.tl_tlArea-center img {
    width:      40%;
    margin:     5px 5% 0px 5%;
    max-height: 300px;
}

.tl_tlArea-right img {
    width:      40%;
    margin:     5px 5% 0px 5%;
    max-height: 300px;
}



/** timeline + map **/
#tml_repoBox {
    width:  33%;
    height: 100%;
    float:  right;
}

.tml_repoBox-tlArea {
    height:        100%;
    overflow-y:    auto;
    background:    white;
    border-top:    1px solid #CCCCCC;
    border-left:   1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
}

.tml_repoBox-tlArea > div{
    /*無限スクロール時の見た目維持のため*/
    padding-top: 4px;
    padding-bottom: 4px;
}

#tml_mapBox {
    width:  67%;
    height: 100%;
    float:  left;
    overflow: hidden;
}

.timelineImage {
    max-width: 128px;
    max-height: 128px;
    float: left;
    text-align: center;
    padding: 5px;
    display: table-cell;
    vertical-align: middle;
    position: relative;
}

.timelineImage_img {
    max-width: 128px;
    max-height: 128px;
    margin: 0 auto !important;
}

.pictureGis_icon {
    position: absolute !important;
    left:0 !important;
    bottom:0 !important;
}

.imgArea {
    width:         128px;
    height:        128px;
    text-align:     center;
    padding:        5px;
    vertical-align: middle;
    position:       relative;
    margin:         auto;
}

/** 凡例エリア設定 **/
.remarkBtnlist {
    margin:     0px 0px 0px 0px;
    padding:    0px;
    list-style: none;
}

.remarkBtn {
    width:         80%;
    height:        160px;
    background:    white;
    border-top:    1px solid #717375;
    border-left:   1px solid #717375;
    border-bottom: 1px solid #717375;
    border-right:  none;
    margin-bottom: 5px;
}

.remarkBtn:hover {
    background: #557cfd;
    color:      white;
}

.remarkBtnSel {
    width:         80%;
    height:        160px;
    background:    #557cfd;
    color:         white;
    border-top:    1px solid #717375;
    border-left:   1px solid #717375;
    border-bottom: 1px solid #717375;
    border-right:  none;
    margin-bottom: 5px;
}

.remarkBtnSel:hover {
    background: #557cfd;
    color:      white;
}



/** 位置情報 **/
#posInfoArea {
    font-size:   18px;
    font-weight: bold;
    padding:     10px 10px 0px 10px;
}

#posInfoArea textarea {
    width:         100%;
    resize:        none;
    margin-bottom: 30px;
    font-size:     95%;
}

#posInfoLatLon {
    margin-bottom: 30px;
}

#posInfoAddress {
    margin-bottom: 30px;
}

/*#displayTypeMenu {
    list-style-type: none;
    padding:         0px;
}*/

/*.displayTypeButton {
    cursor: pointer;
}*/



/** 表示モード変更ボタン **/
/*#changeDispStyleBtn {
    position: absolute;
    left:     4px;
    z-index:  1040;
}
#changeDispStyleBtn>a>img {
	width: 40px;
	height: 30px;
}
.changeDispStyleBtnBlk>a>img {
	width: 36px;
	height: 26px;
}*/

/** 地図検索 **/
.searchMap {
	position: absolute;
	left:     8px;
	top:      5px;
	z-index:  1;
	background-color:rgba(128,128,128,.4);
	padding: 1px;
}

.searchMap:hover {
	background-color:rgba(128,128,128,.6);
}

.searchMap table {
	border-collapse: collapse;
}

.searchMap th {
	background-color: #ECF0F5;
	color: #2C2C2F;
	border: 1px solid #CCCCCC;
	padding: 0px 2px;
	cursor: pointer;
}

.searchMap input {
	width: 200px;
}

.searchMap button {
	padding: 0;
	border: none;
}

.searchMap img {
	width: 24px;
	height: 24px;
	border: 1px solid #CCCCCC;
}

.searchMapResult {
	position: absolute;
	left: 8px;
	top: 34px;
	z-index: 2;
}

/** 透過率 **/
/*
#opacityMap {
    position: absolute;
    left:     330px;
    top:      5px;
    z-index:  1040;
}

#opacityMap table {
    margin:          auto;
    border-collapse: collapse;
}

.opacityMap_inputImg {
    height:         20px;
    width:          20px;
    background:     whitesmoke;
    display:        table-cell;
    vertical-align: middle;
    cursor:pointer;
}
*/


/** 位置登録 **/
.posEndtryArea {
    position:   absolute;
    left:       300px;
    top:        5px;
    z-index:    99998;
    border:     1px solid black;
    background: rgba(255, 255, 255, 0.75);
}

.posEndtryText {
    margin: 5px;
}

/** 未読のリンクスタイル */
/*.notRead_link {
    color: red !important;
    font-weight: bold;
}*/

/** 未読のリンクスタイル */
/*.notRead_icon {
    width: 35px !important;
    height: 18px !important;
    margin: 0 !important;
}*/

/** 更新報の矢印画像のスタイル */
/*.updatedImg {
    width: 25px !important;
    height: 21px !important;
    margin: 0 !important;
}*/

.window_header {
    text-align: right;
}

.window_title {
    text-align: center;
}

.window_imageItems {
    margin: 0 auto;
}

.window_footer {
    text-align: center;
}

.window_footerButton {
    width: 90px;
}

.window_imageItem {
    padding: 20px;
    font-weight: bold;
    text-align: center;
    /* 操作可能だとわかりやすくするため、カーソルをリンクのヤツにする。 */
    cursor: pointer
}



/** 位置作図 **/
.posCnst_title {
    font-weight: bold;
    font-size:   20px;
    margin:      5px;
}

.posCnst_body {
    padding-top: 10px;
}

.posCnst_modeBtnArea {
    margin:      auto;
    width:       70%;
    text-align:  center;
}

.posCnst_modeBtn {
    margin:     0px 5px;
    padding:    5px 10px;
    color:      black;
    background: linear-gradient(to bottom, #ffffff, #999999);
}

.posCnst_modeBtnSel {
    margin:     0px 5px;
    padding:    5px 10px;
    color:      white;
    background: linear-gradient(to bottom, #000000, #999999);
}

.posCnst_modeBtnDisable {
    margin:     0px 5px;
    padding:    5px 10px;
    color:      gray;
    background: linear-gradient(to bottom, #ffffff, #999999);
}

.posCnst_editBtnArea {
    padding-top: 10px;
    margin:      auto;
    width:       70%;
    text-align:  center;
}

.posCnst_editBtnTbl {
    width: 100%;
}

.posCnst_editBtnTblLeft {
    text-align: left;
}

.posCnst_editBtnTblRight {
    text-align: right;
}

.posCnst_editNoteArea {
    margin:  10px auto;
    padding: 10px 15px;
    width:   90%;
    height:  100%;
    border:  1px solid black;
}



/** 路線区間作図 **/
.secCnst_title {
    font-weight: bold;
    font-size:   20px;
    margin:      5px;
}

.secCnst_body {
    padding-top: 10px;
}

.secCnst_editBtnArea {
    padding-top: 10px;
    margin:      auto;
    width:       70%;
    text-align:  center;
}

.secCnst_editBtnTbl {
    width: 100%;
}

.secCnst_editBtnTblLeft {
    text-align: left;
}

.secCnst_editBtnTblRight {
    text-align: right;
}

.secCnst_editNoteArea {
    margin:  10px auto;
    padding: 10px 15px;
    width:   90%;
    height:  100%;
    border:  1px solid black;
}

.secCnst_editNoteAreaRed {
    color: red;
}

.posInfo_shelterList {
    overflow-y: scroll;
    height: 100px;
    border: 1px solid #999999;
}

.posInfo_shelterList ul {
    list-style-type: none;
    padding: 0;
    margin: auto;
}

.posInfo_listItem {
    display: list-item;
}


/** レイヤ名称 **/
/*#layerNameArea{
    position: absolute;
    top:      0px;
    right:    50px;
    width:    300px;
    height:35px;
    line-height: 35px;
    text-align:center;
    border:1px solid black;
    z-index:  99998;    
    background-color: white;
    display:none;
}*/
/** 雨量メッシュ凡例 **/
/*#rainMeshLegendArea{
    position: absolute;
    bottom:   50px;
    right:    5px;
    height:   259px;
    width:    75px;
    border:1px solid black;
    z-index:  99998;    
    background-color: white;
    display:none;
}
#rainMeshLegendArea img{
    height:   259px;
    width:    75px;
}*/

/** 土砂災害メッシュ凡例 **/
/*#dosyaMeshLegendArea{
    position: absolute;
    bottom:   50px;
    right:    5px;
    height:   128px;
    width:    178px;
    border:1px solid black;
    z-index:  99998;    
    background-color: white;
    display:none;
}
#dosyaMeshLegendArea img{
    height:   128px;
    width:    178px;
}*/

/** 消防連携凡例 **/
/*#outerFireLegendArea{
    position: absolute;
    bottom:   50px;
    right:    5px;
    height:   113px;
    width:    86px;
    border:1px solid black;
    z-index:  99998;    
    background-color: white;
    display:none;
}
#outerFireLegendArea img{
    height:   113px;
    width:    86px;
}*/

/** 雨量観測所凡例 **/
/*#rainFallLegendArea{
    position: absolute;
    bottom:   50px;
    right:    5px;
    height:   227px;
    width:    146px;
    border:1px solid black;
    z-index:  99998;    
    background-color: white;
    display:none;
}
#rainFallLegendArea img{
    height:   227px;
    width:    146px;
}*/

/** 水位観測所凡例 **/
/*#floodLegendArea{
    position: absolute;
    bottom:   50px;
    right:    5px;
    height:   167px;
    width:    182px;
    border:1px solid black;
    z-index:  99998;    
    background-color: white;
    display:none;
}
#floodLegendArea img{
    height:   167px;
    width:    182px;
}*/

/** 震度観測所凡例 **/
/*#eqLegendArea{
    position: absolute;
    bottom:   50px;
    right:    5px;
    height:   227px;
    width:    136px;
    border:1px solid black;
    z-index:  99998;    
    background-color: white;
    display:none;
}
#eqLegendArea img{
    height:   227px;
    width:    136px;
}*/

/** 道路情報版凡例 **/
/*#routeLegendArea{
    position: absolute;
    bottom:   50px;
    right:    5px;
    height:   66px;
    width:    120px;
    border:1px solid black;
    z-index:  99998;    
    background-color: white;
    display:none;
}
#routeLegendArea img{
    height:   66px;
    width:    120px;
}*/

/* レーダ雨量用日時検索ウィンドウ */
/*#radarRainfallTimeSearchMapForm{
    position: absolute;
    left:     165px;
    top:      50px;
    z-index:  1020;
    display:none;    
}

#radarRainfallTimeSearchMapForm table {
    margin:          auto;
    border-collapse: collapse;
}*/

/* レーダーメッシュ(ナウキャスト) */
/*#radarRainfallNowcastTimeSearchMapForm{
    position: absolute;
    left:     165px;
    top:      50px;
    z-index:  1020;
    display:none;    
}

#radarRainfallNowcastTimeSearchMapForm table {
    margin:          auto;
    border-collapse: collapse;
}*/

/*レーダーメッシュ（降水短時間雨量）*/
/*#radarRainfallShortTimeRainTimeSearchMapForm{
    position: absolute;
    left:     165px;
    top:      50px;
    z-index:  1020;
    display:none;    
}

#radarRainfallShortTimeRainTimeSearchMapForm table{
    margin:          auto;
    border-collapse: collapse;
}*/

/*レーダーメッシュ（土砂災害）*/
/*#radarSedimentDisasterTimeSearchMapForm{
    position: absolute;
    left:     165px;
    top:      50px;
    z-index:  1020;
    display:none;    
}

#radarSedimentDisasterTimeSearchMapForm table{
    margin:          auto;
    border-collapse: collapse;
}*/

/* 雨量用日時検索ウィンドウ */
/*#rainfallTimeSearchMapForm{
    position: absolute;
    left:     165px;
    top:      50px;
    z-index:  1020;
    display:none;    
}

#rainfallTimeSearchMapForm table {
    margin:          auto;
    border-collapse: collapse;
}*/

/* 水位用日時検索ウィンドウ */
/*#waterLevelTimeSearchMapForm{
    position: absolute;
    left:     165px;
    top:      50px;
    z-index:  1020;
    display:none;    
}

#waterLevelTimeSearchMapForm table {
    margin:          auto;
    border-collapse: collapse;
}*/

/*#outerFireTimeSearchMapForm{
  position: absolute;
    left:     165px;
    top:      50px;
    z-index:  1020;
    display:none;    
}

#outerFireTimeSearchMapForm table {
    margin:          auto;
    border-collapse: collapse;
    background : linear-gradient(to bottom, #ffffff, #999999);
}*/

/*#outerFireIntervalInput {
    width: 20px;
}*/

/*.outerFireInputGroup {
    margin: auto 10px;
}*/

/*.backForwardButton {
    padding:       3px 3px;
    background:    linear-gradient(to bottom, #ffffff, #999999);
    border:        2px solid #639EDF;
    margin:        5px 0px 5px 0px;
}*/

/*#outerFireTimeSlider{
    vertical-align: middle; 
    width: 400px;
}*/

/*
input[type="range"]::-moz-range-track {
  padding: 0 10px;
  background: repeating-linear-gradient(to right, #000, #000 1px, #999 1px, #999 15px);
}
*/