@charset "UTF-8";
html, body {
  height: 100%;
}

body {
  font: 100%/1.4 Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
  color: #333;
  font-size: 0.9em;
  margin: 0;
  overflow: auto;
}

td, th {
  color: #333;
}

.acdMenuBlue caption {
  display: block;
  left: -9999px;
  position: absolute;
}

a {
  color: #0455a0;
  text-decoration: underline;
}
a:hover, a:active {
  color: #067deb;
  text-decoration: none;
}

/* →アイコン */
.link-icon {
  padding-left: 10px;
  background: url(../../images/cmn/icon-allow_blue_s.png) left 5px no-repeat;
}

/* ~~ エレメント / タグセレクター / 共通CSS ~~ */
img {
  /*    max-width: 100%;*/
  height: auto;
  /*IE8のみ適用*/
  /*    width /****/
  /*:auto;*/
  border: 0;
  vertical-align: middle;
}

ul, ol, dl {
  padding: 0;
  margin: 0;
}

li {
  list-style: initial;
}

h1, h2, h3, h4, h5, h6, p, label, legend {
  margin: 0;
  padding: 0;
}

a img {
  border: none;
}

.print-image {
  display: none;
}

.container {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  float: left;
  background-position: center bottom;
  background-repeat: no-repeat;
  position: relative;
  height: auto !important;
  /*IE6対策*/
  height: 100%;
  /*IE6対策*/
  min-height: 100%;
}

@media all and (-ms-high-contrast: none) {
  /*for gte ie10*/
  .under .container {
    overflow: visible;
    zoom: 1;
  }
}
.page-contents {
  padding-bottom: 290px;
}

.under .page-contents {
  width: 1000px;
  margin: 0 auto 150px;
  display: block;
}
.under .page-contents:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0em;
  clear: both;
  visibility: hidden;
}
.under * html .page-contents {
  height: 1%;
}
.under *:first-child + html .page-contents {
  display: inline-block;
}

.wrapper {
  width: 1000px;
  margin: 0 auto;
}

.wrapperContents {
  float: left;
  width: 100%;
  margin-bottom: 30px;
}

/************************ 見出し装飾 **************************/
h4 {
  background: url(../../images/cmn/h4_bg.gif) repeat-x bottom;
  padding: 0 5px 2px 5px;
  margin: 20px 0 5px 0;
}

/* ~~ ヘッダー ~~ */
header {
  /*	background: #ADB96E;*/
}

.hide {
  display: none !important;
  margin: 0;
  padding: 0;
}

.skip {
  display: block;
  left: -9999px;
  position: absolute;
}

.show {
  background-color: #000;
  color: #fff;
  left: 0 !important;
}

/************************ generic class **************************/
.mb10 {
  margin-bottom: 10px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.br3 {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.br4 {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.br10 {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.bgWhite_07 {
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#B3FFFFFF', endColorstr='#B3FFFFFF');
  background: transparent;
  background: rgba(255, 255, 255, 0.7);
}
:root .bgWhite_07 {
  filter: none\0/IE9;
}

.floatL {
  float: left;
}

.floatR {
  float: right;
}

/************************ Clear [Start] **************************/
.clearfix {
  display: inline-block;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0em;
  clear: both;
  visibility: hidden;
}

/* Hides from IE Mac */
* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}

/* End Hack */
/* Clear [End] */
/************************ リスト横並び（縦線入り） **************************/
ul.listLineBlack {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
ul.listLineBlack li {
  float: left;
  margin: 7px 0;
  padding: 0 15px;
  border-right: 1px solid #333;
  line-height: 100%;
  /* ie8 :last-child疑似クラス対応*/
  border-right: expression((this.__isLastChild = (this.parentNode.children.item(this.parentNode.children.length-1) == this))?'none':"!important");
}
ul.listLineBlack li:last-child {
  border-right: none !important;
}
ul.listLineWhite {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
ul.listLineWhite li {
  float: left;
  margin: 7px 0;
  padding: 0 15px;
  border-right: 1px solid #fff;
  line-height: 100%;
  /* ie8 :last-child疑似クラス対応*/
  border-right: expression((this.__isLastChild = (this.parentNode.children.item(this.parentNode.children.length-1) == this))?'none':"!important");
}
ul.listLineWhite li:last-child {
  border-right: none !important;
}

/*標準ol ul dtのリセット*/
.content ul.listLineContent {
  margin-left: 5px;
}

ul.listLineContent {
  padding: 0 5px;
  margin-bottom: 10px;
  display: inline-block;
}
ul.listLineContent li {
  padding: 0 0.5em 0 0;
  margin: 0 0.5em 5px 0;
  border-right: 1px solid #ccc;
  display: block;
  white-space: nowrap;
  float: left;
  /* ie8 :last-child疑似クラス対応*/
  border-right: expression((this.__isLastChild = (this.parentNode.children.item(this.parentNode.children.length-1) == this))?'none':"!important");
}
ul.listLineContent li:last-child {
  border-right: none !important;
}

/************************ リンク文字を黒文字にする **************************/
.linkColorBlack a {
  color: #000;
}

/************************ リンク文字を白文字にする **************************/
.linkColorWhite a {
  color: #fff;
}

/************************ 回り込み **************************/
.floatRight {
  float: right;
}

.floatLeft {
  float: left;
}

/************************ 整列 **************************/
.alL {
  text-align: left !important;
}

.alR {
  text-align: right !important;
}

.alC {
  text-align: center !important;
}

/************************ margin,padding **************************/
.mt20 {
  margin-top: 20px !important;
}

/************************ フォント装飾 **************************/
.textL {
  font-size: 1.5em;
}

.textBold {
  font-weight: bold;
}

/************************ header関連 [Start] **************************/
.page-header {
  padding-top: 15px;
}

/* ヘッダー周りの左寄せ */
.headLeft {
  float: left;
  width: 50%;
  margin-top: -2px;
}

.cmn_Logo_top {
  margin: 50px 0 0 0;
}

.cmn_Logo {
  margin: 30px 0 30px;
  float: left;
  width: 50%;
}
.cmn_Logo img {
  width: 420px;
}

.under .cmn_Logo {
  margin: 10px 0 20px;
  width: 30%;
}
.under .cmn_Logo img {
  width: auto;
}

.emergency .cmn_Logo img {
  width: auto;
}

.headMessage {
  background: url(../../images/cmn/cmn_charcter.png) no-repeat;
  width: 105px;
  height: 120px;
  display: block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  border: 0;
  margin: 0;
  padding: 0;
  float: left;
}

/************************ アクセシビリティツールエリア **************************/
.accessToolArea {
  font-size: 0.9em;
  text-align: right;
}

.accessToolBtn li {
  margin: 0 0 3px;
  padding: 2px 3px 0;
  font-size: 0.9em;
  border: 1px solid #999;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  line-height: 1.5;
}
.accessToolBtn li.last {
  margin-right: 0;
}
.accessToolBtn .header {
  font-size: 1em;
  border: none;
  margin: 0 0 0 5px;
  display: inline;
}
.accessToolBtn .header.first {
  margin: 0;
  padding: 0;
}
.accessToolBtn .header.first:after {
  content: "|";
}
.accessToolBtn .header a {
  text-decoration: underline;
  padding: 0 5px;
}
.accessToolBtn .header a:hover {
  color: #067deb;
}
.accessToolBtn .accessToolBtn-link {
  text-decoration: none;
}
.accessToolBtn .accessToolBtn-link:hover {
  text-decoration: underline;
  color: #067deb;
}

.lte-ie8 .accessToolBtn li {
  text-align: right;
}
.lte-ie8 .accessToolBtn .header {
  margin-left: 3px;
}
.lte-ie8 .under .accessToolBtn {
  padding-left: 11px;
}
.lte-ie8 .emergency .accessToolBtn {
  padding-left: 22px;
}

.btnBgBlack {
  color: #FFFF00 !important;
  background-color: #000;
}

.btnBgBlue {
  color: #FFFF00 !important;
  background-color: #00F;
}

.btnBgyellow {
  color: #000000 !important;
  background-color: #FF0;
}

.btnBgWhite {
  background: #fff;
}

@-moz-document url-prefix() {
  .emergency .btnBgWhite:last-child {
    padding-left: 2px;
    padding-right: 2px;
  }
}
.btnBgBlack a, .btnBgBlue a {
  color: #FFFF00 !important;
}

.btnBgyellow a {
  color: #000000 !important;
}

/*************** リードスピーカー  ***************/
#xp1 {
  float: right;
  margin: 6px auto 20px;
}

.emergency #xp1 {
  margin: 0 auto 20px;
}

h1.rs_preserve {
  border: none;
}

.rsbtn_pause:focus {
  outline: 0;
}

#rslightbox_content legend {
  float: none;
  font-weight: normal;
  padding: 0;
  background: none;
}

/***************  ルビ振り  ***************/
.ruby.selected {
  display: inline;
}
.ruby.unselected {
  display: none;
}

.ruby-off {
  display: none;
}

/***************  外国語翻訳  ***************/
.ForeignLanguage-list {
  display: none;
}

.emergency .ForeignLanguage-list {
  position: relative;
  top: -22px;
}

.ForeignLanguage-item.google-translate {
  padding: 0;
  border: none;
}

/***************  検索 ***************/
.searchArea {
  float: right;
  margin: 10px 0 0 60px;
  padding: 0;
  white-space: nowrap;
}
.searchArea img {
  padding: 0 1px;
  vertical-align: middle;
}

.searchButton {
  vertical-align: middle;
  padding: 0 1px;
}

.searchBox {
  width: 200px;
  height: 18px;
}

.searchDetail {
  float: right;
  margin: 5px 0 0 0;
  padding: 0 0 0 10px;
  background: url(../../images/cmn/dot_blue.png) no-repeat;
  background-position: 0 4px;
  font-size: 0.9em;
}

.search-type .radiobuttonEm {
  display: none;
}
.search-type .label-item {
  color: #999;
  padding: 2px 10px 2px 20px;
  cursor: pointer;
}
.search-type .label-item:last-child {
  margin-right: 0;
}
.search-type .LabelSelected {
  color: #333;
  background: #efece1 url(../../images/cmn/icon_arrow_active.png) 10px center no-repeat;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}

.searchBox-index .box {
  border: 1px solid #ccc;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  float: left;
}

.under .searchBox-index {
  width: 400px;
  height: 30px;
  margin: 6px 0 10px;
  padding: 0;
  float: right;
}
.under .searchBox-index .searchbox-form {
  width: 400px;
}
.under .searchBox-index .box {
  border: 1px solid #ccc;
  width: 290px;
  height: 23px;
  font-size: 1em;
  padding: 0 0 0 1%;
}
.under .searchBox-index .btn {
  width: 100px;
  height: 23px;
  background: url(../../images/cmn/btn_search_S.png) left top no-repeat !important;
}
.under .searchBox-index .key {
  display: none;
}
.under .searchBox-index .article-searchField {
  display: none;
}
.under .searchBox-index .searchbox-form {
  width: 400px;
}
.under .search-type {
  width: auto;
}
.under .search-type .label-item {
  margin-right: 0;
}

.lte-ie8 .under .searchBox-index .box {
  height: 15px;
  padding-top: 5px;
  line-height: 1;
}

/* header関連 [End] */
/************************ レイアウト **************************/
.sidebar {
  float: left;
}

.content {
  padding: 0 10px 20px;
  margin-left: 230px;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#B3FFFFFF', endColorstr='#B3FFFFFF');
  background: transparent;
  background: rgba(255, 255, 255, 0.7);
  overflow: hidden;
}
:root .content {
  filter: none\0/IE9;
}

.content3clm, .emerContent3clm {
  padding: 0 10px 10px;
  margin: 0 210px 0 230px;
  overflow: hidden;
  background: #fff;
}

.emerContent3clm {
  margin: 0 0 0 230px;
}

.content1clm {
  padding: 10px;
  width: 98%;
  overflow: hidden;
  background: #fff;
}

aside.sidebarLeft {
  float: left;
  width: 210px;
  margin-left: -100%;
}
aside.sidebarRight {
  float: left;
  width: 190px;
  margin-left: -190px;
}

/************************ グローバルナビ **************************/
.global-nav {
  margin: 10px auto !important;
  z-index: 30000;
  -moz-transition: border-bottom 0.2s ease-in-out;
  -o-transition: border-bottom 0.2s ease-in-out;
  -webkit-transition: border-bottom 0.2s ease-in-out;
  transition: border-bottom 0.2s ease-in-out;
}
.global-nav.scroll {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  background: #f7f7ee;
  margin: 0 !important;
  border-bottom: 1px solid #ccc;
}
.global-nav.scroll .global-nav-list .first-level > a {
  padding: 20px 0;
}
.global-nav .global-nav-list {
  display: table;
  list-style-type: none;
  margin: 0 auto;
  padding: 0;
  width: 1000px;
}
.global-nav .global-nav-list .first-level {
  float: left;
  width: 19.8%;
  margin-right: 0.2%;
  display: inline-block;
  overflow: hidden;
  border-bottom: 5px solid #999;
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px;
  border-radius: 4px 4px 0 0;
}
.global-nav .global-nav-list .first-level:nth-child(1) {
  border-bottom-color: #ed7eaf;
}
.global-nav .global-nav-list .first-level:nth-child(1):hover, .global-nav .global-nav-list .first-level:nth-child(1).selected {
  background-color: #fdeef4;
}
.global-nav .global-nav-list .first-level.first {
  border-bottom-color: #ed7eaf;
}
.global-nav .global-nav-list .first-level.first:hover, .global-nav .global-nav-list .first-level.first.selected {
  background-color: #fdeef4;
}
.global-nav .global-nav-list .first-level:nth-child(2) {
  border-bottom-color: #67ba65;
}
.global-nav .global-nav-list .first-level:nth-child(2):hover, .global-nav .global-nav-list .first-level:nth-child(2).selected {
  background-color: #e1f1e0;
}
.global-nav .global-nav-list .first-level.nth-2n {
  border-bottom-color: #67ba65;
}
.global-nav .global-nav-list .first-level.nth-2n:hover, .global-nav .global-nav-list .first-level.nth-2n.selected {
  background-color: #e1f1e0;
}
.global-nav .global-nav-list .first-level:nth-child(3) {
  border-bottom-color: #f8b600;
}
.global-nav .global-nav-list .first-level:nth-child(3):hover, .global-nav .global-nav-list .first-level:nth-child(3).selected {
  background-color: #fff6df;
}
.global-nav .global-nav-list .first-level.nth-3n {
  border-bottom-color: #f8b600;
}
.global-nav .global-nav-list .first-level.nth-3n:hover, .global-nav .global-nav-list .first-level.nth-3n.selected {
  background-color: #fff6df;
}
.global-nav .global-nav-list .first-level:nth-child(4) {
  border-bottom-color: #009bdd;
}
.global-nav .global-nav-list .first-level:nth-child(4):hover, .global-nav .global-nav-list .first-level:nth-child(4).selected {
  background-color: #ddf5ff;
}
.global-nav .global-nav-list .first-level.nth-4n {
  border-bottom-color: #009bdd;
}
.global-nav .global-nav-list .first-level.nth-4n:hover, .global-nav .global-nav-list .first-level.nth-4n.selected {
  background-color: #ddf5ff;
}
.global-nav .global-nav-list .first-level:nth-child(5) {
  border-bottom-color: #9b93bd;
}
.global-nav .global-nav-list .first-level:nth-child(5):hover, .global-nav .global-nav-list .first-level:nth-child(5).selected {
  background-color: #e4e2ed;
}
.global-nav .global-nav-list .first-level.nth-5n {
  border-bottom-color: #9b93bd;
}
.global-nav .global-nav-list .first-level.nth-5n:hover, .global-nav .global-nav-list .first-level.nth-5n.selected {
  background-color: #e4e2ed;
}
.global-nav .global-nav-list .first-level:last-child {
  margin-right: 0;
}
.global-nav .global-nav-list .first-level.last {
  margin-right: 0;
}
.global-nav .global-nav-list .first-level > a {
  z-index: 40001;
}
.global-nav .global-nav-list .first-level a {
  display: block;
  padding: 10px 0 5px;
  margin: 0 2px 0 0;
  text-align: center;
  text-decoration: none;
  font-size: 1.35em;
  color: #333;
  width: 98.5%;
}
.global-nav .global-nav-list .first-level a:hover, .global-nav .global-nav-list .first-level a:active, .global-nav .global-nav-list .first-level a:focus {
  background-color: transparent;
  text-decoration: none;
}
.global-nav .global-nav-list .l-megamenu-list {
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  visibility: hidden;
  opacity: 1;
  width: 950px;
  padding: 2%;
  background: #fff;
  position: absolute;
  z-index: 30000;
  left: 0;
  right: 0;
  margin: auto;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 0 3px 4px #ccc;
  -webkit-box-shadow: 0 3px 4px #ccc;
  box-shadow: 0 3px 4px #ccc;
}
.global-nav .global-nav-list .l-megamenu-list:hover .global-nav .global-nav-list .first-level a {
  background-color: #fff;
}
.global-nav .global-nav-list .l-megamenu-item {
  display: inline-block;
  float: left;
  border-bottom: 1px dotted #ccc;
  margin: 0 50px 10px 0;
  width: 283px;
}
.global-nav .global-nav-list .l-megamenu-item:nth-child(3n) {
  margin-right: 0;
  float: right;
}
.global-nav .global-nav-list .l-megamenu-item.nth-3n {
  margin-right: 0;
  float: right;
}
.global-nav .global-nav-list .l-megamenu-item:last-child {
  margin-right: 0;
}
.global-nav .global-nav-list .l-megamenu-item a {
  color: #333;
  background: url(../../images/cmn/icon-allow_blue_s.png) left 15px no-repeat;
  font-size: 1em;
  font-weight: normal;
  text-align: left;
  margin: 0;
  padding: 10px;
}
.global-nav .global-nav-list .l-megamenu-item a:hover {
  background-color: #fff url(../../images/cmn/icon-allow_blue_s.png) left 50% no-repeat !important;
}
.global-nav .naviShadow {
  /*	background-color:#fff;*/
  position: relative;
  /* filterを使うと、中の要素まで効果がかかってしまう為、これで回避*/
}
.global-nav .ie_img {
  background-color: #fff;
  position: relative;
  /* filterを使うと、中の要素まで効果がかかってしまう為、これで回避*/
}
.global-nav ul a:hover, .global-nav ul a:active, .global-nav ul a:focus {
  background: #fff;
  text-decoration: none;
}
.global-nav ul li a.navBtnActv {
  background: #eeede5;
  text-decoration: none;
}

/* for safari */
_::-webkit-full-page-media, _:future, :root .global-nav.scroll .global-nav-list .l-megamenu-item a {
  color: #000;
}

/* 災害ページ */
.emergency .global-nav .global-nav-list .first-level {
  border-bottom: none;
}
.emergency .global-nav .global-nav-list .first-level a {
  width: auto;
  margin-right: 0;
  color: #fff;
  background: #0A67BE url(../../images/cmn/parts_separator_white.gif) right center no-repeat;
}
.emergency .global-nav .global-nav-list .first-level:hover {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.emergency .global-nav .global-nav-list .first-level:last-child a {
  background-image: none;
}
.emergency .global-nav .global-nav-list .first-level.last a {
  background-image: none;
}
.emergency .global-nav .global-nav-list .first-level:nth-child(1).selected {
  background-color: transparent;
}
.emergency .global-nav .global-nav-list .first-level:nth-child(1).selected a {
  background-color: #0d81ee;
}
.emergency .global-nav .global-nav-list .first-level.first.selected {
  background-color: transparent;
}
.emergency .global-nav .global-nav-list .first-level.first.selected a {
  background-color: #0d81ee;
}

/************************************ ローカルナビ タブレット以下用(PC時の非表示) **************************/
.DispMDL {
  display: none;
  clear: both;
  position: relative;
}

.DispPC {
  display: block;
}

/************************************ 新着情報・トピックス・イベント **************************/
.topNews {
  padding: 5px 5px;
  margin: 0;
  /*width: 100%;*/
}
.topNews dl {
  line-height: 1.5;
}
.topNews dt {
  background: url(../../images/cmn/icon-allow_blue_s.png) no-repeat left 7px;
  padding: 0 0 0 15px;
  float: left;
  clear: left;
  width: 25%;
  margin: 0 0 0.8em 0;
}
.topNews dd {
  float: left;
  width: 68%;
  margin: 0 0 0.8em 2%;
}

.under .topNews dl {
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
}
.under .topNews dt {
  width: 18%;
}
.under .topNews dd {
  width: 77%;
}
.under .content3clm .topNews dt {
  width: 25%;
}
.under .content3clm .topNews dd {
  width: 70%;
}

.emergency .topImportant dt, .emergency .topImportant dd {
  padding-top: 0;
  margin-bottom: 0.8em;
}
.emergency .topNews dt {
  width: 17%;
}
.emergency .topNews dd {
  width: 78%;
  padding: 0;
  margin-left: 0;
}

.TabbedPanelsTab, .TabbedPanelsContentVisible {
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#B3FFFFFF', endColorstr='#B3FFFFFF');
  background: transparent;
  background: rgba(255, 255, 255, 0.7);
}
:root .TabbedPanelsTab, :root .TabbedPanelsContentVisible {
  filter: none\0/IE9;
}

.rss-list {
  float: right;
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  position: relative;
  top: -1px;
  background: #fff;
}

.newIcon {
  border: 1px solid #cc0000;
  background-color: #cc0000;
  color: #fff;
  font-size: 0.6em;
  padding: 1px 3px 0px 3px;
  margin-left: 5px;
  position: relative;
  top: -3px;
}

/*********** 新着イベント ***********/
/*
.icon01 イベント
.icon02 相談
.icon03 健診
.icon04 健康
.icon05 子育て
.icon06 講座・講演
.icon07 その他
 */
.topNews .event dd {
  width: 95%;
  padding: 0 0 0 30px;
  background: no-repeat top left;
  height: auto;
  line-height: 1.7;
}
.topNews .event dd.icon01 {
  /* イベント・講座 */
  background-image: url(../../images/cmn/event_icon_0.png);
}
.topNews .event dd.icon02 {
  /* 募集 */
  background-image: url(../../images/cmn/event_icon_1.png);
}
.topNews .event dd.icon03 {
  /* 子育て */
  background-image: url(../../images/cmn/event_icon_2.png);
}
.topNews .event dd.icon04 {
  /* 保健・福祉 */
  background-image: url(../../images/cmn/event_icon_3.png);
}
.topNews .event dd.icon05 {
  /* 相談 */
  background-image: url(../../images/cmn/event_icon_4.png);
}
.topNews .event dd.icon06 {
  /* お知らせ */
  background-image: url(../../images/cmn/event_icon_5.png);
}
.topNews .event dd.icon07 {
  /* 休日当番医 */
  background-image: url(../../images/cmn/event_icon_6.png);
}
.topNews ul {
  list-style-type: none;
  margin: 0 0 5px;
  font-size: 0.9em;
  padding: 0;
}
.topNews ul li {
  float: left;
  margin: 0;
  padding: 0 10px;
  border-right: 1px solid #ccc;
  /* ie8 :last-child疑似クラス対応*/
  border-right: expression((this.__isLastChild = (this.parentNode.children.item(this.parentNode.children.length-1) == this))?'none':"!important");
}
.topNews ul li:last-child {
  border-right: none !important;
}

/************************************ 新着情報・トピックス・イベントの一覧へ **************************/
/************************************ ライフインデックス **************************/
.menuLife {
  background: url(../../images/index/menu_life_bg_left.jpg) no-repeat top left;
  margin: 0 0 10px 0;
}

.menuLifeRight {
  background: url(../../images/index/menu_life_bg_right.jpg) no-repeat top right;
  margin: 0;
  padding: 50px 10px 10px 10px;
}

.menuLifeBtn {
  list-style-type: none;
  margin-left: 0 !important;
  padding: 0 0 10px 0;
}
.menuLifeBtn li {
  float: left;
  margin-bottom: 15px;
  padding: 0 5px;
  width: 140px;
  min-height: 50px;
  line-height: 1.5;
}
.menuLifeBtn .fade a {
  border-left: 5px solid #ccc;
  padding-left: 0.5em;
  display: inline-block;
}

.menuLifeBtnCate1 {
  position: relative;
}

.menuLifeSmlBlock {
  display: none;
}

/************************ ~~ フッター ~~ **************************/
.page-footer-wrapper {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 290px;
}

.page-footer .wrap-summary {
  padding: 10px 20px;
  margin-bottom: 10px;
}
.page-footer .link-list-termOfUse {
  margin-bottom: 2%;
}
.page-footer .link-list-termOfUse li:first-child {
  padding-left: 0;
}
.page-footer .wrap-info {
  width: 80%;
  float: right;
}
.page-footer .logo-footer {
  float: left;
}
.page-footer address {
  float: left;
  width: 65%;
  font-style: normal;
}
.page-footer address p:first-child {
  font-size: 1.5em;
  font-weight: bold;
}
.page-footer small {
  text-align: center;
  margin: 20px 0 0;
}

.emergency .pageTop {
  margin-bottom: 0;
}
.emergency .page-footer {
  padding-top: 10px;
}
.emergency .page-footer address {
  float: none;
  width: 100%;
}
.emergency .page-footer small {
  display: block;
  padding: 20px 0;
  border-top: 1px solid #ccc;
}

.section-cityhall {
  width: 30%;
  float: right;
  display: block;
}

.section-cityhall-logo {
  float: left;
  margin-right: 10px;
}

.section-cityhall-summary {
  width: 140px;
  float: left;
  margin: 0;
}

.section-cityhall-link {
  padding-left: 0.7em;
  display: block;
}

.mail {
  background: url(../../images/cmn/cmn_mail.gif) no-repeat left 40%;
  padding: 0 0 0 15px;
}

/************************ その他 **************************/
/* 英単語の途中でも強制改行 */
.wordBreak {
  word-break: break-all !important;
}

/* フロート */
.fltrt {
  float: right;
  margin-left: 8px;
}

.fltlft {
  float: left;
  margin-right: 8px;
}

.clearfloat {
  clear: both;
  height: 0;
  font-size: 0em;
  line-height: 0px;
}

/*HTML 5 サポート - 新しい HTML 5 タグを display:block に設定します。これにより、ブラウザーでタグが適切にレンダリングされます。 */
header, section, footer, aside, nav, article, figure {
  display: block;
}

/* ボタン画像のフェードアウト */
.fade {
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.fade:hover {
  opacity: 0.6;
  /* IE用 */
  filter: alpha(opacity=50);
}

/* ページトップに戻る */
.pageTop {
  position: relative;
  float: right;
  margin-bottom: 5px;
  text-align: center;
  font-size: 0.9em;
}
.pageTop a {
  display: block;
  padding: 10px 28px 10px 54px;
  background: url(../../images/cmn/icon_allow_upward.png) 28px center no-repeat;
  color: #333;
  text-decoration: none !important;
}
.pageTop a:hover {
  text-decoration: underline !important;
}

/* スマホ時にメニューをプルダウンに変更 */
.tinynav, .searchAreaBtm {
  display: none;
}

/* モバイル端末用検索フィールド */
/* カスタム検索でIEのみクリアボタン（×）が二重に表示される不具合の対処 */
.gscb_a {
  display: none !important;
}

/************************************ 手続き検索ボタン **************************/
.textBoxHeight.procedure h2 {
  font-weight: normal;
  list-style: none;
  list-style-image: none;
  padding-left: 10px;
  padding-bottom: 0;
  text-indent: 0;
  border: 1px solid #ccc;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fafafa), color-stop(100%, #f7f7f7));
  background: -moz-linear-gradient(#fafafa, #f7f7f7);
  background: -webkit-linear-gradient(#fafafa, #f7f7f7);
  background: linear-gradient(#fafafa, #f7f7f7);
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#f7f7f7',GradientType=0 );*/
}
.textBoxHeight.procedure h2:hover {
  background: #ccc;
  text-decoration: underline;
}
.textBoxHeight.procedure h2 a {
  display: block;
  padding: 1% 8%;
  text-indent: -1.3em;
  padding-left: 2em;
  text-decoration: none;
  height: 100%;
}
.textBoxHeight.procedure h2 a span {
  margin-right: 2%;
}
.textBoxHeight.procedure h2 a img {
  vertical-align: initial;
  margin: 0;
}

@media all and (-ms-high-contrast: none) {
  .textBoxHeight.procedure h2 {
    padding-bottom: 0;
  }
}
.lte-ie8 .textBoxHeight.procedure h2 {
  padding-bottom: 10px;
}

/************************************ チェックボックス強調 **************************/
.checkboxEm {
  z-index: -1;
  position: absolute;
  opacity: 0;
}

.checkboxEmLabel {
  background: url(../../images/cmn/checkbox.png) no-repeat top left;
  padding: 0 0 0 2em;
  cursor: pointer;
}
.checkboxEmLabel:hover {
  color: #067deb;
  text-decoration: underline;
}

.LabelSelected {
  background: url(../../images/cmn/checkbox_checked.png) no-repeat top left;
}

.procedureList {
  margin-left: 0 !important;
}
.procedureList li {
  list-style: none !important;
  margin: 25px 0 25px 20px;
  padding-bottom: 10px;
  border-bottom: 1px dotted #ccc;
  text-indent: -2em;
  padding-left: 2em;
  line-height: 1.5;
}

.procedureSearchBtn {
  margin: 30px auto;
  padding: 2% 7%;
  font-size: 1.2em;
  border: 1px solid #0b3c6d;
  border-bottom: 2px solid #0b3c6d;
  display: block;
  cursor: pointer;
  color: #fff;
  background-color: #0959a9;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA5NTlhOSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzA2NGQ5MyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0959a9), color-stop(100%, #064d93));
  background: -moz-linear-gradient(#0959a9, #064d93);
  background: -webkit-linear-gradient(#0959a9, #064d93);
  background: linear-gradient(#0959a9, #064d93);
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.lte-ie8 .procedureSearchBtn {
  width: 260px;
  padding: 10px;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0959a9', endColorstr='#064d93',GradientType=0 );
}

.research {
  background: #ddd;
  border: none;
  display: block;
  margin: 6% 0 0;
  padding: 1% 0 1% 2%;
  text-indent: 0;
  font-weight: normal;
}
.research .pageTitle {
  /*color: #cc0000;*/
  font-size: 1.2em;
  font-weight: bold;
}

.researchSec {
  padding: 0 3%;
  border: 1px dotted #bbb;
  border-top: 1px solid #d4d4d4;
  /*background: #fafafa;*/
}

.lte-ie8 .researchSec {
  padding: 30px 3% 0;
}

/************************************ 手続き検索表組み **************************/
.procedureResult {
  border-collapse: collapse;
  word-break: break-all;
  width: 100%;
  /*margin: 3% 0;*/
}
.procedureResult caption {
  font-size: 1.5em;
  font-weight: bold;
  margin-bottom: 1%;
}
.procedureResult th, .procedureResult td {
  font-weight: normal;
  border: 1px solid #ccc;
  padding: 1%;
  background: #FAFBEB;
}
.procedureResult thead th {
  background: #5B789C;
  color: #fff;
}
.procedureResult tbody th {
  text-align: left;
}

/************************************ 市民要望 **************************/
.rssListCategory {
    background-color: #ccc;
    padding: 1px 5px 0px;
    margin: 0 0 5px 0;
    font-size: 0.8em;
    text-align: center;
    border-radius: 3px;
}

.rssListGreen {
    background-color: #cfe0d3;
}

.rssListBlue {
    background-color: #c0d3e6;
}

.rssListYellow {
    background-color: #eed79a;
}

.rssListRed {
    background-color: #edd0e0;
}

/************************************ 記事 **************************/
.youTubeFrame {
  width: 750px;
  height: 422px;
}

.youTubeWrap {
  text-align: center;
}

/************************************ 動画特集ページ **************************/
.movieList {
    width: 23% !important;
    padding: 0 7px 5px !important;
    margin: 0 !important;
}

.movieList img {
    border: 0;
    margin-top: 78px !important;
    float: right;
    position: relative;
    right: 4px;
}

.movieList p {
    margin: 5px 0;
    line-height: 120%;
    padding: 0 !important;
}

.movieListBox {
  background-color: #f2f2f2;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  text-align: center;
  height: 97px !important;
  border: 1px solid #e5e5e5;
}