@charset "utf-8";
/*!
 * import
 * - setting.less
 * - base.less
 * - layout.less
 * - common.less
 */
/* --------------------------------------------------
 base.css
-------------------------------------------------- */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* The global structure of an HTML document
-------------------------------------------------- */
body {
  color: #333333;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "Lucida Sans Unicode", "Lucida Grande", "Verdana", "ＭＳ Ｐゴシック", sans-serif;
  _font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}
/* address */
address {
  font-style: normal;
}
/* Links
-------------------------------------------------- */
/* anchor */
a {
  color: #006699;
  text-decoration: underline;
}
a:link {
  color: #006699;
  text-decoration: underline;
}
a:visited {
  color: #993366;
}
a:hover {
  color: #f25e0d;
  text-decoration: none;
}
a:active {
  color: #f25e0d;
  text-decoration: underline;
}
/* Text
-------------------------------------------------- */
/* emphasis */
strong {
  font-weight: bold;
}
em {
  color: #ff6600;
  font-style: normal;
}
/* quotations */
/* superscript, subscript */
sup {
  font-size: 80%;
  line-height: 1.1;
  vertical-align: 3px;
}
sub {
  font-size: 80%;
  line-height: 1.1;
  vertical-align: bottom;
}
/* Objects, Images, and Applets
-------------------------------------------------- */
/* img */
img {
  vertical-align: bottom;
}
a img {
  border: none;
}
/* map */
/* Alignment, font styles, and horizontal rules
-------------------------------------------------- */
/* horizon */
hr {
  display: none;
}
hr.border {
  display: block;
  color: #ccc;
  border: 1px solid #ccc;
}
/* Frames
-------------------------------------------------- */
/* inline frame */
iframe {
  width: 100%;
}
/* Forms
-------------------------------------------------- */
button,
input,
select,
textarea {
  margin: 0;
  font-size: 100%;
  vertical-align: middle;
}
button,
input {
  *overflow: visible;
}
input[type="text"],
textarea {
  border: 1px solid #ccc;
}
input[type="text"]:hover,
textarea:hover {
  border: 1px solid #f90;
}
input[type="text"]:focus,
textarea:focus {
  border: 1px solid #f90;
}
textarea {
  overflow: auto;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "Lucida Sans Unicode", "Lucida Grande", "Verdana", "ＭＳ Ｐゴシック", sans-serif;
}
/* --------------------------------------------------
 layout.css
-------------------------------------------------- */
/*
--------------------------------------------------------
outline
--------------------------------------------------------
*/
html {
  overflow: auto;
}
body {
  background: url("../img/body_bg.png") repeat 0 0;
  overflow: hidden;
}
div#wrapper {
  margin: 0 auto;
  width: 100%;
  max-width: 1304px;
  font-size: 84%;
  text-align: center;
  line-height: 1.4;
}
div#header,
div#body,
div#footer {
  text-align: left;
}
div#header,
div#footer {
  margin: 0 -500%;
  padding: 0 500%;
  position: relative;
}
div#header {
  margin-bottom: 20px;
  height: 60px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #485a75), color-stop(100%, #556b8d));
  background: -webkit-linear-gradient(top, #485a75, #556b8d);
  background: -moz-linear-gradient(top, #485a75, #556b8d);
  background: -ms-linear-gradient(top, #485a75, #556b8d);
  background: -o-linear-gradient(top, #485a75, #556b8d);
  background: linear-gradient(top, #485a75, #556b8d);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff485a75', endColorstr='#ff556b8d', GradientType=0);
}
div#body {
  margin: 0 auto;
  position: relative;
  min-height: 920px;
}
div#contents {
  margin: 0 10px 0 280px;
  position: relative;
}
div#contents_navigation {
  position: absolute;
  top: 0;
  left: 0;
  width: 240px;
}
div#footer {
  clear: both;
  width: auto;
  height: 1%;
  border-top: 1px solid #ccc;
  background: #eee;
}
/*
--------------------------------------------------------
header
--------------------------------------------------------
*/
/* IE alert */
div.ie-alert {
  margin: 0 auto 10px;
  padding: 10px;
  border: 1px solid #fbeed5;
  background: #fcf8e3;
  color: #c09853;
  font-size: 90%;
  text-align: center;
}
div#header h1,
div#header p.title,
div#header p.desc {
  position: relative;
  top: 0;
  left: 0;
  float: left;
  padding: 0;
  border: none;
  background: none;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  opacity: 1;
}
div#header h1:hover,
div#header p.title:hover,
div#header p.desc:hover {
  opacity: 0.8;
}
div#header h1,
div#header p.title {
  margin: 0 0 0 21px;
  z-index: 10;
  font-size: 150%;
  font-weight: bold;
}
div#header p.desc {
  margin: 32px 0 0 7px;
}
div#header div.header_inner {
  position: relative;
  width: 100%;
}
div#header div.language {
  position: absolute;
  top: 1px;
}
div#header div.emergency p.btn a,
div#header div.search p.btn a,
div#header div.emergency #search,
div#header div.search #search,
div#header div.emergency #searchButton,
div#header div.search #searchButton {
  position: absolute;
  top: 15px;
}
div#header div.emergency {
  height: 60px;
  background: url("../img/header_bg.png") no-repeat 663px 100%;
}

div#header div.language,
div#footer div.language {
  right: 420px;
}
div#footer div.language span.header-label {
  display: inline-block;
}
div#header div.language span.header-label {
  display: block;
  color: #fff;
  font-size: 10px;
}

div#header div.language select,
div#footer div.language select {
  padding: 5px 8px;
  border-radius: 3px;
}

div#header div.emergency p.btn a {
  padding: 0 12px;
  border: 1px solid #e74c3c;
  display: block;
  right: 246px;
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -ms-border-radius: 3px 3px 3px 3px;
  -o-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  height: 26px;
  line-height: 26px;
  color: #e74c3c;
  background: #fff;
  text-decoration: none;
  z-index: 10;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  opacity: 1;
  behavior: url("css/PIE.htc");
}
div#header div.emergency p.btn a:hover {
  opacity: 0.8;
}
div#header div.search #search {
  padding: 0 7px;
  border: 1px solid #ccc;
  right: 58px;
  width: 144px !important;
  height: 28px;
  line-height: 28px;
}
div#header div.search #searchButton {
  padding: 6px 10px 6px 9px;
  display: block;
  right: 10px;
  background: #bbb;
  -webkit-border-radius: 4px 4px 4px 4px;
  -moz-border-radius: 4px 4px 4px 4px;
  -ms-border-radius: 4px 4px 4px 4px;
  -o-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  opacity: 1;
  behavior: url("css/PIE.htc");
}
div#header div.search #searchButton:hover {
  opacity: 0.8;
}
div#header p.nav_control,
div#header dl.navigation {
  display: none;
}
/*
--------------------------------------------------------
contents
--------------------------------------------------------
*/
div#contents div.emergency {
  -webkit-border-radius: 4px 4px 4px 4px;
  -moz-border-radius: 4px 4px 4px 4px;
  -ms-border-radius: 4px 4px 4px 4px;
  -o-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
  behavior: url("css/PIE.htc");
}
div#contents div.emergency dl {
  position: relative;
  background: #e74c3c;
  -webkit-border-radius: 4px 4px 4px 4px;
  -moz-border-radius: 4px 4px 4px 4px;
  -ms-border-radius: 4px 4px 4px 4px;
  -o-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;
  behavior: url("css/PIE.htc");
}
div#contents div.emergency dl dt {
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  -ms-border-radius: 4px 0 0 4px;
  -o-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
  behavior: url("css/PIE.htc");
  float: left;
  width: 150px;
  background: #e74c3c;
  text-align: center;
  overflow: hidden;
}
div#contents div.emergency dl dt img {
  height: 19px;
}
div#contents div.emergency dl dd {
  margin-left: 150px;
  padding: 10px;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  -ms-border-radius: 0 4px 4px 0;
  -o-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
  behavior: url("css/PIE.htc");
  color: #d90000;
  background: #fff !important;
  font-size: 108%;
}
div#contents ul.topic_path {
  margin: 20px 0;
}
div#contents ul.topic_path li {
  margin-right: 20px;
  position: relative;
  float: left;
}
div#contents ul.topic_path li:before,
div#contents ul.topic_path li:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
}
div#contents ul.topic_path li:before {
  top: 3px;
  right: -15px;
  border-width: 6px 0 6px 9px;
  border-left-color: #333;
}
div#contents ul.topic_path li:after {
  top: 5px;
  right: -12px;
  border-width: 4px 0 4px 6px;
  border-left-color: #d9dee6;
}
div#contents ul.topic_path li.last:before,
div#contents ul.topic_path li.last:after {
  display: none;
}
div#contents h1 {
  margin-bottom: 20px;
  padding: 7px 10px;
  -webkit-border-radius: 4px 4px 4px 4px;
  -moz-border-radius: 4px 4px 4px 4px;
  -ms-border-radius: 4px 4px 4px 4px;
  -o-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;
  color: #fff;
  background: #999;
  behavior: url("css/PIE.htc");
  font-weight: bold;
  font-size: 161.6%;
}
div#contents h1.h1_a {
  background: #efa131;
}
div#contents h1.h1_b {
  background: #71b329;
}
div#contents h1.h1_c {
  background: #e74c3c;
}
div#contents h1.h1_d {
  background: #506483;
}
div#contents h1 img {
  height: 28px;
}
div#contents div.section {
  clear: both;
  margin: 0;
  padding: 30px 30px 130px;
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -ms-border-radius: 3px 3px 3px 3px;
  -o-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
  behavior: url("css/PIE.htc");
}
div#contents div.section div.section {
  margin: 0;
  padding: 0;
  background: none;
  -webkit-border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  -ms-border-radius: 0 0 0 0;
  -o-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  behavior: url("css/PIE.htc");
}
div#contents div.section h2 {
  margin-bottom: 1.2em;
  padding: 0 0 2px 18px;
  border-bottom: 2px solid #bfc8d7;
  position: relative;
  font-weight: bold;
  font-size: 167%;
}
div#contents div.section h2:after {
  content: "";
  position: absolute;
  top: 0.1em;
  left: 0;
  width: 6px;
  height: 1.2em;
  background: #556b8d;
}
div#contents div.section h3 {
  padding: 0 0 2px 30px;
  position: relative;
  border-bottom: 3px solid #ccc;
  font-weight: bold;
  font-size: 153.9%;
}
div#contents div.section h3:before,
div#contents div.section h3:after {
  content: "";
  position: absolute;
  behavior: url("css/PIE.htc");
}
div#contents div.section h3:before {
  top: 5px;
  left: 5px;
  width: 16px;
  height: 16px;
  background: #e74c3c;
  -webkit-border-radius: 8px 8px 8px 8px;
  -moz-border-radius: 8px 8px 8px 8px;
  -ms-border-radius: 8px 8px 8px 8px;
  -o-border-radius: 8px 8px 8px 8px;
  border-radius: 8px 8px 8px 8px;
}
div#contents div.section h3:after {
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  background: #fff;
  -webkit-border-radius: 4px 4px 4px 4px;
  -moz-border-radius: 4px 4px 4px 4px;
  -ms-border-radius: 4px 4px 4px 4px;
  -o-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;
}
div#contents div.section h4 {
  padding: 0 0 0 10px;
  border-left: 6px solid #efa131;
  line-height: 1;
  font-weight: bold;
  font-size: 123.1%;
}
div#contents div.section ul li {
  background: url("../img/icon_arrow.png") no-repeat 0 0.3em;
}
div#contents div.section div.important {
  padding: 0.1em 15px;
  border: 4px solid #e74c3c;
}
div#contents div.section div.important dd {
  margin-bottom: 0;
  padding-bottom: 0;
  border: none;
}
div#contents div.section blockquote {
  margin: 10px 20px;
  position: relative;
  background: url("../img/blockquote_bg1.png") no-repeat 0 0;
}
div#contents div.section blockquote:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 33px;
  height: 25px;
  background: url("../img/blockquote_bg2.png") no-repeat 0 0;
}
div#contents div.section p.copy,
div#contents div.section p.date,
div#contents div.section p.author {
  text-align: right;
}
div#contents div.section table th {
  background: #fcecd3;
}
div#contents div.section table tr.col th {
  background: #efa131;
}
div#contents div.section table.calendar th,
div#contents div.section table.calendar td {
  text-align: center;
}
div#contents div.section table.calendar td.holiday {
  color: #cc0000;
  background: #fff0f0;
}
div#contents div.section table.calendar td.saturday {
  color: #0033cc;
  background: #eef9ff;
}
div#contents div.section form dt {
  font-weight: normal;
  font-size: 108%;
}
div#contents div.section form dt span.attention {
  color: #fff;
  background: #e74c3c;
  -webkit-border-radius: 4px 4px 4px 4px;
  -moz-border-radius: 4px 4px 4px 4px;
  -ms-border-radius: 4px 4px 4px 4px;
  -o-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;
  behavior: url("css/PIE.htc");
}
div#contents div.section form dd span.example {
  display: block;
}
div#contents div.section form dd span.attention {
  color: #cc0000;
  background: #fff0ec;
  font-weight: normal;
  font-size: 85%;
}
div#contents div.section form dd #address,
div#contents div.section form dd #comment {
  width: 90%;
}
div#contents div.section form p.submit input {
  padding: 7px 20px;
  color: #fff;
  border: 1px solid #e74e3c;
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -ms-border-radius: 3px 3px 3px 3px;
  -o-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ec7264), color-stop(100%, #e3321e));
  background: -webkit-linear-gradient(top, #ec7264, #e3321e);
  background: -moz-linear-gradient(top, #ec7264, #e3321e);
  background: -ms-linear-gradient(top, #ec7264, #e3321e);
  background: -o-linear-gradient(top, #ec7264, #e3321e);
  background: linear-gradient(top, #ec7264, #e3321e);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec7264', endColorstr='#ffe3321e', GradientType=0);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  opacity: 1;
  behavior: url("css/PIE.htc");
}
div#contents div.section form p.submit input:hover {
  opacity: 0.8;
}
div#contents div.section div.tabarea ul.tab {
  margin: 0;
  padding: 0;
}
div#contents div.section div.tabarea ul.tab li {
  margin: 0 2% 0 0;
  padding: 0;
  border: 3px solid #ccc;
  border-bottom: none;
  position: relative;
  top: 3px;
  float: left;
  width: 20%;
  background: #eee;
  font-weight: bold;
  text-align: center;
  z-index: 10;
}
div#contents div.section div.tabarea ul.tab li.active,
div#contents div.section div.tabarea ul.tab li:hover {
  border: 3px solid #71b329;
  border-bottom: none;
  background: #fff;
  z-index: 30;
}
div#contents div.section div.tabarea ul.tab li a {
  padding: 7px 0;
  display: block;
  color: #333;
  text-decoration: none;
}

div.contents_em div.section div.tabarea div.tabdetail {
  padding: 10px 20px;
  position: relative;
  border: 3px solid #71b329;
  background: #fff;
  z-index: 20;
}
div#contents div.section ul.pager {
  text-align: center;
}
div#contents div.section ul.pager li {
  margin: 0 0 5px;
  padding: 0;
  border: 2px solid #efa131;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  height: 30px;
  line-height: 30px;
  background: none;
}
div#contents div.section ul.pager li.page {
  padding: 0 10px;
}
div#contents div.section ul.pager li a {
  padding: 0 10px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  color: #333;
  text-decoration: none;
}
div#contents div.section ul.pager li:hover a,
div#contents div.section ul.pager li.first a,
div#contents div.section ul.pager li.last a,
div#contents div.section ul.pager li.prev a,
div#contents div.section ul.pager li.next a,
div#contents div.section ul.pager li.selected a {
  padding: 0 10px;
  position: relative;
  color: #fff;
  background: #efa131;
  font-weight: bold;
}
div#contents div.section ul.pager li.first a,
div#contents div.section ul.pager li.prev a {
  padding-right: 5px;
  padding-left: 18px;
}
div#contents div.section ul.pager li.first a:before,
div#contents div.section ul.pager li.prev a:before,
div#contents div.section ul.pager li.first a:after,
div#contents div.section ul.pager li.prev a:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
}
div#contents div.section ul.pager li.first a:before,
div#contents div.section ul.pager li.prev a:before {
  top: 8px;
  left: 5px;
  border-width: 6px 9px 6px 0;
  border-right-color: #fff;
}
div#contents div.section ul.pager li.first a:after,
div#contents div.section ul.pager li.prev a:after {
  top: 10px;
  left: 8px;
  border-width: 4px 6px 4px 0;
  border-right-color: #efa131;
}
div#contents div.section ul.pager li.last a,
div#contents div.section ul.pager li.next a {
  padding-right: 18px;
  padding-left: 5px;
}
div#contents div.section ul.pager li.last a:before,
div#contents div.section ul.pager li.next a:before,
div#contents div.section ul.pager li.last a:after,
div#contents div.section ul.pager li.next a:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
}
div#contents div.section ul.pager li.last a:before,
div#contents div.section ul.pager li.next a:before {
  top: 8px;
  right: 5px;
  border-width: 6px 0 6px 9px;
  border-left-color: #fff;
}
div#contents div.section ul.pager li.last a:after,
div#contents div.section ul.pager li.next a:after {
  top: 10px;
  right: 8px;
  border-width: 4px 0 4px 6px;
  border-left-color: #efa131;
}
div#contents div.section div.contact {
  margin: 1.2em 0;
  padding: 1px 15px;
  color: #fff;
  background: #ea5644;
}
div#contents p.pagetop {
  position: absolute;
  right: 30px;
  bottom: 50px;
  z-index: 10;
}
/*
--------------------------------------------------------
contents_navigation
--------------------------------------------------------
*/
div#contents_navigation ul.navigation li {
  margin: 0;
  padding: 0;
  border: 1px solid #ddd;
  position: relative;
  cursor: pointer;
  height: 50px;
  line-height: 50px;
  font-size: 100%;
  white-space: nowrap;
}
div#contents_navigation ul.navigation li:before {
  content: "";
  position: absolute;
  top: 15px;
  right: 10px;
  z-index: 1;
  width: 8px;
  height: 12px;
  background: url("../img/nav_arrow_pc.png") no-repeat 0 0;
  border-style: solid;
  border-color: transparent;
}
div#contents_navigation ul.navigation li a {
  position: relative;
  display: block;
  color: #333;
  text-decoration: none;
  padding-left: 50px;
}
div#contents_navigation ul.navigation li a:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 50px;
}
div#contents_navigation ul.navigation li.selected,
div#contents_navigation ul.navigation li:hover {
  position: relative;
  color: #f7f8f8;
  background: #e74c3c;
}
div#contents_navigation ul.navigation li.selected:before,
div#contents_navigation ul.navigation li:hover:before {
  display: none;
}
div#contents_navigation ul.navigation li.selected:after,
div#contents_navigation ul.navigation li:hover:after {
  content: "";
  position: absolute;
  z-index: 1;
  border-style: solid;
  border-color: transparent;
  top: 9px;
  right: -10px;
  border-width: 13px 0 13px 10px;
  border-left-color: #e74c3c;
  z-index: 100;
}
div#contents_navigation ul.navigation li.selected.home:before,
div#contents_navigation ul.navigation li:hover.home:before {
  background: url("../img/nav_1_icon.png") no-repeat 50% 50%;
}
div#contents_navigation ul.navigation li.selected a,
div#contents_navigation ul.navigation li:hover a {
  color: #f7f8f8;
}
div#contents_navigation ul.navigation li.home a:before {
  background: url("../img/nav_1_icon.png") no-repeat 50% 50%;
}
div#contents_navigation ul.navigation li.hinan a {
  background: #defef7;
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #75d7c4), color-stop(100%, #defef7));
  background: -webkit-linear-gradient(left, #75d7c4, #defef7);
  background: -moz-linear-gradient(left, #75d7c4, #defef7);
  background: -ms-linear-gradient(left, #75d7c4, #defef7);
  background: -o-linear-gradient(left, #75d7c4, #defef7);
  background: linear-gradient(left, #75d7c4, #defef7);
}
div#contents_navigation ul.navigation li.hinan a:before {
  background: #ffffff url("../img/nav_2_icon.png") no-repeat 50% 50%;
}
div#contents_navigation ul.navigation li.hinan a:hover {
  background: #03a981;
}
div#contents_navigation ul.navigation li.hinan a:hover:before {
  background: url("../img/nav_2_icon_on.png") no-repeat 50% 50%;
}
div#contents_navigation ul.navigation li.hinan:hover:after {
  border-left-color: #03a981;
}
div#contents_navigation ul.navigation li.higai a {
  background: #fce6e2;
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #f39e8f), color-stop(100%, #fce6e2));
  background: -webkit-linear-gradient(left, #f39e8f, #fce6e2);
  background: -moz-linear-gradient(left, #f39e8f, #fce6e2);
  background: -ms-linear-gradient(left, #f39e8f, #fce6e2);
  background: -o-linear-gradient(left, #f39e8f, #fce6e2);
  background: linear-gradient(left, #f39e8f, #fce6e2);
}
div#contents_navigation ul.navigation li.higai a:before {
  background: #ffffff url("../img/nav_3_icon.png") no-repeat 50% 50%;
}
div#contents_navigation ul.navigation li.higai a:hover {
  background: #ac3974;
}
div#contents_navigation ul.navigation li.higai a:hover:before {
  background: url("../img/nav_3_icon_on.png") no-repeat 50% 50%;
}
div#contents_navigation ul.navigation li.higai:hover:after {
  border-left-color: #ac3974;
}
/*div#contents_navigation ul.navigation li.kisho {
  line-height: 1;
}
div#contents_navigation ul.navigation li.kisho span {
  font-size: 90%;
}*/
div#contents_navigation ul.navigation li.kisho a {
  display: block;
  /*padding: 15px 0 10px 50px;*/
  background: #e4eefa;
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #92baeb), color-stop(100%, #e4eefa));
  background: -webkit-linear-gradient(left, #92baeb, #e4eefa);
  background: -moz-linear-gradient(left, #92baeb, #e4eefa);
  background: -ms-linear-gradient(left, #92baeb, #e4eefa);
  background: -o-linear-gradient(left, #92baeb, #e4eefa);
  background: linear-gradient(left, #92baeb, #e4eefa);
}
div#contents_navigation ul.navigation li.kisho a:before {
  background: #ffffff url("../img/nav_4_icon.png") no-repeat 50% 50%;
}
div#contents_navigation ul.navigation li.kisho a:hover {
  background: #4f8edd;
}
div#contents_navigation ul.navigation li.kisho a:hover:before {
  background: url("../img/nav_4_icon_on.png") no-repeat 50% 50%;
}
div#contents_navigation ul.navigation li.kisho:hover:after {
  border-left-color: #4f8edd;
}
div#contents_navigation ul.navigation li.tenki a {
  background: #fff7e1;
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ffe193), color-stop(100%, #fff7e1));
  background: -webkit-linear-gradient(left, #ffe193, #fff7e1);
  background: -moz-linear-gradient(left, #ffe193, #fff7e1);
  background: -ms-linear-gradient(left, #ffe193, #fff7e1);
  background: -o-linear-gradient(left, #ffe193, #fff7e1);
  background: linear-gradient(left, #ffe193, #fff7e1);
}
div#contents_navigation ul.navigation li.tenki a:before {
  background: #ffffff url("../img/nav_5_icon.png") no-repeat 50% 50%;
}
div#contents_navigation ul.navigation li.tenki a:hover {
  background: #efa438;
}
div#contents_navigation ul.navigation li.tenki a:hover:before {
  background: url("../img/nav_5_icon_on.png") no-repeat 50% 50%;
}
div#contents_navigation ul.navigation li.tenki:hover:after {
  border-left-color: #efa438;
}
div#contents_navigation ul.navigation li.kasen a {
  background: #f1f2fc;
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #b4b7ef), color-stop(100%, #f1f2fc));
  background: -webkit-linear-gradient(left, #b4b7ef, #f1f2fc);
  background: -moz-linear-gradient(left, #b4b7ef, #f1f2fc);
  background: -ms-linear-gradient(left, #b4b7ef, #f1f2fc);
  background: -o-linear-gradient(left, #b4b7ef, #f1f2fc);
  background: linear-gradient(left, #b4b7ef, #f1f2fc);
}
div#contents_navigation ul.navigation li.kasen a:before {
  background: #ffffff url("../img/nav_6_icon.png") no-repeat 50% 50%;
}
div#contents_navigation ul.navigation li.kasen a:hover {
  background: #4f57dc;
}
div#contents_navigation ul.navigation li.kasen a:hover:before {
  background: url("../img/nav_6_icon_on.png") no-repeat 50% 50%;
}
div#contents_navigation ul.navigation li.kasen:hover:after {
  border-left-color: #4f57dc;
}
div#contents_navigation ul.navigation li.uryou a {
  background: #d8f0f8;
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #96d8ed), color-stop(100%, #d8f0f8));
  background: -webkit-linear-gradient(left, #96d8ed, #d8f0f8);
  background: -moz-linear-gradient(left, #96d8ed, #d8f0f8);
  background: -ms-linear-gradient(left, #96d8ed, #d8f0f8);
  background: -o-linear-gradient(left, #96d8ed, #d8f0f8);
  background: linear-gradient(left, #96d8ed, #d8f0f8);
}
div#contents_navigation ul.navigation li.uryou a:before {
  background: #ffffff url("../img/nav_7_icon.png") no-repeat 50% 50%;
}
div#contents_navigation ul.navigation li.uryou a:hover {
  background: #4bbbe0;
}
div#contents_navigation ul.navigation li.uryou a:hover:before {
  background: url("../img/nav_7_icon_on.png") no-repeat 50% 50%;
}
div#contents_navigation ul.navigation li.uryou:hover:after {
  border-left-color: #4bbbe0;
}
div#contents_navigation ul.navigation li.dosha a {
  background: #fff7e1;
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ffe193), color-stop(100%, #fff7e1));
  background: -webkit-linear-gradient(left, #ffe193, #fff7e1);
  background: -moz-linear-gradient(left, #ffe193, #fff7e1);
  background: -ms-linear-gradient(left, #ffe193, #fff7e1);
  background: -o-linear-gradient(left, #ffe193, #fff7e1);
  background: linear-gradient(left, #ffe193, #fff7e1);
}
div#contents_navigation ul.navigation li.dosha a:before {
  background: #ffffff url("../img/nav_8_icon.png") no-repeat 50% 50%;
}
div#contents_navigation ul.navigation li.dosha a:hover {
  background: #9358aa;
}
div#contents_navigation ul.navigation li.dosha a:hover:before {
  background: url("../img/nav_8_icon_on.png") no-repeat 50% 50%;
}
div#contents_navigation ul.navigation li.dosha:hover:after {
  border-left-color: #9358aa;
}
div#contents_navigation ul.navigation li.kazan a {
  background: #fce6e2;
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #f39e8f), color-stop(100%, #fce6e2));
  background: -webkit-linear-gradient(left, #f39e8f, #fce6e2);
  background: -moz-linear-gradient(left, #f39e8f, #fce6e2);
  background: -ms-linear-gradient(left, #f39e8f, #fce6e2);
  background: -o-linear-gradient(left, #f39e8f, #fce6e2);
  background: linear-gradient(left, #f39e8f, #fce6e2);
}
div#contents_navigation ul.navigation li.kazan a:before {
  background: #ffffff url("../img/nav_9_icon.png") no-repeat 50% 50%;
}
div#contents_navigation ul.navigation li.kazan a:hover {
  background: #2db039;
}
div#contents_navigation ul.navigation li.kazan a:hover:before {
  background: url("../img/nav_9_icon_on.png") no-repeat 50% 50%;
}
div#contents_navigation ul.navigation li.kazan:hover:after {
  border-left-color: #2db039;
}
div#contents_navigation ul.navigation li.road a {
  background: #fce6e2;
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #f39e8f), color-stop(100%, #fce6e2));
  background: -webkit-linear-gradient(left, #f39e8f, #fce6e2);
  background: -moz-linear-gradient(left, #f39e8f, #fce6e2);
  background: -ms-linear-gradient(left, #f39e8f, #fce6e2);
  background: -o-linear-gradient(left, #f39e8f, #fce6e2);
  background: linear-gradient(left, #f39e8f, #fce6e2);
}
div#contents_navigation ul.navigation li.road a:before {
  background: #ffffff url("../img/nav_10_icon.png") no-repeat 50% 50%;
}
div#contents_navigation ul.navigation li.road a:hover {
  background: #2F5376;
}
div#contents_navigation ul.navigation li.road a:hover:before {
  background: url("../img/nav_10_icon_on.png") no-repeat 50% 50%;
}
div#contents_navigation ul.navigation li.road:hover:after {
  border-left-color: #2F5376;
}
div#contents_navigation ul.navigation li ul {
  display: none;
  position: absolute;
  top: 0;
  left: 240px;
  width: 230px;
  z-index: 100;
}
div#contents_navigation ul.navigation li ul li {
  border: none;
  height: 47px;
  line-height: 47px;
  text-indent: 10px;
  font-size: 100%;
}
div#contents_navigation ul.navigation li ul li:before {
  top: 18px;
  border-left-color: #fff;
}
div#contents_navigation ul.navigation li ul li:after {
  top: 20px;
  border-left-color: #333;
}
div#contents_navigation ul.navigation li ul li a {
  padding: 0 14px !important;
  border-bottom: 1px solid #333;
  background: url("../img/content_nav_bg.png") repeat 0 0;
}
div#contents_navigation ul.navigation li ul li.selected,
div#contents_navigation ul.navigation li ul li:hover {
  color: inherit;
  background: inherit;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  opacity: 1;
}
div#contents_navigation ul.navigation li ul li.selected:hover,
div#contents_navigation ul.navigation li ul li:hover:hover {
  opacity: 0.8;
}
div#contents_navigation ul.navigation li ul li.selected:before,
div#contents_navigation ul.navigation li ul li:hover:before {
  display: block;
}
div#contents_navigation ul.navigation li ul li.selected:after,
div#contents_navigation ul.navigation li ul li:hover:after {
  top: 20px;
  right: 18px;
  border-width: 4px 0 4px 6px;
  border-left-color: #38414c;
}
div#contents_navigation ul.bn {
  margin: 30px 0 0;
  text-align: center;
}
div#contents_navigation ul.bn li {
  margin: 0 0 8px;
}
div#contents_navigation ul.bn li img {
  border: 1px solid #ccc;
}
div#contents_navigation dl.sns {
  margin: 0 16px 0;
  text-align: center;
}
div#contents_navigation dl.sns dt {
  margin: 0 0 10px;
  padding: 0 0 10px;
  border-bottom: 2px solid #bfc8d7;
}
div#contents_navigation dl.sns dt img {
  width: 106px;
  height: 14px;
}
div#contents_navigation dl.sns dd {
  margin-bottom: 5px;
}
div#contents_navigation dl.sns dd ul li {
  margin: 0 0 8px;
  border: 1px solid #ccc;
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -ms-border-radius: 3px 3px 3px 3px;
  -o-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  behavior: url("css/PIE.htc");
}
div#contents_navigation dl.sns dd ul li a {
  padding: 5px 0;
  display: block;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  opacity: 1;
  behavior: url("css/PIE.htc");
}
div#contents_navigation dl.sns dd ul li a:hover {
  opacity: 0.8;
}
div#contents_navigation dl.sns dd ul li a img {
  -webkit-transition: 1;
  -moz-transition: 1;
  -ms-transition: 1;
  -o-transition: 1;
  transition: 1;
  opacity: 1;
  behavior: url("css/PIE.htc");
}
div#contents_navigation dl.sns dd ul li a img:hover {
  opacity: 1;
}
div#contents_navigation dl.sns dd ul li.facebook {
  background: #3664a2 !important;
}
div#contents_navigation dl.sns dd ul li.facebook img {
  height: 30px;
}
div#contents_navigation dl.sns dd ul li.twitter {
  background: #00aced !important;
}
div#contents_navigation dl.sns dd ul li.twitter img {
  height: 28px;
}
/*
--------------------------------------------------------
footer
--------------------------------------------------------
*/
div#footer ul.footer_banner {
  padding: 15px 0 10px;
}
div#footer ul.footer_banner li {
  float: left;
  margin: 0 9px 10px 0;
}
div#footer ul.footer_banner li.last {
  margin: 0;
}
div#footer ul.navigation {
  margin: 0px 0 0 280px;
  font-size: 93%;
}
div#footer ul.navigation li {
  margin: 0;
  padding: 0;
  position: relative;
  display: inline;
  border-left: 1px solid #a2a7b3;
}
div#footer ul.navigation li a {
  padding: 0 20px;
  border-left: 1px solid #fff;
}
div#footer ul.navigation li.last:before,
div#footer ul.navigation li.last:after {
  content: "";
  position: absolute;
  top: 0;
  width: 0;
  height: 1.4em;
  border-right: 1px solid #a2a7b3;
}
div#footer ul.navigation li.last:before {
  right: 0;
}
div#footer ul.navigation li.last:after {
  right: -1px;
  border-right-color: #fff;
}
div#footer div.language_bottom,
div#footer div.emergency,
div#footer div.search {
  display: none;
}
div#footer address {
  margin: -1.4em 20px 20px 0;
  text-align: right;
  font-size: 77%;
}
/*
--------------------------------------------------------
clearfix
--------------------------------------------------------
*/
div#header,
div#body,
div#footer,
div#contents,
ul,
div.section,
div.aside,
div.section dl,
div#navigation dl dd,
div#contents_navigation dl dd,
.clearfix {
  *zoom: 1;
}
div#header:before,
div#body:before,
div#footer:before,
div#contents:before,
ul:before,
div.section:before,
div.aside:before,
div.section dl:before,
div#navigation dl dd:before,
div#contents_navigation dl dd:before,
.clearfix:before,
div#header:after,
div#body:after,
div#footer:after,
div#contents:after,
ul:after,
div.section:after,
div.aside:after,
div.section dl:after,
div#navigation dl dd:after,
div#contents_navigation dl dd:after,
.clearfix:after {
  content: "";
  display: table;
}
div#header:after,
div#body:after,
div#footer:after,
div#contents:after,
ul:after,
div.section:after,
div.aside:after,
div.section dl:after,
div#navigation dl dd:after,
div#contents_navigation dl dd:after,
.clearfix:after {
  clear: both;
}
/*
--------------------------------------------------------
responsive
--------------------------------------------------------
*/
@media screen and (max-width: 1240px) {
  div#wrapper {
    width: 100%;
  }
  div#header p.desc {
    display: none;
  }
}
/* max-width:1240px */
@media screen and (max-width: 1090px) {
  div#header div.emergency {
    background-position: 422px 100%;
  }
  div#footer ul.navigation {
    margin-bottom: 20px;
  }
  div#footer address {
    margin: 0 0 40px 280px;
    position: static;
    clear: both;
    text-align: left;
  }
  div#header h1,
  div#header p.title {
    margin: 15px 0 0 5px;
  }
  div#header h1 img,
  div#header p.title img {
    width: 225px;
    height: 33px;
  }
}
/* max-width:1090px */
@media screen and (max-width: 900px) {
  div#footer ul.navigation,
  div#footer address {
    margin-left: 0;
    width: 100%;
    text-align: center;
  }
}
/* max-width:900px */
@media screen and (max-width: 850px) {
  div#header h1,
  div#header p.title {
    margin-left: 5px;
  }
  div#header div.emergency p.btn a {
    right: 216px;
  }
  div#header div.search #search {
    right: 48px;
  }
  div#header div.search #searchButton {
    right: 5px;
  }
}
/* max-width:850px */
@media screen and (max-width: 800px) {
  div#header {
    margin-bottom: 10px;
    height: 48px;
  }
  div#body {
    margin-bottom: 10px;
    min-height: inherit;
  }
  div#contents {
    margin: 0 5px;
  }
  div#contents_navigation {
    position: static;
    width: 100%;
    background: inherit;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
  }
  div#header div.language,
  div#header div.emergency,
  div#header div.search {
    display: none;
  }
  div#header p.nav_control {
    display: block;
    cursor: pointer;
    position: absolute;
    top: 6px;
    right: -37px;
    width: 84px;
    height: 76px;
    background: url("../img/nav_control.png?20180621") no-repeat 0 0;
    background-size: 42px 38px;
  }
  div#header p.nav_control.opened {
    background-image: url("../img/nav_close.png?20180621");
  }
  div#header dl.navigation {
    display: none;
    position: absolute;
    top: 48px;
    width: 100%;
    background: rgba(51, 51, 51, 0.85);
    -pie-background: rgba(51, 51, 51, 0.85);
    behavior: url("css/PIE.htc");
    font-size: 108%;
    z-index: 30;
  }
  div#header dl.navigation dt {
    margin: 5px;
    padding: 0 10px;
    position: relative;
    height: 40px;
    line-height: 40px;
    color: #f7f8f8;
    background: #e74c3c;
    font-weight: bold;
  }
  div#header dl.navigation dt:before,
  div#header dl.navigation dt:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
  }
  div#header dl.navigation dt:before {
    top: 12px;
    right: 15px;
    border-width: 6px 0 6px 9px;
    border-left-color: #fff;
  }
  div#header dl.navigation dt:after {
    top: 14px;
    right: 18px;
    border-width: 4px 0 4px 6px;
    border-left-color: #e74c3c;
  }
  div#header dl.navigation dt a {
    display: block;
    color: #f7f8f8;
    text-decoration: none;
  }
  div#header dl.navigation dd ul li {
    margin: 5px;
    padding: 7px 12px;
    border-bottom: 1px solid #888;
    position: relative;
  }
  div#header dl.navigation dd ul li.last {
    border: none;
  }
  div#header dl.navigation dd ul li:before,
  div#header dl.navigation dd ul li:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
  }
  div#header dl.navigation dd ul li:before {
    top: 12px;
    right: 15px;
    border-width: 6px 0 6px 9px;
    border-left-color: #fff;
  }
  div#header dl.navigation dd ul li:after {
    top: 14px;
    right: 18px;
    border-width: 4px 0 4px 6px;
    border-left-color: #38414c;
  }
  div#header dl.navigation dd ul li a {
    display: block;
    color: #fff;
    text-decoration: none;
  }
  div#contents div.emergency dl dt {
    width: 80px;
  }
  div#contents div.emergency dl dt img {
    height: 11px;
  }
  div#contents div.emergency dl dd {
    margin-left: 80px;
  }
  div#contents div.section {
    padding-bottom: 30px;
  }
  div#contents div.section form dt {
    margin: 0;
    padding: 10px 0 3px;
    float: none;
    width: auto;
  }
  div#contents div.section form dd {
    margin: 0;
    padding: 0 0 10px;
  }
  div#contents div.section p.pict {
    float: none;
  }
  div#contents div.section p.pict img {
    max-width: 100%;
  }
  div#contents p.pagetop {
    display: none;
  }
  div#contents_navigation ul.navigation {
    display: none;
  }
  div#contents_navigation ul.bn li {
    margin-bottom: 1.5%;
    float: left;
    width: 50%;
  }
  div#contents_navigation ul.bn li img {
    width: 95%;
  }
  div#contents_navigation dl.sns {
    margin-right: 5px;
    margin-left: 5px;
  }
  div#contents_navigation dl.sns dd ul li {
    margin-bottom: 1.5%;
  }
  div#contents_navigation dl.sns dd ul li a {
    padding: 7px 0;
  }
  div#footer div.language_bottom,
  div#footer div.emergency,
  div#footer div.search {
    margin: 0 2%;
    float: left;
    width: 29%;
    display: block;
  }
  div#footer div.language_bottom,
  div#footer div.emergency p.btn {
    float: right;
  }
  div#footer div.emergency p.btn a {
    padding: 0 12px;
    border: 1px solid #e74c3c;
    display: block;
    -webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -ms-border-radius: 3px 3px 3px 3px;
    -o-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    height: 28px;
    line-height: 28px;
    color: #e74c3c;
    background: #fff;
    text-decoration: none;
    z-index: 10;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    opacity: 1;
    behavior: url("css/PIE.htc");
    text-align: center;
  }
  div#footer div.emergency p.btn a:hover {
    opacity: 0.8;
  }
  div#footer div.search {
    margin-bottom: 30px;
  }
  div#footer div.search #search_footer {
    margin-right: 7px;
    padding: 0 7px;
    border: 1px solid #ccc;
    float: left;
    width: 100px;
    height: 28px;
    line-height: 28px;
  }
  div#footer div.search #searchButton_footer {
    padding: 6px 10px 6px 9px;
    display: block;
    background: #bbb;
    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -ms-border-radius: 4px 4px 4px 4px;
    -o-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    opacity: 1;
    behavior: url("css/PIE.htc");
  }
  div#footer div.search #searchButton_footer:hover {
    opacity: 0.8;
  }
}
/* max-width:800px */
@media screen and (max-width: 640px) {
  div#contents ul.topic_path {
    margin: 7px 0;
  }
  div#contents h1 {
    margin-bottom: -5px;
    position: relative;
    z-index: 10;
  }
  div#contents div.section {
    padding: 10px 5px;
  }
  div#footer ul.navigation {
    margin-bottom: 15px;
    font-size: 108%;
  }
  div#footer ul.navigation li {
    margin-bottom: 10px;
    border: none;
    display: block;
  }
  div#footer ul.navigation li a {
    border: none;
  }
  div#footer ul.navigation li.last:before,
  div#footer ul.navigation li.last:after {
    display: none;
  }
  div#footer div.language_bottom select {
    width: 100%;
    padding: 4px 8px;
    box-sizing: border-box;
  }
  div#footer div.language_bottom,
  div#footer div.emergency,
  div#footer div.search {
    margin: 0 auto 20px auto;
    float: none;
    width: 164px;
    display: block;
  }
  div#footer div.language_bottom,
  div#footer div.emergency p.btn {
    float: none;
  }
  div#footer ul.footer_banner li {
    float: left;
    width: 50%;
    margin: 0 0 8px 0;
  }
  div#footer ul.footer_banner li img {
    width: 95%;
    margin: 0 auto;
  }
}
/* max-width:640px */
@media screen and (max-width: 370px) {
  div#footer div.emergency,
  div#footer div.search {
    float: none;
    width: auto;
  }
  div#footer div.emergency {
    margin-bottom: 15px;
  }
  div#footer div.emergency p.btn {
    margin: 0 30px;
    float: none;
  }
  div#footer div.search #search_footer {
    margin-left: 30px;
    width: 60%;
  }
}
/* max-width:370px */
/* --------------------------------------------------
 common.css
-------------------------------------------------- */
a:hover img {
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  opacity: 1;
}
a:hover img:hover {
  opacity: 0.8;
}
/* generic
-------------------------------------------------- */
/* section text margin style */
div.section p,
div.section blockquote,
div.section table,
div.section dl,
div.section ul,
div.section ol,
div.section pre {
  margin: 1em 0;
}
/* heading */
div.section h1,
div.section h2,
div.section h3,
div.section h4,
div.section h5,
div.section h6 {
  clear: both;
}
div.section h1 {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  color: #333333;
  font-size: 120%;
}
div.section h2 {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  color: #333333;
  font-size: 115%;
}
div.section h3 {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  color: #333333;
  font-size: 110%;
}
div.section h4 {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  color: #333333;
  font-size: 105%;
}
div.section h5 {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  color: #333333;
  font-size: 100%;
}
div.section h6 {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  color: #333333;
  font-size: 100%;
}
/* text-align */
p.alignleft {
  text-align: left;
}
p.aligncenter {
  text-align: center;
}
p.alignright {
  text-align: right;
}
/* font style */
span.important {
  color: #ff0000;
}
span.large {
  font-size: 120%;
}
span.small {
  font-size: 84%;
}
/* attention */
div.section div.attention {
  margin: 1em 5px;
  padding: 0 5px;
  background: #f5f5f5;
  border: 1px solid #ccc;
}
/* important */
div.section div.important {
  border: 1px solid #ccc;
  padding: 0 10px;
}
/* alert */
.alert {
  margin: 10px 0;
  padding: 0.5em 15px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
}
.alert,
.alert h4 {
  color: #c09853;
}
.alert h4 {
  margin: 0;
}
.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #468847;
}
.alert-success h4 {
  color: #468847;
}
.alert-danger,
.alert-error {
  background-color: #f2dede;
  border-color: #eed3d7;
  color: #b94a48;
}
.alert-danger h4,
.alert-error h4 {
  color: #b94a48;
}
.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #3a87ad;
}
.alert-info h4 {
  color: #3a87ad;
}
/* link type */
.pdf {
  padding: 0 0 0 20px;
  background: url("../img/icon_pdf.gif") no-repeat 0 0;
}
.doc {
  padding: 0 0 0 20px;
  background: url("../img/icon_word.gif") no-repeat 0 0;
}
.xls {
  padding: 0 0 0 20px;
  background: url("../img/icon_excel.gif") no-repeat 0 0;
}
.img {
  padding: 0 0 0 20px;
  background: url("../img/icon_image.gif") no-repeat 0 0;
}
.sound {
  padding: 0 0 0 20px;
  background: url("../img/icon_sound.gif") no-repeat 0 0;
}
ul.file {
  padding: 3px 5px 0 5px;
  border: 1px solid #ccc;
}
/* list
-------------------------------------------------- */
/* definition lists */
div.section dl dt {
  float: left;
  clear: left;
  width: 11em;
  margin: 0 0.5em 1px 0;
  padding: 0.5em 0;
  font-weight: bold;
}
div.section dl dd {
  margin: 0;
  padding: 0.5em 0 0.5em 12em;
  border-bottom: 1px dotted #ccc;
}
div.section dl dd ul {
  margin: 0;
}
div.section dl dd dl {
  margin: 0;
}
div.section dl dd dl dt {
  margin: 0 0.5em 0 0;
  font-weight: normal;
}
div.section dl dd dl dd {
  border: none;
}
div.section dl.titleshort dt {
  width: 5em;
}
div.section dl.titleshort dd {
  padding: 0.5em 0 0.5em 6em;
}
div.section dl.titlelong dt {
  width: 15em;
}
div.section dl.titlelong dd {
  padding: 0.5em 0 0.5em 16em;
}
div.section dl.break dt {
  float: none;
  width: auto;
  margin: 0;
  padding: 0;
}
div.section dl.break dd {
  margin: 0 0 0.5em;
  padding: 0.5em 0;
}
/* unordered lists */
div.section ul {
  padding: 0 10px;
}
div.section ul li {
  margin: 0 0 5px;
  padding: 2px 0 2px 20px;
}
div.section ul li ol li {
  background: none;
  list-style: decimal;
  padding: 2px 0;
}
/* ordered lists */
div.section ol {
  list-style: decimal;
  padding: 0 10px 0 30px;
}
div.section ol li {
  padding: 2px 0;
}
div.section ol li ul li {
  padding: 2px 0 2px 20px;
}
/* gallery style lists */
div.section ul.gallery {
  clear: both;
  margin-right: -10px;
  padding: 0;
}
div.section ul.gallery li {
  float: left;
  margin: 0;
  padding: 0 10px 10px 0;
  background: none;
}
/* image
-------------------------------------------------- */
/* pict */
p.pict {
  margin: 1em 0;
}
p.pict2 {
  float: left;
  margin: 1em 0;
  padding: 0 10px 0 0;
}
p.pict3 {
  float: right;
  margin: 1em 0;
  padding: 0 0 0 10px;
}
p.pict4 {
  float: left;
  margin: 0 0 1em 0 !important;
  padding: 0 10px 0 0;
}
p.pict5 {
  float: right;
  margin: 0 0 1em 0 !important;
  padding: 0 0 0 10px;
}
p.pict6 {
  text-align: center;
}
/* WordPress Style */
img.alignleft {
  float: left;
  margin-right: 10px;
}
img.aligncenter,
dl.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
img.alignright {
  float: right;
  margin-left: 10px;
}
/* form
-------------------------------------------------- */
/* text, textarea */
input[type="text"],
input.text,
textarea {
  border: 1px solid #999;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}
input[type="text"]:hover,
input.text:hover,
textarea:hover {
  border: 1px solid #666;
}
input[type="text"]:focus,
input.text:focus,
textarea:focus {
  border: 1px solid #666;
}
input[type="text"],
input.text {
  width: 200px;
}
textarea {
  width: 400px;
}
input.shorttext {
  width: 100px;
}
input.longtext {
  width: 400px;
}
/*  button */
p.submit {
  text-align: center;
}
input[type="submit"],
input.submit,
input[type="button"],
input.button {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin: 0 5px;
  padding: 0.5em 1em;
  border: 1px solid #fff;
  background: #eee;
  color: #333;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "Lucida Sans Unicode", "Lucida Grande", "Verdana", "ＭＳ Ｐゴシック", sans-serif;
  _font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  cursor: pointer;
  -webkit-border-radius: 0;
}
input[type="submit"]:hover,
input.submit:hover,
input[type="button"]:hover,
input.button:hover {
  background: #333;
  color: #fff;
}
/* form frame */
div.section form table th,
div.section form table td {
  text-align: left;
  padding: 10px;
  border: 1px solid #ccc;
}
div.section form table th {
  background: #f6f6f6;
  white-space: nowrap;
}
/* require */
form span.require,
form span.attention {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding: 0 5px;
  color: #ff3300;
  font-weight: normal;
  font-size: 84%;
}
form table td span.attention,
form dl dd span.attention {
  display: inline-block;
  margin: 5px 0;
  color: #ff0000;
  font-size: 100%;
  font-weight: bold;
}
form table td p.attention,
form dl dd p.attention {
  margin: 0;
  color: #ff0000;
  font-size: 100%;
  font-weight: bold;
}
form table td p.example,
form dl dd p.example,
form table td span.example,
form dl dd span.example {
  margin: 0;
  color: #666;
  font-size: 90%;
}
/* captcha */
form img.captcha {
  display: block;
  margin: 0 0 5px;
}
/* agreement */
form div.agreement {
  margin: 30px 0;
  padding: 15px 15px;
  border: 1px solid #ccc;
  background: #f6f6f6;
}
form div.agreement div.article {
  overflow-y: scroll;
  height: 200px;
  border: 1px solid #ccc;
  background: #fff;
  padding: 5px 10px;
}
form div.agreement span.attention {
  color: #ff3300;
  font-weight: normal;
  font-size: 84%;
}
div.section form table tr td div.form_inner {
  float: left;
  padding: 0 15px 0 0;
}
/* table
-------------------------------------------------- */
/* table */
table {
  width: 100%;
  border: 1px solid #cccccc;
  border-collapse: collapse;
  border-spacing: 1;
}
table caption {
  text-align: center;
  margin: 0;
}
table caption.left {
  text-align: left;
}
table caption.right {
  text-align: right;
}
table tr th,
table tr td {
  padding: 0.4em 5px;
  border: 1px solid #cccccc;
  text-align: left;
}
table tr th {
  background: #f6f6f6;
  font-weight: normal;
}
table thead tr th,
table tr.col th {
  border: 1px solid #cccccc;
  background: #333333;
  color: #ffffff;
  text-align: center;
  font-weight: bold;
}
div#contents dl.site_guide dt {
  width: 15em;
  margin: 0;
  padding: 0;
}
div#contents dl.site_guide dt span {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0 10px 0 0;
  padding: 5px;
  background: #ff0000;
  color: #fff;
  text-align: center;
  -webkit-border-radius: 16px 16px 16px 16px;
  -moz-border-radius: 16px 16px 16px 16px;
  -ms-border-radius: 16px 16px 16px 16px;
  -o-border-radius: 16px 16px 16px 16px;
  border-radius: 16px 16px 16px 16px;
}
div#contents dl.site_guide dd {
  margin: 0;
  padding: 10px 0 10px 16em;
}
div#contents div.kisho_data_guide {
  float: left;
  width: 520px;
}
@media screen and (max-width: 640px) {
  div#contents div.kisho_data_guide {
    width: auto;
  }
}
div#contents div.rain div.map {
  width: 100%;
  height: 600px;
}
div#contents div.rain div.tab7_1 {
  width: 300px;
  margin: 0 auto;
}
div#contents div.rain ul.control li {
  padding: 1px 10px;
  border: none;
  position: relative;
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -ms-border-radius: 3px 3px 3px 3px;
  -o-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  color: #fff;
  background: #556b8d;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  opacity: 1;
  behavior: url("css/PIE.htc");
}
div#contents div.rain ul.control li:hover {
  opacity: 0.8;
}
div#contents div.rain dd {
  position: relative;
  border: none;
}
div#contents div.rain #tab7_select2 {
  display: block;
  margin: 0 auto;
}
div#contents div.rain ul.control li {
  position: absolute;
  top: 4px;
  width: 12px;
  height: 23px;
}
div#contents div.rain ul.control li:before,
div#contents div.rain ul.control li:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
}
div#contents div.rain ul.control li.prev {
  left: 0;
}
div#contents div.rain ul.control li.prev:before {
  top: 6px;
  left: 10px;
  border-width: 6px 9px 6px 0;
  border-right-color: #fff;
}
div#contents div.rain ul.control li.prev:after {
  top: 8px;
  left: 13px;
  border-width: 4px 6px 4px 0;
  border-right-color: #556b8d;
}
div#contents div.rain ul.control li.next {
  right: 0;
}
div#contents div.rain ul.control li.next:before {
  top: 6px;
  right: 10px;
  border-width: 6px 0 6px 9px;
  border-left-color: #fff;
}
div#contents div.rain ul.control li.next:after {
  top: 8px;
  right: 13px;
  border-width: 4px 0 4px 6px;
  border-left-color: #556b8d;
}
div#contents .gsc-input-box {
  height: 39px;
}
div#contents .gstl_50 {
  margin: 0;
}

/*-----------
追加
-----------*/

.row {
  display: flex;
  flex-wrap: wrap;
}
.mapinfo {
  margin-bottom: 40px;
}
div.section dl.mapinfo-list {
  width: calc(33.33% - 12px);
  margin-right: 16px;
}

div.section dl.mapinfo-list:nth-child(3n) {
  margin-right: 0;
}

div.section dl.mapinfo-list dt {
  float: none;
  width: auto;
  margin: 0;
  padding: 0;
  position: relative;
  margin-bottom: 16px;
}

div.section dl.mapinfo-list dt img {
  width: 100%;
}

div.section dl.mapinfo-list dd {
  margin: 0;
  padding: 0;
  border: none;
}

div.section dl.mapinfo-list dd strong {
  color: #00ccff;
}

div.section dl.mapinfo-list dd span.mapinfo-num {
  display: inline-block;
  height: 24px;
  width: 24px;
  text-align: center;
  line-height: 24px;
  background: #00ccff;
  color: #fff;
  border-radius: 100%;
  font-size: 12px;
}

.mapinfo-img {
  overflow-x: scroll;
  white-space: nowrap;
}

.mapinfo-img img {
  max-width: 100%;
  height: auto;
}

@media screen and (max-width: 800px) {
  div.section dl.mapinfo-list {
    width: calc(50% - 8px);
    margin-right: 16px;
    margin-top: 0;
  }
  div.section dl.mapinfo-list:nth-child(3n) {
    margin-right: 16px;
  }
  div.section dl.mapinfo-list:nth-child(2n) {
    margin-right: 0;
  }
}

div.contents_em {
  margin-left: 10px !important;
}
div.contents_em div.tabarea {
  width: calc(50% - 30px) !important;
  float: left !important;
  margin-right: 30px !important;
}
div.contents_em div.box {
  width: 50% !important;
  float: left !important;
}

div.contents_em #evac-0 {
  margin-bottom: 20px !important;
}

div.contents_em #evac-0 #ev-map {
  float: none !important;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

div.contents_em #evac-0 h2 {
  background: transparent !important;
  border-bottom: 2px solid #bfc8d7 !important;
  padding: 15px !important;
  margin-bottom: 15px !important;
}
div.contents_em #evac-0 h3 {
  padding-bottom: 15px !important;
}

div.contents_em #evac-0 .wmap,
div.contents_em #evac-0 .wcontent {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
div.contents_em #evac-0 .wmap {
  padding-top: 15px !important;
}

.d-flex {
}
.d-flex li {
  margin: 0 8px 8px 0 !important;
  padding: 0 !important;
  width: calc(33.33% - 6px) !important;
}
.d-flex li:nth-child(3n) {
  margin-right: 0 !important;
}

.d-flex li a {
  width: 100%;
  font-size: 12px !important;
  border-radius: 4px !important;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

@media screen and (max-width: 800px) {
  div.contents_em {
    margin: 0px !important;
    padding: 0 5px !important;
    box-sizing: border-box;
  }
  div.contents_em div.tabarea {
    width: 100% !important;
    float: nonw !important;
    margin-right: 0 !important;
  }
  div.contents_em div.box {
    width: 100% !important;
    float: none !important;
  }
  .d-flex {
    padding: 5px 0 !important;
  }
  .d-flex li a {
    white-space: normal !important;
    word-wrap: break-word;
    overflow-wrap: break-word;
    min-height: 70px;
  }
  .contents_em .d-flex {
    padding: 5px;
    box-sizing: border-box;
  }
  div.contents_em div.tabarea div.tabdetail {
    padding-top: 15px !important;
  }
  .d-flex li a {
    padding: 10px !important;
    box-sizing: border-box;
  }
}

@media screen and (max-width: 640px) {
  div.contents_em div.tabarea ul.tab {
    position: static !important;
  }
}

.link-list {
}
.link-list li {
  box-sizing: border-box;
}
@media screen and (max-width: 800px) {
  .link-list li {
    width: 50%;
  }
}

@media screen and (max-width: 640px) {
  .link-list li {
    width: 100%;
  }
}