@charset "UTF-8";
/* =========================================================
   Pieces
========================================================= */
/* 子育て専用ここから */
/*--------------------------------------------------------------------------------------------------------- */

/* 001.コンテナー */
#container {
  position: relative;
  top: -50px;
  padding: 10px;
  margin-bottom: -50px;
  border-radius: 10px 10px 10px 10px; /*  IE-CSS3 */
 -moz-border-radius: 10px 10px 10px 10px; /* Firefox */
 -webkit-border-radius: 10px 10px 10px 10px; /* Safari and Chrome */
  behavior: url(/_themes/js/PIE.htc);
}
@media screen and (max-width: 640px) {
  #container {
    top: 0px;
  }
}
/* 002.ヘッダー */
#headerBody{
  background-color: #FF69B4;
}
/* 003.子育てトピックス */
#categoryKosodateTopicsList .title_link {
  font-size: 120%;
}
#categoryKosodateTopicsList .image {
  display: inline-block;
  float: left;
  display: block;
  height: 150px;
  overflow: hidden;
  width: 150px;
  margin-right: 10px;
}
#categoryKosodateTopicsList ul li {
  border-style: none none solid none;
  border-width: 0px 0px 1px 0px;
  border-color: #eeeeee;
  padding-left: 0px;
  background: none;
  padding-bottom: 5px;
  margin-bottom: 8px;
  float: none;
  width: auto;
}
#categoryKosodateTopicsList ul li:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  font-size: 0%;
  visibility: hidden;
}
.tileButton ul li {
  background: none;
  display: inline-block;
}
#categoryKosodateTopicsList h2 {
  color: #ffffff;
  background: none;
  background-color: #ff4500;
  width: 60%;
  border-radius: 5px 5px 5px 5px;
 -moz-border-radius: 5px 5px 5px 5px;
 -webkit-border-radius: 5px 5px 5px 5px;
  behavior: url(/_themes/js/PIE.htc);
}
/* 004.新着一覧 */
#categoryKosodateNewsList h2 {
  color: #ffffff;
  background: none;
  background-color: #228b22;
  width: 60%;
  border-radius: 5px 5px 5px 5px;
 -moz-border-radius: 5px 5px 5px 5px;
 -webkit-border-radius: 5px 5px 5px 5px;
  behavior: url(/_themes/js/PIE.htc);
}
/* 005.アクセシビリティの入れ物 */
.accessibilityCase {
  width: 320px;
}
/* アクセシビリティの入れ物 Responsive Layout */
@media screen and (max-width: 640px) {
  .accessibilityCase {
    padding-left: 2px;
    margin: 0 auto;
    /*width: 300px;*/
  }
}

/* 子育て専用ここまで */
/*--------------------------------------------------------------------------------------------------------- */

/* 子育てカスタマイズここから */
/*--------------------------------------------------------------------------------------------------------- */

/* 1.ヘッダー・フッター背景の入れ物 */
.colorCase {
  background-color: #FF69B4;
}
.colorCase .nowrap,
.colorCase .nowrap li {
  background-color: #FF69B4;
}
/* 2.フッターロゴ */
.footer_logo {
 text-align: center;
}
/* フッターロゴの入れ物 Responsive Layout */
@media screen and (max-width: 640px) {
  .footer_logo,
  .footer_logo img {
    width: 100%;
  }
}
/* 3.グローバルナビ
----------------------------------------------- */
#gNavi {
  margin-bottom: 10px;
}
#gNavi ul {
  padding-top:2px;
  width:100%;
  overflow:hidden;
  border-spacing: 5px 5px;
}
#gNavi li {
  list-style:none;
  width:185px;
  height: 100px;
  display: table-cell;
  font-weight: bold;
  vertical-align: bottom;
  letter-spacing: 0.1em;
  font-size: 120%;
  margin-bottom: 10px;
}
#gNavi li.jigyosha, #gNavi li.kanko, #gNavi li.shisei, #gNavi li.moshimo, #gNavi li.bosai {
  margin-left:2px;
}
#gNavi li.home a {
  background-image: url(/_themes/kosodate/piece/images/menu01.png);
  background-repeat: no-repeat;
}
#gNavi li.teate a {
  background-image: url(/_themes/kosodate/piece/images/menu02.png);
  background-repeat: no-repeat;
}
#gNavi li.koryu a {
  background-image: url(/_themes/kosodate/piece/images/menu03.png);
  background-repeat: no-repeat;
}
#gNavi li.sodan a {
  background-image: url(/_themes/kosodate/piece/images/menu05.png);
  background-repeat: no-repeat;
}
#gNavi li.shisetsu a {
  background-image: url(/_themes/kosodate/piece/images/menu04.png);
  background-repeat: no-repeat;
}
#gNavi li.kyukyu a {
  background-image: url(/_themes/kosodate/piece/images/menu06.png);
  background-repeat: no-repeat;
}
#gNavi li a {
  display: block;
  color:#000000;
  text-align:center;
  text-decoration: none;
  vertical-align: middle;
  padding-top: 100px;
}
#gNavi li.home a:hover {
  background-image: url(/_themes/kosodate/piece/images/menu01over.png);
  background-repeat: no-repeat;
}
#gNavi li.teate a:hover {
  background-image: url(/_themes/kosodate/piece/images/menu02over.png);
  background-repeat: no-repeat;
}
#gNavi li.koryu a:hover {
  background-image: url(/_themes/kosodate/piece/images/menu03over.png);
  background-repeat: no-repeat;
}
#gNavi li.sodan a:hover {
  background-image: url(/_themes/kosodate/piece/images/menu05over.png);
  background-repeat: no-repeat;
}
#gNavi li.shisetsu a:hover {
  background-image: url(/_themes/kosodate/piece/images/menu04over.png);
  background-repeat: no-repeat;
}
#gNavi li.kyukyu a:hover {
  background-image: url(/_themes/kosodate/piece/images/menu06over.png);
  background-repeat: no-repeat;
}
#gNavi img {
  vertical-align: middle;
  margin-bottom: 8px;
}
/* グローバルナビ Responsive Layout */
@media screen and (max-width: 640px) {
  #gNavi {
    margin-bottom: 30px;
  }
  #gNavi ul {
    text-align: center;
  }
  #gNavi li.shimin, #gNavi li.jigyosha, #gNavi li.kanko, #gNavi li.shisei, #gNavi li.moshimo, #gNavi li.bosai {
    margin-left:2px;
  }
  #gNavi img {
    display: none;
  }
  #gNavi li {
    width: 145px;
    display: -moz-inline-box;
    display: inline-block;
    margin-bottom: -10px;
  }
  #gNavi li a {
    background-size: 100%;
  }
}

/* 4.ページタイトル */
h1 {
  background-image: url(/_themes/kosodate/piece/images/h1-bg.png);
  background-repeat: no-repeat;
  background-color: #ffffe0;
  background-position: 10px center;
  width: auto;
  padding: 15px 0px 15px 50px;
  position: relative;
  font-size: 150%;
  font-weight: bold;
  color: #333;
  margin-bottom: 50px;
}
/* 5.ピースタイトル */
h2.headerTitle,
#categoryShinchakuInformation .pieceHeader h2,
#categoryShinchakuList .pieceHeader h2,
#categoryTopicsInformation .pieceHeader h2,
#categoryTowntopicsInformation .pieceHeader h2,
#shinchakuInformationGnav .pieceHeader h2,
#topicsInformationGnav .pieceHeader h2,
#categoryMayorTopicsList .pieceHeader h2, 
#categoryMayorNewsList .pieceHeader h2,
#categoryGikaiTopicsList .pieceHeader h2, 
#categoryGikaiNewsList .pieceHeader h2,
.contentGpCategoryCategory .mo-doc-3-doc section h2 {
  background: none;
  border-style: solid none dotted none;
  border-width: 5px 0px 1px 0px;
  border-color: #cccccc;
  font-size: 120%;
  margin-bottom: 3px;
}
/* 8.検索 */
.search {
  padding: 5px;
  background-color: #eeeeee;
  clear: both;
  width: 320px;
}
/* 9.サイトバナーに下線を引く */
.siteBanner {
  width: 1120px;
  margin: 0px auto;
}
/* サイトバナー Responsive Layout */
@media screen and (max-width: 640px) {
  .siteBanner {
    width: auto;
    padding: 5px 0px;
  }
}

/* 11.hタグ
----------------------------------------------- */
h2 {
  background-image: url(/_themes/kosodate/piece/images/h2-bg.png);
  background-repeat: no-repeat;
  background-position: 5px center;
  font-size: 130%;
  font-weight: bold;
  padding: 5px 0px 5px 40px;
  margin: 0px 0 20px 0;
  color: #000000;
}
h3 {
  background-image: url(/_themes/kosodate/piece/images/h3-bg.png);
  background-repeat: no-repeat;
  background-position: 5px center;
  border-style: solid solid solid solid;
  border-width: 1px 1px 1px 1px;
  border-color: #cccccc;
  font-size: 120%;
  font-weight: bold;
  padding: 5px 0px 5px 30px;
  margin: 0px 0 20px 0;
  color: #000000;
}
h4 {
  background-image: url(/_themes/kosodate/piece/images/h4-bg.png);
  background-repeat: no-repeat;
  background-position: 5px center;
  border-bottom: 1px solid #cccccc;
  font-size: 110%;
  padding: 5px 0px 5px 30px;
  margin: 0px 0 20px 0;
  color: #000000;
}
h5 {
  background-image: url(/_themes/kosodate/piece/images/h5-bg.png);
  background-repeat: no-repeat;
  background-position: 5px center;
  /*border-left: 2px solid #cccccc;*/
  font-size: 110%;
  padding: 5px 0px 5px 30px;
  margin: 0px 0 20px 0;
  color: #000000;
}
/* 19.画像のみのボタン */
.bannerButton a.imageLink {
  display: inline-block;
}
.bannerButton a.imageLink img {
  /*border: 1px solid #cccccc;*/
}
/* 28.ヘッダー・フッター背景の入れ物 */
.colorCase {
  color: #333333;
  font-size: 90%;
  padding: 5px;
}
/* 34.検索入力ボックス */
.searchText {
  width: 150px;
}
/* 35.検索ボタンのラベル */
.searchLabel {
  font-size: 90%;
}
/* 検索 Responsive Layout */
@media screen and (max-width: 640px) {
  .search {
    margin: 0 auto;
  }
}
/* 38.ロゴマーク */
.logoMark {
  float: left;
  margin-top: 50px;
  margin-bottom: 60px;
  margin-left: 5px;
}
/* ロゴマーク Responsive Layout */
@media screen and (max-width: 640px) {
  .logoMark {
    float: none;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 30px;
  }
  .logoMark img {
    width: 100%;
  }
}
/* 39.住所 */
.addressFotter {
  float: left;
  width: 800px;
}
.addressFotter p {
  margin-bottom: 10px;
}
/* 42.右配置入れ物 */
.rightCase {
  float: right;
  width: auto;
  margin-top: 50px;
}
/* 右配置入れ物 Responsive Layout */
@media screen and (max-width: 640px) {
  .rightCase {
    margin-top: 10px;
  }
}
/* 46.住所情報入れ物 */
.addressPack {
  padding-left: 10px;
  padding-top: 10px;
}
/* Responsive Layout */
@media screen and (max-width: 640px) {
  .addressFotter,
  .rightCase {
    float: none;
    width: 100%;
  }
  .skeltonCase {
    float: none;
    width: 100%;
  }
  .packBodyList ul {
    width: 210px;
    margin: 0px auto;
  }
}
/* 52.新着、トピックス */
#categoryDocViewlist .pieceBody,
#categoryTopicsInformation .pieceBody, 
#categoryTowntopicsInformation .pieceBody, 
#categoryShinchakuInformation .pieceBody,
#categoryShinchakuList .pieceBody,
#categoryMayorTopicsList .pieceBody, 
#categoryMayorNewsList .pieceBody,
#categoryGikaiTopicsList .pieceBody, 
#categoryGikaiNewsList .pieceBody,
#categoryKosodateNewsList .pieceBody,
#categoryKosodateTopicsList .pieceBody {
  padding-left: 8px;
  margin-bottom: 30px;
}
/* 54.新着、トピックスリスト表示 */
#categoryDocViewlist .pieceBody li,
#categoryTopicsInformation .pieceBody li, 
#categoryTowntopicsInformation .pieceBody li, 
#categoryShinchakuInformation .pieceBody li, 
#categoryShinchakuList .pieceBody li, 
#topicsInformationGnav .pieceBody li, 
#shinchakuInformationGnav .pieceBody li,
#categoryMayorTopicsList .pieceBody li,
#categoryMayorNewsList .pieceBody li,
#categoryGikaiTopicsList .pieceBody li,
#categoryGikaiNewsList .pieceBody li,
#categoryKosodateNewsList .pieceBody li {
  border-style: none none solid none;
  border-width: 0px 0px 1px 0px;
  border-color: #eeeeee;
  padding-left: 12px;
  background-image: url(/_themes/base/images/ic-list02.gif);
  background-position: 0 5px;
  background-repeat: no-repeat;
  margin-bottom: 8px;
  padding-bottom: 5px;
}
/* 60.ページの先頭へ画像 */
#pageTop img {
  width: 40px;
}
/* 61.ページの先頭へリンク */
#pageTop a {
  background-color: #bfff7f;
  border: 1px solid #cccccc;
  text-decoration: none;
  color: #000000;
  width: 80px;
  padding: 20px 0;
  text-align: center;
  display: block;
  border-radius: 5px;
}
/* 62.ページの先頭へリンクホーバー */
#pageTop a:hover {
  text-decoration: none;
  background: #ffce9e;
}
/* 75.記事テンプレート
----------------------------------------------- */
.temp1,   .temp2,   .temp3,   .temp4,
.temp5-1, .temp5-2, .temp5-3, .temp5-4,
.temp8,   .temp10,  .temp15 {
  clear: both;
  margin-bottom: 30px;
}
/* 回り込み画像、説明 */
.temp1,
.temp2 {
  width: 600px;
  margin-left: auto;
  margin-right: auto;
}
.temp1 .thumb {
  float: left;
  margin-right: 30px;
}
.temp2 .thumb {
  float: right;
  margin-left: 30px;
}
/* 横置き2枚画像 */
.temp3 dl {
  float: left;
  padding: 0;
  text-align: center;
  width: 320px;
}
.temp3 dl dt,
.temp4 dl dt {
  margin-bottom: 5px;
}
.temp3 .imageBlock {
  width: 640px;
  margin-left: auto;
  margin-right: auto;
}
.temp3 dl dt img {
  max-width: 300px;
}
.temp3 dl dd,
.temp4 dl dd {
  text-align: center;
  padding: 10px;
  margin-left: auto;
  margin-right: auto;
}
.temp3 dl dt,
.temp4 dl dt {
  margin-left: auto;
  margin-right: auto;
}
/* 横置き3枚画像 */
.temp4 .imageBlock {
  width: 660px;
  margin-left: auto;
  margin-right: auto;
}
.temp4 dl {
  float: left;
  padding: 0;
  text-align: center;
  width: 220px;
}
.temp4 dl dt img {
  max-width: 200px;
}
/* 行見出し付きテーブル */
.temp5-1 table,
.temp5-2 table {
  width: 600px;
  margin-left: auto;
  margin-right: auto;
}
.temp5-3 table,
.temp5-4 table {
  width: 770px;
  margin-left: auto;
  margin-right: auto;
}
.temp5-1 table th, .temp5-1 table td, 
.temp5-2 table th, .temp5-2 table td,
.temp5-3 table th, .temp5-3 table td,
.temp5-4 table th, .temp5-4 table td,
.temp10  table th, .temp10  table td {
  padding: 5px;
}
.temp5-1 table caption,
.temp5-2 table caption,
.temp5-3 table caption,
.temp5-4 table caption,
.temp10  table caption {
  font-size: 130%;
  text-align: left;
}
.temp5-1 table th,
.temp5-2 table th,
.temp5-3 table th,
.temp5-4 table th {
  background-color: #ffffe0;
}
.temp5-1 table, .temp5-1 table td, .temp5-1 table th,
.temp5-2 table, .temp5-2 table td, .temp5-2 table th,
.temp5-3 table, .temp5-3 table td, .temp5-3 table th,
.temp5-4 table, .temp5-4 table td, .temp5-4 table th,
.temp10  table, .temp10  table td, .temp10  table th {
  border: 1px #000000 solid;
}
/* 中央寄せ文章 */
.temp6 {
  width:600px;
  margin-left: auto;
  margin-right: auto;
}
.temp6 ul {
  margin-left: 1em;
  margin-bottom: 20px;
  list-style-type: disc;
}
.temp6 ol {
  margin-left: 1em;
  margin-bottom: 20px;
}
/* 1枚画像 */
.temp8 dl {
  padding: 0;
  text-align: center;
  width: 600px;
  margin-left: auto;
  margin-right: auto;
}
.temp8 dl dt {
  margin-bottom: 5px;
}
.temp8 dl dd {
  margin: 0;
  text-align: center;
}
.temp8 dl dt img {
  max-width: 600px;
}
/* 列見出し付きテーブル */
.temp10 table {
  width:600px;
  margin-left: auto;
  margin-right: auto;
}
.temp10 table th {
  background-color: #ffffe0;
  text-align: left;
  width: 200px;
}
.temp11 {
  width: 600px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
}
.temp12 {
  width: 600px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
}
.temp13 {
  width: 600px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
}
.temp14 {
  width: 600px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
}
/* 資料添付 */
.temp15 .dlDocument {
  width: 770px;
  padding: 5px;
  border: 1px solid #cccccc;
  margin-left: auto;
  margin-right: auto;
}
.temp15 .titleDocument {
  background-color: #ffffe0;
  border: 1px solid #cccccc;
  font-size: 120%;
  font-weight: bold;
  padding: 5px 0px 5px 10px;
  margin-bottom: 8px;
}
.temp15 ul li {
  background: none;
  border-style: none none solid none;
  border-width: 0px 0px 1px 0px;
  border-color: #eeeeee;
  padding-left: 10px;
  padding-bottom: 5px;
  margin-bottom: 8px;
}
.bodyH2,
.bodyH3,
.bodyH4,
.bodyH5 {
  padding: 5px;
}
/* 記事テンプレート Responsive Layout
----------------------------------------------- */
@media screen and (max-width: 640px) {
  .temp1,
  .temp2 {
    width: 100%;
  }
  .temp1 .thumb,
  .temp2 .thumb {
    float: none;
    text-align: center;
    margin-left: 0px;
    margin-right: 0px;
  }
  .temp1 .thumb img,
  .temp2 .thumb img,
  .temp3 dl dt img,
  .temp4 dl dt img,
  .temp8 dl dt img {
    max-width: 100%;
  }
  .temp1 .docExplain,
  .temp2 .docExplain {
    display: inline;
  }
  .temp3 .imageBlock,
  .temp4 .imageBlock {
    width: 100%;
  }
  .temp3 dl,
  .temp4 dl,
  .temp8 dl {
    width: 100%;
  }
  .temp5-1 table,
  .temp5-2 table,
  .temp5-3 table,
  .temp5-4 table,
  .temp10  table {
    width: 100%;
  }
  .temp6 {
    width:100%;
  }
  .temp10 table th {
    width: 30%;
  }
  .temp11 {
    width: 100%;
  }
  .temp12 {
    width: 100%;
  }
  .temp13 {
    width: 100%;
  }
  .temp14 {
    width: 100%;
  }
  .temp15 .dlDocument {
    width: 90%;
  }
}
/* 子育てカスタマイズここまで */
/*--------------------------------------------------------------------------------------------------------- */

/* 共通部分ここから */
/*--------------------------------------------------------------------------------------------------------- */




/* 6.ヘッダー・フッターのリンクボタン */
.colorCase a {
  display: inline-block;
  border: 1px solid #c4c5c5;
  line-height: 1;
}
/* 7.ヘッダー・フッターにマウスを載せた場合の装飾 */
.colorCase a:hover {
  color: #ec5506;
  border-color: #ec5506;
}



/* 10.informationModeヘッダアナウンス
----------------------------------------------- */
#informationMode {
  margin: 5px 0 0;
}
#informationMode .pieceContainer {
  padding: 5px 0 5px 10px;
  border-top: 1px solid #f00000;
  border-bottom: 1px solid #f00000;
  color: #dd0000;
  margin: 0 0 10px 0;
}
/* 12.ピース内のブロックを囲う */
.packUnit {
  margin-bottom: 20px;
  clear:both;
}
/* 13.ピース内のリスト先頭にアイコンを表示する */
.packUnit li,
#categorySoshikiList li {
  padding: 0 0 5px 15px;
  background-image: url(/_themes/piece/images/ic-list.gif);
  background-repeat: no-repeat;
  background-position: left 5px;
}
/* 14.新しいウインドウを開く画像 */
.newWindow {
  padding-left: 15px;
}
/* 15.マイメニュー */
.favoriteButton {
  text-align: center;
  margin-bottom: 10px;
}
.favorite-body {
  font-size: 90%;
  line-height: 120%;
}
.favorite-body li{
  padding: 0 0 5px 15px;
  background-image: url(/_themes/base/images/ic-list02.gif);
  background-repeat: no-repeat;
  background-position: left 5px;
}
/* マイメニュー Responsive Layout */
@media screen and (max-width: 640px) {
  .favorite-body {
    padding-left: 8px;
  }
}
/* 16.バナーボタン */
.bannerButton {
  margin-bottom: 3px;
}
/* 17.アイコン付きボタン */
.bannerButton a.iconLink {
  display: inline-block;
  color: #333333;
  font-size: 100%;
  font-weight: normal;
  width: 208px;
  text-align: left;
  vertical-align: middle;
  text-decoration: none;
  background-position: left top;
  padding-top: 7px;
  padding-bottom: 7px;
  border: 1px solid #cccccc;
}
/* 18.ボタんにマウスを載せた場合の装飾 */
.bannerButton a:hover {
  color: #ec5506;
  border-color: #ec5506;
}

/* 20.アイコン付きボタン画像 */
.bannerButton img.iconImage {
  vertical-align: middle;
  margin-right: 5px;
  margin-left: 3px;
}
/* 21.地域ボタン */
.bannerButtonB {
  margin-bottom: 3px;
}
/* 22.地域ボタンリンク */
.bannerButtonB a {
  display: inline-block;
  color: #333333;
  font-size: 100%;
  font-weight: normal;
  border: 1px solid #cccccc;
  height: 40px;
  width: 208px;
  text-align: left;
  vertical-align: middle;
  text-decoration: none;
  background-position: left top;
  letter-spacing: 0.1em;
  border: 1px solid #cccccc;
}
/* 23.地域ボタンリンクホバー */
.bannerButtonB a:hover {
  color: #ec5506;
  border-color: #ec5506;
}
/* 24.地域ボタン画像 */
.bannerButtonB img {
  vertical-align: middle;
  margin-right: 6px;
}
/* ボタン Responsive Layout */
@media screen and (max-width: 640px) {
  .bannerButton,
  .bannerButtonB {
    text-align: center;
  }
}
/* 25.インフォメーションボタン */
.information {
  padding-top: 10px;
  padding-bottom: 10px;
  width: 320px;
}
/* 26.インフォメーションボタンのリンク */
.information a {
  display: inline-block;
  width: 90px;
  color: #000000;
  font-size: 90%;
  text-align: center;
  text-decoration: none;
  border: 1px solid #cccccc;
}
/* 27.インフォメーションボタンのリンクホバー */
.information a:hover {
  color: #ec5506;
  border-color: #ec5506;
}
/* インフォメーション Responsive Layout */
@media screen and (max-width: 640px) {
  .information {
    margin: 0 auto;
  }
}


/* 29.ヘッダー・フッター背景入れ物のリンク */
.colorCase a {
  color: #ffffff;
  text-decoration: none;
  padding: 2px 2px 2px 2px;
}
/* 30.背景黒ボタン */
.colorCase #themeBlack{
  display: inline-block;
  border: 1px solid #c4c5c5;
  background-color: #000;
  color: #ffff00;
  line-height: 1;
}
/* 31.背景青ボタン */
.colorCase #themeBlue{
  display: inline-block;
  border: 1px solid #c4c5c5;
  background-color: #1745cc;
  color: #ffff00;
  line-height: 1;
}
/* 33.背景白ボタン */
.colorCase #themeWhite{
  display: inline-block;
  border: 1px solid #c4c5c5;
  background-color: #fff;
  color: #000000;
  line-height: 1;
}




/* 36.灰色背景の入れ物 */
.colorCaseTitle {
  padding: 5px;
  background-color: #eeeeee;
  clear: both;
}
.colorCaseTitle h2 {
  border: none;
  padding: 3px 5px 3px 5px;
  font-size: 120%;
  font-weight: bold;
  color: #333333;
  margin-bottom: 3px;
}
.colorCaseTitle h3 {
  border: none;
  padding: 0px 5px 0px 5px;
  font-size: 110%;
  font-weight: normal;
  color: #333333;
  margin-bottom: 3px;
}
/* 37.リストを横向きに並べる */
.nowrap,
.nowrap li {
  display: inline-block;
  margin-right: 5px;
}


/* 40.住所のリンクボタン */
.addressFotter a {
  display: inline-block;
  width: 120px;
  color: #000000;
  font-size: 90%;
  text-align: center;
  text-decoration: none;
  border: 1px solid #cccccc;
}
/* 41.住所のリンクのホーバー */
.addressFotter a:hover {
  color: #ec5506;
  border-color: #ec5506;
}

/* 43.画像入れ物 */
.imageCase img {
  width: 250px;
}
/* 44.中央に配置する */
.textAlignCenter {
  text-align: center;
}
/* 45.住所強調表示 */
.strTitle {
  font-weight: bold;
  font-size: 140%;
}


/* 47.パンくず画像 */
.breadImage {
  float: left;
}
/* 48.パンくず */
#breadCrumbs,
#breadCrumbsDown {
  float: left;
  font-size: 90%;
  line-height: 120%;
  margin-bottom: 15px;
  padding-left: 10px;
}
/* 49.パンくず上部表示 */
.breadPackUp {
  display:block;
}
/* 50.パンくず下部非表示 */
.breadPackDown {
  display:none;
}
/* パンくず Responsive Layout */
@media screen and (max-width: 640px) {
  /* パンくず上部非表示 */
  .breadPackUp {
    display:none;
  }
  /* パンくず下部表示 */
  .breadPackDown {
    display:block;
    clear: both;
  }
  .breadImage {
    padding-left: 10px;
  }
  #breadCrumbsDown {
    margin-bottom: 30px;
  }
}
/* 51.印刷ボタン */
#print .printButton{
  text-align:right;
  margin-bottom: 15px;
}
/* 印刷ボタン Responsive Layout */
@media screen and (max-width: 640px) {
  /* 印刷ボタン */
  #print {
    display: none;
  }
}
/* 53.ナビ用新着、トピックス */
#topicsInformationGnav .pieceBody,
#shinchakuInformationGnav .pieceBody {
  padding-left: 8px;
  margin-bottom: 60px;
}

/* 55.一覧リンク */
.more{
  text-align: right;
}
.moreB{
  text-align: right;
  margin-bottom: 30px;
}
/* 56.ページタイトル説明ブロック */
.explanationBanner {
  margin-bottom: 15px;
}
/* 57.ページタイトルにおける説明ブロック内画像の表示 */
.explanationBanner img {
  width: 100%;
}
/* 58.ページタイトルにおける説明ブロック内文章の表示 */
.explanationBody {
  border-bottom: 1px dashed #7fbfff;
  padding: 10px 20px;
}
/* 59.ページの先頭へ */
#pageTop {
  position: fixed;
  bottom: 0px;
  right: 0px;
  font-size: 80%;
  display: block
}

/* 63.sns */
#sns {
  margin-bottom:10px;
}
#sns .pieceBody .fb-wrapper {
  display: inline;
  vertical-align: top;
}
/* sns Responsive Layout */
@media screen and (max-width: 640px) {
  /* sns */
  #sns {
    padding-left: 8px;
  }
}
/* 64.TOP画面観光・お祭りバナー
----------------------------------------------- */
.bannerShort {
  float: left;
  width:50%;
}
.bannerShort img {
  width: auto;
  border: 2px solid #000000;
}
.explanationBodyb {
  padding: 5px 5px;
  font-size: 90%;
  line-height: 120%;
}
.bannerExplain {
  padding: 3px 0;
}
/* TOP画面観光・お祭りバナー Responsive Layout */
@media screen and (max-width: 640px) {
  .bannerShort {
    float: none;
    width: auto;
    text-align: center;
    padding: 0px 5px;
  }
  .bannerShort img {
    width: auto;
  }
}
/* 65.トップ（スライドショー） */
#topImageMain {
  margin-bottom: 10px;
}
#topImageMain .topImageLeft{
  float: left;
  width: 870px;
  background-color: #eeeeee;
  padding: 3px 15px 0px 12px;
  margin-right: 10px;
}
#topImageMain .topImageRight{
  float: left;
  padding-bottom: 22px;
}
#topImageMain .topImageRight img{
  border: 1px solid #cccccc;
}
#topImageMain .camera_pag{
  bottom: -10px;
  position: absolute;
  z-index: 9999;
  left: 20px;
  width: 95%;
}
/* トップメイン画像 Responsive Layout */
@media screen and (max-width: 640px) {
  #topImageMain .topImageRight {
    display: none;
  }
  #topImageMain .topImageLeft {
    padding-right: 5px;
    float: none;
    width: auto;
  }
  #topImageMain .rightCase img {
    padding-right: 5px;
    float: none;
    width: 100%;
  }
}
/* 66.カテゴリ表示（テスト） */
#categoryDocList {
  display:table;
  width:auto;
  padding: 5px 5px 5px;
}
#categoryDocViewlist{
  width:70%;
  display:table-cell;
  vertical-align: top;
}
#categoryDocView {
  width:30%;
  display:table-cell;
  font-size: 90%;
}
#categoryDocView img {
  width: 100%;
}
#categoryDocView .pieceBody li {
  background-image:url();
  padding: 5px;
}
#categoryDocViewTitle{
  margin-bottom: 0px;
}
/* 67.緊急情報1行表示 */
#emergencyAnnounce {
  display:table;
  width:100%;
  margin-bottom: 15px;
}
#emergencyAnnounceTitle {
  width:20%;
  display:table-cell;
  margin-bottom: 5px;
  background-color: #cc0000;
  color: #ffffff;
  vertical-align: middle;
  padding: 5px 0 3px 0;
}
#emergencyAnnounceTitle .pieceHeader span {
  font-weight: normal;
  font-size: 120%;
  background-color: #cc0000;
}
#emergencyAnnounceTitle .pieceHeader img {
  vertical-align: middle;
}
#emergencyAnnounceTitle .pieceHeader a {
  text-decoration: none;
  color: #ffffff;
  border-bottom: 1px solid #ffffff;
  display: inline-block;
  line-height: 15px;
}
#emergencyAnnounceInfo {
  margin-bottom: 5px;
  display:table-cell;
  border: 1px solid #dc143c;
  vertical-align: middle;
  padding-left: 10px;
}
/* 緊急情報1行表示 Responsive Layout */
@media screen and (max-width: 640px) {
  #emergencyAnnounceTitle {
    padding: 15px 0px 15px 5px;
    width:24%;
  }
  #emergencyAnnounceTitle .pieceHeader img {
    display: none;
  }
}
/* 68.中津市の位置 */
.kyusyuMapLink{
  text-align: right;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-top: 230px;
  background-image: url(/_themes/piece/images/nakatsu_data.png);
  background-repeat: no-repeat;
  background-position: center top;
  width: 200px;
}
/* 中津市の位置 Responsive Layout */
@media screen and (max-width: 640px) {
  .kyusyuMapLink {
    margin: 0px auto;
  }
}
/* 69.人口統計
----------------------------------------------- */
.n-jinkouDeta{
  padding-right: 10px;
  padding-left: 10px;
  padding-top: 5px;
}
.n-jinkouNow{
  font-size: 90%;
  text-align: right;
  padding-right: 10px;
  padding-top: 5px;
}
.n-jinkouLink{
  text-align: right;
  padding-right: 10px;
  padding-bottom: 5px;
  padding-top: 5px;
}
/* 人口統計 Responsive Layout */
@media screen and (max-width: 640px) {
  .n-jinkouDeta {
    width: 210px;
    margin: 0px auto;
  }
}
/* 70.こんなとき
------------------------------------- */
.konnatoki .konnatokiMain {
  padding: 8px 10px;
  margin-bottom: 30px;
}
.konnatoki .konnatokiMenu {
  float: left;
  text-align:center;
  padding: 5px 18px 5px 7px;
}
.konnatoki .konnatokiMenu p {
  margin-bottom: 0px;
}
.konnatoki .konnatokiMenu img{
  border: 1px solid #cccccc;
  border-radius: 5px 5px 5px 5px; /*  IE-CSS3 */
 -moz-border-radius: 5px 5px 5px 5px; /* Firefox */
 -webkit-border-radius: 5px 5px 5px 5px; /* Safari and Chrome */
  behavior: url(/_themes/js/PIE.htc);
}
.konnatoki .lastDiv {
  padding-right: 0px;
}

/* 71.広告（下部）
----------------------------------------------- */
#adLower {
  border: 1px solid #cccccc;
  clear: both;
  display: inline-block;
  margin-bottom: 30px;
}
#adLower .pieceBody {
  text-align: center;
  padding: 20px 100px 20px 100px;
}
#adLower ul {
  text-align: center;
  margin: 0px auto;
}
#adLower li {
  float: left;
  margin: 0px 10px 5px 10px;
}
/* 広告（下部） Responsive Layout */
@media screen and (max-width: 640px) {
  #adLower .pieceBody {
    text-align: center;
    padding: 20px 10px 20px 10px;
  }
  #adLower ul {
    text-align: center;
    margin: 0px auto;
  }
  #adLower li{
    display: -moz-inline-box;
    display: inline-block;
    float:none;
  }
  #adLower a {
    margin: 0px 1px;
  }
  #adLower img {
    width: 155px;
  }
}
/* 72.アクセスランキング
----------------------------------------------- */
#accessRankingLastweek, 
#accessRankingYesterday {
  font-size: 90%;
  margin-bottom: 20px;
}
#accessRankingLastweek .pieceBody,
#accessRankingYesterday .pieceBody {
  padding: 10px;
}
#accessRankingLastweek .pieceBody ul,
#accessRankingYesterday .pieceBody ul {
  padding: 0;
  border: none;
  background-image: none;
}
#accessRankingLastweek .pieceBody ul li,
#accessRankingYesterday .pieceBody ul li {
  margin-bottom: 0px;
  padding-left: 0;
  background-image: none;
}
#accessRankingLastweek .pieceBody ul li:after,
#accessRankingYesterday .pieceBody ul li:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  font-size: 0%;
  visibility: hidden;
}
#accessRankingLastweek .pieceBody li span,
#accessRankingYesterday .pieceBody li span {
  display: inline-block;
  margin-right: 10px;
  padding: 3px 12px;
  float: left;
}
#accessRankingLastweek .pieceBody li.ranking1 span,
#accessRankingYesterday .pieceBody li.ranking1 span {
  background-image: url(/_themes/piece/images/access_1.png);
  background-repeat: no-repeat;
  background-position: 0 -3px;
}
#accessRankingLastweek .pieceBody li.ranking2 span,
#accessRankingYesterday .pieceBody li.ranking2 span {
  background-image: url(/_themes/piece/images/access_2.png);
  background-repeat: no-repeat;
  background-position: 0 -3px;
}
#accessRankingLastweek .pieceBody li.ranking3 span,
#accessRankingYesterday .pieceBody li.ranking3 span {
  background-image: url(/_themes/piece/images/access_3.png);
  background-repeat: no-repeat;
  background-position: 0 -3px;
}
/* 73.組織ページ一覧表 */
#unit .unitFloor {
  margin-bottom: 30px;
}
#unit p {
  margin-bottom: 0px;
}
#unit .pieceBody table {
  border: 1px solid #bbbbbb;
  margin: 0;
  width: 100%;
  table-layout: fixed;
  margin-bottom: 30px;
}
#unit .pieceBody th, #unit .pieceBody td {
  border: 1px solid #bbbbbb;
  padding: 10px;
  vertical-align: middle;
}
#unit .pieceBody .unitname{
  width:20%;
}
#unit .pieceBody .unittel,
#unit .pieceBody .unitfax {
  width:30%;
}
#unit .pieceBody .unitpoint,
#unit .pieceBody .unitmail {
  width:50%;
  word-wrap:break-word;
}
/* 74.組織ピース */
#categorySoshikiList h3 {
  border: none;
  margin-bottom: 0px;
}
/* 組織ピース Responsive Layout */
@media screen and (max-width: 640px) {
  #categorySoshikiList .pieceBody {
    padding-left: 8px;
  }
}

/* 76.Adobe Reader */
.adobeReader {
  margin: 10px 0px 30px 0px;
  padding: 10px;
  border: 1px solid #cccccc;
}
/* 77.中津市PRビデオ
----------------------------------------------- */
#prMain {
  background-image: url(/_themes/piece/images/bg_pr.jpg);
  background-repeat: no-repeat;
  width: 100%;
  height: 814px;
}
#prMain .prMovie {
  width: 100%;
  padding-top: 110px;
  padding-left: 5px;
}
#prMain .prBlank {
  width: 210px;
  height: 158px;
  float: left;
  padding: 0 15px 15px 0;
}
#prMain .prYoutube {
  float: left;
  padding: 0 15px 15px 0;
}
#categoryTab .tabs a {
  border-style: solid none dotted none;
  border-width: 5px 0px 1px 0px;
  border-color: #cccccc;
  display: inline-block;
  font-size: 120%;
  width: 670px;
  padding: 5px 8px 5px 5px;
  color: #333333;
  font-weight: bold;
  text-decoration: none;
  text-align: left;
}
/* 78.RSS Atom
---------------------- */
.feedPack{
  margin-left: 20px;
  margin-bottom: 50px;
}
ul.feed li {
  display: inline-block;
  width :40px;
  height: 19px;
  padding: 0;
  background-color:#000000;
  background-image: url(/_themes/base/images/bg_rss.gif);
  background-position: 0px;
  text-align: center;
}
ul.feed li:farst-child {
  margin-right: 5px;
}
ul.feed li a {
  display: block;
  padding: 0;
  color: #ffffff;
  text-decoration: none;
  font-size: 80%;
}
/* 共通部分ここまで */
/*--------------------------------------------------------------------------------------------------------- */