@charset "UTF-8";

/* 画面表示用スタイル */
/* reset============================== */
* { margin: 0; padding: 0;}
ul { list-style: none;}
img { height: auto;}
hr { 
    display: block !important;
    clear: both;
    height: 0;
    border: none;
}
.txtno-display {
    padding: 0;
    margin: 0;
}
.txtno-display img {
    position: absolute;
}
a.externalLink img {
    padding: 0;
    margin-left: -23px;
    background-color: #ffffff;
}
/* ==================================================
コンテンツ大枠
================================================== */
#topbase {
    color: #000000;
    font-size: 100%;
    font-family: "メイリオ", Meiryo, "小塚ゴシック Pro", Avenir, Verdana, Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", sans-serif;
    background-color: transparent;
    width: 100%;
    min-height: 100%;
    padding: 0;
    margin: 0;
    text-align: left;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

/* ==================================================
ヘッダー
================================================== */

h1{
    margin: 0;
    padding: 0;
}

/* ヘッダー全体 */

#topheader {
    margin: 0 auto;
    text-align: left;
    letter-spacing: 0.1em;
    width: 100%;
    min-width: 850px;
    display: block;
}

/* ヘッダーのリスト */

#headerlist {
    margin: 0 auto;/* サーチエリアの中央寄せ */
    padding: 20px 8px 16px 8px;
    background-color: #886b41;
    text-align: center;
    display: block;
}
#headerlist ul {
    padding: 0;
    margin: 0 auto;
    list-style-type: none;
    list-style-position: outside;
    background-color: transparent;
}
#headerlist ul li {
    display: inline-block;
    padding: 0 0 0 40px;
    margin: 0 18px 0 0;
    width: auto;
    min-height: 30px;
    color: #ffffff;
    font-size: 110%;
    font-weight: bold;
    background-color: transparent;
    background: url("../images/arrow.png") no-repeat 20px 6px;
}
#headerlist ul li a {
    color: #ffffff;
    text-decoration: none;
}
#headerlist ul li a:hover {
    text-decoration: underline;
}


/* ヘッダーメイン */

.th-wrap {
    padding: 0;
    margin: 0 auto;
    width: 100%;
    min-width: 850px;
}


/* インフォメーションエリア */

div#info-pc {
    border: 0;
    padding: 0;
    margin: 5px 10px;
    font-size: 100%;
    float: right;
    width: calc(100% - 20px);
    display: block !important;
    text-align: right;
}
div#info-pc ul {
    list-style-type: none;
    list-style-position: outside;
    margin: 5px 10px 5px 2px;
}
div#info-pc ul li {
    display: inline-block;
    padding-left: 36px;
    background: url("../images/nav-icon.gif") no-repeat 20px 5px;
}
div#info-pc ul li:hover {
    opacity: 0.8;
}
div#info-pc ul li a {
    color: #614d31;
    text-decoration: none;
}
div#info-sp {/* スマホサイズ時のボックスを非表示にする */
    display: none !important;
}


/* グローバルナビメインエリア */

div#th-main {
    padding: 0;
    margin: 0;
    width: 100%;
    min-width: 850px;
    min-height: 80px;
    clear: both;
}

/* タイトル */

div#h-logo {
    border: none;
    padding: 0;
    margin: 0px 0px 5px 10px;
    text-align: left;
    display: block !important;
    float: left;
}
div#h-logo img {
    display: block;
    padding: 0;
    margin: 0;
    width: 200px;
    height: auto;
}
div#h-logo-sp {
    display: none !important;
}


/* グローバルナビ */


div#tg-nav {
    margin: 40px 10px 4px 2px;
    display: inline-block;
    float: right;
}
div#tg-nav ul{
    list-style-type: none;
    list-style-image: none;
    list-style-position: outside;
    vertical-align: middle;
    background-image: none;
    padding: 0;
    margin: 0;
}
div#tg-nav ul li {
    display: inline-block;
    background-image: none;
    text-align: center;
    vertical-align: bottom;
    line-height: 1.3em;
    font-size: 90%;
    font-weight: 600;
    padding: 0;
    margin: 0 1px;
    border-bottom: solid 2px #886b41;
    width: 77px;
}
div#tg-nav ul li a {
    display: block;
    color: #505050;
    text-decoration: none;
    transition: all 0.1s;
}
div#tg-nav ul li a:hover {
    color: #4e7c40;
    transform: scale(1.05,1.05);
}


/* グローバルナビ下の線 */

div.h-bottom {
    padding: 0;
    margin: 0;
    height: 1px;
    font-size: 0;
    border-bottom: solid 1px #bfbfbf;
    width: 100%;
    min-width: 850px;
}


/* ==================================================
コンテンツエリア
================================================== */

/* 本体エリア */
#t-wrap {
    padding: 0;
    margin: 0 auto;
    width: 100%;
    overflow: visible;
}
#top-page {
    padding: 0;
    margin: 0;
    width: 100%;
    text-align: center;
}

/* ==================================================
もしもの時は・検索エリア
================================================== */

#infoarea1 {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 0;
    margin: 0 auto;
    background: transparent;
    overflow: hidden;
    width: auto;
}


.infoarea1-inner {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 0;
    margin: 0 20px;
    width: 100%;
    min-width: 850px;
    background: transparent;
}
.infoarea1-1 {
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 0;
    margin: 20px 5px 20px 0;
    overflow: hidden;
    width: 54%;
    height: 80px;
    border: solid 1px #ed7128;
    border-radius: 2px;
    background-color: #ffffff;
}
.infoarea1-2 {
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 0;
    margin: 20px 0 20px 5px;
    text-align: center;
    overflow: hidden;
    width: 46%;
    height: 80px;
    border: solid 1px #977b56;
    border-radius: 2px;
    background-color: #977b56;
}

/* エリア1 もしもの時はbox
============================== */
.infoarea1-1 .moshimo-h {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0;
    margin: 0;
    width: 36%;
    min-width: 158px;
    height: 100%;
    background-image: url("../images/moshimo-bg.png");
    background-repeat: no-repeat;
    background-position: left 10px center;
}
.infoarea1-1 .moshimo-h span {
    padding: 0 0 0 54px;
    font-size: 116%;
    font-weight: bold;
    color: #505050;
}
.infoarea1-1 .moshimo-con {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0;
    margin: 0;
    width: 64%;
    height: 100%;
}
.moshimo-bosai {
    padding: 0;
    margin: 0 1% 0 3%;
    width: calc(48% - 10px);
    height: 54px;
    background-color: #f1944f;
    background-image: url("../images/moshimo-bosai.png");
    background-repeat: no-repeat;
    background-position: left 10px center;
    border-radius: 3px;
}
.moshimo-kyujitsu {
    padding: 0;
    margin: 0 1%;
    width: calc(48% - 10px);
    height: 54px;
    background-color: #f1944f;
    background-image: url("../images/moshimo-kyujitsu.png");
    background-repeat: no-repeat;
    background-position: left 10px center;
    border-radius: 3px;
}
.moshimo-bosai:hover, .moshimo-kyujitsu:hover {
    opacity: 0.8;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
.moshimo-bosai span, .moshimo-kyujitsu span {
    display: block;
    padding: 0 0 12px 4px;
    margin: 0;
    width: 100%;
    height: 100%;
    font-size:108%;
}
.moshimo-bosai a, .moshimo-kyujitsu a {
    display: block;
    padding: 15px 0 0 20px;
    margin: 0;
    width: calc(99% - 20px);
    height: calc(100% - 15px);
    color: #ffffff !important;
    text-decoration: none;
}

/* エリア2 検索box
============================== */
.t-search {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    background-color: #886b41;
    text-align: center;
}
.t-search p {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0 0 0 50px;
    margin: 0 12px 0 0;
    width: auto;
    height: 100%;
    font-size: 114%;
    font-weight: bold;
    color: #ffffff;
    background-image: url("../images/search.png");
    background-repeat: no-repeat;
    background-position: left 10px center;
}
.t-searchbox {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 175px);
}
.t-searchbox .rc-box {/* 検索ワード入力エリア */
    border: 0;
    padding: 6px 5px 1px 5px;
    margin: 0 auto;
    font-size: 85%;
    color: #505050;
    font-family: "メイリオ", Meiryo, "小塚ゴシック Pro", Avenir, Verdana, Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", sans-serif;
    width: calc(100% - 90px);
    height: 50px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.t-searchbox .rc-button {/* 検索ボタン */
    padding: 3px;
    margin: 0 auto;
    font-size: 110%;
    font-weight: 600;
    color: #ffffff;
    letter-spacing: 0.1em;
    border: solid 1px #ffffff;
    background-color: #7e6135;
    width: 70px;
    height: 55px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.t-searchbox .rc-button:hover {
    background-color: #a28f70;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

/* ==================================================
お知らせエリア
================================================== */

#infoarea2 {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 0;
    margin: 30px auto;
    background: transparent;
    overflow: hidden;
    width: auto;
    height: auto;
}

/* 各エリアの大枠
============================== */


.infoarea2-inner {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 0;
    margin: 0 20px;
    width: 100%;
    max-width: 1185px;
    min-width: 850px;
    height: 410px;
    border: none;
    background: transparent;
}
.infoarea2-1 {
    display: inline-block;
    padding: 0;
    margin: 0 10px 0 0;
    text-align: center;
    overflow: hidden;
    width: calc(100% - 525px);
    height: 100%;
    background-color: #ffffff;
}
.infoarea2-2 {
    display: inline-block;
    padding: 0;
    margin: 0;
    text-align: center;
    overflow: hidden;
    width: 280px;
    height: 100%;
    background-color: #ffffff;
}
.infoarea2-3 {
    display: inline-block;
    padding: 0;
    margin: 0 0 0 10px;
    text-align: center;
    overflow: hidden;
    width: 235px;
    height: 100%;
    background-color: #ffffff;
}


.infoarea2-1 h2, .infoarea2-2 h2 {
    padding: 0;
    margin: 0 0 10px 0;
    height: 36px;
    font-size: 134%;
    font-weight: bold;
    color: #505050;
    text-align: left;
}

/* エリア1　新着情報
============================== */

/*タブ切り替え全体のスタイル*/
.info-box {
  padding: 0;
  margin: 0 auto;
  background-color: #ffffff;
  width: 100%;
  height: 364px;
}
/*タブのスタイル*/

.tab_item {
  width: 28%;
  height: 50px;
  border-right: 1px solid #ffffff;
  background-color: #f8f1dd;
  line-height: 50px;
  font-size: 96%;
  text-align: center;
  color: #505050;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
}
.tab_item_last {
  width: 43%;
  height: 50px;
  border-right: none;
  background-color: #f8f1dd;
  line-height: 50px;
  font-size: 96%;
  text-align: center;
  color: #505050;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
}

.tab_item_last {
  width: 43%;
  height: 50px;
  border-right: none;
  background-color: #f8f1dd;
  line-height: 50px;
  font-size: 80%;
  text-align: center;
  color: #505050;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
}

.tab_item:hover,.tab_item_last:hover {
  opacity: 0.75;
}
/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}
/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;
  padding: 10px 0;
  clear: both;
  overflow: hidden;
  border: solid 1px #b1b1b1;
  height: 292px;
}
.tab_content_description {
    margin: 0 8px 0 0;
}
/*選択されているタブのコンテンツのみを表示*/
#new:checked ~ #new_content,
#event:checked ~ #event_content,
#section:checked ~ #section_content {
  display: block;
}
/*選択されているタブのスタイルを変える*/
.info-box input:checked + .tab_item,
.info-box input:checked + .tab_item_last {
  background-color: #7e6135;
  color: #ffffff;
}
.t-shinchaku {
    padding: 0;
    margin: 0;
    width: auto;
    max-height: 265px;
    border: 0;
    text-align: left;
    overflow: scroll;
    overflow-y: auto;
    overflow-x: hidden;
}

.t-shinchaku ul.info-list {
    padding: 0;
    margin: 10px 10px 10px 13px;
    list-style: none;
    width: 98%;
    max-height: 100% !important;
    overflow: hidden;
}
.t-shinchaku ul.info-list li {
    padding: 0 0 10px 0 !important;/* 2行目を揃えるための左余白 */
    margin: 0 15px 15px 15px !important;
    text-indent: 0px !important;/* 2行目を揃えるための左インデント */
    /*max-width: 370px; */
    min-width: 100px;
    background-image: none !important;
    border-bottom: solid 1px #b1b1b1 !important;
}
.t-shinchaku ul.info-list li:nth-last-child(1) {/* li最後のみ下余白少ない設定 */
    padding: 0 0 10px 0 !important;
    margin: 0 15px 2px 15px !important;
    text-indent: 0px !important;/* 2行目を揃えるための左インデント */
    /*max-width: 370px; */
    min-width: 100px;
    background-image: none !important;
    border-bottom: solid 1px #b1b1b1 !important;
    overflow-wrap: break-word !important;
}
#section_content .t-shinchaku ul.info-list li {/* 各課のみ課名を出す設定 */
    padding: 0 0 10px 0 !important;/* 2行目を揃えるための左余白 */
    margin: 0 15px 15px 15px !important;
    text-indent: 0px !important;/* 2行目を揃えるための左インデント */
    min-width: 100px;
    background-image: none !important;
    border-bottom: solid 1px #b1b1b1 !important;
}
#section_content .t-shinchaku ul.info-list li:nth-last-child(1)  {/* 各課のみ課名を出す設定 */
    padding: 0 0 15px 0 !important;/* 2行目を揃えるための左余白 */
    margin: 0 15px 2px 15px !important;
    text-indent: 0px !important;/* 2行目を揃えるための左インデント */
    min-width: 100px;
    background-image: none !important;
    border-bottom: solid 1px #b1b1b1 !important;
}
.t-shinchaku ul.info-list li span.date {/* 新着情報の日付け設定 */
    display: inline-block;
    padding: 3px 7px 2px 10px;
    margin: 0 13px 0 0;
    min-width: 125px;
    text-align: left;
    text-indent: 0px;
    background-color: #fcf7f0;
}
.t-shinchaku ul.info-list li span.sname {/* 新着情報の日付け設定 */
    display: inline-block;
    padding: 4px 0 1px 0;
    margin: 0 10px 0 0;
    min-width: 117px;
    color: #404040;
    font-size: 85%;
    font-weight: bold;
    text-align: center;
    text-indent: 0px;
    background-color: #ffffff;
    border: solid 1px #dbdbdb;
}
.t-shinchaku ul.info-list li span.link {/* 新着情報のリンク設定 */
    display: block;
    padding: 6px 0 0 0;
    margin: 0;
    width: auto;
    text-align: left;
}
div.ichiran-all {/* 新着情報一覧リンクバナー設定 */
    margin: 0 18px 10px 0;
    padding: 0;
    text-align: right;
}
div.ichiran-all .t-ichiran-link {/* 新着情報一覧リンクバナー設定 */
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 195px;
    height: 27px;
    font-size: 90%;
    color: #ffffff;
    line-height: 2;
    text-align: left;
    background: #5e9d64;
    background-image: url("../images/arrow.png");
    background-repeat: no-repeat;
    background-position: right 8px center;
}
div.ichiran-all .t-ichiran-link span {
    margin: 0 0 0 12px;
    padding: 0;
    vertical-align: middle;
}
div.ichiran-all .t-ichiran-link:hover {/* 新着情報一覧オンマウス時の設定 */
    opacity: 0.8;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}



/* エリア2　イベカレ・バス時刻表
============================== */

.evcal {
    display: block !important;
    padding: 0;
    margin: 0 0 6px 0;
    text-align: center;
    width: auto;
    height: 320px;
    overflow: hidden;
}
.sp-evcal {
    display: none;
} 

.top-minical {
    padding: 0;
    margin: 0;
    width: auto;
    height: auto;
    border: solid 1px #b1b1b1;
}
.top-minical table {
    padding: 0;
    margin: 0 20px;
    width: calc(100% - 40px);
    height: 100%;
    border: none;
    border-collapse: collapse;
    text-align: center;
}
.top-minical table caption {
    padding: 0;
    margin: 10px auto 10px auto;
    font-size: 125%;
    font-weight: bold;
    color: #595959;
    text-align: center;
    line-height: 1.5;
}
.top-minical table th {
    padding: 5px 0;
    margin: 0;
    width: calc(100% / 7);
    height: auto;
    border: none;
    background-color: #f8f1dd;
    font-size: 105% !important;
    font-weight: bold;
    color: #595959;
}
.top-minical table td {
    padding: 2px 0 0 0;
    margin: 0;
    border: none;
    background-color: transparent;
    font-size: 100% !important;
    color: #000000;
    line-height: 1.7;
}
.top-minical table .saturday {
    color: #3287dd;
}
.top-minical table .sunday {
    color: #b41a31;
}
.top-minical table .today {
    background-color: #FbF5ED;
}
.event-all {
    padding: 0;
    margin: 10px auto 4px auto;
    width: 98%;
    max-width: 216px;
    height: auto;
    background-color: #5e9d64;
    background-image: url("../images/arrow.png");
    background-repeat: no-repeat;
    background-position: right 8px center;
}
.event-all a {
    text-decoration: none;
    color: #ffffff;
}
.event-link {
    padding: 3px 3px 3px 34px;
    margin: 0;
    font-size: 90%;
    color: #ffffff;
    line-height: 2;
    text-align: left;
    background-image: url("../images/cal-ichiran.png");
    background-repeat: no-repeat;
    background-position: left 8px center;
}
.event-link span {
    margin: 0;
    padding: 0;
    color: #ffffff;
    text-indent: 3px;
    vertical-align: middle;
}
.event-all:hover {/* 新着情報一覧オンマウス時の設定 */
    opacity: 0.8;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

.bus-time {
    margin: 0 auto;
    padding: 0;
    width: auto;
    height: 82px;
    border: solid 1px #b1b1b1;
    background-image: none;
    text-align: center;
    overflow: hidden;
}
.bus-time:hover {
    opacity: 0.8;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
.bus-time a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background-image: none;
}
.bus-time a.externalLink {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background-image: none;
}
.bus-time img {
    vertical-align: middle;
    opacity: 1.0 !important;
}
.bus-time a.externalLink img {
    vertical-align: middle; 
    opacity: 1.0 !important;
    padding: 0 !important;
    margin: 0 !important;
}
a.bus-time img:hover {
    opacity: 1.0 !important;
}

.kanko-banner {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 0;
    margin: 0 0 8px 0;
    height: auto;
    overflow: hidden;
    background-image: none;
}
.kanko-banner:hover {
    opacity: 0.8;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
.kanko-banner a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: auto;
    width: 100%;
    height: 100%;
}
.kanko-banner a:hover {
    opacity: 1.0;
    text-align: center;
}
.kanko-banner img {
    padding: 0;
    margin: auto;
    width: auto;
    height: auto;
}
.kanko-banner img:hover {
    opacity: 1.0;
}
.sp-kanko-banner {
    display: none;
}
.webcamera-banner {
    display: block;
    align-items: flex-start;
    justify-content: center;
    padding: 0;
    margin: 0 0;
    width: 100%;
    height: auto;
    overflow: hidden;
    background-image: none;
    border: solid 1px #b1b1b1;
}
.webcamera-banner:hover {
    opacity: 0.8;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
.webcamera-banner a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: auto;
    width: 100%;
    height: 100%;
}
.webcamera-banner a:hover {
    opacity: 1.0;
    text-align: center;
}
.webcamera-banner img {
    padding: 0;
    margin: auto;
    width: auto;
    height: auto;
}
.webcamera-banner img:hover {
    opacity: 1.0;
}

/* ==================================================
暮らしの手引きエリア
================================================== */

#infoarea3 {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 0;
    margin: 30px auto;
    background: transparent;
    overflow: hidden;
    width: auto;
    background: #fcf7f0;
}

.infoarea3-inner {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    padding: 0;
    margin: 40px 20px 0 20px;
    width: 100%;
    max-width: 1185px;
    min-width: 850px;
}
.infoarea3-inner h2 {
    padding: 0;
    margin: 0 0 10px 0;
    font-size: 230%;
    font-weight: normal;
    color: #4d3e2a;
}
.infoarea3-inner .kurashi {
    display: block;
    text-align: center;
    padding: 0;
    margin: 10px auto 0 auto;
    overflow: hidden;
    width: 100%;
}
/* カテゴリ */
.kurashi .kurashi-title {
    padding: 0;
    margin: 0 auto 30px auto;
    width: calc(100% / 6 - 2px) !important;
    height: auto;
    text-align: center;
    float: left;
    background-color: transparent;
}
.kurashi-box {
    padding: 0;
    margin: 0 auto;
    width: 90% !important;
    min-width: 80% !important;
    height: auto !important;
    min-height: 100px;
    text-align: center;
    background-image: url(../images/kurashi-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    border-bottom: solid 4px #a49680;
}
.kurashi-title a {
    display: block;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

.kurashi-title .kurashi-img {
    padding: 0 !important;
    margin: 0;
    height: 35px;
    text-align: center;
}
.kurashi-title .kurashi-img img {
    padding: 20px 0 0 0;
    margin: 0 auto;
    width: 40px;
    height: auto;
}
.kurashi-title .kurashi-txt {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    margin: 0;
    height: 45px;
    font-family:  "メイリオ", "小塚ゴシック Pro", Avenir, Verdana, Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", sans-serif;
    font-size: 90%;
    font-weight: bold;
    color: #614d31;
    text-align: center;
    vertical-align: middle;
    line-height: 1.2;
}

/* ==================================================
町の紹介エリア
================================================== */

#infoarea4 {
    display: flex !important;
    align-items: flex-start;
    justify-content: center;
    padding: 0;
    margin: 20px auto;
    background: transparent;
    overflow: hidden;
    width: auto;
}

.infoarea4-inner {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start;
    justify-content: center;
    padding: 0;
    margin: 10px 20px;
    width: 100%;
    max-width: auto;
    min-width: 850px;
    background: transparent;
}
.infoarea4-1, .infoarea4-2 {
    padding: 0;
    margin: 0 10px 0 0;
    width: calc(100% / 3 - 20px) !important;
    min-height: 410px;
    justify-content: space-around;
    border: solid 1px #b1b1b1;
    float: left;
}
.infoarea4-3 {
    padding: 0;
    margin: 0;
    width: calc(100% / 3 - 20px) !important;
    min-height: 410px;
    justify-content: space-around;
    border: solid 1px #b1b1b1;
}
.infoarea4-title {
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0 0 20px 0;
    width: 100%;
    height: 170px;
    justify-content: flex-start;
    background-color: #f8f1dd;
}
.infoarea4-h3 {
    display: block;
    padding: 0 0 0 30px;
    margin: 0;
    width: 50%;
    font-size: 160%;
    font-weight: bold;
    color: #614d31;
    text-align: left;
    letter-spacing: 0.15em;
}
.infoarea4img, .infoarea4img-last {
    display: block;
    padding: 0 12px 0 0;
    margin: 0;
    width: 50%;
    height: auto;
    max-height: 144px; 
    text-align: right;
    overflow: hidden;
}
.infoarea4img img {
    padding: 0;
    margin: 0;
    width: 100%;
    max-width: 100px;
    height: auto;
    max-height: 144px;
    border: solid 1px #dddddd;
}
.infoarea4img-last img {
    padding: 0;
    margin: 0;
    width: 100%;
    max-width: 100px;
    height: auto;
    max-height: 144px;
    border: solid 1px #dfdfdf;
}
.infoarea4-banner {
    padding: 0 0 0 16px;
    margin: 20px auto;
    width: 85%;
    height: auto;
    border: solid 1px #5e9d64;
    border-radius: 3px;
    font-size: 120%;
    font-weight: normal;
    color: #505050;
    text-align: left;
    background-image: url("../images/info-arrow.png");
    background-repeat: no-repeat;
    background-position: right 10px center;
}
.infoarea4-banner:hover {
    background-color: #5e9d64;
    background-image: url("../images/info-arrow-w.png");
    background-repeat: no-repeat;
    background-position: right 10px center;
    color: #ffffff !important;
    opacity: 0.8;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
.infoarea4-banner a {
    display: block;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    color: #505050 !important;
    text-decoration: none;
}
.infoarea4-banner a:hover {
    color: #ffffff !important;
}
.infoarea4-banner span {
    display: block;
    padding: 8px;
    margin: 0;
    width: calc(100% - 16px);
    height: 100%;
}

/* ==================================================
町の取り組みエリア
================================================== */

#infoarea5 {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 0;
    margin: 30px auto;
    background: transparent;
    overflow: hidden;
    width: auto;
    background: #fcf7f0;
}


.infoarea5-inner {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    padding: 0;
    margin: 40px 20px;
    width: 100%;
    max-width: 1185px;
    min-width: 850px;
}
.infoarea5-inner h2 {
    padding: 0;
    margin: 0 0 20px 0;
    font-size: 230%;
    font-weight: normal;
    color: #4d3e2a;
}
.infoarea5-inner .torikumi {
    display: block;
    padding: 40px;
    margin: 10px auto;
    width: calc(100% - 80px);
    border: solid 1px #b1b1b1;
    background: #ffffff;
    text-align: center;
}
.infoarea5-con {
    padding: 0;
    margin: 0 auto;
    width: calc(100% / 4);
    height: auto;
    float: left;
}
.infoarea5-con-inner {
    padding: 0;
    margin: 10px auto;
    width: 95%;
    max-width: 220px;
    height: auto;
    border: solid 1px #b1b1b1;
}
.infoarea5-con-inner .torikumi-imgarea {
    padding: 0;
    margin: 0;
    width: 100%;
    height: auto;
}
.infoarea5-con-inner .torikumi-imgarea a.externalLink {
    background-image: none;
}
.infoarea5-con-inner .torikumi-imgarea img {
    padding: 0;
    margin: 0;
    width: 100%;
    height: auto;
}
.infoarea5-con-inner .torikumi-imgarea a.externalLink img {
    padding: 0;
    margin: 0 0 0 -23px;
    width: 100%;
    height: auto;
}

.infoarea5-con-inner .torikumi-text {
    display: inline-block;
    padding: 0 6px 0 12px;
    margin: 5px auto 0 auto;
    font-size: 92%;
    line-height: 1.3;
    text-align: left;
    vertical-align: middle;
    height: 60px;
    overflow-wrap: break-word;
}


/* ==================================================
広告エリア
================================================== */

#ad-area {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 40px 0 0 0;
    margin: 30px auto 0 auto;
    background: transparent;
    overflow: hidden;
    width: auto;
    background: #f8f6f3;
}


.ad-box {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    padding: 0;
    margin: 10px 20px;
    width: 100%;
    max-width: 1185px;
    min-width: 850px;
    background: transparent;
}
.ad-box h2 {
    padding: 0;
    margin: 0 0 20px 0;
    font-size: 230%;
    font-weight: normal;
    color: #616161;
}
ul.ad-inner {
    display: block;
    padding: 0 16px;
    margin: 0 auto;
    width: calc(90% - 32px);
    height: auto;
    text-align: center;
}
li.ad-con {
    padding: 0;
    margin: 10px 0;
    width: calc(100% / 6 - 1px);
    min-width: 122px;
    height: auto;
    background-image: none;
    float: left;
}
.ad-bosyu {
    padding: 0 0 0 15px;
    margin: 0 15px 0 0;
    width: calc(100% - 30px);
    height: auto;
    text-align: right;
    background-image: url("../images/ad-arrow.png");
    background-repeat: no-repeat;
    background-position: right 130px center;
}

/* ==================================================
緊急情報
================================================== */

/* -------------------トップの重要なお知らせ------------------- */


#kinkyu-area {
    padding: 0;
    margin: 10px 20px;
    background: transparent;
    text-align: center;
    overflow: hidden;
    width: auto;
}
.kinkyu-box {
    display: flex;
    display:-webkit-flex;
    padding: 0;
    margin: 10px auto;
    border: solid 1px #a70707;
    width: auto;
    max-width: 1185px;
    text-align: left;
}
div.kinkyu-title {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    padding: 0;
    margin: 0;
    width: 20%;
    min-width: 200px;
    text-align: right;
    background: #a70707;
    /*background-image: url("../images/kinkyu-back.png");
    background-repeat: no-repeat;
    background-position: right center;*/
    color: #ffffff;
    float: left;
}
div.kinkyu-title h2 {
    display: flex;
    display:-webkit-flex;
    align-items: center;
    padding: 0 0 0 65px;
    margin: auto 20px;
    min-height: 90px;
    font-size: 130%;
    font-weight: bold;
    color: #ffffff;
    letter-spacing: 0.1em;
    line-height: 20px;
    background: transparent;
    background-image: url("../images/kinkyu-title.png");
    background-repeat: no-repeat;
    background-position: left 12px center;
}
div.kinkyu-inner {
    padding: 10px 30px 10px 50px;
    margin: 0;
    width: 80%;
    text-align: left;
    background: transparent;
    color: #000000;
    overflow-wrap: break-word;
    overflow: auto;
    background-image: url("../images/kinkyu-arrow.png");
    background-repeat: no-repeat;
    background-position: left center;
}

.kinkyu-inner .h2bg {
    padding: 0;
    margin: 8px 0;
    width: 100%;
    border: none;
    background-color: transparent;
}
.kinkyu-inner .h2bg div {
    padding: 0;
    margin: 0;
    width: 100%;
}
.kinkyu-inner .h2bg h2,
.kinkyu-inner h2 {
    padding: 4px 0px 1px 4px;
    margin: 0;
    font-size: 150%;
    color: #a70707;
    line-height: 1.7;
    width: 97%;
    border: solid 1px #a70707;
    background-color: #fbd8d8;
}
.kinkyu-inner .h3bg {
    padding: 0;
    margin: 8px 0;
    width: 100%;
    border: none;
    background-color: transparent;
}
.kinkyu-inner .h3bg div {
    padding: 0;
    margin: 0;
    width: 100%;
}
.kinkyu-inner .h3bg h3,
.kinkyu-inner h3 {
    padding: 2px 0px 1px 4px;
    margin: 0;
    font-size: 120%;
    color: #a70707;
    width: 99%;
    background-color: #ffe8e8;
}
.kinkyu-inner .h4bg {
    padding: 0;
    margin: 8px 0;
    width: 99%;
    border: none;
    background-color: transparent;
}
.kinkyu-inner .h4bg div {
    padding: 0;
    margin: 0;
    width: 100%;
}
.kinkyu-inner .h4bg h4,
.kinkyu-inner h4 {
    padding: 2px 0px 1px 4px;
    margin: 0;
    color: #a70707;
    font-size: 105%;
    width: 100%;
    border-bottom: solid 1px #a70707;
}
.kinkyu-inner .h5bg {
    padding: 0;
    margin: 8px 0;
    width: 100%;
    border: none;
    background-color: transparent;
}
.kinkyu-inner .h5bg div {
    padding: 0;
    margin: 0;
    width: 100%;
}
.kinkyu-inner .h5bg h5,
.kinkyu-inner h5 {
    padding: 3px 0px 1px 4px;
    margin: 6px 0;
    color: #a70707;
    font-size: 96%;
    line-height: 15px;
    width: 99%;
    border-left: solid 3px #a70707;
}
.kinkyu-inner ul {
    padding: 2px 0px 1px 4px;
    margin: 6px 0 0 16px;
    color: #000000;
    width: auto;
    list-style: disc;
    list-style-position: outside;
    list-style-image: none;
}
.kinkyu-inner ul li {
    padding: 0;
    margin: 0;
    background-image: none;
}
.kinkyu-inner ol {
    padding: 2px 0px 1px 4px;
    margin: 6px 0 0 16px;
    color: #000000;
    width: auto;
    list-style-position: outside;
    list-style-image: none;
}
.kinkyu-inner ol li {
    padding: 0;
    margin: 0;
    background-image: none;
}
.kinkyu-inner p {
    padding: 0;
    margin: 6px 0 0 0;
}

/* ------------------------大規模災害トップ------------------------ */
#baseall-s {
    padding: 0;
    margin: 0;
    width: 100% !important;
    height: 100% !important;
    box-sizing: border-box;
}
/* 災害用ヘッダー */
#baseall-s #s_header {
    margin: 0 auto 20px auto !important;
    padding: 0 !important;
    width: 100% !important;
    height: auto !important;
    /* _position: relative;互換モード用 */
}
#s_header .s_title {
    padding: 10px 0;
    margin: 0 auto;
    text-align: center;
    background: #990000;
}
#s_header .s_title h1 {
    padding: 3px 0 0 0;
    margin: 0 auto;
    font-size: 200%;
    color: #ffffff;
    font-weight: bold;
    line-height: 1.7;
    text-decoration: none;
    text-shadow: none;
}

/* ヘッダー検索 */
div#baseall-s div#s_search {
    padding: 0;
    margin: 20px 10px;
    width: auto;
    text-align: right;
}
div#baseall-s div#s_searchbox {
    padding: 0;
    margin: 0;
}
div#baseall-s input[type="search"] {
    background: #FFFFFF;
}
div#baseall-s .rc-box {
    border: solid 1px #909090;
    padding: 2px;
    margin: 0 auto;
    font-size: 85%;
    color: #505050;
    width: 280px;
    height: 40px;
}
div#baseall-s .rc-button {
    border: solid 1px #909090;
    padding: 2px;
    margin: 0 auto;
    font-size: 95%;
    color: #000000;
    letter-spacing: 0.1em;
    width: 80px;
    height: 40px;
    cursor: pointer;
}

/* div.baseall-s input.fedbt {
    margin: 1px 2px 0 0;
    padding: 1px 0 0 0;
    width: 43px;
    height: 23px;
    line-height: 110%;
    color: #222222;
    font-weight: bold;
    border: 1px solid #7C7C7C;
    background-color: #F0F0F0;
    cursor: pointer;
    vertical-align: top;
} */
td.gsib_a {
    padding: 0 !important;
    margin: 0;
}
/* 災害用大枠 */
div#baseall-s #s_wrap {
    margin: 0 40px !important;
    padding: 0;
    width:auto;
}
div#baseall-s #KinkyuSaigai {
    padding: 0;
    margin: 0;
    width: auto;
    height: auto;
}

/* 災害用共通 */
div#baseall-s div.h2bg {
    margin: 10px 0;
    padding: 0;
    border: none;
}
div#baseall-s div.h2bg div {
    padding: 0;
    margin: 0;
    background-color: #990000;
    border: none;
}
div#baseall-s div.h2bg h2 {
    padding: 10px 0 7px 10px;
    margin: 0;
    color: #FFFFFF;
    font-size: 150%;
    border: none;
    background-color: transparent;
}
div#baseall-s div.h3bg {
    padding: 0;
    margin: 10px 0;
    border: none;
}
div#baseall-s div.h3bg div {
    padding: 0;
    margin: 0;
    background-color: #FECCCB;
    border: none;
}
div#baseall-s div.h3bg h3 {
    padding: 12px 0 6px 10px;
    margin: 0;
    color: #202020;
    font-size: 130%;
    border: none;
    background-color: transparent;
}
div#baseall-s div.h4bg {
    margin: 10px 0 !important;
    padding: 0 !important;
    border: none;
    background-image: none !important;
}
div#baseall-s div.h4bg div {
    padding: 0;
    margin: 0;
    background-color: #ffffff;
    border-bottom: solid 1px #990000;
}
div#baseall-s div.h4bg h4 {
    padding: 12px 0 6px 10px;
    margin: 0;
    color: #202020;
    font-size: 115%;
    border: none;
    background-color: transparent;
}
div#baseall-s div.h5bg {
    margin: 10px 0 !important;
    padding: 0 !important;
    border: none;
    background-image: none !important;
}
div#baseall-s div.h5bg div {
    padding: 0;
    margin: 0;
    background-color: #ffffff;
}
div#baseall-s div.h5bg h5 {
    padding: 12px 0 6px 10px;
    margin: 0;
    color: #202020;
    font-size: 110%;
    border: none;
    background-color: transparent;
}
div#baseall-s ul {
    list-style-type: disc;
    padding: 0 0 0 23px;
    margin: 10px 10px 10px 13px;
}
div#baseall-s ul li {
    background-image: none;
    padding: 0;
    margin: 3px 0 3px 0;
}
div#baseall-s dl {
    padding: 10px 15px;
    margin: 10px 10px 10px 13px;
    font-size: 100%;
    border: solid 1px #606060;
}
div#baseall-s dl dt {
    padding: 6px 0;
    margin: 0;
    font-weight: bold;
}
div#baseall-s dl dd {
    padding: 0;
    margin: 0;
}
div#baseall-s p.pagelinkout {
    margin: 0.56em 10px 0.56em 10px;
    padding: 0 0 0 15px;
    background-image: url(/images/s_icon_li.gif);
    background-repeat: no-repeat;
    background-position: 3px 0.5em;
    line-height: 1.3em;
    _height: 1%;
}
div#baseall-s p.pagelinkin {
    margin: 0.56em 10px 0.56em 10px;
    padding: 0 0 0 16px;
    background-image: url(/images/s_icon_li.gif);
    background-repeat: no-repeat;
    background-position: 3px 0.4em;
    line-height: 1.3em;
    _height: 1%;
}
div#baseall-s table.table01 {
    border: none;
}
div#baseall-s th {
    border: none;
}
div#baseall-s td {
    border: none;
}
/*リンク色*/
div#baseall-s div.tothispage div a:link,
div#baseall-s #s_wrap a:link,
div#baseall-s #s_wrap li a:link,
div#baseall-s #s_footer a:link {
    color: #195E9F;
    background-color: transparent;
    text-decoration: underline;
}
div#baseall-s div.tothispage div a:visited,
div#baseall-s #s_wrap a:visited,
div#baseall-s #s_wrap li a:visited,
div#baseall-s #s_footer a:visited {
    color: #880088;
    background-color: transparent;
    text-decoration: underline;
}
div#baseall-s div.tothispage div a:hover, 
div#baseall-s #s_wrap a:hover, 
div#baseall-s #s_wrap li a:hover, 
div#baseall-s #s_footer a:hover {
    color: #cc0000;
    background-color: transparent;
    text-decoration: underline;
}
div#baseall-s div.tothispage div a:active, 
div#baseall-s #s_wrap a:active, 
div#baseall-s #s_wrap li a:active, 
div#baseall-s #s_footer a:active {
    color: #cc0000;
    background-color: transparent;
    text-decoration: underline;
}



/* 災害用緊急情報エリア */
div.baseall-s div.s-kinkyu-box {
    margin: 20px 0 10px 0;
    padding: 0;
    border: 3px solid #983012;
    background-image: none;
}
div.baseall-s div.s-kinkyu-box div.h2bg {
    margin: 0;
}
div.baseall-s div.s-kinkyu-box div.h2bg div {
    border: none;
    background-color: #983012;
    color: #FFFFFF;
}
div.baseall-s div.s-kinkyu-box div.h2bg h2 {
    padding: 3px 0 1px 8px;
    color: #FFFFFF;
    font-size: 190%;
    font-weight: normal;
    background-color: transparent;
}
div.baseall-s div.s-kinkyu-box div.h4bg {
    margin-right: 10px;
}

/* 災害用右エリア */
/* 共通枠 */
div.baseall-s div.bgbox {
    clear: both;
    margin: 1.2em 0 10px 0;
    padding: 0;
    border: 3px solid #CCCCCC;
    background-color: #FFFFFF;
    color: #131313;
}

/* ボックス内floatのclear */
.bgbox:after {
content: ".";
display: block;
visibility: hidden;
clear: both;
height: 0;
}
.bgbox {display: inline-block;}
/* Hides from macIE \*/
* html .bgbox {height: 1%;}
.bgbox {display: block;}
/* End hide from macIE */

div.baseall-s div.bgbox h2 {
    margin: 5px;
    padding: 4px 0 0 4px;
    font-size: 100%;
    background-color: #D8D8D8;
    color: #131313;
}
div.baseall-s div.s-anzen h2 {
    border-left: 7px solid #1A3D77;
}
div.baseall-s div.s-main-menu h2 {
    border-left: 7px solid #1A3D77;
}

div.baseall-s div.bgbox ul {
    padding-left: 10px;
}
/* 災害用フッター */
div#baseall-s div#s_footer {
    clear: both;
    padding: 0;
    margin: 20px 40px 0 40px;
    border: none;
    width: auto;
    font-size: 100%;
}
div#baseall-s .s_f-box {
    padding: 14px 0;
    margin: 0 auto;
    border-top: solid 3px #990000;
}
div#baseall-s .s_f-box .s_f-link {
    padding: 0;
    margin: 0 auto;
    text-align: center;
}
div#baseall-s .s_f-box .s_f-txt {
    padding: 10px 0;
    margin: 0;
    text-align: left;
    border-bottom: solid 1px #990000;
}
div#baseall-s .s_f-box .s_f-nav {
    padding: 0;
    margin: 0;
    text-align: left;
}
div#baseall-s #s_copy {
    padding: 0;
    margin: 0 auto;
    font-size: small;
    text-align: center;
}
/* このページの上へ戻る */
div#baseall-s div.tothispage {
    clear: both;
    margin: 0;
    padding: 0;
    width: 100%;
}
div#baseall-s div.tothispage div {
    float: right;
    margin: 0 40px 0 0;
    padding: 0;
    font-size: 88%;
    border-bottom: none;
    background-color: #FECCCB;
    background-image: none;
    background-repeat: no-repeat;
    background-position: 10px 0.8em;
    _height: 1%;
}
div#baseall-s div.tothispage div a {
    margin: 0;
    padding: 5px 10px;
    display: block;
}

/* フッター　2 */
div.baseall-s div.foot2bg {
    margin: 0;
    padding: 0;
    background-color: #FBCECE;
    color: #131313;
    border-bottom: 1px solid #FFFFFF;
}

/* ガイダンスリンク */
div.baseall-s ul.footlist {
    clear: both;
    padding: 8px 0 8px 4px;
    border: none;
    width: 100%;
    margin: 0 0 0 10px;
    background-color: #FBCECE;
}
div.baseall-s ul.footlist li {
    float: left;
    margin: 0;
    padding: 0 10px;
    font-size: 90%;
    line-height: 120%;
    color: #131313;
    white-space: nowrap;
    border-right: 1px solid #7D6767;
    background-color: #FBCECE;
    background-image: none;
    _height: 1%;
}

div.baseall-s ul.footlist li a {
    text-decoration: underline;
    background:none;
    margin: 0;
    padding: 0;
}
/* フッター　3 */
div.baseall-s div.foot3bg {
    clear: both;
    margin: 0 auto 0 auto;
    padding: 0;
    background-color: #983012;
    background-image: none;
    color: #131313;
}

/* アドレス */
div.baseall-s div.f0add {
    clear: both;
    margin: 0 auto 0 auto;
    padding: 8px 5px 8px 18px;
    min-width: 48px;
}
div.baseall-s div.f0add h2 {
    float: left;
    color: #FFFFFF;
    font-weight: normal;
    font-size: 100%;
    background-color: transparent;
    padding: 3px 0 0 0;
}
div.baseall-s div.f0add h3 {
    color: #FFFFFF;
    background-color: transparent;
}
div.baseall-s address {
    color: #FFFFFF;
    background-color: transparent;
    float: left;
    margin: 0 0 5px 30px;
    clear: none;
    width: 690px;
}

/* ==================================================
トップページのフッター
================================================== */


.t-footer {/* フッター全体の設定 */
    clear: both;
    padding: 0;
    margin: 0;
    width: 100%;
    min-width: 850px;
    background-color: #ffffff;
    border-top: solid 1px #bfbfbf;
    bottom: 0;
    zoom: 80%;
}
.t-footer div#f-box {/* フッター部分の中央寄せ */
    padding: 0;
    margin: 0 auto;
    max-width: 1120px;
}
.t-footer div#f-txt {/* 役場データの設定 */
    display: inline-block;
    padding: 10px;
    margin: 0;
    text-align: left;
}
.t-footer div#f-txt img {/* 町章画像の設定 */
    display: inline-block;
    padding: 0;
    margin: 10px;
    text-align: center;
    vertical-align: top;
}
.t-footer div#f-txt p {/* 役場データのテキスト設定 */
    margin: 0;
    display: inline-block;
    text-align: left !important;
}
.t-footer div#f-nav {/* ナビリンクの設定 */
    float: right;
    margin: 10px 10px 0 0;
}
.t-footer div#f-nav ul {
    padding: 0;
    margin: 0;
    text-align: right;
    list-style-type: none;
    list-style-image: none;
    background-color: transparent;
}
.t-footer div#f-nav ul li {
    background-image: none;
    display: inline-block;
    padding: 0;
    margin: 0;
}

.t-footer div#copy {/* コピーライトの設定 */
    clear: both;
    padding: 0;
    margin: 0;
    bottom: 0;
    font-size: small;
    text-align: center;
    background-color: #886b41;
}
.t-footer div#copy p {
    padding: 4px 0 2px 0;
    margin: 0;
    color: #ffffff;
}



/* ==================================================
お知らせエリア
================================================== */


/* ------------------------各セクション共通------------------------ */

/* 市からのお知らせ
============================== */
/* 注目 */
.chumoku-title {
    width: 160px;
    margin: 0;
    padding: 8px;
    line-height: 1.5em;
    text-align: center;
    background: #C65935;
    color: #FFF;
    display: table-cell;
    vertical-align: middle;
    font-size: 1.5em;
    font-weight: 500;
    border-radius: 5px 0 0 5px;
}
#chumoku .inner p {
    position: relative;
    clear: both;
    margin: 0.1em 10px 0.56em 10px;
    padding: 0 0 2px 16px;
    line-height: 1.5em;
    background: none;
}
#chumoku a::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    border-color: #666666;
    border-style: solid;
    border-width: 2.5px 2.5px 0 0;
    content: "";
    display: block;
    height: 6px;
    position: absolute;
    left: 0;
    top: .48em;
    width: 6px;
}
#chumoku .inner {
    padding: 10px;
    margin: 0;
    overflow: hidden;
    display: table-cell;
    vertical-align: top;
}

#chumoku {
    margin: 0 0 10px 0;
    background: #F6F6F6;
    text-align: left;
    overflow: hidden;
    border-radius: 5px;
}
.img-btn {
    padding: 0 0 10px 0;
    margin: 0;
}
.koho-img .koho-txt {
    background: #F6F6F6;
    padding: 10px 15px;
    display: block;
    border-radius: 0 0 5px 5px;
}
.koho-title {
    background: #1A418C;
    color: #FFF;
    padding: .6em 10px .6em 35px;
    font-weight: 500;
    border-radius: 5px 5px 0 0;
    background-image: url(/images/koho-title-icon.png);
    background-repeat: no-repeat;
    background-position: 10px 0.85em;
}

/* キーワードから探す */
.word-search-title {
    background: #1A418C;
    color: #FFF;
    padding: .4em 10px .3em 10px;
    font-weight: 500;
    border-radius: 5px 5px 0 0;
}
.word-search {
    background: #F6F6F6;
    border-radius: 5px;
}
.word-search-txt {
    padding: 10px 5px 0 5px;
}
.word-search-txt p {
    border-bottom: 1px solid #DFDFDF;
    padding: 0 0 0.56em 16px;
    clear: both;
    margin: 0.1em 10px 0.56em 10px;
    line-height: 1.5em;
    position: relative;
    background: none;
}
.word-search-txt p:last-child {
    border: none;
}
.word-search-txt a::before {
    border-color: #333333;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    border-style: solid;
    border-width: 2.5px 2.5px 0 0;
    content: "";
    display: block;
    height: 5px;
    position: absolute;
    left: 0;
    top: .55em;
    width: 5px;
}
/* ==================================================
タブ内汎用エリア
================================================== */
/* ボタンリンク */
.general-tab .top-btn a::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    border-color: #666666;
    border-style: solid;
    border-width: 2.5px 2.5px 0 0;
    content: "";
    display: block;
    height: 6px;
    position: absolute;
    left: 8px;
    top: 1em;
    width: 6px;
}
.general-tab .top-btn {
    width: 238px;
    display: inline-block;
    vertical-align: top;
    margin: 0 0 10px 0;
}
.general-tab p.innerLink,.general-tab p.externalLink {
    margin: 0;
    padding: 0;
}
.general-tab .top-btn a {
    padding: 10px 20px 10px 22px;
    text-align: center;
}
/* ピックアップ */
.pick-img {
    width: 310px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    margin: 0 10px 0 0;
}
.pick-txt {
    display: block;
    padding: 10px;
}
.externalLink .pick-txt::before {
    padding: 0 0 0 20px;
    background-image: url(/images/c_icon_outlink.png);
    background-repeat: no-repeat;
    background-position: 0 .4em;
    content: "";
}
.pick-img.innerLink a::before {
    border: none;
}
/* ------------------------------------------------ */