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

File Name:	r-common.css
Style Info:	デバイス別 共通スタイル

==========================================================================================================*/


/* -----Javascript Disabled-------------------- */
div.jvd div#navigation{ display:block; }
div.jvd p#mobile-navi{ display:none;}
div.jvd div#tools{ display:none;}
div.jvd ul.accordion ul{ display:block; }
div.jvd div#photogallery{ width:100%;}
div.jvd div.navigation{ width:100%;}



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

body{ padding:0;}

div#wrapper{ padding:12px 0 0;
  background-image:url(../images/bg_header.jpg);
  background-repeat:repeat-x;
  background-position:0 100px;
}

div#header{ background:#FFF;}
div#contentWrapper{ width:100%;}
  div#content{ width:100%;}
    div#side-column{ clear:both; float:none;}

@media screen and (max-width: 767px){
  div#wrapper{ background-position:0 80px;}
  div.second div#main-columnInner{ padding-top:2px; padding-bottom:5em;}
}
@media screen and (min-width: 768px){
  div#side-columnInner{ padding:0px;}
}

.backBtn{ display:none;}

/* -----タイトル-------------------- */
div.titlebar,
div.titlebar-n{
  border-top:4px solid #1F8A46;
  border-bottom:1px solid #BBBBBB;
  padding:5px;
}
div.titlebar h2{ width:53%; float:left;}
div.titlebar ul{ width:46%; float:right; display:block; padding:0; text-align:right;}
div.titlebar ul li{ display:inline; font-size:85%;}
li.btn-archivelist{ background:url(../images/dot_y.gif) repeat-y top left; padding-left:3px;}
div.titlebar img{ max-width:100%; vertical-align:middle;}

@media screen and (min-width: 768px){
  div.titlebar ul{ padding:4px 0;}
}

/* -----タイトル小-------------------- */
div.titlebar-small{ border-bottom:3px solid #000000;}

@media screen and (min-width: 768px){
  div#wrapper{ padding:15px 0 0; background-position:0 107px;}
  div#header{
    position:relative;
    height:95px;
  }
  /* -----第二階層共通-------------------- */
    div#content{
      width:100%;
      float:right;
      position:relative;
      z-index:999;
      padding:20px 0;
    }
    div.second div#contentInner{ margin-left:260px;}
    .backBtn{ display:block; margin:0 0 5px;}
    
    /* -----トップページ・第二階層共通-------------------- */
      div#contentInner{ margin-left:260px;}
        div#main-columnInner{ margin:0 0 0 0; padding-bottom:5em;}
      
    div#subnavi{ margin:0; float:left; width:240px; margin-right:-260px; position:relative; z-index:99999; padding-top:20px}
      div#subnaviInner{ padding-left:0;}
}
@media screen and (min-width: 960px){

    /* -----トップページ-------------------- */
    div.top div#contentInner{ margin-left:300px;}
      div.top div#main-columnInner{ margin:0;}
      
    div.top div#subnavi{ margin:0; float:left; width:280px; margin-right:-300px;}
      div.top div#subnaviInner{ padding-right:0;}

}
@media screen and (min-width: 1280px){
  div#jvd{ padding:10px 20px;}
  div#header{ height:68px;}
  div#contentWrapper{ padding:10px 0;}
  div#main{
    clear:both;
    width:100%;
  }
    div#main-column{
      width:100%;
      float:left;
      padding:0;
    }
    /* -----トップページ-------------------- */
      div.top div#main-columnInner{
        margin:0 200px 0 0 ;
        padding:0;
      }
      div.top div.hijouji div#main-columnInner{
        margin:0 200px 0 0;
        padding:0;
      }
    div.top div#side-column{
      float:right;
      width:180px;
      margin-left:-200px;
      clear:none;
    }
    div.top div#side-columnInner{ padding:0 ;}
    div.top div#subnavi{ margin:0 -300px 0 0 ;}
    /* -----第二階層-------------------- */
      div.second div#main-columnInner{
        margin:0 200px 0 0;
        padding:0;
      }
    div.second div#side-column{
      float:right;
      width:180px;
      margin-left:-200px;
      clear:none;
    }
      div.second div#side-columnInner{ padding:0;}
      
    div.second div#subnavi{ margin:0; float:left; width:240px; margin-right:-260px; position:relative; z-index:99999;}
      div.second div#subnaviInner{ padding-right:0px;}
}

/*==================================================================================================================================================
@group ヘッダー
==================================================================================================================================================*/

/* -----サイトロゴ-------------------- */
h1#siteID{ width:220px; padding-top:10px; float:left;}
h1#siteID a{
  display:block;
  width:220px;
  padding:5px 0 10px;
}
h1#siteID img{ max-width:100%;}

/* -----文字サイズ変更・翻訳ツール-------------------- */
div#tools{ display:none;}

/* -----スマートフォン用コンテンツナビ-------------------- */
p#mobile-navi{ color:#000; font-size:85%; height:35px; width:35px; float:right; padding:17px 17px 0 0;}
a#mobile-btn{ display:block; float:right;}

/* -----グローバルナビゲーション-------------------- */
div#navigation{ display:none; clear:both;}
ul#gmenulist li{ width:50%; text-align:center; float:left;}
ul#gmenulist li a{ display:block; border-bottom:1px solid #DEDEDE; text-align:center; height:36px;}
ul#gmenulist li#gnavi01 a,
ul#gmenulist li#gnavi03 a,
ul#gmenulist li#gnavi05 a{ border-right:1px solid #DEDEDE;}

ul#gmenulist li span{ display:block; padding:6px 4px;}
ul#gmenulist li img{ max-width: 100%;}

@media screen and (max-width: 767px){
  #siteID img{ width: 160px;}
}

@media screen and (min-width: 360px){
  /* -----グローバルナビゲーション-------------------- */
  ul#gmenulist li#gnavi01{ width:33%;}
  ul#gmenulist li#gnavi02{ width:34%;}
  ul#gmenulist li#gnavi03{ width:33%;}
  ul#gmenulist li#gnavi04{ width:50%;}
  ul#gmenulist li#gnavi05{ width:50%;}
  ul#gmenulist li#gnavi01 a,
  ul#gmenulist li#gnavi02 a,
  ul#gmenulist li#gnavi04 a{ border-right:1px solid #DEDEDE;}
}
@media screen and (max-width: 767px){
  div#navigation{ border-top:3px solid #1F8A46;}
}
@media screen and (min-width: 768px){
  /* -----サイトロゴ-------------------- */
  h1#siteID{
    width:210px;
    padding:18px 0 15px 0px;
    position:absolute;
    top:0;
    left:0;
  }
  h1#siteID a{
    width:210px;
    display:block;
    padding:0px;
  }
  p#mobile-navi{ display:none;}
  
  /* -----文字サイズ変更・翻訳ツール-------------------- */
  div#tools{
    width:229px;
    height:56px;
    clear:both;
    margin:0;
    display:block;
    position:absolute;
    top:15px;
    right:10px;
  }
    div#fontctl{ padding:0; height:36px; background:url(../images/dot_x.gif) repeat-x bottom left;}
      div#fontctl p{ width:113px; float:left; height:30px;}
      div#fontctl ul li{ float:right; height:30px; margin-left:4px;}
      div#fontctl ul li a{ display:block; width:34px; height:30px;}
  
  ul#langctl{ width:229px; height:18px; padding-top:5px;}
  ul#langctl li{ float:left;}
  
  /* -----ナビゲーション-------------------- */
  div#navigation{ display:block; margin-left:220px; margin-right:265px; padding-top:20px;}
  
    /* -----グローバルナビゲーション-------------------- */
    ul#gmenulist li#gnavi01{ width:33%;}
    ul#gmenulist li#gnavi02{ width:33%;}
    ul#gmenulist li#gnavi03{ width:33%;}
    ul#gmenulist li#gnavi04{ width:33%;}
    ul#gmenulist li#gnavi05{ width:33%;}
    ul#gmenulist{ height:53px;}
    ul#gmenulist li a{ border:none; margin:0px; height:24px; margin-bottom:5px;}
    ul#gmenulist li#gnavi01 a,
    ul#gmenulist li#gnavi02 a,
    ul#gmenulist li#gnavi04 a,
    ul#gmenulist li#gnavi05 a{
      border-right:1px dotted #333333;
      margin:0px;
      height:24px;
    }
    ul#gmenulist li#gnavi05 a{
      border-right:none;
      margin:0px;
      height:24px;
    }
    ul#gmenulist li span{ display:block; padding:0px;}
    
}
@media screen and (min-width: 768px) and (max-width: 960px){
  ul#gmenulist li#gnavi01 img{ width:88px;}
  ul#gmenulist li#gnavi02 img{ width:84px;}
  ul#gmenulist li#gnavi03 img{ width:63px;}
  ul#gmenulist li#gnavi04 img{ width:63px;}
  ul#gmenulist li#gnavi05 img{ width:76px;}
}
@media screen and (min-width: 960px){
  /* -----サイトロゴ-------------------- */
  h1#siteID{ width:250px;}
      
  /* -----ナビゲーション-------------------- */
  div#navigation{ margin-right:250px;}
  
}
@media screen and (min-width: 1120px){
  div#navigation{ padding-top:32px; margin-right:265px;}
  ul#gmenulist{ height:24px;}
  ul#gmenulist li#gnavi01{ width:20%;}
  ul#gmenulist li#gnavi02{ width:20%;}
  ul#gmenulist li#gnavi03{ width:20%;}
  ul#gmenulist li#gnavi04{ width:20%;}
  ul#gmenulist li#gnavi05{ width:20%;}
    ul#gmenulist li#gnavi03 a{ border-right:1px dotted #333333;}
  
}
@media screen and (min-width: 1280px){
  h1#siteID{ width:210px; height:58px; padding:0; top:5px;}
  div#navigation{ width:804px; padding-top:22px;}
  div#tools{ top:2px; right:0;}
  
}

/*==================================================================================================================================================
@group キーワード検索ボックス
==================================================================================================================================================*/

/* -----検索ボックス-------------------- */
div#search-topWrap{ margin:0 0 5px 0; clear:both; padding:0 0 10px;}
div#search-top h2{
  border-top:4px solid #1F8A46;
  border-right: 1px solid #79B990;
  border-bottom: 1px solid #79B990;
  border-left: 1px solid #79B990;
  padding:5px 0;
  background:#FFF;
}
div#search-top  p#search_example{ padding:0 5px; line-height:1.3em;}
div#search-formWrap{ width:100%; float:left;}
div#inputBox p#search-form{ padding:5px 0 5px 5px; margin-right:54px;}
div#inputBox p#search-form input{ width:100%; border:1px solid #004020; line-height:1.5em; height:22px;}
p#submit-btn{ padding:5px 5px 5px 0; text-align:right; float:right; margin-left:-72px;}

div#inputBox p#search-form input:focus{ background:#FF6; border:1px solid #8C6900;}

@media screen and (min-width: 768px){
  div#search-topWrap{ margin:0 0 10px 0; clear:both; padding:0 0 10px;}
  div#search-top p#search_example{ padding:8px 12px 0;}
  div#search-top div#inputBoxWrapper{ padding:0 8px 8px;}
  
}

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


/* -----おすすめコンテンツ（町長室、ふるさと納税、観光情報）-------------------- */
ul#side-sec-navi{ padding:3px 3px 10px;}
ul#side-sec-navi li a{ display:block;}
ul#side-sec-navi li img{ max-width: 100%;}
ul#side-sec-navi li{ margin-bottom:5px;}

@media screen and (min-width: 1280px){
  ul#side-sec-navi{ padding:0;}
}

/* -----町長室-------------------- */
#stnavi_mayor a{ display:block; background:url(../images/bg_mayor_line.png) repeat-x top left; }
#stnavi_mayor span{ display:block; background: url(../images/bg_mayor.png) no-repeat right bottom; border-bottom: 5px solid #71C1AF; }

@media screen and (min-width: 420px){
  #stnavi_mayor{ width:50%; float:left;}
  #stnavi_mayor a{ margin-right: 3px;}
}
@media screen and (min-width: 1280px){
  #stnavi_mayor{ width:180px; float:none; clear:both; margin-bottom:5px;}
  #stnavi_mayor a{margin:0;}
}

/* -----各種ダウンロード-------------------- */
#ssnavi-download{ text-align:left; padding-top:10px;}
#ssnavi-download a{ border:1px solid #7BB990; padding:6px;}

#title-topdownload,
#text-topdownload{ display:block;}

#title-topdownload{ background: url(../images/bg_title_download.gif) no-repeat top right; padding-bottom:6px;}
#text-topdownload{ background:url(../images/dot_x_dl.gif) repeat-x top left; padding-top:1px;}
#text-topdownload span{ background:url(../images/bg_txt_download.gif) no-repeat top right; padding:5px 0 2px; display:block;}

@media screen and (min-width: 420px){
  #ssnavi-download{ width:50%; float:left;}
}
@media screen and (min-width: 1280px){
  ul#side-sec-navi li#ssnavi-download{ width:180px; float:none; clear:both; margin-bottom:7px;}
  #ssnavi-download a{margin:0;}
}

/* -----ふるさと納税-------------------- */
#ssnavi01{ text-align:center;}
#ssnavi01 a{ border:2px solid #FFAE66; display:block; background:url(../images/bg_top_furusato02.jpg) repeat-x bottom left #FFFFFF;}

#title-topfurusato,
#btn-topfurusato{ display:block;}

#title-topfurusato{ background:#FFFFFF; margin-bottom:64px;}

@media screen and (min-width: 420px){
  #ssnavi01{ width:50%; float:left; clear:left;}
  #ssnavi01 a{ margin-right: 3px;}
}
@media screen and (min-width: 1280px){
  #title-topfurusato{ margin-bottom:83px;}
  ul#side-sec-navi li#ssnavi01{ width:180px; float:none; clear:both; margin-bottom:10px;}
  #ssnavi01{ padding-top:10px;}
  #ssnavi01 a{margin:0;}
}

/* -----観光情報-------------------- */
#ssnavi02{ }
#ssnavi02 a{ border:1px solid #B6D1A3; background:url(../images/bg_topkankou02.jpg) no-repeat top left; position:relative; height:125px;}
span#title-topkankou,
span#btn-topkankou{ display:block;}

span#btn-topkankou{ position:absolute; bottom:0; left:50%; margin-left:-75px; }
span#title-topkankou img{ width:90px; margin:-8px auto 0 auto; display:block;}
span#btn-topkankou img{ max-width:100%; width:150px; margin:0 auto -5px auto; display:block;}

@media screen and (min-width: 420px){
  #ssnavi02{ width:50%; float:right;}
  #ssnavi02 a{ margin-left: 3px;}
}
@media screen and (min-width: 1280px){
  #ssnavi02{ width:180px; float:none; clear:both; margin-bottom:5px; padding-top:10px;}
  #ssnavi02 a{ background:url(../images/bg_topkankou01.jpg) no-repeat; margin:0; height:230px;}
  span#title-topkankou img{ width:115px; margin-bottom:70px;}
  span#btn-topkankou img{ width:178px;}
}


/* -----サブナビゲーション共通スタイル-------------------- */
div#side-column div.side-navigation h2{
  border-right: none;
  border-left: none;
  margin-bottom:10px;
  padding:5px 0;
  background-color:#FFF;
}

ul.subNav{ clear:both;}
ul.subNav li{ width:50%; text-align:left; float:left;}
ul.subNav li a{ display:block;}
ul.subNav li img{ max-width: 100%;}

ul#sidenavi01 li img{ max-width: 100%;}
ul#sidenavi02 li img{ max-width: 100%;}


/* -----おすすめコンテンツ（観光ガイド移行）-------------------- */
ul#sidenavi01{ clear:both;}
li#snavi01,
li#snavi02,
li#snavi03,
li#snavi04,
li#snavi05,
li#snavi06,
li#snavi07,
li#snavi08,
li#snavi09,
li#snavi10{ width:50%; float:left;}

li#snavi02 a,
li#snavi03 a,
li#snavi04 a,
li#snavi05 a,
li#snavi07 a,
li#snavi08 a,
li#snavi09 a,
li#snavi10 a{
  display:block;
  margin:3px;
  background-repeat:no-repeat;
  background-position:right center;
  border-top: 1px solid #7BB990;
  border-right: 1px solid #7BB990;
  border-bottom: 3px solid #7BB990;
  border-left: 1px solid #7BB990;
}
li#snavi01 a{
display:block;
  margin:3px;
  border-top: 1px solid #8CA9C4;
  border-right: 1px solid #8CA9C4;
  border-bottom: 1px solid #8CA9C4;
  border-left: 1px solid #8CA9C4;
  color:#FFFFFF;
}
li#snavi06 a{
  display:block;
  margin:3px;
  border-top: 1px solid #3B579D;
  border-right: 1px solid #3B579D;
  border-bottom: 3px solid #3B579D;
  border-left: 1px solid #3B579D;
  background:#3B579D;
  color:#FFFFFF;
}
li#snavi01 a{ background-image:url(../images/bg_snavi001.jpg);}
li#snavi02 a{ background-image:url(../images/bg_snavi002.jpg);}
li#snavi03 a{ background-image:url(../images/bg_snavi003.jpg);}
li#snavi04 a{ background-image:url(../images/bg_snavi004.jpg);}
li#snavi05 a{ background-image:url(../images/bg_snavi005.jpg);}
li#snavi07 a{ background-image:url(../images/bg_snavi007.jpg);}
li#snavi08 a{ background-image:url(../images/bg_snavi008.jpg);}
li#snavi09 a{ background-image:url(../images/bg_snavi009.jpg);}
li#snavi10 a{ background-image:url(../images/bg_snavi010.jpg);}

#sidenavi02{ clear:both;}
#sidenavi02 li{
  width:50%;
  float:left;
}
#sidenavi02 li a{
  display:block;
  margin:3px;
  padding-bottom:3px;
  border-bottom:1px solid #7BB990;
}

@media screen and (min-width: 640px){
  li#snavi01,
  li#snavi02,
  li#snavi03,
  li#snavi04,
  li#snavi05,
  li#snavi06,
  li#snavi07,
  li#snavi08,
  li#snavi09,
  li#snavi10{ width:25%;}
}
@media screen and (min-width: 960px){
  #sidenavi02 li{ width:25%;}
}
@media screen and (min-width: 1280px){
  span#title-topkankou{ position:absolute; top:0; right:0; }
  span#btn-topkankou{ position:absolute; bottom:0; left:50%; margin-left:-88px; }
  #sidenavi02 li a{ margin:3px 0;}
  li#snavi01,
  li#snavi02,
  li#snavi03,
  li#snavi04,
  li#snavi05,
  li#snavi06,
  li#snavi07,
  li#snavi08,
  li#snavi09,
  li#snavi10{ width:100%;}
  #sidenavi02 li{ width:100%;}
  
  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{
    margin:3px 0px;
  }
}

/* -----お役立ちリンク-------------------- */
div#links li{ width:50%; float:left;}
div#links li a{ display:block; margin:3px;}
div#links li img{ max-width:100%;}

@media screen and (min-width: 360px){
  div#links li{ width:33%;}
}
@media screen and (min-width: 540px){
  div#links li{ width:180px;}
}
@media screen and (min-width: 1280px){
  div#links li a{ margin:3px 0;}
}


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

div.side-navigation{ margin-bottom:10px;}

#tel_div{ clear:both; text-align:center; padding:5px 0;}
#tel_div img{ max-width:100%;}

@media screen and (min-width: 768px){
  div.side-navigation{ margin-bottom:20px;}
}

div.side-navigation h2{
  border-top: 4px solid #1F8A46;
  border-right: 1px solid #7AB990;
  border-bottom: 1px solid #7AB990;
  border-left: 1px solid #7AB990;
  padding:5px 0;
}
div.subnaviBox{
  border-right: 1px solid #7AB990;
  border-bottom: 1px solid #7AB990;
  border-left: 1px solid #7AB990;
}

div#search-top div.subnaviBox{ padding:10px;}

/* -----人生の出来事から探す-------------------- */
div#lifeevent{ clear:both;}
div#lifeevent li{
  float:left;
  text-align:center;
}
div#lifeevent li a{
  display:block;
  border-right: 1px solid #DEDEDE;
  border-bottom: 1px solid #DEDEDE;
}
div#lifeevent li a span{ display:block;}
div#lifeevent li img{ max-width:100%;}

li#lenavi01,
li#lenavi03,
li#lenavi04,
li#lenavi06{ width:33%;}
li#lenavi02,
li#lenavi05{ width:34%;}

div#lifeevent li#lenavi03 a,
div#lifeevent li#lenavi06 a{ border-right: none;}

@media screen and (min-width: 640px){
  li#lenavi01,
  li#lenavi03,
  li#lenavi04,
  li#lenavi06{ width:17%;}
  li#lenavi02,
  li#lenavi05{ width:16%;}
  div#lifeevent li#lenavi03 a{ border-right: 1px solid #DEDEDE;}
}
@media screen and (min-width: 768px) and (max-width: 959px){
  div#lifeevent li a{ height:70px;}
}
@media screen and (min-width: 768px){
  
  /* -----トップページ-------------------- */
  li#lenavi01,
  li#lenavi03,
  li#lenavi04,
  li#lenavi06{ width:33%;}
  li#lenavi02,
  li#lenavi05{ width:34%;}
  div#lifeevent li#lenavi03 a,
  div#lifeevent li#lenavi06 a{ border-right: none;}
  
  /* -----第二階層-------------------- */
  div.second div#lifeevent li a{ height:86px;}
  
}

/* -----目的から探す-------------------- */
div#purpose{ clear:both;}
div#purpose li{
  float:left;
  text-align:center;
}
div#purpose li a{
  display:block;
  border-right: 1px solid #DEDEDE;
  border-bottom: 1px solid #DEDEDE;
}
div#purpose li a span{ display:block;}
div#purpose li img{ max-width:100%;}

li#pnavi01,
li#pnavi03,
li#pnavi04,
li#pnavi06,
li#pnavi07,
li#pnavi09,
li#pnavi10,
li#pnavi12{ width:33%;}
li#pnavi02,
li#pnavi05,
li#pnavi08,
li#pnavi11{ width:34%;}

div#purpose li#pnavi03 a,
div#purpose li#pnavi06 a{ border-right: none;}

@media screen and (min-width: 640px){
li#pnavi01,
li#pnavi03,
li#pnavi04,
li#pnavi06,
li#pnavi07,
li#pnavi09,
li#pnavi10,
li#pnavi12{ width:17%;}
li#pnavi02,
li#pnavi05,
li#pnavi08,
li#pnavi11{ width:16%;}
  div#purpose li#pnavi03 a{ border-right: 1px solid #DEDEDE;}
}
@media screen and (min-width: 768px) and (max-width: 959px){
  div#purpose li a{ height:86px;}
}
@media screen and (min-width: 768px){
  
  /* -----トップページ-------------------- */
  li#pnavi01,
  li#pnavi03,
  li#pnavi04,
  li#pnavi06,
  li#pnavi07,
  li#pnavi09,
  li#pnavi10,
  li#pnavi12{ width:33%;}
  li#pnavi02,
  li#pnavi05,
  li#pnavi08,
  li#pnavi11{ width:34%;}
  div#purpose li#pnavi03 a,
  div#purpose li#pnavi06 a{ border-right: none;}
  
  /* -----第二階層-------------------- */
  div.second div#purpose li a{ height:86px;}
  
}


/* -----窓口から探す-------------------- */

div#shinsei{ margin-bottom:10px;}
p#shinsei-link{ padding:5px; text-align:center;}
div#shinsei ul.news-list li{ width:50%; float:left; clear:none; padding:0; display:block; background:none;}
div#shinsei ul.news-list a{ width:100%; display:block; text-align:center;}
div#shinsei ul.news-list a img{ max-width:100%; background:url(../images/bg_separate002.gif) repeat-x left bottom; padding-bottom:1px; padding-bottom:5px;}

@media screen and (min-width: 1px) and (max-width: 639px){
div#shinsei ul.news-list li{ width:33%; float:left; clear:none; padding:0; display:block;}
div#shinsei ul.news-list li#shinseinavi001,
div#shinsei ul.news-list li#shinseinavi002,
div#shinsei ul.news-list li#shinseinavi004,
div#shinsei ul.news-list li#shinseinavi005,
div#shinsei ul.news-list li#shinseinavi007,
div#shinsei ul.news-list li#shinseinavi008,
div#shinsei ul.news-list li#shinseinavi010,
div#shinsei ul.news-list li#shinseinavi011{ background:url(../images/bg_separate001.gif) no-repeat right center;}
}
@media screen and (min-width: 640px) and (max-width: 767px){
div#shinsei ul.news-list li{ width:16.5%; float:left; clear:none; padding:0; display:block;}
div#shinsei ul.news-list li#shinseinavi001,
div#shinsei ul.news-list li#shinseinavi002,
div#shinsei ul.news-list li#shinseinavi003,
div#shinsei ul.news-list li#shinseinavi004,
div#shinsei ul.news-list li#shinseinavi005,
div#shinsei ul.news-list li#shinseinavi007,
div#shinsei ul.news-list li#shinseinavi008,
div#shinsei ul.news-list li#shinseinavi009{ background:url(../images/bg_separate001.gif) no-repeat right center;}
}
@media screen and (min-width: 768px){
div#shinsei ul.news-list li{ width:33%; float:left; clear:none; padding:5px 0; display:block;}
div#shinsei ul.news-list li#shinseinavi001,
div#shinsei ul.news-list li#shinseinavi002,
div#shinsei ul.news-list li#shinseinavi004,
div#shinsei ul.news-list li#shinseinavi005,
div#shinsei ul.news-list li#shinseinavi007,
div#shinsei ul.news-list li#shinseinavi008{ background:url(../images/bg_separate001.gif) no-repeat right center;}
div#shinsei ul.news-list a img{ background:url(../images/bg_separate002.gif) repeat-x left bottom; padding-bottom:3px;}

}

/* -----人口情報-------------------- */
div#population{ clear:none;}
div#population h2{
  border-top:4px solid #1F8A46; 
  border-bottom:1px solid #BBBBBB;
}
.ls2em{ letter-spacing:1.5em;}
div.inner-box{ padding:5px;}

div#population-content{ padding:10px;}


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

div#ad-column{ padding:5px; clear:both;}
div#ad-columnInner{ margin:0;}
div#ad-column ul{ padding:5px 0;}
div#ad-column ul li{ width:33%; float:left; max-width:145px;}
div#ad-column ul li a{ display:block; padding:2px; max-width:160px;}
div#ad-column ul li a img{ max-width:100%;}

div#ad-column div#ad-titlebar{ background:url(../images/bg_title_ad.jpg) repeat-x; padding:0; margin-bottom:5px;}
div#ad-column h4{ width:120px; float:left;}
div#ad-column div#ad-titlebar span{ display:block; float:left; padding-top:12px;}

@media screen and (min-width: 480px){
  div#ad-column ul li{ width:20%;}
}
@media screen and (min-width: 1280px){
  div#ad-column{ padding:5px;}
  div#ad-columnInner{ margin:0; padding:0 0 10px 0;}
  div#ad-column ul li{ width:145px; float:left; max-width:145px;}
  div#ad-column ul li a{ display:block; padding:2px; max-width:145px;}
  div#ad-column ul li a img{ max-width:100%;}
}

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

div#footer{ padding:0; line-height:1.4em;}
div#footerNav{ padding:0;  margin:0 5px; border-top:1px solid #1F8A46;}
div#footer-content{ padding:10px 0; margin:0 5px; border-top:4px solid #1F8A46;}
div#footerNav ul li{ padding:5px 10px;}
div#footer-content strong{
  display:block;
  width:70px;
  float:left;
  margin-right:-70px;
  text-align:center;
}
div#footer-content strong img{ width:50px;}
div#footerContent{ width:100%; float:right;}
div#footerContentInner{ margin-left:70px;}
div#footerContent span{ display:block;}
p#copy{
  clear:both;
  font-size:78%;
  text-align:center;
  border-top:2px solid #D4D0C8;
  word-wrap:break-word;
  padding:5px 0;
  background:#006633;
  color:#FFFFFF;
}
@media screen and (min-width: 480px){
  div#footerNav ul li{ float:left; background:url(../images/bg_footerdot.gif) no-repeat right center;}
}
@media screen and (min-width: 600px){
  div#footer{ font-size:smaller;}
}
@media screen and (min-width: 768px){
  div#footer{ font-size:95%; line-height:1.5em;}
  div#footerContentInner{ margin-left:100px; padding:3px 0 0;}
  div#footer-content strong{ width:90px; margin-right:-90px;}
  div#footer-content strong img{ width:69px;}
  p#copy{ font-size:80%;}
}



/*==================================================================================================================================================
@group 599以下
==================================================================================================================================================*/

@media screen and (max-width: 599px){
  div#wrapper{ font-size:120%; line-height:1.6em;}
  div#shinsei ul.news-list{ padding:10px 0 0;}
  div#shinsei ul.news-list a{ padding:0 0 10px;}
  div#footerNav{ padding:10px 0;}
  div#breadcrumbBox{ font-size:70%;}
}


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