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

File Name:	ie-top.css
Style Info:	IE用　トップページ用スタイル

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


/* -----Javascript Disabled-------------------- */
div.jvd div#top-sliderBox{ background:url(../images/topslider/bg_slider_photo01_s.jpg); height:141px;}
div.jvd div#top-sliderBox div.sliderbox{ display:none;}
div.jvd div#top-sliderBox div#slider01{ display:block;}
div.jvd #tslider01{ background-image:url(../images/topslider/tslider01.jpg);}
div.jvd #tslider02,
div.jvd #tslider03,
div.jvd #tslider04,
div.jvd #tslider05{ display:none;}


/*==================================================================================================================================================
@group topcontent:top-slider
==================================================================================================================================================*/

div#topcontent{ clear:both; width:100%; }

/* -----メインイメージ：-------------------- */

#mainvisual{ clear:both; width:100%; overflow:hidden;}
#topslider ul{ text-align:center;}

.tslider{
  text-align:center;
  width:1000px;
}
.tslider img{ margin:0 0 0 auto;}


 #topslider{ padding:10px 0; background:#E8EDE2;}
 .tslider a{ display:block; margin:0 5px;}

/* -----お知らせ（トピックス）-------------------- */
div#topicsInner{ padding:0;}
div#topics-listbox{ padding:0 0 20px;}
div#topics-listbox img{ }
div.topics-list{ background:url(../images/dot_x.gif) repeat-x bottom left; padding:5px;}
p.topics-list-photo{ width:120px; float:left; margin-right:-130px;}
div.topics-list-text{ width:100%; float:right;}
div.topics-list-textInner{ margin-left:130px;}

  p.topics-list-photo{ width:100px; margin-right:-110px;}
  div.topics-list-textInner{ margin-left:110px;}
div#topicsInner{ padding:0px;}
  div#topics-listbox{ padding:10px 0;}
  div.topics-list{ width:33.3%; float:left; padding:0; background:none;}
  div#tl03{ float:right;}
  div#tl01 div.topics-listInner{ padding-right:7px;}
  div#tl02 div.topics-listInner{ padding:0 3px;}
  div#tl03 div.topics-listInner{ padding-left:7px;}
  p.topics-list-photo{ width:100%; float:none; height: 120px; overflow:hidden;}
  div.topics-list-text{ float:none; clear:both; padding:5px 0;}
  div.topics-list-textInner{ margin-left:0;}
  

/*==================================================================================================================================================
@group 観光情報
==================================================================================================================================================*/

div#kankou{ border-top:3px solid #FF9826; margin-bottom:20px;}
div#kankou h2{ text-align:center; background:url(../images/bg_kankou02.gif) repeat top left; height:40px;}
div#kankou h2 span{ display:block; background:url(../images/bg_kankou01.png) no-repeat top left; padding-left:40px;}
div#kankou h2 span img{}
div#kankoulistBox{ background:#FFEFBF; border:5px solid #FFEFBF; overflow:hidden; position:relative;}
div#kankoulistBoxInner{ padding:10px; background:#FFFFFF;} 
div#kankoulistBox ul{ margin:0 auto;}
div#kankoulistBox ul li{  margin:0 auto; position:relative; padding-bottom:11px;}
div#kankoulistBox ul li a{ display:block;}
div#kankoulistBox ul li span.kankoulistbtn{ display:block; position:absolute; bottom:0px;; left:50%; margin-left:-38px;}

  div#kankou{ margin-bottom:30px;}

/*==================================================================================================================================================
@group センターカラム（トピックス・新着情報・注目コンテンツ）
==================================================================================================================================================*/

/* -----日付-------------------- */
.u-date{ display:inline-block; font-size:85%;}

/* -----新着情報-------------------- */
div#news{  padding-bottom:20px;}
ul.news-list{ clear:both; list-style-type:none;}
ul.news-list li{ clear:both; padding:5px; background:url(../images/dot_x.gif) repeat-x bottom left;}
ul.news-list li p{ width:60px; float:left; margin-right:10px;}
ul.news-list li p span{ display:block; position:relative; width:60px; height:60px; overflow:hidden;}
ul.news-list li div.news-listInner{ background:url(../images/dot_x.gif) repeat-x left bottom; margin:0 5px; height:80px;}
div#news .u-date{ text-align:left; display:inline-block;}
div#news a{ display:inline-block;}
div#news span.news-category{ font-size:85%; text-align:right; display:inline-block; float:right;}

  div#news .u-date{ display:inline-block;}

/* -----お知らせ-------------------- */
div#oshirase{ padding-bottom:20px;}
ul.oshirase-list{ clear:both; list-style-type:none;}
ul.oshirase-list li{ clear:both; padding:5px; background:url(../images/dot_x.gif) repeat-x bottom left;}
ul.oshirase-list li p{ width:60px; float:left; margin-right:10px;}
ul.oshirase-list li p span{ display:block; position:relative; width:60px; height:60px; overflow:hidden;}
ul.oshirase-list li div.oshirase-listInner{ background:url(../images/dot_x.gif) repeat-x left bottom; margin:0 5px; height:80px;}
div#oshirase .u-date{ text-align:right;}

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

/* -----おすすめコンテンツ-------------------- */
div#osusume{ clear:both; border-bottom:1px solid #000; margin-bottom:20px;}
ul.osusume-list{ clear:both;}
ul.osusume-list li{ float:left; text-align:center;}
ul.osusume-list li a{
  display:block;
  margin:5px;
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center center;
}
ul.osusume-list img{} 


ul.osusume-list li.olist-large{ width:50%;}
ul.osusume-list li#olist01 a{ background-image:url(../images/bg_olist01.jpg);}
ul.osusume-list li#olist02 a{ background-image:url(../images/bg_olist02.jpg);}

/* その他バナー */
ul.osusume-list li.olist-small{ width:50%;}
ul.osusume-list li.olist-small a{ padding:60px 0 0;}
ul.osusume-list li.olist-small a span{ display:block; background:#DDDDDD;}
ul.osusume-list li#olist03 a{ background-image:url(../images/bg_olist03.gif);}
ul.osusume-list li#olist04 a{ background-image:url(../images/bg_olist04.gif);}
ul.osusume-list li#olist05 a{ background-image:url(../images/bg_olist05.gif);}
ul.osusume-list li#olist06 a{ background-image:url(../images/bg_olist06.gif);}
ul.osusume-list li#olist07 a{ background-image:url(../images/bg_olist07.gif);}
ul.osusume-list li#olist08 a{ background-image:url(../images/bg_olist08.gif);}
ul.osusume-list li#olist09 a{ background-image:url(../images/bg_olist09.gif);}
ul.osusume-list li#olist10 a{ background-image:url(../images/bg_olist10.gif);}

  ul.osusume-list li.olist-small{ width:25%;}
  ul.osusume-list li.olist-large a{ padding:10px 0;}


/*==================================================================================================================================================
@group 非常事態
==================================================================================================================================================*/

#hijouBoxWrapper{ margin:0 0 20px;}

#hijouBox{
  border:5px solid #D93600;
  background:#FFFFFF;
  clear:both;
}
#hijouContent{ padding:10px;}
h2#hijouTitle{
  background:#D93600;
  padding:15px;
  text-align:left;
  font-size:190%;
  border-bottom:3px solid #F33;
  font-weight:bold;
  color:#FFFFFF;
}
#hijouCntBox span{ display:block; padding:0 10px;}
#hijouCntBox p{ padding:10px 10px 0;}
#hijouCateBox{
  border:5px solid #D93600;
  padding:10px;
  margin:10px;
}
#hijouCateBox ul{ padding:0 10px;}
#hijouCateBox ul li{ display:inline;}
#hijouImg{ padding:10px;}
#hijouImg img{ }


  #hijouBoxWrapper{ margin:0 20px 20px;}
  #hijouBoxWrapper{ margin:0 20px 30px;}


/*==================================================================================================================================================
@group 緊急情報
==================================================================================================================================================*/

#kinkyuBox{
  border:5px solid #FFD24D;
  background:#FFFFFF;
  margin-bottom:10px;
}
#kinkyuContent{ padding:10px;}
h2#kinkyuTitle{
  background:#FFFF99;
  padding:15px;
  text-align:left;
  font-size:190%;
  font-weight:bold;
  color:#000;
}
#kinkyuCntBox span{ display:block; padding:0 10px;}
#kinkyuCntBox p{ padding:10px 10px 0;}
#kinkyuCateBox{
  border:5px solid #FFE599;
  padding:10px;
  margin:10px;
}
#kinkyuCateBox ul{ padding:0 10px;}
#kinkyuCateBox ul li{ display:inline;}
#kinkyuImg{ padding:10px;}
#kinkyuImg img{ }

  #kinkyuBox{ margin-bottom:20px;}


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

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

/* -----タイトル-------------------- */
div#juuyou div.titlebar{
  border-top:3px solid #FF8000;
  border-bottom:1px solid #FF8000;
  padding:6px;
  background: #FEE9AA;
}
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;}

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

p#accessibility{ padding-top:10px;}
p#accessibility img{ }


/*==================================================================================================================================================
@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 5px}
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:5px;}

/* 記事の一覧ブロック */
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{  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{ }

/* 記事の一覧 */
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:260px; 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 トップページバナー（移住定住、環境モデル都市）
==================================================================================================================================================*/

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

div#topbn ul li{ width:50%; float:left;}
div#topbn ul li a{
  display:block;
  margin:3px;
  text-align:center;
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center center;
}
li#topbnlist01 a{
  border:2px solid #008D6C;
  background-image:url(../images/bg_topbn001.jpg);
  padding:8px 0;
}
li#topbnlist01 a:focus{ border:2px solid #02FFC6;}
li#topbnlist01 a:hover{ border:2px solid #02FFC6;}

li#topbnlist02 a{
  border:2px solid #007E91;
  background-image:url(../images/bg_topbn002.jpg);
  padding:8px 0;
}
li#topbnlist02 a:focus{ border:2px solid #09E0FF;}
li#topbnlist02 a:hover{ border:2px solid #09E0FF;}

  div#topbn ul li{ width:50%; float:left;}
  div#topbn ul li#topbnlist01 a{ margin:0 5px 0 0;}
  div#topbn ul li#topbnlist02 a{ margin:0 0 0 5px;}