@charset "euc-jp";
/*-----------------------------------------------

File Name:	print.css
Style Info:	印刷用スタイル

-----------------------------------------------*/

/* Javascript Disabled */
div.jvd #fontsize{ display:none;}
div.jvd div#pagetype span.backbtn{ display:none;}
body div.jvd #cate-gmap{ display:none;}
body div.jvd #gmap{ display:none;}

div.jvd div#topevent{ display:none;}
div.jvd div#tslider_switcher{ display:none;}

div#wrapper{ width:1060px; margin:0 auto;}

/*==================================================================================================================================================
@group body,共通パーツ,各レイアウトボックス
==================================================================================================================================================*/

body{ padding:0px; font-size:90%;}
img.fluid-image { max-width: 100%;}
#content{
  width:100%;
}



  div.content-k{ background:url(../images/logo_kumamon.jpg) no-repeat left top;}
  ul.sideNav-k{ padding-top:164px;}
  div.wrapper-k div#content{ background:url(../images/logo_kumamon.jpg) no-repeat left top;}
  div.wrapper-k div#page-side-column{ padding-top:164px;}


/* #main  -----------------  */
#main{
  padding:0;
}
  /* main-column ---------- */
  #main-column{
    padding:10px 0;
  }
  /* side-column ---------- */
  #side-column{
    padding-top:10px;
    padding-bottom:10px;
    position:relative;
    z-index:999;
    display:none;
  }
  #page-side-column{
    padding-top:10px;
    padding-bottom:10px;
    position:relative;
    z-index:999;
  }
#sub{
  clear:both;
}
div.page-sub{ display:none;}

  body{ padding:0px; font-size:90%;}
  #header{ width:100%;}

  #main{ width:100%; position:relative;}

  #main-column{ width:100%; float:right;}
  #main-columnInner{ margin-left:210px; padding:10px 5px 10px 5px;}

  #side-column{ width:210px; float:left; margin-right:-210px; display:block;}
  #page-side-column{ width:210px; float:left; margin-right:-210px; clear:none;}
  #side-columnInner{ padding:0 5px;}

  div#sub{ display:block;}
  #content{
    width:100%;
    float:left;
  }
  #contentInner{
    margin-right:220px;
  }
  #sub{
    clear:none;
    width:220px;
    float:right;
    margin-left:-220px;
  }
/*==================================================================================================================================================
@group サイトロゴ
==================================================================================================================================================*/

h1#siteID{ width:100%; height:54px; text-align:center; padding:0px; background:url(../images/bg_logo_sp.jpg) no-repeat left top;}
h1#siteID a{
  display:block;
  height:54px;
  background:url(../images/logo_s.gif) no-repeat top center;
  width:144px;
  padding-top:0;
  margin:0 auto 0 0;
}


  h1#siteID a img { position:relative; z-index:-9999;}

h1#siteID a img { width:53px; height:54px; display:block;}

div#topimage{ display:none;}

/* スマートフォン用ボタン */
#mobile-navi{ padding:5px; background:#C3E5FD; color:#002040; font-size:90%; height:26px;}
#mobile-navi span{ display:block; float:right; cursor:pointer;}

  h1#siteID img.page-sitelogo{ width:100px; height:102px; display:inline;}
  h1#siteID a{
    overflow:hidden;
  }
  h1#siteID{ width:205px; height:235px; float:left; padding:0; margin-right:-215px;}
  h1#siteID a{ width:205px; height:235px; display:block; background:none;}
  h1#siteID a img{ width:205px; height:235px; display:block; z-index:9999;}
  #mobile-navi{ display:none;}

/*==================================================================================================================================================
@group グローバルナビゲーション
==================================================================================================================================================*/

div#globalNavWrap{ display:none;}

ul#globalNav{
  padding:0;
  background:none;
}
  #globalNav li{
    width:50%;
    height:48px;
    float:left;
    text-align:center;
    padding:0 0 3px 0;
  }
  #globalNav li.gnavi01{
    width:100%;
  }
    #globalNav li a{
      display:block;
      padding:1px 3px;
      background:url(../images/bg_gnavi.jpg) repeat-x;
      border-left:1px solid #54B7FB;
      border-right:1px solid #54B7FB;
    }
    #globalNav li.gnavi02 a,
    #globalNav li.gnavi04 a{ margin-right:1px;}
    #globalNav li img{ display:inline;}

  #globalNav li.gnavi01{ width:50%}
  #globalNav li.gnavi02{ width:50%}
  #globalNav li.gnavi03{ width:33%}
  #globalNav li.gnavi04{ width:34%}
  #globalNav li.gnavi05{ width:33%}
  #globalNav li.gnavi05{ background:none;}
    #globalNav li.gnavi01 a,
    #globalNav li.gnavi03 a,
    #globalNav li.gnavi04 a{ margin-right:1px;}
    #globalNav li.gnavi02 a{ margin-right:0;}

  div#globalNavBox{ float:right; width:100%;}
  div#globalNavInner{ margin-left:215px; padding:10px 5px 10px 0; position:relative;}
  div#globalNavWrap{
    display:block;
    background:url(../images/bg_gnavi.jpg) repeat-x;
  }
    #globalNav li{
      padding:1px 0;
    }
    #globalNav li.gnavi01{
      background: url(../images/bg_gnavileft.jpg) no-repeat left;
      width:20%;
    }
    #globalNav li.gnavi02,
    #globalNav li.gnavi03,
    #globalNav li.gnavi04{ width:20%}
    #globalNav li.gnavi05{
      background: url(../images/bg_gnaviright.jpg) no-repeat right;
      width:20%;
    }
      #globalNav li a{
        padding:0 0 0 0;
        border:none;
        background:none;
      }
      #globalNav li.gnavi02 a,
      #globalNav li.gnavi03 a,
      #globalNav li.gnavi04 a{ margin-right:0px;}

/*==================================================================================================================================================
@group 左サイド
==================================================================================================================================================*/

div.sidebox{ clear:both; padding-top:10px;}
  div.sidebox h4{ background:url(../images/bg_title-side-column.jpg) no-repeat right top;}
  div.sideboxInner{ padding:10px 8px; border:1px solid #C4E5FD; background:#EDF7FF;}
  div.sideboxInner2{ padding:10px 8px; border:1px solid #C4E5FD; background:#FFFFFF;}/* #sub  -----------------  */

/* 人口情報 */
  dl.populationList{
    font-size:90%;
    margin: 0;
    padding: 0;
    border: #EDF7FF solid 1px;
    border-width: 0 1px 1px;
    overflow:hidden;
    background:url(../images/bg_dt_jinkou.gif) repeat-y top left #FFF;
  }
  dl.populationList dt{
    margin: 0;
    padding: 0.5em;
    border-left: none;
    border-top: #EDF7FF solid 1px;
    font-size: 100%;
    line-height: 1.6em;
    font-weight:bold;
  }
  dl.populationList dd{
    margin: -2.7em 0 0 58px;
    padding: 0.5em;
    border-left: #EDF7FF solid 1px;
    border-bottom: none;
    line-height: 1.6em;
  }



table#populationTable{ border-collapse:collapse; width:100%; font-size:90%;}
  table#populationTable th,table#populationTable td{ padding:7px; border-right:1px solid #EDF7FF; border-bottom:1px solid #EDF7FF;}
  table#populationTable th{ background:#DDDDDD; width:3.5em;}
  table#populationTable td{ background:#FFFFFF;}
p#population-desc{ text-align:center; padding:5px; font-size:80%;}
  p#population-desc span{ display:block;  text-align:left;}
  span.jinko-f{ display:inline; font-size:80%;}


div#page-side-column #population{ display:none;}

  div.sidebox{ clear:both; padding-top:10px;}
  div.sidebox h4{ background:url(../images/bg_title-side-column.jpg) no-repeat right top;}
  div.sideboxInner{ padding:10px; border:1px solid #C4E5FD; background:#EDF7FF;}

  #population{ width:49%; float:right; clear:none;}
      span.jinko-f{ display:inline; font-size:80%;}

  div#page-side-column #population{ display:block;}
  #population{ width:100%; float:none; clear:both;}
      span.jinko-f{ display:block; font-size:80%;}

/*==================================================================================================================================================
@group 右サイド
==================================================================================================================================================*/

.subbox{
  padding-bottom:10px;
  clear:both;
}
  h4.title-sub{ background:url(../images/bg_title-sub.jpg) no-repeat right top;}
  .subboxInner{ border-right:1px solid #B7DF9F; border-bottom:1px solid #B7DF9F; border-left:1px solid #B7DF9F; background:#F1F9EC; padding:10px;}
    .subboxInner ul li{ text-align:center;}

  #fontsize{ display:none;}
  #language{ display:none;}
  h4#title-fontsize,
  h4#title-language{
    background:url(../images/bg_sub-titlebar.jpg) no-repeat right top;
    text-align:left;
  }
  div#fontctl{ padding-bottom:10px;}
    div#fontctl ul.fc{ height:24px;}
    div#fontctl ul li{ float:right; text-align:center;}
    li#flarge{ width:33%; background:url(../images/bg_fontl.jpg) no-repeat right top;}
    li#fmedium{ width:34%; background:url(../images/bg_fontm.jpg) repeat-x left top;}
    li#fsmall{ width:33%; background:url(../images/bg_fonts.jpg) no-repeat left top;}
      a.flarge{ display:block;}
      a.fmedium{ display:block; border-right:1px solid #FFF; border-left:1px solid #FFF;}
      a.fsmall{ display:block;}

  div.languageInner{ padding-bottom:10px;}
    div.languageInner ul li{ float:left; text-align:center;}
    li#lang01{ width:33%; background:url(../images/bg_language.jpg) no-repeat right top;}
    li#lang02{ width:34%; background:url(../images/bg_language.jpg) repeat-x left top;}
    li#lang03{ width:33%; background:url(../images/bg_language.jpg) no-repeat left top;}
    li#lang04{ width:33%; background:url(../images/bg_language.jpg) no-repeat right top;}
    li#lang05{ width:34%; background:url(../images/bg_language.jpg) repeat-x left top;}
    li#lang06{ width:33%; background:url(../images/bg_language.jpg) no-repeat left top;}
    li#lang07{ width:33%; background:url(../images/bg_language.jpg) no-repeat left bottom;}
    li#lang08{ width:67%; background:url(../images/bg_language.jpg) repeat-x right bottom;}
      a.lang01{ display:block; border-bottom:1px solid #FFF;}
      a.lang02{ display:block; border-right:1px solid #FFF; border-left:1px solid #FFF; border-bottom:1px solid #FFF;}
      a.lang03{ display:block; border-bottom:1px solid #FFF;}
      a.lang04{ display:block; border-bottom:1px solid #FFF;}
      a.lang05{ display:block; border-right:1px solid #FFF; border-left:1px solid #FFF; border-bottom:1px solid #FFF;}
      a.lang06{ display:block; border-bottom:1px solid #FFF;}
      a.lang07{ display:block;}
      a.lang08{ display:block; border-left:1px solid #FFF;}


  /* 広報うき */
  h4#title-kouhou{ background:url(../images/bg_title-kouhou.jpg) no-repeat right top;}
    p#kouhou-cover{ width:100%;}
      p#kouhou-cover span#kouhou-image{ display:block; width:107px; padding:5px; background:#C7DEB6; margin:0 auto 10px;}
      p#kouhou-cover span#kouhou-link{ display:block; width:100%; border:1px solid #FFAB2D; text-align:center;}
        p#kouhou-cover span#kouhou-link a{ display:block; background:url(../images/bg_btn_kouhou_link.jpg) repeat-x;}
      p#furusatomail{ background:#FFF; padding:10px; margin:10px 0 0; text-align:center;}

      #links li{ height:43px; padding-bottom:5px;}
      #links li#umifesta{ height:76px;}
      #links li#michinoeki{ height:64px;}

/* 携帯サイト */
#mobile{  display:none;}
p#mobile-qrcode{ width:80px; float:left;}


  #subInner{ padding:10px 5px;}
  #fontsize-kouhouWrap{
    width:49%;
    float:left;
  }
  #fontsize{
    width:100%;
  }
  #osusume{
    width:49%;
    float:right;
    clear:none;
    padding-top:17px;
  }
    #osusume li{ width:100%; float:left; text-align:center;}

  #links{
    width:49%;
    float:left;
    clear:none;
  }
    #links li{ width:100%; float:left; text-align:center;}

    /* 文字サイズの変更・言語の変更 */
      div#fontctl ul li{ float:right; text-align:center;}
      li#flarge{ width:33%; background:url(../images/bg_fontl.jpg) no-repeat right top;}
      li#fmedium{ width:34%; background:url(../images/bg_fontm.jpg) repeat-x left top;}
      li#fsmall{ width:33%; background:url(../images/bg_fonts.jpg) no-repeat left top;}
        a.flarge{ display:block;}
        a.fmedium{ display:block; border-right:1px solid #FFF; border-left:1px solid #FFF;}
        a.fsmall{ display:block;}


    /* 広報うき */
    h4#title-kouhou{ background:url(../images/bg_title-kouhou.jpg) no-repeat right top;}
      p#kouhou-cover{ width:100%;}
        p#kouhou-cover span#kouhou-image{ display:block; width:107px; padding:5px; background:#C7DEB6; margin:0 auto 10px;}
        p#kouhou-cover span#kouhou-link{ display:block; width:100%; border:1px solid #FFAB2D; text-align:center;}
          p#kouhou-cover span#kouhou-link a{ display:block; background:url(../images/bg_btn_kouhou_link.jpg) repeat-x;}
        p#furusatomail{ background:#FFF; padding:10px; margin:10px 0 0; text-align:center;}

    #mobile{ width:49%; float:left; clear:none;}


  #subInner{ padding:10px 5px;}
  #fontsize-kouhouWrap{
    width:33%;
    float:left;
  }
  #fontsize{
    width:100%;
  }
  #osusume{
    width:66%;
    float:right;
    clear:none;
  }
    #osusume li{ width:190px; float:left;}
    #osusume li a{ display:block; padding:0 5px 5px 0;}
    #osusume li img{ display:block;}

  #links{
    width:66%;
    float:right;
    clear:none;
  }
    #links li{ width:190px; float:left;}
    #links li a{ display:block; padding:0 5px 5px 0;}
    #links li img{ display:block;}

  #mobile{ width:66%; float:right; clear:none;}
    #mobile{  display:block;}

  #subInner{ padding:10px 8px;}
  #fontsize-kouhouWrap{
    width:100%;
    float:none;
  }
  #fontsize,
  #language{ padding-bottom:0; display:block;}
  #osusume,
  #links,
  #mobile{
    width:100%;
    float:none;
    clear:both;
    padding-top:0;
  }

/*==================================================================================================================================================
@group 広告欄
==================================================================================================================================================*/

#ad{
  clear:both;
  text-align:center;
  padding:10px;
  background:#EDF7FF;
}
  #ad li{ text-align:center;}

  #ad{ margin-bottom:20px;}
  #ad li{ text-align:center; width:160px; float:left; padding-right:5px;}

  #ad{ margin-bottom:20px;}
  #ad li{ text-align:center; width:160px; float:left; padding-right:5px;}
  #ad ul{ width:825px; margin:0 auto;}

/*==================================================================================================================================================
@group フッター
==================================================================================================================================================*/

#footer{
  clear:both;
  border-top:5px solid #C4E5FD;
  border-bottom:5px solid #C4E5FD;
  padding:10px 0 0;
}
  h5#faddress{ text-align:center; border-bottom:1px solid #CCC; padding-bottom:5px;}
  address{ text-align:center; padding:5px 0 10px; border-bottom:1px solid #CCC; clear:both;}
  p#copy{ font-size:75%; text-align:center;}

  ul#footer-menu{ padding:5px 5px 0; margin:0; text-align:center; list-style-type:none;}
  ul#footer-menu li{ background:url(../images/bg_fmenu.gif) no-repeat left center; padding:2px 10px 0 12px; font-size:90%; float:left;}
  address span{ display:block;}

  #footer{ padding:0; text-align:left;}
  h5#faddress{ text-align:left; border:none; padding:7px 15px 15px 15px; width:229px; float:left;}
  div#footer-content{ float:left;}
  ul#footer-menu{ text-align:left;}
  p#copy{ text-align:left; padding:0 0 0 10px;}
  address{ padding:5px 10px 0; border:none; text-align:left; line-height:1.5em;}
  address span{ display:inline;}


/*==================================================================================================================================================
@group 詳細ページ：画像処理（WYSIWYG）
==================================================================================================================================================*/

/* aタグ */
a.page-image-none200{ display:block; max-width:200px;}
a.page-image-none400{ display:block; max-width:400px;}
a.page-image-none600{ display:block; max-width:600px;}
a.page-image-left200{ display:block; max-width:200px;}
a.page-image-left400{ display:block; max-width:400px;}
a.page-image-left600{ display:block; max-width:600px;}
a.page-image-right200{ display:block; max-width:200px;}
a.page-image-right400{ display:block; max-width:400px;}
a.page-image-right600{ display:block; max-width:600px;}

/* imgタグ共通 */
a.page-image-none200 img,
a.page-image-none400 img,
a.page-image-none600 img,
a.page-image-left200 img,
a.page-image-left400 img,
a.page-image-left600 img,
a.page-image-right200 img,
a.page-image-right400 img,
a.page-image-right600 img{ max-width:100%;}

/* imgタグパターン別 */
img.page-image-left{ display:block; float:none; margin:0; clear:both;}
img.page-image-none{ display:block; float:none; margin:0; clear:both;}
img.page-image-right{ display:block; float:none; margin:0; clear:both;}



  /* aタグ */
  a.page-image-none200{ display:block;  clear:both; margin:10px auto; float:none;}
  a.page-image-none400{ display:block;  clear:both; margin:10px auto; float:none;}
  a.page-image-none600{ display:block;  clear:both; margin:10px auto; float:none;}

  a.page-image-left200{ display:block; max-width:200px; float:left; margin:0 20px 20px 0;}
  a.page-image-left400{ display:block; max-width:400px; float:none; margin:0;}
  a.page-image-left600{ display:block; max-width:600px; float:none; margin:0;}

  a.page-image-right200{ display:block; max-width:200px; float:right; margin:0 0 20px 20px;}
  a.page-image-right400{ display:block; max-width:400px; float:none; margin:0;}
  a.page-image-right600{ display:block; max-width:600px; float:none; margin:0;}

  /* imgタグパターン別 */
  img.page-image-left{ display:block; clear:none; float:left; margin:0 20px 20px 0; max-width:100%;}
  img.page-image-none{ display:block; clear:both; margin:10px auto; float:none; max-width:100%;}
  img.page-image-right{ display:block; clear:none; float:right; margin:0 0 20px 20px; max-width:100%;}

  /* imgタグパターン別：フロート制御 */
  a.page-image-none400 img.page-image-left{ float:none;}
  a.page-image-left400 img.page-image-left{ float:none;}
  a.page-image-right400 img.page-image-left{ float:none;}
  a.page-image-none600 img.page-image-left{ float:none;}
  a.page-image-left600 img.page-image-left{ float:none;}
  a.page-image-right600 img.page-image-left{ float:none;}



  /* aタグ */
  a.page-image-none200{ display:block;  clear:both; margin:10px auto; float:none;}
  a.page-image-none400{ display:block;  clear:both; margin:10px auto; float:none;}
  a.page-image-none600{ display:block;  clear:both; margin:10px auto; float:none;}
  a.page-image-left200{ display:block; max-width:200px; float:left; margin:0 20px 20px 0;}
  a.page-image-left400{ display:block; max-width:400px; float:left; margin:0 20px 20px 0;}
  a.page-image-left600{ display:block; max-width:600px; float:left; margin:0 20px 20px 0;}
  a.page-image-right200{ display:block; max-width:200px; float:right; margin:0 0 20px 20px;}
  a.page-image-right400{ display:block; max-width:400px; float:right; margin:0 0 20px 20px;}
  a.page-image-right600{ display:block; max-width:600px; float:right; margin:0 0 20px 20px;}

  /* imgタグパターン別 */
  img.page-image-left{ display:block; clear:none; float:left; margin:0 20px 20px 0; max-width:100%;}
  img.page-image-none{ display:block; clear:both; margin:10px auto; float:none; max-width:100%;}
  img.page-image-right{ display:block; clear:none; float:right; margin:0 0 20px 20px; max-width:100%;}


/*==================================================================================================================================================
@group 詳細ページ：画像処理（WIKI）
==================================================================================================================================================*/

/* aタグ */
a.imagelink_filea{ display:block;}
a.imagelink_fileb{ display:block;}
a.imagelink_filelib{ display:block;}

/* imgタグ共通 */
a.imagelink_filea img,
a.imagelink_fileb img,
a.imagelink_filelib img{ max-width:240px;}

/* imgタグパターン別 */
a.imagelink_filea img.page-image-left{ display:block; float:none; margin:5px; clear:both;}
a.imagelink_filea img.page-image-right{ display:block; float:none; margin:5px; clear:both;}

a.imagelink_fileb img.page-image-left{ display:block; float:none; margin:5px; clear:both;}
a.imagelink_fileb img.page-image-right{ display:block; float:none; margin:5px; clear:both;}

a.imagelink_filelib img.page-image-left{ display:block; float:none; margin:5px; clear:both;}
a.imagelink_filelib img.page-image-right{ display:block; float:none; margin:5px; clear:both;}


  /* imgタグパターン別 */
  a.imagelink_filea img.page-image-left{ display:block; float:left; clear:both; margin:0 20px 20px 0;}
  a.imagelink_filea img.page-image-right{ display:block; float:right; clear:both; margin:0 0 20px 20px;}

  /* ---------------------- テンプレートtype別 ---------------------- */
  a.imagelink_filelib{ width:240px; float:left; width:240px; padding:0 20px 20px 0;}

  /* ----------------------------------------
   type1articleArea01：左
   type1articleArea02：左
   ---------------------------------------- */
  div.type1articleArea01 a.imagelink_filea{ float:left; width:240px; padding:0 20px 20px 0;}
  div.type1articleArea02 a.imagelink_fileb{ float:left; width:240px; padding:0 20px 20px 0;}
  div.type1articleArea01 img{ width:240px;}
  div.type1articleArea02 img{ width:240px;}


  /* ----------------------------------------
   type2articleArea01：右
   type2articleArea02：右
   ---------------------------------------- */
  div.type2articleArea01 a.imagelink_filea{ float:right; width:240px; padding:0 0 20px 20px;}
  div.type2articleArea02 a.imagelink_fileb{ float:right; width:240px; padding:0 0 20px 20px;}
  div.type2articleArea01 img{ width:240px;}
  div.type2articleArea02 img{ width:240px;}

  /* ----------------------------------------
   type3articleArea01：右
   type3articleArea02：左
   ---------------------------------------- */
  div.type3articleArea01 a.imagelink_filea{ float:right; width:240px; padding:0 0 20px 20px;}
  div.type3articleArea02 a.imagelink_fileb{ float:left; width:240px; padding:0 20px 20px 0;}
  div.type3articleArea01 img{ width:240px;}
  div.type3articleArea02 img{ width:240px;}

  /* ----------------------------------------
   type4articleArea01：左
   type4articleArea02：右
   ---------------------------------------- */
  div.type4articleArea01 a.imagelink_filea{ float:left; width:240px; padding:0 20px 20px 0;}
  div.type4articleArea02 a.imagelink_fileb{ float:right; width:240px; padding:0 0 20px 20px;}
  div.type4articleArea01 img{ width:240px;}
  div.type4articleArea02 img{ width:240px;}

  /* ----------------------------------------
   type5articleArea01：無
   type5articleArea02：無
   ---------------------------------------- */
  div.type5articleArea01 a.imagelink_filea{ float:none; width:240px;}
  div.type5articleArea02 a.imagelink_fileb{ float:none; width:240px;}
  div.type5articleArea01 img{ width:240px;}
  div.type5articleArea02 img{ width:240px;}

  /* ----------------------------------------
   type6articleArea01：無
   type6articleArea02：無
   ---------------------------------------- */
  div.type6articleArea01 a.imagelink_filea{ float:none; width:480px; margin:0 auto;}
  div.type6articleArea02 a.imagelink_fileb{ float:none; width:480px; margin:0 auto;}
  div.type6articleArea01 a.imagelink_filea img{ width:480px; max-width:480px;}
  div.type6articleArea02 a.imagelink_fileb img{ width:480px; max-width:480px;}

  /* ----------------------------------------
   type6articleArea01：無
   type6articleArea02：無
   ---------------------------------------- */
  div.type6articleArea01 a.imagelink_filea{ float:none; width:580px; margin:0 auto;}
  div.type6articleArea02 a.imagelink_fileb{ float:none; width:580px; margin:0 auto;}
  div.type6articleArea01 a.imagelink_filea img{ width:580px; max-width:580px;}
  div.type6articleArea02 a.imagelink_fileb img{ width:580px; max-width:580px;}

/*==================================================================================================================================================
@group 罹災証明書発行状況
==================================================================================================================================================*/
#risaiBox{
  border:1px solid #BBB;
  margin-bottom:10px;
}
#risaiContent{
  padding:10px;
}
h3#risaiTitle{
  background:#DEDEDE;
  padding:7px 15px;
  text-align:left;
  font-size:120%;
  border-bottom:1px solid #BBB;
  color:#000;
}
#risaiCntBox span{
  display:block;
  padding:0 10px;
}
#risaiCntBox p{
  padding:10px 10px 0;
}
strong#risainum{ font-size:200%;}


/*==================================================================================================================================================
@group 市長室・議会等
==================================================================================================================================================*/
ul#sideNav li{ width:50%; float:left;}
li.list-reset{ clear:both;}
  li#snavi01,
  li#snavi03,
  li#snavi05,
  li#snavi07,
  li#snavi09,
  li#snavi11,
  li#snavi13,
  li#snavi15,
  li#snavi17,
  li#snavi18{ text-align:right;}

  li#snavi02{ padding-top:0;}

  li#snavi09{ clear:none; text-align:left;}
  li#snavi11{ clear:both;}
  ul#sideNav li#snavi00{width:100%; clear:both; text-align:center; float:none;}

    li#snavi01 a{ display:block; padding-top:5px; padding-right:5px; float:right; padding-top:5px;}
    li#snavi02 a,
    li#snavi04 a,
    li#snavi06 a,
    li#snavi08 a,
    li#snavi10 a,
    li#snavi12 a,
    li#snavi14 a,
    li#snavi16 a,
    li#snavi19 a{ display:block; padding-top:5px; padding-left:5px; float:left;}

    li#snavi03 a,
    li#snavi05 a,
    li#snavi07 a,
    li#snavi09 a,
    li#snavi11 a,
    li#snavi13 a,
    li#snavi15 a,
    li#snavi17 a,
    li#snavi18 a{ display:block; padding-top:5px; padding-right:5px; float:right;}
    li#snavi09 a{ display:block; padding-top:5px; padding-left:5px; float:left;}

    li#snavi01 a img,
    li#snavi02 a img,
    li#snavi03 a img,
    li#snavi04 a img,
    li#snavi05 a img,
    li#snavi06 a img,
    li#snavi07 a img,
    li#snavi08 a img,
    li#snavi09 a img,
    li#snavi10 a img,
    li#snavi11 a img,
    li#snavi12 a img,
    li#snavi13 a img,
    li#snavi14 a img,
    li#snavi15 a img,
    li#snavi16 a img,
    li#snavi17 a img,
    li#snavi18 a img,
    li#snavi19 a img{ width:100%;}

    ul#sideNav li#snavi00 a{ display:block; padding:5px 0 0; text-align:center}
    ul#sideNav li#snavi00 img{ max-width:100%;}


  ul#sideNav li{ width:50%; float:left;}
  li#snavi01{ text-align:right;}
  li#snavi02{ padding-top:0;}
  li#snavi03{ text-align:right;}
    li#snavi01 a{ display:block; width:200px; padding-top:5px; padding-right:5px; float:right; padding-top:5px;}
    li#snavi02 a{ display:block; width:200px; padding-top:5px; padding-left:5px; float:left;}
    li#snavi03 a{ display:block; width:200px; padding-top:5px; padding-right:5px; float:right;}
    li#snavi04 a{ display:block; width:200px; padding-top:5px; padding-left:5px; float:left;}

  ul#sideNav li{ width:100%; float:none; padding-bottom:5px;}
    li#snavi01,
    li#snavi02,
    li#snavi03,
    li#snavi04,
    li#snavi05,
    li#snavi06,
    li#snavi07,
    li#snavi08,
    li#snavi09,
    li#snavi10,
    li#snavi11,
    li#snavi12,
    li#snavi13,
    li#snavi14,
    li#snavi15,
    li#snavi16,
    li#snavi17,
    li#snavi18,
    li#snavi19{ text-align:center; padding:0 0 0 0;}
      li#snavi01 a,
      li#snavi02 a,
      li#snavi03 a,
      li#snavi04 a,
      li#snavi05 a,
      li#snavi06 a,
      li#snavi07 a,
      li#snavi08 a,
      li#snavi09 a,
      li#snavi10 a,
      li#snavi11 a,
      li#snavi12 a,
      li#snavi13 a,
      li#snavi14 a,
      li#snavi15 a,
      li#snavi16 a,
      li#snavi17 a,
      li#snavi18 a,
      li#snavi19 a{ display:block; width:200px; padding:0 0 0 0; float:none;}
  ul#sideNav li#snavi01{padding-bottom:0;}


/*==================================================================================================================================================
@group トップスライダー
==================================================================================================================================================*/

div#topevent{ display:none;}
div#tslider_switcher{ display:none;}

  div#topimage{ display:block; margin-top:10px; height:170px; overflow:hidden;}
  img.fluid-max-image{ max-width: 100%; }

  /* イベントスライダー */
  div#tslider_switcher{
    display:block;
    position:absolute;
    top:82px;
    right:15px;
    width:115px;
    height:54px;
    padding:0;
    margin:0 0 4px;
    background:url(../images/bg_styleswitcher-trans.png) no-repeat;
    z-index:10001;
  }
    #tslider_switcher p{
      float:none;
      width:115px;
      height:18px;
      margin:0;
      padding:5px 0 0px;
      text-align:center;
    }
    #tslider_switcher ul{
      float:none;
      margin:0;
      padding: 5px;
      width:105px;
    }
      #tslider_switcher ul li{
        float:left;
        width:52px;
      }
        #tslider_switcher a{
          display:block;
          width:52px;
          height:20px;
        }

  div#topevent{
    display:block;
    position:absolute;
    top:82px;
    left:12px;
    z-index:10001;
    background-image:url(../images/bg_event-slider.png);
    background-repeat:no-repeat;
    width:310px;
    height:148px;
  }
    h2#title-topevent{
      float:left;
      width:33px;
      height:148px;
    }
    div#event-sliderWrapper{
      padding:9px;
      width:259px;
      float:right;
      height:124px;
      position:relative;
    }
      div#event-slider{
        height:126px;
      }
        div.event-sliderBox h3{
          font-size:90%;
          line-height:1.2em;
          height:2.4em;
          overflow:hidden;
        }
        div.event-sliderContent{ padding:8px 0 8px;}
          p.es-image{ width:150px; float:left;}
            p.es-image a{ display:block; border:3px solid #E8C193; height:80px; overflow:hidden; width:144px;}
            p.es-image span{ display:block; border:3px solid #E8C193; height:80px; overflow:hidden; width:144px;}
            p.es-image a:hover{ border:3px solid #F5985A;}
              p.es-image a img{ display:block;}
          div.es-date{ width:103px; float:right; text-align:center;}
            p.top-eventdate{ color:#333;}
  div#tslider_switcher{
    top:70px;
    right:-212px;
    width:204px;
    height:30px;
    background:url(../images/bg_styleswitcher.jpg) no-repeat;
  }
    #tslider_switcher p{
      float:left;
      width:84px;
      height:20px;
      padding:5px 0 5px 5px;
    }
    #tslider_switcher ul{
      float:right;
    }

  div.topevent div#fontsize{ padding-bottom:50px;}



/*==================================================================================================================================================
@group 平成28年熊本地震 関連情報まとめ
==================================================================================================================================================*/



div#eqBox{ margin-bottom:20px;}

/* タイトル・RSSボタン */
h2#title-eqBox{ background:url(../images/eq/bg_title.gif) no-repeat top left; padding:10px 20px 10px 10px}
div#submenu-eqBox{ border-top:1px solid #FF7A4D; border-right:1px solid #FF7A4D; border-left:1px solid #FF7A4D;}
div#submenu-eqBox ul{ padding:5px; list-style-type:none;}
div#submenu-eqBox ul li{ float:right; margin-left:10px;}

/* 記事の一覧ブロック */
div#content-eq{ border:1px solid #FF7A4D; padding:10px;}
div#content-eq ul{ list-style-type:none;}

/* 最新記事 */
div.news-eq{ padding-bottom:10px; margin-bottom:10px;}
div.article02 div.news-eq{ border-bottom:1px solid #FF7A4D;}
div.news-eq h3{ border-bottom:2px solid #CCCCCC; padding:5px 0; margin-bottom:10px;}
div.news-eq h3 span{ display:block;}
div.news-eq h3 a{ display:block; font-size:120%;}
div.news-eq p span.news-photo{ display:block; width:120px; height:100px; overflow:hidden; float:left; margin-right:10px;}
div.news-eq p img{ max-width:100%;}

/* 記事の一覧 */
div#list-eq ul li{ padding:5px;}
div#list-eq ul li.odd{ background:url(../images/eq/bg_article_odd.gif) repeat;}
div#list-eq span.u-date{ display:block;}


  div#list-eq span.u-date{ display:inline;}
  h2#title-eqBox{ width:280px; float:left;}
  div#submenu-eqBox{ border:none; float:right; padding-top:3px;}
  div#content-eq{ clear:both;}

  div.news-eq p span.news-photo{ width:150px; height:120px;}

  /* 記事が2件以上 */
  div.article02 div#content-eqInner{ background:url(../images/eq/centerline.gif) repeat-y center top;}
  div.article02 div.news-eq{ width:50%; float:left; border:none;}
  div.article02 div.news-eqInner{ padding:0 10px;}


  div#list-eq{ width:50%; float:right;}
    div#list-eqInner{ padding-left:5px;}
    div#list-eq span.u-date{ display:block;}



/*==================================================================================================================================================
@group heritage
==================================================================================================================================================*/
div#heritage{
  text-align:center;
}
div#heritage img{ max-width:100%;}

div#heritage h2{
  padding:0 0 0 25px;
  margin:0 0 3px;
}

div#heritage h2 span{
  display:block;
  padding:0 25px 0 0;
  min-height:38px;
}
div#heritage p{
  border:2px solid #F1B10A;
  background:#FEDC47;
  padding:2px;
  margin:0 3px 10px;
}
div#heritage a{
  display:block;
  border:1px solid #F8C260;
  background:url(../images/heritage/bg_photo_sp.jpg) no-repeat top left;
}
div#heritage a span#heritage-text01,
div#heritage a span#heritage-text02,
div#heritage a span#heritage-text03{
  display:block;
  text-align:center;
  padding:3px 0;
}
div#heritage a span#heritage-text03{ padding-bottom:5px;}



  div#heritage a{
    background:url(../images/heritage/bg_photo_sp.jpg) no-repeat center left;
  }
  div#heritage a span#heritage-text01{
    width:50%;
    float:left;
    padding:0;
  }
  div#heritage a span#heritage-text02{
    width:50%;
    float:right;
    padding:15px 0;
  }
  div#heritage a span#heritage-text03{
    clear:both;
    padding:10px 15px 10px 0;
    text-align:right;
  }

  div#heritage a span#heritage-text01{
    text-align:left;
  }
  div#heritage a span#heritage-text02{
    text-align:right;
    padding:10px 0;
  }
  div#heritage a span#heritage-text03{
    padding:10px 15px 10px 0;
  }

/*==================================================================================================================================================
@group furusato
==================================================================================================================================================*/
div#furusato{
  text-align:center;
}
div#furusato img{ max-width:100%;}

div#furusato p{
  border:2px solid #297CCF;
  background:#D9ECF7;
  padding:2px;
  margin:0 3px 10px;
}
div#furusato a{
  display:block;
  border:1px solid #5998A8;
  background-image:url(../images/furusato/bg_photo.jpg);
  background-position:center center;
  background-repeat:no-repeat;
  background-size:cover;
}
div#furusato a span#furusato-text01,
div#furusato a span#furusato-text02,
div#furusato a span#furusato-text03{
  display:block;
  text-align:center;
  padding:3px 0;
}
div#furusato a span#furusato-text01{ padding:15px 0 0px;}
div#furusato a span#furusato-text03{ padding-bottom:10px;}



  div#furusato a span#furusato-text01{
    width:50%;
    float:right;
    padding:15px 0;
  }
  div#furusato a span#furusato-text03{
    clear:both;
    padding:10px 15px 10px 0;
    text-align:right;
  }
  div#furusato{ width:50%; float:right;}
  div#heritage{ width:50%; float:left;}

  div#furusato{ width:100%; float:right;}
  div#heritage{ width:100%; float:left;}
  div#furusato a span#furusato-text01{ text-align:right;}
  div#furusato a span#furusato-text01{
    width:50%;
    float:right;
    padding:20px 10px 0;
		text-align:right;
  }
  div#furusato a span#furusato-text02{
    text-align:right;
    padding:10px 0;
  }
  div#furusato a span#furusato-text03{
    padding:10px 15px 10px 0;
  }
  div#furusato{ width:50%; float:right;}
  div#furusato p a{ padding-bottom:0px;}
  div#heritage{ width:50%; float:left;}
  div#furusato a span#furusato-text01{ padding:10px 0;}
  div#furusato a span#furusato-text03{ padding:10px 15px 10px 0;}
  div#furusato a span#furusato-text01{
  }


/*==================================================================================================================================================
@group 特殊カテゴリー：申請書ダウンロードカテゴリ
==================================================================================================================================================*/

div#shinseiWrapper{ margin-top:20px;}
div#shinsei{ margin:0 5px;}

div#shinsei h3{
	padding-left:10px;
	background-image:url(../images/netprint/bg_title_shinseisho.gif);
	background-repeat:repeat-y;
	background-position:top left;
	border-bottom:4px solid #FFDC73;
	padding-bottom:4px;
}
div#shinsei h3 span{ display:block;}
div#shinsei h3 span img{ max-width:100%;}

div#shinsei p{ margin:20px;}

div#shinseiLinkBox{ border:1px solid #DDDDDD; border-radius:5px; overflow:hidden;}
div#shinseiLinkBoxInner{ background-color:#FFFAE8; padding:30px; background-image:url(../images/netprint/bg_shinseiImg.gif); background-position:right center; background-repeat:no-repeat; }
div#shinseiLinkBoxInner dl{ clear:both;}
div#shinseiLinkBoxInner dt{}
div#shinseiLinkBoxInner dd{ margin-bottom:10px;}
div#shinseiLinkBoxInner dd.ddend{ margin-bottom:0;}
div#shinseiLinkBoxInner dt a{}
div#shinseiLinkBoxInner dt a img{ max-width:100%;}

.side-netprint{ margin-top:-300px;}

div#shinseiLinkBoxInner dt{ float:left; clear:left; margin-right:1.5em;}
div#shinseiLinkBoxInner dd{ float:left; margin-bottom:0; line-height:2em; vertical-align:middle; margin-bottom:20px;}


p.topics-image a{ display:block; height:90px; overflow:hidden;}

/*==================================================================================================================================================
@group 天城橋
==================================================================================================================================================*/

div#newbridge{
  border:4px solid #99D7DD;
  margin-bottom:10px;
  background-image:url(../images/newbridge/bg_bridge_sp.jpg);
  background-position: center center;
  background-repeat:no-repeat;
}
div#newbridge a,
div#newbridge span{ display:block;}
div#newbridge img{ max-width:100%;}


  div#newbridge{ background-image:url(../images/newbridge/bg_bridge.jpg); background-position:top left;}
  span#newbridge-text01{ width:26%; max-width:240px; float:left;}
  span#newbridge-text02{ width:49%; max-width:440px; float:left; text-align:center;}
  span#newbridge-text03{ width:25%; max-width:230px; float:right; text-align:center;}
  span#newbridge-text03 img{ width:80%; max-width:163px; margin:0 auto; display:block;}


/*==================================================================================================================================================
@group furusato
==================================================================================================================================================*/
div#furusato{
  text-align:center;
}
div#furusato img{ max-width:100%;}

div#furusato p{
  border:2px solid #297CCF;
  background:#D9ECF7;
  padding:2px;
  margin:0 3px 10px;
}
div#furusato a{
  display:block;
  border:1px solid #5998A8;
  background-image:url(../images/furusato/bg_photo2.jpg);
  background-position:center center;
  background-repeat:no-repeat;
  background-size:cover;
}
div#furusato a span#furusato-text01,
div#furusato a span#furusato-text02,
div#furusato a span#furusato-text03{
  display:block;
  text-align:center;
  padding:3px 0;
}
div#furusato a span#furusato-text01{ padding:15px 0 0px;}
div#furusato a span#furusato-text03{ padding-bottom:10px;}



  div#furusato a span#furusato-text01{
    width:50%;
    float:right;
    padding:15px 0;
  }
  div#furusato a span#furusato-text03{
    clear:both;
    padding:10px 15px 10px 0;
    text-align:right;
  }
  div#furusato{ width:50%; float:right;}
  div#heritage{ width:50%; float:left;}


  div#furusato a span#furusato-text01{ text-align:right;}



/*==================================================================================================================================================
@group vege
==================================================================================================================================================*/

div#vege{
  border:4px solid #BBBBBB;
  margin-bottom:10px;
  background-image:url(../images/vege/bg.jpg);
  background-position: center center;
  background-repeat:no-repeat;
  background-size:cover;
}
div#vege a,
div#vege span{ display:block;}
div#vege img{ max-width:100%;}


  div#vege{  background-position:top left; background-size:auto;}
  span#vege-text01{ width:37%; max-width:280px; float:left;}
  span#vege-text02{ width:35%; max-width:259px; float:left; text-align:center;}
  span#vege-text03{ width:28%; max-width:202px; float:right; text-align:center;}
  span#vege-text03 img{  margin:0 auto; display:block;}


/*==================================================================================================================================================
@group ukinisum
==================================================================================================================================================*/

#ukinisumWrapper{ margin:5px 3px; clear:both;}
#ukinisum{ border:5px solid #5CC2C3;}
#ukinisumInner{ border:2px solid #FFFFFF; background-color:#5CC2C3;}
#ukinisum p{ position:relative; }
#ukinisum p:after{ content:""; clear:both; height:0; display:block; visibility:hidden;}
#ukinisum a{}
span#ukinisum-text01{ display:block; text-align:center; width:70px; position:absolute; bottom:5px; left:20px; margin-right:-100px;}
span#ukinisum-text02{ display:block; text-align:center; }
span#ukinisum-text03{ display:block; text-align:right; float:right;}
span#ukinisum-text01 span{ display:block;}
span#ukinisum-text02 span{ display:block;}
span#ukinisum-text03 span{ display:block; margin-left:100px;}
span#ukinisum-text01 img{ max-width:100%;}
span#ukinisum-text02 img{ max-width:100%;}
span#ukinisum-text03 img{ max-width:100%;}

#ukinisum p{ height:141px; }
span#ukinisum-text01{ top:30px; }
span#ukinisum-text02{ position:absolute; width:200px; left:0; right:0; margin:10px auto 0 auto;}
span#ukinisum-text03{ position:absolute; width:110px; bottom:0; right:0;}
span#ukinisum-text01 span{ display:block;}
span#ukinisum-text02 span{ display:block;}
span#ukinisum-text03 span{ margin:0;}
span#ukinisum-text01{ top:0; width:auto; }
span#ukinisum-text03{ width:140px;}

span#ukinisum-text02{ width:auto; margin-top:0;}
span#ukinisum-text03{ width:180px;}
span#ukinisum-text02{ width:220px;}
span#ukinisum-text03{ width:160px;}
span#ukinisum-text02{ width:220px; margin-top:0;}
span#ukinisum-text03{ width:200px;}
span#ukinisum-text02{ width:200px; margin-top:0;}
span#ukinisum-text03{ width:158px;}



/*==================================================================================================================================================
@group ACC
==================================================================================================================================================*/
div#top_accessibility{ clear:both;}
div#top_accessibilityInner{ background:#FFF; padding:5px; border:1px solid #C4E5FD}

div#top_accessibility p#accessibility img { max-width:100%;}


p#acc_checkednumBox{ padding:2px 0 10px;}
div#accessibility{ text-align:center;}
div#accessibility img{ max-width:100%;}

span#acc_checkednum{ text-align:center; display:block;}
span.acc_largenum{ font-size:120%;}
span#acc_smalltxt{ font-size:smaller; display:block; text-align:center;}


/*==================================================================================================================================================
@group ACC
==================================================================================================================================================*/
div#additional-info div#additional-infoContent div#acccert{ margin:0 0 5px; padding:0 0 5px; background:none;}
#acccertimage{ display:block; float:left; margin:0 15px 15px 0;}



/*==================================================================================================================================================
@group 重要なお知らせ
==================================================================================================================================================*/

#juuyou{margin-bottom:20px; border:1px solid #D36565;}

/* -----タイトル-------------------- */
div#juuyou div.titlebar{
  border-top:3px solid #D36565;
  border-bottom:1px solid #D36565;
  padding:6px 10px;
  background: #F5C5C5;
}
div#juuyou ul{ list-style-type:none;}
div#juuyou ul.article-list li{ background:url(../images/dot_x.gif) repeat-x left bottom; padding:5px 0;}
div#juuyou ul.article-list{ padding:10px;}
div#juuyou div.titlebar ul{ padding:0;}

#link-juuyou{ padding:0px 10px 5px; text-align:right;}

  div#juuyou span.u-date{ display:inline;}