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

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

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


/* Javascript Disabled */



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

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

img.fluid-image { max-width: 100%;}

/* タイトルスタイル */
.titlebar{ padding:0; background:url(../images/dot_2px.gif) repeat-x bottom left;}
.stitlebar{ padding:0; background:url(../images/bg_stitlebar.gif) repeat-x bottom right; margin-bottom:5px;}
.backBtn{ display:none;}
#side-column{ clear:both; float:none;}

  body{ padding:15px 10px; background:url(../images/bg_res.jpg) no-repeat top left;}
  body.bjvd{ padding:15px 10px; background:url(../images/bg_res_jvd.jpg) no-repeat top left;}

  div#navi{
    width:230px;
    float:left;
    margin-right:-245px;
    position:relative;
    z-index:9999;
  }
  #content{
    width:100%;
    float:right;
    position:relative;
    z-index:999;
    padding:0 0 20px;
  }
    #contentInner{
      margin-left:245px;
    }
    .backBtn{ display:block; margin:0 5px 5px;}
  #main{
    clear:both;
    width:100%;
  }
    #main-column{
      width:100%;
      float:left;
      padding:0;
    }
      #main-columnInner{
        margin-right:230px;
        padding:0;
      }
    #side-column{
      float:right;
      width:220px;
      margin-left:-230px;
      clear:none;
    }

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


/* サイトロゴ */
h1#siteID{
  height:55px;
  width:100%;
  background:url(../images/bg_header_s.jpg) no-repeat top left;
}
h1#siteID a{
  display:block;
  background:url(../images/logo_s.jpg) no-repeat top left;
  width:121px;
  height:55px;
  position:relative;
}
h1#siteID img{
  display:block;
  position:relative;
  z-index:-9999;
  width:99px;
  height:55px;
}
/* 文字サイズ変更・翻訳ツール */
div#tools{ display:none;}

/* 緊急情報 */
div#kinkyu-off{ margin-bottom:10px;}
div#kinkyu-off h2{ background:url(../images/bg_kinkyu-off.gif) no-repeat top left;}
div#kinkyu-off p{ border:1px solid #99CCFF; font-size:90%; padding:5px;}

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

/* グローバルナビゲーション */
div#navigation{ display:none; background:url(../images/bg_navi.gif) repeat;}
h2#gmenu01{ text-align:center; background:url(../images/bg_gnavi.jpg) repeat-x; height:29px;}
ul#gmenulist li{ width:50%; text-align:center; float:left;}
ul#gmenulist li a{ display:block; border:1px solid #BA99BB; margin:1px; text-align:left; background:url(../images/bg_gnavi_sp.jpg) repeat-x;}
ul#gmenulist li img{ max-width: 100%;}

/* サブナビゲーション */
ul.subNav{ clear:both;}
ul.subNav li{ width:50%; text-align:left; float:left;}
ul.subNav li a{ display:block; border:1px solid #BA99BB; margin:1px;}
ul.subNav li#mayor a{ padding-bottom:4px;}
ul.subNav li img{ max-width: 100%;}
li.sn_end{ clear:both;}

/* 携帯サイト・人口情報 */
div#mobile{ display:none;}
div.inner-box{ padding:5px;}


  /* グローバルナビゲーション */
  ul#gmenulist li{ width:33%;}
  
  /* サブナビゲーション */
  ul.subNav li{ width:33%;}
  li.sn_end{ clear:none;}

  
  /* pickup */
  div#pickup ul li{ max-width:220px; width:50%;}
  
  #headerBox{
    height:290px;
  }
  
  /* サイトロゴ */
  h1#siteID{
    width:230px;
    height:126px;
    padding:12px 0 0;
    background:none;
  }
  h1#siteID a{
    display:block;
    padding:0px;
    background:none;
  }
  h1#siteID img{
    width:230px;
    height:129px;
    z-index:99999;
  }
  p#mobile-navi{ display:none;}
  
  /* 文字サイズ変更・翻訳ツール */
  div#tools{
    width:230px;
    height:64px;
    clear:both;
    margin:0 0 10px;
    display:block;
    padding:63px 0px 0;
  }
    div#fontctl{ padding:10px 18px 6px; height:20px;}
      div#fontctl p{ width:72px; float:left; height:20px;}
      div#fontctl ul li{ float:right; height:20px;}
      div#fontctl ul li a{ display:block; width:36px; height:20px;}
      
    ul#langctl{ padding:6px 0px 6px; height:19px; width:230px; background:url(../images/bg_lang.gif) repeat;}
      ul#langctl li{ float:left; height:19px;}
      ul#langctl li a{ display:block; height:19px;}
      li.lang01{ padding-left:22px;}
  
  /* ナビゲーション */
  div#navigation{ display:block; margin:0; padding:10px 10px 20px; background:url(../images/bg_navi_top.gif) no-repeat top #EDE3ED;}
  
    /* グローバルナビゲーション */
    ul#gmenulist{ margin-bottom:10px;}
    ul#gmenulist li{ float:none; width:210px; height:44px;}
    ul#gmenulist li a{ border:none; margin:0; background:none;}
    
    /* サブナビゲーション */
    ul.subNav{ margin-bottom:10px;}
    ul.subNav li{ float:none; width:210px; margin-bottom:3px;}
    ul.subNav li a{ border:none; margin:0;}
    ul.subNav li#mayor a{ padding-bottom:0px;}
    
    /* 携帯サイト・人口情報 */
    div#mobile{ display:block; padding-bottom:10px;}
    p#qrcode{ float:left; width:74px;}
    p#qrcode-desc{ float:right; width:130px; font-size:85%;}
    
    div#population p{ text-align:center;}
    div#population ul{ text-align:center;}
    
    div.inner-box{ padding:0 0 10px; margin-bottom:10px; clear:both;}

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

div#side-columnInner{ padding:5px;}

/* お天気情報 */
div#weather h3.stitlebar{ margin-bottom:0; background:url(../images/bg_tamanyan_weather_sp.gif) no-repeat top right; height:71px;}
div#weather h3.stitlebar span#title_weather{ padding:17px 0 0 2px; width:149px; height:54px; float:left; background:url(../images/bg_title_weather_sp.gif) no-repeat left top;}
div#weather h3.stitlebar span#tamanyan_weather{ width:101px; float:right; padding:0 2px 0 0;}
div#weather h3.stitlebar span#tamanyan_weather img{ max-width:100%;}
div#weatherInner{
  clear:both;
  padding:0 5px 5px; 
  border-top:none;
  border-right:2px solid #E2E68F;
  border-bottom:2px solid #E2E68F;
  border-left:2px solid #E2E68F;
  margin:0 0 5px;
}
p#designNum{ text-align:center; background:url(../images/dot_x.gif) repeat-x bottom left;}
p#designNum span{
  font-size:160%;
  font-weight:bold;
  font-family:Tahoma, Geneva, sans-serif;
}
p#weather-icon{ width:90px; float:left; text-align:center; padding:5px 0 10px; margin:0 -90px 0 0;}
div#weather-temp{ width:100%; float:right; padding:10px 0;}
div#weather-temp p{ margin-left:100px; padding:0 0 10px;}
span#maxtemp{ color:#C00;}
span#mintemp{ color:#33C;}
div#weather-temp p#weather-desc{ clear:both; line-height:1.4em; font-size:90%; padding:10px 10px 0; background:url(../images/dot_x.gif) repeat-x top left; margin:0;}


/* pickup */
div#pickup{ padding:0 0 15px;}
div#pickup ul li{ width:50%; float:left;}
div#pickup ul li a{ display:block; padding:2px; max-width:220px;}
div#pickup ul li a img{ max-width:100%;}


/* osusume */
div#osusume{ padding:0 0 15px;}
div#osusume ul li{ width:50%; float:left;}
div#osusume ul li a{ display:block; padding:2px; max-width:220px;}
div#osusume ul li a img{ max-width:100%;}

/* benritool */
div#benritool ul li{ width:33%; float:left; max-width:135px;}
div#benritool ul li a{ display:block; padding:2px;}
div#benritool ul li a img{ max-width:100%;}

  
  div#weather{ width:100%; float:none;}
  
  /* pickup */
  div#pickup{ width:100%; float:none;}
  div#pickup ul li{ width:25%;}
  	
  /* pickup */
  div.second div#pickup{ width:100%; float:none;}
  div.second div#pickup ul{ margin-left:0;}
  div.second div#pickup ul li{ width:25%; float:left;}
  
  /* osusume */
  div#osusume{ clear:both;}
  div#osusume ul li{ width:25%;}
  
  /* benritool */
  div#benritool{ clear:both;}
  div#benritool ul li{ width:20%;}
  
  div#weather{ width:50%; float:left;}
  
  /* pickup */
  div.top div#pickup{ width:50%; float:right; padding:0 0 0px;}
  div.top div#pickup ul li{ width:50%;}
  
  /* osusume */
  div.top div#osusume{ width:50%; float:right; clear:none;}
  div.top div#osusume ul li{ width:50%;}
  
  
  div#weather{ width:100%; float:left;}
  /* pickup */
  div.top div#pickup{ width:100%; float:right;}
  div.top div#pickup ul li{ width:25%;}
  
  /* osusume */
  div#osusume{ width:100%; float:none; clear:both;}
  div#osusume ul li{ width:25%;}
  /* pickup */
  div.top div#pickup ul li{ width:25%;}
  div#weather{ width:39%; float:left;}
  /* pickup */
  div.top div#pickup{ width:60%; float:right;}
  div.top div#pickup ul li{ width:50%;}
  
  /* osusume */
  div.top div#osusume{ width:60%; float:right; clear:none;}
  div.top div#osusume ul li{ width:50%; max-width:220px;}
  
  div#side-columnInner{ padding:0px;}
  
  /* weather */
  div#weather{ width:100%; margin-bottom:10px; margin-top:-13px;}
  div#weather h3.stitlebar{ background:url(../images/bg_weather1280.gif) no-repeat top left;}
  div#weather h3.stitlebar span#title_weather{ background:none; padding-left:0; width:95px;}
  div#weather h3.stitlebar span#tamanyan_weather{ background:none; padding-right:0; width:121px;}
  div#weatherInner{
    padding:10px;
    margin-top:-13px;
    min-height:191px;
  }
  p#weather-icon{ width:60px; margin:0 -60px 0 0;}
  div#weather-temp{ width:100%; float:right; padding:10px 0 0;}
  div#weather-temp p{ margin-left:60px;}
  
  /* pickup */
  div.top div#pickup{ width:220px; padding:0 0 15px; clear:both;}
  div.top div#pickup ul{ width:220px; margin:0; float:none;}
  div.top div#pickup ul li{ width:220px; float:none;}
  .type_l img{ height:70px;}
  .type_s img{ height:50px;}
  
  /* pickup */
  div.second div#pickup{ width:220px; padding:0 0 15px; clear:both;}
  div.second div#pickup ul{ width:220px; margin:0; float:none;}
  div.second div#pickup ul li{ width:220px; float:none;}
  
  /* osusume */
  div.top div#osusume{ width:220px; float:none; clear:both;}
  div#osusume{ width:220px; float:none; clear:both;}
  div.top div#osusume ul li{ width:220px; float:none; max-width:220px;}
  
  
  
  div#osusume ul li{ width:220px; float:none; max-width:220px;}
  div#osusume ul li a{ display:block; padding:2px 0; text-align:center; width:220px; margin:0 auto;}
  div#osusume ul li a img{ max-width:100%;}
  
  /* benritool */
  div#benritool ul li{ width:220px; float:none; max-width:220px;}
  div#benritool ul li a{ display:block; padding:2px 0; text-align:center; width:140px; margin:0 auto;}
  div#benritool ul li a img{ max-width:100%;}

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

/* 検索ボックス */
div#search-topWrap{ margin:5px; clear:both; padding:5px; background: url(../images/bg_searchbox.gif) repeat;}
div#search-top h3{ margin-bottom:3px;  border-bottom:1px solid #A2B762;}
div#search-formWrap{ width:100%; float:left;}
div#inputBox p#search-form{ padding:5px 0 5px 5px; margin-right:72px;}
div#inputBox p#search-form input{ width:100%; border:1px solid #BCCB8D; line-height:1.5em; height:19px;}
p#submit-btn{ padding:5px 5px 5px 0; text-align:right; float:right; margin-left:-72px;}

  div#search-topWrap{ padding:5px 5px 5px 0;}
  div#search-top h3{ padding-top:4px; border-bottom:none; width:160px; float:left; margin-right:-160px;}
  div#inputBoxWrapper{ width:100%; float:right;}
  div#inputBox{ margin-left:160px;}


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

div#ad-column{ padding:5px; clear:both;}
div#ad-columnInner{ margin: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;}

  div#ad-column ul li{ width:20%;}
  div#ad-column{ padding:5px;}
  div#ad-columnInner{ margin:0 230px 0 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:10px 0; font-size:smaller; line-height:1.4em;}
div#footerNav{ padding:5px 0;}
div#footerNav ul{ padding:0 0 0 2px;}
div#footerNav ul li{ padding:0 10px 2px 0;}
div#footerNav ul li a{ display:block; background:url(../images/icon_gray.gif) no-repeat left center; padding-left:10px;}
p#copy{
  font-size:78%;
  text-align:center;
  border-top:2px solid #D4D0C8;
  word-wrap:break-word;
  padding-top:10px;
}

/* アドレス */
address{ border-bottom:1px solid #CCC; padding-bottom:5px;}
/* メニュー */
div#fcontent01{ border-bottom:1px solid #CCC; padding:5px 0;}
/* お問い合わせ先明記 */
div#fcontent02{ padding:5px 0 0;}

div#footerContent{ clear:both; padding:0 10px 10px;}

div#footerContent span#fc-address{ display:block;}
div#footerContent span#fc-phone{ display:block;}
div#footerContent span#fc-hours{ display:block;}

  div#footer{ clear:both; padding-top:10px;}
  div#footer-content h4{ width:110px; float:left; margin-right:-130px;}
  div#footerNav{ float:left; width:100%;}
  div#footerNavInner{ margin-left:130px;}
  address span{ display:inline-block;}
  p#copy{ clear:both;}
  
  
  address{ width:100%; float:left; margin:0 5px 0 0;}
  address span{ display:block;}
  
  div#fcontent01{ width:49%; float:left; margin:0 0px 0 0; border-right:1px solid #D4D0C8; border-bottom:none;}
    div#fcontent01Inner{ padding:0 5px 0 0;}
    div#footerNav div#fcontent01 ul li{ padding:0 10px 2px 0; float:none;}
    div#footerNav div#fcontent01 ul li a{ display:inline; }
  div#fcontent02{ width:49%; float:left; margin:0 0px 0 0;}
    div#fcontent02Inner{ padding:0 0 0 5px;}

  address{ width:32%; border-right:1px solid #D4D0C8; border-bottom:none;}
  div#fcontent01{ width:32%; border-bottom:none; padding:0 0 5px;}
  div#fcontent02{ width:32%; padding:0 0 5px;}



/*==================================================================================================================================================
@group ACC
==================================================================================================================================================*/
div#top_accessibility{ clear:both;}
div#top_accessibility .stitlebar{ margin-bottom:0;}
div#top_accessibilityInner{ background:#FFF; padding:10px;}

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

div#top_accessibility h4{ padding-bottom:5px; background:#EDE3EC; margin-bottom:5px;}

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;}

@media screen and (min-width: 420px) and (max-width: 767px) {
  p#acc_checkednumBox{ width:50%; float:left;}
  div#accessibility{ width:50%; float:right;}
}


/*==================================================================================================================================================
@group 防災無線バナー
==================================================================================================================================================*/

#bousaimusen p{ padding: 7px;}
#bousaimusen a{
  display: block;
  border: 1px solid #86D843;
  border-radius: 6px;
  background: url("../images/bousaimusen/bg_bousaimusen.gif") repeat top left;
}
#bousaimusen a span{
  display: block;
  background: url("../images/bousaimusen/icon-bousaimusen.png") no-repeat center right;
}

  #headerBox{ height:340px;}
  #bousaimusen p{ padding: 5px 0;}