@charset 'Shift_JIS';

/* 利用案内 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

*,
::before,
::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body {
  margin: 0;
  background-color: #fff;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
}

img {
  border: none;
}

form {
  margin: 0;
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  margin-bottom: .5em;
  padding: 0;
  line-height: 1;
}

p {
  margin: 0;
  line-height: 1.5;
}

a {
  color: #007bff;
}
a:hover {
  color: #0056b3;
}

.ui-tabs .ui-tabs-nav {
  padding-left: 1em;
}
.ui-tabs .ui-tabs-panel {
  border: 1px solid #aaa;
}

.ui-widget-content {
  border: none;
  background-color: #fff;
}
.ui-widget-content a {
  color: #333;
}
.ui-widget-content a:link {
  color: #333;
}
.ui-widget-content a:visited {
  color: #333;
}
.ui-widget-content .ui-state-default {
  border: 1px solid #aaa;
  background: #dae8f6;
}
.ui-widget-content .ui-state-active {
  border: 1px solid #aaa;
  background-color: #fff;
}

.ui-widget-header {
  border: none;
  background: none;
}

.ui-corner-bottom {
  border-radius: 5px;
}

#tab_content {
  margin-top: 10px;
  margin-bottom: 20px;
  min-width: 400px;
}

.header,
.container,
.footer {
  margin-right: 20px;
  margin-left: 20px;
}

/* セクション */
.section {
  margin-top: 20px;
  margin-bottom: 20px;
}
.section-title {
  font-size: 1.1em;
}
.section-content {
  margin-left: 1.5em;
}

/* 用語タイトル色 */
.yougo-title {
  color: #2962ff;
}

/* タイトル */
.title {
  display: inline-block;
  margin-top: 1em;
  margin-bottom: 1em;
  padding: .2em .6em;
  border-left: 4px solid #1e88e5;
  vertical-align: middle;
  font-size: 1.35em;

  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}

/* 文字列インデント */
.text-indent {
  margin-left: 1em;
}

/* リスト */
.list {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* リスト横並び */
.list-side li {
  display: inline-block;
  margin-left: 1em;
  vertical-align: middle;

  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}

/* リスト表 */
.table-list th,
.table-list td {
  padding: 2px 8px;
}
.table-list th {
  padding: 2px 16px;
  text-align: left;
  font-weight: normal;
}

/* 土砂災害危険度情報凡例 */
.meshview {
  margin: .5em;
  border: 1px solid #666;
  border-collapse: collapse;
  background-color: #fff;
}
.meshview th,
.meshview td {
  padding: 2px 6px;
  border: 1px solid #666;
  font-size: 13px;
}
.meshview th {
  background: #008080;
  color: #fff;
}
.meshview .en_L {
  display: inline-block;
  margin: 2px 0;
  padding: 2px 4px;
  vertical-align: middle;
  font-weight: bold;
  font-size: 14px;

  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
.meshview .en_L3 {
  background: #6c008c;
  color: #fff;
}
.meshview .en_L2 {
  background: #ff2800;
  color: #fff;
}
.meshview .en_L1 {
  background: #fad200;
}
.meshview .en_mark3 {
  background: #fff;
  color: #b987c8;
}
.meshview .en_mark2 {
  background: #fff;
  color: #ff7c64;
}
.meshview .en_mark1 {
  background: #fff;
  color: #fad617;
}

/* メッシュ表示説明画像 */
.meshdescimg {
  display: inline-block;
  margin: .5em;
  vertical-align: middle;

  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}