@charset "UTF-8";
/* =========================================================
   Pieces
========================================================= */

/* common header / accessibility navi
----------------------------------------------- */
#nocssread {
  display: none;
  margin-right: -9999px;
}
#commonHeader {
  background: #fefefe; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWVlZWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #fefefe 0%, #eeeeef 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#eeeeef)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #fefefe 0%,#eeeeef 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #fefefe 0%,#eeeeef 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #fefefe 0%,#eeeeef 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #fefefe 0%,#eeeeef 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffefefe', endColorstr='#ffeeeeef',GradientType=0 ); /* IE6-8 */
  zoom: 1;	/* IE7 gradient */
  _background: #fefefe;
}
#commonHeader {
  margin: 0px;
  padding: 2px 0px;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #c5c5c5;
  text-align: right;
}
#commonHeader rp, #commonHeader rt {
  display: none;
}
#navigationNotice {
  background: none;
  padding: 0px 10px;
  border-bottom: 1px solid #c5c5c5;
  font-weight: bold;
  line-height: 40px;
}
.naviFont, .naviTheme, .naviRuby, .naviTalk {
  display: inline-block;
  /display: inline;
  /zoom: 1;
  padding: 0px 5px 0px 24px;
  border-left: 1px solid #bbb;
  background-repeat: no-repeat;
  background-position: 6px center;
}
#smartSwitch {
  float: right;
  display: inline-block;
  /display: inline;
  /zoom: 1;
  padding: 0 5px 0 0;
  /*padding: 0px 5px 0 10px;*/
  border-left: 1px solid #bbb;
  /border: none;
}
#smartSwitch .pc, #smartSwitch .sp {
  margin-left: 5px;
}
#smartSwitch .pc img {
  display: none;
}
.naviFont {
  float: right;
  background-image: url(images/ic-navi-font.png);
}
.naviTheme {
  background-image: url(images/ic-navi-theme.png);
}
.naviRuby {
  background-image: url(images/ic-navi-ruby.png);
}
.naviTalk {
  background-image: url(images/ic-navi-talk.png);
}
.naviFont .label,
.naviTheme .label,
.naviRuby .label,
.naviTalk .label {
  margin: 0px 8px 0px 0px;
}
.naviFont .small,
.naviFont .big ,
.naviFont .base ,
.naviTheme .white,
.naviTheme .blue,
.naviTheme .black,
.naviRuby .ruby,
.naviTalk .talk {
  margin: 0px 1px;
  color: #003399;
  text-decoration: underline;
  cursor: pointer;
}
.naviTheme .current,
.naviRuby .current,
.naviTalk .current {
  color: #990000;
  text-decoration: none;
}
.naviFont .small:hover,
.naviFont .big:hover,
.naviTheme .white:hover,
.naviTheme .blue:hover,
.naviTheme .black:hover,
.naviRuby .ruby:hover,
.naviTalk .talk:hover {
  color: #990000;
  text-decoration: underline;
}
.naviFont .view {
  padding: 1px 2px 0px;
  background-color: #666;
  color: #fff;
  font-weight: bold;
}
#commonHeader a.riyou {
  display: inline-block;
  /display: inline;
  /zoom: 1;
  padding: 0px 10px;
  border-left: 1px solid #bbb;
  color: #003399;
  text-decoration: underline;
  cursor: pointer;
}
#commonHeader a.riyou:hover {
  color: #990000;
  text-decoration: underline;
}
.naviTalk .player {
  position: absolute;
  width: 1px;
}
.naviTalk .player object {
  position: relative;
  top: 25px;
  left: -90px;
}
*html .naviTalk .player object {
  top: 28px;
}
html:first-child .naviTalk .player {
  position: absolute;
}
html:first-child .naviTalk .player object {
  position: relative;
  top: 25px;
  left: 340px;
}

/* common banner
----------------------------------------------- */
#commonBanner:before,
#commonBanner:after,
#commonBanner .pieceContainer:before,
#commonBanner .pieceContainer:after,
#commonBanner .pieceBody:before,
#commonBanner .pieceBody:after,
#commonBanner .logo:before,
#commonBanner .logo:after,
#commonBanner .upperMenu .language:before,
#commonBanner .upperMenu .language:after {
  content: "";
  display: table;
}
#commonBanner:after,
#commonBanner .pieceContainer:after,
#commonBanner .pieceBody:after,
#commonBanner .logo:after,
#commonBanner .upperMenu .language:after {
  clear: both;
}
#commonBanner,
#commonBanner .pieceContainer,
#commonBanner .pieceBody,
#commonBanner .logo,
#commonBanner .upperMenu .language {
  zoom: 1;
}
#commonBanner {
  display: block;
  margin: 0;
  padding: 0;
  border-top: 2px solid #e9f2bb;
  background: url("./images/bg-summer.jpg") no-repeat 110px top;
  text-align: right;
}
#commonBanner .pieceBody {
  position: relative;
}
#commonBanner .logo {
  float: left;
  clear: both;
  padding: 10px 0 0 18px;
  zoom: 1;
}
#commonBanner .logo a {
  display: block;
  float: left;
  clear: both;
}
#commonBanner .description {
  float: left;
  clear: both;
  font-size: 120%;
  font-weight: bold;
}
#commonBanner .menu {
  float: right;
  margin-left: -150px;
  text-align: right;
}
#commonBanner .upperMenu {
  margin: 0;
  padding-right: 10px;
}
#commonBanner .upperMenu .device li {
  display: inline-block;
  /display: inline;
  /zoom: 1;
}
#commonBanner .upperMenu a {
  display: inline-block;
  /display: inline;
  /zoom: 1;
  padding: 0 3px;
}
#commonBanner .upperMenu .keitai span {
  /display: inline;
  /zoom: 1;
  padding: 5px 2px 5px 30px;
  _padding-top: 0;
  background-image: url("./images/ic-mobile.gif");
  background-repeat: no-repeat;
  background-position: left center;
  cursor: pointer;
}
#commonBanner .upperMenu .smart span {
  /display: inline;
  /zoom: 1;
  padding: 5px 2px 5px 30px;
  _padding-top: 0;
  background-image: url("./images/ic-smartphone.gif");
  background-repeat: no-repeat;
  background-position: left center;
  cursor: pointer;
}
#commonBanner .upperMenu .language li {
  float: right;
  margin-right: 1px;
  margin-bottom: 10px;
  _margin-bottom: 5px;
}
#commonBanner .upperMenu .language a {
  display: inline-block;
  /display: inline;
  /zoom: 1;
  padding: 2px 6px;
  border-radius: 0 0 5px 5px;
  background: #e9f2bb;
  color: #000000;
  font-weight: bold;
  text-decoration: none;
}
#commonBanner .upperMenu .language a:hover {
  background: #59a930;
}
#commonBanner .upperMenu .language a.hangeul {
  padding: 3px 6px 1px;
  font-family: sans-serif;	/* Safari */
}
#commonBanner .lowerMenu {
  float: right;
  margin: 8px 0 10px;
  /margin-top: 5px;
  padding-right: 10px;
}
#commonBanner .menu form {
  display: inline-block;
  /display: inline;
  /zoom: 1;
  clear: both;
  border: 3px solid #d7d4ac;
  vertical-align: middle;
}
input#search-box, input#search-button,
a.chiiki, a.soshiki, a.toiawase, a.siteMap,
input.submit {
  vertical-align: middle;
}
input#search-box {
  float: left;
  width: 123px;
  border: 1px solid #9eacd3;
}
#commonBanner .lowerMenu form,
input#search-button {
  background: #006600; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNjYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYzdjMTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #006600 0%, #1c7c15 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#006600), color-stop(100%,#1c7c15)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #006600 0%,#1c7c15 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #006600 0%,#1c7c15 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #006600 0%,#1c7c15 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #006600 0%,#1c7c15 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff006600', endColorstr='#ff1c7c15',GradientType=0 ); /* IE6-8 */
  zoom: 1;	/* IE7 gradient */
  _background: #006600;
}
#commonBanner .lowerMenu form {
  float: left;
}
input#search-button {
  float: left;
  border: none;
  color: #fff;
  font-weight: bold;
  cursor: pointer;
}
#commonBanner .lowerMenu form:hover,
input#search-button:hover {
  background: #1c7c15;
}

/* google-translate
---------------------- */
#google_translate_element {
  display: inline-block;
  /display: inline;
  /zoom: 1;
  height: 24px;
  margin-bottom: 8px;
  padding: 1px 8px 3px;
  border-radius: 0 0 5px 5px;
  background: #e9f2bb;
  color: #000000;
  font-weight: bold;
  text-decoration: none;
}

/* soshiki
---------------------- */
.lowerMenu .soshiki {
  display: inline-block;
  /display: inline;
  /zoom: 1;
  margin-left: 10px;
  padding: 0;
}

/* otoiawase
---------------------- */
a.toiawase {
  display: inline-block;
  /display: inline;
  /zoom: 1;
  margin: 0px 0px 0px 5px;
  padding-left: 5px;
  border-left: 1px dashed #555555;
  line-height: 2;
}

/* sitemap
---------------------- */
a.siteMap {
  display: inline-block;
  /display: inline;
  /zoom: 1;
  margin: 0px 0px 0px 5px;
  padding-left: 5px;
  border-left: 1px dashed #555555;
  line-height: 2;
}

/* global navi
----------------------------------------------- */
#globalNavi {
  zoom: 1;
  display: block;
  width: 100%;
  margin-bottom: 10px;
}
#globalNavi:before,
#globalNavi:after {
  content: "";
  display: table;
}
#globalNavi:after {
  clear: both;
}
#globalNavi li {
  float: left;
  width: 16.4%;
  border-right: 1px solid #ffffff;
  background: #89d56c; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg5ZDU2YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWZkY2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #89d56c 0%, #eefdcb 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#89d56c), color-stop(100%,#eefdcb)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #89d56c 0%,#eefdcb 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #89d56c 0%,#eefdcb 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #89d56c 0%,#eefdcb 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #89d56c 0%,#eefdcb 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff89d56c', endColorstr='#ffeefdcb',GradientType=0 ); /* IE6-8 */
  zoom: 1;	/* IE7 gradient */
  _background: #89d56c;
  text-align: center;
  cursor: pointer;
}
#globalNavi li:hover {
  background: #479612; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ3OTYxMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4OWQ1NmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #479612 0%, #89d56c 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#479612), color-stop(100%,#89d56c)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #479612 0%,#89d56c 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #479612 0%,#89d56c 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #479612 0%,#89d56c 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #479612 0%,#89d56c 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff479612', endColorstr='#ff89d56c',GradientType=0 ); /* IE6-8 */
  zoom: 1;	/* IE6-7 gradient */
}
#globalNavi li.safety {
  border-right: none;
}
#globalNavi li.administration {
  width: 17.3%;
  /width: 17%;
}
#globalNavi li a {
  display: block;
  padding: 5px 0;
  color: #000000;
  font-size: 110%;
  font-weight: bold;
  text-decoration: none;
}
#globalNavi li a:hover {
  _background: #479612;
}
#globalNavi li a span {
  display: block;
  padding: 3px 0;
  box-shadow: 0 3px 3px -1px rgba(0,102,0,0.2);
  cursor: pointer;
}
#globalNavi li:hover a span {
  box-shadow: 0 3px 3px -1px rgba(0,0,0,0.2);
}

/* global navi active
----------------------------------------------- */
#page-top #globalNavi li.top,
#globalNavi li.current,
#globalNavi li.current:hover {
  background: #006600; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNjYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYzdjMTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #006600 0%, #1c7c15 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#006600), color-stop(100%,#1c7c15)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #006600 0%,#1c7c15 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #006600 0%,#1c7c15 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #006600 0%,#1c7c15 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #006600 0%,#1c7c15 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff006600', endColorstr='#ff1c7c15',GradientType=0 ); /* IE6-8 */
  zoom: 1;	/* IE7 gradient */
  _background: #006600;
}
#page-top #globalNavi li.top a,
#globalNavi li.current a,
#globalNavi li.current:hover a {
  background: url("./images/bg-globalnavi.png") left top no-repeat;
  _background: #006600;
  color: #fff;
}
#globalNavi li.current a:hover {
  _background: #006600;
}
#page-top #globalNavi li.top a span,
#globalNavi li.current a span,
#globalNavi li.current:hover a span {
  box-shadow: 0 3px 3px -1px rgba(0,0,0,0.5);
}

/* footer
----------------------------------------------- */
/* address
---------------------- */
#address {
  padding:10px 5px;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}

/* footer-navi
---------------------- */
#footerNavi {
  width: 100%;
}
#footerNavi .pieceBody {
  padding: 10px 0;
  text-align: center;
}
#footerNavi img {
  margin-left: 5px;
  vertical-align: middle;
}

/* copyright
---------------------- */
#copyright {
  width: 100%;
  background: #006600;
}
#copyright .pieceBody {
  padding: 4px 0;
  text-align: center;
  color: #ffffff;
}
#copyright img {
  margin-left: 5px;
  vertical-align: middle;
}
#copyright a {
  color: #fff;
}

/* breadCrumbs
----------------------------------------------- */
#breadCrumbs {
  clear: both;
  margin: 7px 4px 0;
  line-height: 1.3;
}
#breadCrumbs .direction {
  margin: 0;
}
#pageTop {
  text-align: right;
}

/* calendar
----------------------------------------------- */
#calendarDailyLinks {
  width: 170px;
}
* html .calender {
  height: 1%;
}
#calendarDailyLinks .pieceContainer,
#calendar .pieceContainer {
  position: relative;
  width: 100%;
  background-image:url("./images/calendar-top.gif");
  background-repeat: no-repeat;
  background-position: left top;
}
#menu #calendar .pieceHeader,
#links #calendar .pieceHeader ,
#content #calendar .pieceHeader ,
#menu #calendarDailyLinks .pieceHeader ,
#links #calendarDailyLinks .pieceHeader ,
#content #calendarDailyLinks .pieceHeader {
  width: 100%;
  margin: 0;
  padding: 20px 0 0;
}
#menu #calendar .pieceHeader h2,
#links #calendar .pieceHeader h2,
#content #calendar .pieceHeader h2,
#menu #calendarDailyLinks .pieceHeader h2,
#links #calendarDailyLinks .pieceHeader h2,
#content #calendarDailyLinks .pieceHeader h2 {
  padding: 0 0 5px 0;
  background: #006600;
  color: #ffffff;
  font-size: 100%;
  text-indent: 2.7em;
}
#calendar .pieceBody ,
#calendarDailyLinks .pieceBody {
  margin: 0;
  padding: 0;
  border: 1px solid #999999;
  border-top: none;
  zoom: 1;
}
#calendar .calendar ,
#calendarDailyLinks .calendar {
  float: left;
  width: 162px;
  padding: 5px 0 0 6px;
  font-weight: bold;
}
#calendar .links ,
#calendarDailyLinks .links {
  clear: both;
  padding: 5px 0 10px;
  font-size: 90%;
  text-align: center;
}
.calendar .wdays:before,
.calendar .wdays:after,
.calendar .days .week:before
.calendar .days .week:after {
  content: "";
  display: table;
}
.calendar .wdays:after,
.calendar .days .week:after {
  clear: both;
}
.calendar .wdays,
.calendar .days .week {
  zoom: 1;
}
#calendar .calendar .wdays .wday ,
#calendarDailyLinks .calendar .wdays .wday {
  display: block;
  float: left;
  width: 17px;
  _width: 21px;
  padding: 2px;
  _padding: 2px 0;
  border-top: solid 1px #aaaaaa;
  border-right: solid 1px #aaaaaa;
  border-bottom: solid 1px #aaaaaa;
  /*
  background-color: #eee;
  */
  background-color: #d9d9d9;
  text-align: center;
}
#calendar .calendar .wdays .wday.sun,
#calendarDailyLinks .calendar .wdays .wday.sun {
  /*
  background-color: #f7e8ef;
  color: #ee0000;
  */
  background-color: #fcd5b4;
  color: #f00;
}
#calendar .calendar .wdays .wday.sat,
#calendarDailyLinks .calendar .wdays .wday.sat {
  /*
  background-color: #eaf4fe;
  color: #3366ff;
  */
  background-color: #daeef3;
  color: #00aaf0;
}
#calendar .calendar .days .day ,
#calendarDailyLinks .calendar .days .day {
  display: block;
  float: left;
  width: 17px;
  _width: 21px;
  padding: 2px;
  _padding: 2px 0;
  border-right: solid 1px #aaaaaa;
  border-bottom: solid 1px #aaaaaa;
  text-align: center;
}
#calendar .calendar .wdays .sun ,
#calendar .calendar .days .sun ,
#calendarDailyLinks .calendar .wdays .sun ,
#calendarDailyLinks .calendar .days .sun {
  border-left: solid 1px #aaaaaa;
}
#calendar .calendar .days .sat ,
#calendarDailyLinks .calendar .days .sat {
  color: #3366ff;
}
#calendar .calendar .days .sun ,
#calendar .calendar .days .holiday ,
#calendarDailyLinks .calendar .days .sun ,
#calendarDailyLinks .days .holiday {
  color: #ff0000;
}
.january, .february, .march, .april, .may, .june, .july, .august, .september, .october, .november, .december {
  position: absolute;
  /*left: 10px;*/
  right: 133px;
  top: 20px;
  background-repeat: no-repeat;
  background-position: 10px center;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}
.calendar .prevMonth, .calendar .nextMonth {
  overflow: hidden;
  text-indent: -9999px;
}
.calendar a.prevMonth, .calendar a.nextMonth {
  background-color: #fff !important;
}
#calendarDailyLinks .links .pagination {
   text-align: center;
}
.links a.prevMonth {
  padding-left: 13px;
  background-image: url("./images/ic-calendar_back.gif");
  background-repeat: no-repeat;
  background-position: 12% center;
}
.links a.nextMonth {
  padding-right:13px;
  background-image: url("./images/ic-arrow.gif");
  background-repeat: no-repeat;
  background-position: 88% center;
}
#calendar .calendar .week a,
#calendarDailyLinks .calendar .week a {
  background: #e6ffe6;
}

/* piece
----------------------------------------------- */
.piece {
  margin-bottom: 5px;
}
#footer .piece {
  margin-bottom: 0;
}

/* ad-banner
----------------------------------------------- */
#adBanner {
  border: 3px solid #d7ead7;
  border-radius: 5px;
  zoom: 1;
}
#adBanner .pieceHeader {
  background: #d7ead7;
}
#links #adBanner ul, #menu #adBanner ul  {
  margin: 0;
  padding: 5px 5px 0;
  border-radius: 0 0 5px 5px;
}
#links #adBanner li, #menu #adBanner li {
  margin: 0;
  padding: 0;
  background: none;
}
#adBanner a {
  display: block;
  margin-bottom: 5px;
  /margin-bottom: 0;
}
#adBanner .blank a,
#footerAdBanner .blank a {
  display: block;
  width: 150px;
  height: 50px;
  border: 1px solid black;
  color: #000000;
  text-decoration: none;
  text-align: center;
}
#adBanner .blank a p,
#footerAdBanner .blank a p {
  padding-top: 15px;
}
#adBanner img {
  margin: 0;
}


/* footer-ad-banner
----------------------------------------------- */
#footerAdBanner {
  padding: 10px 0 0;
  border-top: 1px solid #006600;
}
#footerAdBanner .pieceHeader:before,
#footerAdBanner .pieceHeader:after {
  content: "";
  display: table;
}
#footerAdBanner .pieceHeader:after {
  clear: both;
}
#footerAdBanner .pieceHeader {
  zoom: 1;
}
#footerAdBanner .pieceHeader h2 {
  float: left;
}
#footerAdBanner .pieceHeader a {
  float: left;
  margin: 0 0 10px 10px;
  padding-left: 8px;
  background: url("./images/ic-arrow.gif") left center no-repeat;
}
#footerAdBanner ul {
  padding: 0;
}
#footerAdBanner li {
  display: inline-block;
  /display: inline;
  /zoom: 1;
  padding: 0;
  background: none;
}
#footerAdBanner .pieceBody  a {
  display: block;
  margin: 0 5px 5px 0;
}

/* footer-ad-bannerP
----------------------------------------------- */
#pageAd {
  padding: 5px 0 5px 0;
}
#pageAd #footerAdBanner {
  padding: 0px 0 0;
  border: 3px solid #d7ead7;
  border-radius: 5px;
  zoom: 1;
}
#pageAd #footerAdBanner .pieceHeader {
  background: #d7ead7;
}
#pageAd #footerAdBanner .pieceHeader a {
  float: left;
  margin: 0 0 10px 10px;
  padding-top: 2px;
  padding-left: 8px;
  background: url("./images/ic-arrow.gif") left center no-repeat;
}

#pageAd li a {
  display: inline-block;
  width: 150px;
  height: 50px;
  vertical-align: middle;

}
#pageAd .blank a {
  display: inline-block;
  width: 150px;
  height: 50px;
  border: 1px solid black;
  color: #000000;
  text-decoration: none;
  text-align: center;
}
#pageAd .blank a p {
  padding-top: 15px;
}
#adBannerP img,
#adBannerP gif {
  margin: 0;
}



/* page-title
----------------------------------------------- */
*html #pageTitle {
  height: 0;
}
#pageTitle .pieceContainer {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #ccc;
  background-color: #fff;
  background-image: url("./images/pagetitle-h1.jpg");
  background-repeat: no-repeat;
  background-position: right top;
}
#pageTitle h1 {
  padding: 12px 0 8px 10px;
  font-weight: bold;
  font-size: 180%;
}

/* side-list
----------------------------------------------- */
#menu .pieceHeader,
#links .pieceHeader {
  padding: 2px 4px;
}
#menu .pieceHeader h2,
#links .pieceHeader h2 {
  font-size: 120%;
  font-weight: bold;
}
#links ul,
#menu ul {
  padding: 5px 5px 0;
  border-radius: 0 0 5px 5px;
}
#links li,
#menu li {
  padding: 0 0 5px 8px;
  background-image: url("./images/ic-arrow.gif");
  background-repeat: no-repeat;
  background-position: left 0.45em;
}
#yoichi, #pickup, #usefulInformation, #mayor, #about, #cityOffice, #onlineService, #population{
  border: 3px solid #e9f2bb;
  border-radius: 5px;
  zoom: 1;
}
#pickup .pieceHeader,
#usefulInformation .pieceHeader,
#cityOffice .pieceHeader,
#onlineService .pieceHeader,
#population caption {
  background: #e9f2bb;
}

#yoichi .ho ul{
display:none;
}
#yoichi .ho:hover ul{
display:block;
}

/* Doc Tabs
--------------------------------------------------------- */
#docTab {
  margin-bottom: 15px;
}

/* tabs
------------------------------------- */
#docTabPortal .tabs,
#docTab .tabs {
  width: 100%;
  zoom: 1;
}
#docTabPortal .tabs:before,
#docTabPortal .tabs:after,
#docTab .tabs:before,
#docTab .tabs:after {
  content: "";
  display: table;
}
#docTabPortal .tabs:after,
#docTab .tabs:after {
  clear: both;
}
#docTabPortal .tabs a,
#docTab .tabs a {
  display: inline-block;
  /display: inline;
  float: left;
  width: 16%;
  padding: 5px 0;
  border-top: 1px solid #999;
  border-right: 1px solid #fff;
  background: #89d56c; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg5ZDU2YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWZkY2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #89d56c 0%, #eefdcb 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#89d56c), color-stop(100%,#eefdcb)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #89d56c 0%,#eefdcb 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #89d56c 0%,#eefdcb 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #89d56c 0%,#eefdcb 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #89d56c 0%,#eefdcb 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff89d56c', endColorstr='#ffeefdcb',GradientType=0 ); /* IE6-8 */
  zoom: 1;	/* IE7 gradient */
  _background: #89d56c;
  font-weight: bold;
  color: #000;
  text-decoration: none;
  text-align: center;
}
#docTabPortal .tabs a.news,
#docTab .tabs a.news {
  border-left: 1px solid #999;
  border-radius: 5px 0 0 0;
}
#docTabPortal .tabs a.event,
#docTab .tabs a.event {
  width: 16%;
}
#docTabPortal .tabs a.prevention,
#docTab .tabs a.prevention {
  width: 16%;
  border-right: 1px solid #999;
  border-radius: 0 5px 0 0;
  background: #ff99c2; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmOTljMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmNjZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #ff99c2 0%, #ffccff 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff99c2), color-stop(100%,#ffccff)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #ff99c2 0%,#ffccff 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #ff99c2 0%,#ffccff 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #ff99c2 0%,#ffccff 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #ff99c2 0%,#ffccff 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff99c2', endColorstr='#ffccff',GradientType=0 ); /* IE6-8 */
  zoom: 1;	/* IE7 gradient */
  _background: #ff99c2;
  color: #000;
}
#docTabPortal .tabs a:hover,
#docTab .tabs a:hover {
  background: #479612; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ3OTYxMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4OWQ1NmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #479612 0%, #89d56c 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#479612), color-stop(100%,#89d56c)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #479612 0%,#89d56c 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #479612 0%,#89d56c 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #479612 0%,#89d56c 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #479612 0%,#89d56c 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff479612', endColorstr='#ff89d56c',GradientType=0 ); /* IE6-8 */
  zoom: 1;	/* IE7 gradient */
  _background: #479612;
  color: #000;
}
#docTabPortal .tabs a.prevention:hover,
#docTab .tabs a.prevention:hover {
  background: #ff6aa2; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmNmFhMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmE5ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #ff6aa2 0%, #ffa9e8 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff6aa2), color-stop(100%,#ffa9e8)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #ff6aa2 0%,#ffa9e8 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #ff6aa2 0%,#ffa9e8 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #ff6aa2 0%,#ffa9e8 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #ff6aa2 0%,#ffa9e8 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6aa2', endColorstr='#ffa9e8',GradientType=0 ); /* IE6-8 */
  zoom: 1;	/* IE7 gradient */
  _background: #ff6aa2;
  color: #000;
}
#docTabPortal .tabs a.current,
#docTab .tabs a.current,
#docTabPortal .tabs a.current:hover,
#docTab .tabs a.current:hover {
  background: #006600; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNjYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYzdjMTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #006600 0%, #1c7c15 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#006600), color-stop(100%,#1c7c15)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #006600 0%,#1c7c15 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #006600 0%,#1c7c15 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #006600 0%,#1c7c15 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #006600 0%,#1c7c15 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff006600', endColorstr='#ff1c7c15',GradientType=0 ); /* IE6-8 */
  zoom: 1;	/* IE7 gradient */
  _background: #006600;
  color: #fff;
}
#docTabPortal .tabs a.current.prevention,
#docTab .tabs a.current.prevention,
#docTabPortal .tabs a.current.prevention:hover,
#docTab .tabs a.current.prevention:hover {
  background: #b6002b; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I2MDAyYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjMjFlNTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #b6002b 0%, #c21e53 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b6002b), color-stop(100%,#c21e53)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #b6002b 0%,#c21e53 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #b6002b 0%,#c21e53 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #b6002b 0%,#c21e53 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #b6002b 0%,#c21e53 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b6002b', endColorstr='#c21e53',GradientType=0 ); /* IE6-8 */
  color: #fff;
}

/* IE6
------------------------------------- */
#docTabPortal .tabs .prevention-tab .prevention,
#docTab .tabs .prevention-tab .prevention {
  _background: #ff99c2;
  _color: #000;
}
#docTabPortal .tabs .prevention-tab .prevention:hover,
#docTab .tabs .prevention-tab .prevention:hover {
  _background: #ff6aa2;
  _color: #000;
}
#docTabPortal .tabs .prevention-tab .current,
#docTab .tabs .prevention-tab .current,
#docTabPortal .tabs .prevention-tab .current:hover,
#docTab .tabs .prevention-tab .current:hover {
  _background: #b6002b;
  _color: #fff;
}

/* IE9
------------------------------------- */
#docTabPortal .tabs a:not(:target){ filter: none\9; }
#docTab .tabs a:not(:target){ filter: none\9; }
#docTabPortal .tabs a.prevention:not(:target){ filter: none\9; }
#docTab .tabs a.prevention:not(:target){ filter: none\9; }
#docTab .tabs a:not(:target){ filter: none\9; }
#docTabPortal .tabs a:hover:not(:target){ filter: none\9; }
#docTab .tabs a:hover:not(:target){ filter: none\9; }
#docTabPortal .tabs a.prevention:hover:not(:target){ filter: none\9; }
#docTab .tabs a.prevention:hover:not(:target){ filter: none\9; }
#docTabPortal .tabs a.current:not(:target){ filter: none\9; }
#docTab .tabs a.current:not(:target){ filter: none\9; }
#docTabPortal .tabs a.prevention.current:not(:target){ filter: none\9; }
#docTab .tabs a.current.prevention:not(:target){ filter: none\9; }

/* content
------------------------------------- */
#docTabPortal .wrapper,
#docTab .wrapper {
  clear: both;
  margin: 0;
  border: 1px solid #999999;
}
#docTabPortal .content,
#docTab .content {
  clear: both;
  height: auto !important;
  min-height: 100px;
  padding: 0 0 10px;
}
#docTabPortal .content ul,
#docTab .content ul {
  padding: 8px 12px 8px 7px;
}
#docTabPortal .content li,
#docTab .content li {
  margin: 0;
  padding: 0 0 5px 10px;
  background-image: url("./images/ic-list.gif");
  background-repeat: no-repeat;
  background-position: left 0.4em;
}

/* links
------------------------------------- */
#docTabPortal .links .news, #docTabPortal .links .event, #docTabPortal .links .administration, #docTabPortal .links .tender, #docTabPortal .links .prevention,
#docTab .links .news, #docTab .links .event, #docTab .links .administration, #docTab .links .tender, #docTab .links .prevention {
  padding: 6px 20px 6px 15px;
  background: #e9f2bb;
}
#docTabPortal .links .feed,
#docTab .links .feed {
  position: static;
  float: left;
}
#docTabPortal .links .feed a,
#docTab .links .feed a {
  text-decoration: underline;
}
#docTabPortal .links .more, .links .more {
  text-align: right;
}
#docTabPortal .links .more a,
#docTab .links .more a {
  padding-left: 8px;
  background: url("./images/ic-arrow.gif") left center no-repeat;
  overflow: hidden;
}

/* bn-faq
------------------------------------- */
#bnFaq {
  border: 1px solid #999999;
  height: 50px;
  background: #9966cc; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk5NjZjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1ZDI1N2YiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #9966cc 0%, #5d257f 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9966cc), color-stop(100%,#5d257f)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #9966cc 0%,#5d257f 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #9966cc 0%,#5d257f 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #9966cc 0%,#5d257f 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #9966cc 0%,#5d257f 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9966cc', endColorstr='#ff5d257f',GradientType=0 ); /* IE6-8 */
  zoom: 1;	/* IE7 gradient */
  _background: #5d257f;
}
#bnFaq a {
  display: block;
  padding: 15px 0 15px 28px;
  background: url("./images/ic-faq.png") 4px 50% no-repeat;
  color: #fff;
  font-size: 110%;
  font-weight: bold;
  text-decoration: none;
}

/* bn-earthquake
------------------------------------- */
#bnEarthquake {
  border: 1px solid #cdc205;
  background: #eae592; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhZTU5MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjMGM0MTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #eae592 0%, #c0c419 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eae592), color-stop(100%,#c0c419)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #eae592 0%,#c0c419 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #eae592 0%,#c0c419 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #eae592 0%,#c0c419 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #eae592 0%,#c0c419 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffeae592', endColorstr='#ffc0c419',GradientType=0 ); /* IE6-8 */
  zoom: 1;	/* IE7 gradient */
  _background: #eae592;	/* IE6 */
}
#bnEarthquake a {
  display: block;
  padding: 25px 0;
  color: #000;
  font-size: 110%;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
}

/* bn-assembly
------------------------------------- */
#bnAssembly {
  border: 1px solid #999;
  background: url("./images/bg-repeat_gikai.gif") left top repeat-y;
}
#bnAssembly a {
  display: block;
  padding: 15px 5px 15px 70px;
  background: url("./images/bg-gikai.jpg") 5px 5px no-repeat;
  color: #000;
  font-weight: bold;
  text-decoration: none;
}

/* bnRiverWatching
------------------------------------- */
#bnRiverWatching {
  border: 1px solid #999999;
  text-align: center;
}
#bnRiverWatching {
  background: #e3f5ff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UzZjVmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4OGRjZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #e3f5ff 0%, #88dcff 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3f5ff), color-stop(100%,#88dcff)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #e3f5ff 0%,#88dcff 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #e3f5ff 0%,#88dcff 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #e3f5ff 0%,#88dcff 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #e3f5ff 0%,#88dcff 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3f5ff', endColorstr='#88dcff',GradientType=0 ); /* IE6-8 */
  zoom: 1;	/* IE7 gradient */
  _background: #e3f5ff;
}
#bnRiverWatching a {
  display: block;
  padding: 10px 0;
  color: #000000;
  font-weight: bold;
  text-decoration: none;
}

/* btn-print
------------------------------------- */
#btnPrint {
  font-size: 90%;
  text-align: right;
}
#btnPrint input {
  cursor: pointer;
}
#page-docs-index #btnPrint {
  display: none;
}

/* bn-fire
------------------------------------- */
#bnFire {
  border: 2px solid #ffbb77;
  background: url("./images/bg-repeat_fire.gif") left top repeat-y;
}
#bnFire a {
  display: block;
  padding: 7px 30px 7px 15px;
  background: url("./images/bg-fire.jpg") center right no-repeat;
  color: #000;
  font-weight: bold;
  line-height: 120%;
  text-decoration: none;
}

/* bn-sightseeing
------------------------------------- */
#bnSightseeing {
  border: 2px solid #dac499;
  background: #eadfcb;
}
#bnSightseeing a {
  display: block;
  padding: 7px 30px 7px 15px;
  background: url("./images/ic-yoichi.gif") center right no-repeat;
  color: #000;
  font-weight: bold;
  line-height: 120%;
  text-decoration: none;
}

/* bn-voice
------------------------------------- */
#bnVoice a {
  display: block;
  padding: 7px 30px 6px 15px;
  background: url("./images/bg-voice.png") center right no-repeat;
  color: #000;
  font-weight: bold;
  line-height: 120%;
  text-decoration: none;
}

/* bn-wifi
------------------------------------- */
#bnWifi a {
  display: block;
  padding: 8px 30px 7px 15px;
  background: url("./images/bg-wifi.png") center right no-repeat;
  color: #000;
  font-weight: bold;
  line-height: 120%;
  text-decoration: none;
}

/* bn-youtube
------------------------------------- */
#bnYoutube {
  hight: 50px;
  border: 2px solid #e52d27;
}

#bnYoutube a {
  display: block;
  padding: 8px 5px 8px 75px;
  background: url("./images/bg-youtube.png") center left no-repeat;
  color: #000;
  font-weight: bold;
  line-height: 120%;
  text-decoration: none;
}

/* bn-facebook
------------------------------------- */
#bnFacebook {
  hight: 50px;
  border: 2px solid #3B5998;
}

#bnFacebook a {
  display: block;
  padding: 10px 0 10px 45px;
  background: url("./images/bg-facebook.png") center left no-repeat;
  color: #3B5998;
  font-size: 11px;
  font-weight: bold;
  line-height: 120%;
  text-decoration: none;
}

/* bn-wara
------------------------------------- */
#bnWara {
  hight: 50px;
  border: 2px solid #DF0623;
}

#bnWara a {
  display: block;
  padding: 12px 0 12px 60px;
  background: url("./images/bg-ohta-wara-shi.png") center left no-repeat;
  color: #000000;
  font-size: 11px;
  font-weight: bold;
  line-height: 120%;
  text-decoration: none;
}

/* bn-twitter
------------------------------------- */
#bnTwitter {
  hight: 50px;
  border: 2px solid #55acee;
}

#bnTwitter a {
  display: block;
  padding: 8px 0 27px 45px;
  background: url("./images/bg-twitter.png") center left no-repeat;
  color: #55acee;
  font-size: 10.5px;
  font-weight: bold;
  line-height: 120%;
  text-decoration: none;
}

/* bn-mynum
------------------------------------- */
#bnMynum {
  border: 1px solid #999999;
  background: #F0F0F0; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */

  background: -moz-linear-gradient(top,  #F0F0F0 0%, #B4B4B4 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F0F0F0), color-stop(100%,#B4B4B4)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #F0F0F0 0%,#B4B4B4 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #F0F0F0 0%,#B4B4B4 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #F0F0F0 0%,#B4B4B4 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #F0F0F0 0%,#B4B4B4 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F0F0F0', endColorstr='#B4B4B4',GradientType=0 ); /* IE6-8 */
  zoom: 1;/* IE7 gradient */
  _background: #F0F0F0;
}
#bnMynum a {
  background: url("./images/bg-mynum.png") center left no-repeat;
  display: block;
  padding: 9px 1px 9px 31px;
  color: #000;
  line-height: 120%;
  font-weight: bold;
  text-decoration: none;
}