CINXE.COM
統合災害情報システム(DiMAPS)
<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja" dir="ltr"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <title>統合災害情報システム(DiMAPS)</title> <meta name="keywords" content="" /> <meta name="description" content="" /> <meta name="copyright" content="(C) Copyright MLIT Japan. All Rights Reserved. " /> <meta name="viewport" content="width=device-width,initial-scale=1"> <link rel="stylesheet" type="text/css" href="https://www.mlit.go.jp/com/13_import.css" media="all" /> <link rel="stylesheet" type="text/css" href="https://www.mlit.go.jp/aly.css" media="all" /> <style> a:hover img { opacity:0.7; filter:alpha(opacity=70); -ms-filter:"alpha(opacity=70)"; } </style> <style type="text/css"> div#dimaps{ width: 940px; margin: 0 auto; } div#dimaps table tr{ vertical-align: top; text-align: center;} div#dimaps p.cache{ text-align: left; margin-top: 10px; margin-left: 100px; margin-right: 100px; padding:3px; } div#dimaps ul.disc { margin: 5px 0px; padding: 0 0 0 2em; font-size: 15px; list-style-image: url(img/icon.gif); text-align: left; } .dimaps_border { box-sizing: border-box; margin-top: 1em; width: 100%; padding: 0 1em; } .dimaps_border::after { content: ''; display: block; width: 100%; height: 2px; background: #0237c1; } #dimaps .attention { margin-top: 1em; padding-left: 2em; } #dimaps .attention li { position: relative; } #dimaps .attention li::before { content: '※'; position: absolute; left: -1.5em; } #dimaps { padding-left: 3em; } .dimaps_image { display: block; } .dimaps_category { padding: 5px; } .dimaps_category div { display: inline-block; width: 14em; text-align: center; /* padding: .1em 5em; */ background: #FFCCCC; box-shadow: -5px -5px #FF0000, 5px 5px #FF7C80; font-size: 1.7em; font-weight: bold; } .dimaps_category.dimaps_category--red div { background: #FFCCCC; box-shadow: -5px -5px #FF0000, 5px 5px #FF7C80; } .dimaps_category.dimaps_category--green div { background: #E2F0D9; box-shadow: -5px -5px #538235, 5px 5px #A9D18E; } .dimaps_category_body { padding: .5em .5em; } .dimaps_subcategory { font-size: 1.3em; font-weight: bold; } #dimaps_usage dt { margin-top: .5em; padding-left: 1em; } #dimaps_usage dd { padding-left: 2em; } .fl { float:left !important; } .fr { float:right !important; } .fix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .fix { display:inline-block; } .fix { display:block; } .clr { clear:both; } .pa0 { padding:0; } td.bg1 { background-color:#eeeeee; padding: 5px 10px; } .g3 { width:40%; } .g6{ width:60%;} .inner{ margin:20px 0; padding-bottom:20px;} .pl15{ padding-left:15px; } .pt15 { padding-top:15px; } .pl20{ padding-left:20px; } .pt20 { padding-top:20px; } .mb10{ margin-bottom:10px; } .mb20{ margin-bottom:20px; } .ma20 { margin:20px; } .mr10{ margin-right:10px; } .mr20{ margin-right:20px; } @media screen and (max-device-width: 812px) { #header, #gNavi { display: none; } .pageTitle01 { box-sizing: border-box; padding: 0 .5em; width: 100%; min-width: auto; height: auto; } .pageTitle01 h1 { height: auto; font-size: 1.5em; } #breadcrumb { display: none; } #contents { box-sizing: border-box; width: 100%; min-width: auto; padding: 0 .5em; } #dimaps { padding: 0; } div#dimaps { width: 100%; margin: 0; } .dimaps_image { width: 100%; height: auto; } .dimaps_category div { display: block; padding: .1em 0; width: auto; } #pageTopWrap { margin-top: 2em; padding: 0; width: 100%; min-width: auto; } #pageTopWrap .pageTop { margin-right: .5em; } #footer { display: none; } } </style> <!-- <script type="text/javascript" src="https://www.mlit.go.jp/com/13_jquery.js"></script> --> <script type="text/javascript" src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script type="text/javascript" src="https://www.mlit.go.jp/com/13_common.js"></script> <script type="text/javascript" src="https://www.mlit.go.jp/com/13_flatheights.js"></script> <!-- <script type="text/javascript" src="https://www.mlit.go.jp/com/13_header.js"></script> --> <script type="text/javascript" src="https://www.mlit.go.jp/com/13_footer.js"></script> <script type="text/javascript" src="https://www.mlit.go.jp/com/13_bukyokuImageChange.js"></script> <script type="text/javascript" src="https://www.mlit.go.jp/com/13_minmax.js"></script> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-45954988-1', 'mlit.go.jp'); ga('send', 'pageview'); </script> </head> <body id="g04" class="lDef" onload="javascript:bukyokuImageChange('','','','/common/000000030.gif');"> <!-- wrapper start --><div id="wrapper"> <!-- #header start --> <!-- <script type="text/javascript">header();</script> --> <!-- #header end --> <!-- .pageTitle01 start --><div class="pageTitle01" id="bukyoku"> <h1>統合災害情報システム(DiMAPS)</h1> <!-- .pageTitle01 end --></div> <!-- #breadcrumb start --><div id="breadcrumb"> <ul> <li class="home"><a href="https://www.mlit.go.jp/index_old.html">ホーム</a></li> <li><span class="arrow">></span><a href="https://www.mlit.go.jp/policy/index.html">政策・仕事</a></li> <li><span class="arrow">></span><a href="https://www.mlit.go.jp/mizukokudo/index.html">水管理・国土保全</a></li> <li><span class="arrow">></span><a href="https://www.mlit.go.jp/river/bousai/index.html">防災</a></li> <li><span class="arrow">></span>統合災害情報システム(DiMAPS)</li> </ul> <!-- #breadcrumb end --></div> <!-- #contents start --><div id="contents"> <div id="dimaps"> <img class="dimaps_image" src="img/dimaps_01.jpg" width="650" height="573" alt="統合災害情報システム DiMAPS" /> <div class="dimaps_category dimaps_category--red"><div>被害情報を見る</div></div> <div class="dimaps_category_body"> <div class="dimaps_subcategory" style="color:#ff6633;">■ 最新の被害情報</div> <ul class="disc"> <li><a href="/dimaps/R6/WebContent/html/map/main/mainMap.html" target="_blank">令和6年度の災害</li> <!-- href: PC版URL data-mobile-href: モバイル版URL --> <!-- ~災害が2つ重なった場合は、下のコメント部分を書き換え コメントタグを削除してください~ --> <!-- <li><a target="_blank" href="https://www.mlit.go.jp/saigai/dimaps/10/WebContent/html/map/main/mainMap.html?&t=0-1-0&ll=36.1573,140.3095&z=11" data-mobile-href="https://www.mlit.go.jp/saigai/dimaps/10/WebContent/html/map/main/mainMap.html?&t=0-1-0&ll=36.1573,140.3095&z=11" >160516 茨城県南部を震源とする地震(<font color="red">第1報 5月16日22:30</font>)</li> --> </ul> <div class="dimaps_subcategory" style="color:#9933ff;">■ これまでの被害情報《一部抜粋》</div> <ul class="disc"> <li><a href="/dimaps/R4/WebContent/html/map/main/mainMap.html" target="_blank">令和4年度の災害</li> <li><a href="/dimaps/R3/WebContent/html/map/main/mainMap.html" target="_blank">令和3年度の災害</li> <li><a href="/dimaps/R2/WebContent/html/map/main/mainMap.html" target="_blank">令和2年度の災害</li> <li><a href="/dimaps/H31/WebContent/html/map/main/mainMap.html" target="_blank">令和元年度の災害</li> <li><a href="/dimaps/H27~H30/WebContent/html/map/main/mainMap_h30.html" target="_blank">平成30年度の災害</a></li> <li><a href="/dimaps/H27~H30/WebContent/html/map/main/mainMap_h29.html" target="_blank">平成29年度の災害</a></li> <li><a href="/dimaps/H27~H30/WebContent/html/map/main/mainMap_h28.html" target="_blank">平成28年度の災害</a></li> <li><a href="/dimaps/H27~H30/WebContent/html/map/main/mainMap_h27.html" target="_blank">平成27年度の災害</a></li> </ul> </div> <div class="dimaps_category dimaps_category--green"><div>DiMAPSの使い方を見る</div></div> <div class="dimaps_category_body"> <dl id="dimaps_usage"> <dt><a href="pdf/riyou_manual.pdf" target="_blank">利用マニュアル (PDF:1.75MB)</a></dt> <dd>当サイトに配置している各種ボタン等の操作方法を紹介しています。</dd> <dt><a href="pdf/image.pdf" target="_blank">各表示イメージ (PDF:2.23MB)</a></dt> <dd>当サイトで表示できる情報の詳細です。</dd> <dt><a href="pdf/leaflet.pdf" target="_blank">リーフレット (PDF:2.04MB)</a></dt> <dd>DiMAPSの紹介用に作成したリーフレットです(A3両面1枚で印刷できます)。</dd> </dl> </div> <div class="dimaps_border"></div> <ul class="attention"> <li>DiMAPSの被害情報は、大規模災害発生時に「○○災害に関する○月○日○時時点の被害情報」として時点毎に更新して表示します。</li> <!-- <li>※ 基盤地図や登録している事前情報は定期的に更新します。</li> <li>※ 最新のWebブラウザでの閲覧をお願いします。</li> --> <li>基盤地図や登録している事前情報の出典等はこちらをご覧ください。<a href="source/copyright.html" target="_blank">DiMAPSのデータについて</a></li> <li>当サイトのコンテンツを利用される場合は、国土交通省の利用規約を確認のうえご利用ください。(<a href="https://www.mlit.go.jp/link.html" target="_blank">https://www.mlit.go.jp/link.html</a>)。</li> <li>最新の被害情報が表示されない場合は、キーボードの「F5」を押下しリロードしてください。それでも表示されない場合は「<a href="pdf/clear_cache.pdf">キャッシュの削除方法(PDF:672KB)</a>」を参照してください。</li> </ul> <!-- #contents end --></div> <div id="pageTopWrap"> <p class="pageTop"><a href="#wrapper"><img src="https://www.mlit.go.jp/common/000235489.gif" width="296" height="28" alt="ページの先頭に戻る" /></a></p> <!-- /pageTopWrap --></div> <!-- wrapper end --></div> <!-- #footer start --> <script type="text/javascript">footer();</script> <!-- #footer end --> <script type="text/javascript"> // 画面幅が812px以下の場合はURLを差し替える if (window.innerWidth <= 812) { // 全てのaタグを取得 var aNodeList = document.getElementsByTagName('a'); for (var i = 0; i < aNodeList.length; i++) { var aNode = aNodeList[i]; // data-mobile-href 属性を持つ場合はhref属性を差し替える // i.e. <a href="foo" data-mobile-href="bar"> -> <a href="bar" data-mobile-href="bar"> if (aNode.dataset.mobileHref) { aNode.href = aNode.dataset.mobileHref; } } } </script> </body> </html>