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

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

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


/* -----Javascript Disabled-------------------- */
div.jvd {}

div.toppage img{ max-width:100%;}

div.title-topblk{ position:relative; text-align:center;}
a.btn-title-topblk{ display:block; float:right; width:80px;}

/*==================================================================================================================================================
@group トップページ用イメージ
==================================================================================================================================================*/

div#topimage img{ max-width:100%;}
div#topimage{ position:relative;}
div#topimage h2{
  position:absolute;
  width:300px;
  top:73px;
  left:50%;
  margin-left:-150px;
  z-index:99999;
}
div#topimage li{
  height:240px;
  background-repeat:no-repeat;
  background-position:center center;
  background-size:cover;
}


li#topslider01{ background-image:url(../images/topimage/001.jpg);}
li#topslider02{ background-image:url(../images/topimage/002.jpg);}


  div#topimage h2{ width:440px; margin-left:-220px; top:81px;}
  div#topimage li{ height:300px;}
  div#topimage h2{top:180px;}
  div#topimage li{ height:480px;}

/*==================================================================================================================================================
@group 菊池ってどんなとこ・秋
==================================================================================================================================================*/

div#topblk-about{
  background-image:url(../images/bg_topblk-about2.jpg);
  background-repeat:no-repeat;
  background-position:center center;
  background-size:cover;
  padding:10px 20px 20px;
}
div#topblk-about h2{ text-align:center;}
#content-topblk-about{ padding:5px 10px 20px;}
div#content-topblk-about p{ padding-bottom:1em;}
#btn_topblk-about{ display:block; text-align:center;}


  
  div#topblk-aboutInner{
    background-image:url(../images/bg_topblk-about.png);
    background-repeat:no-repeat;
    background-position:left center;
    background-size:150px auto;
    margin:10px;
  }
  div#content-topblk-about{ padding-left:140px;}
  
  div#topblk-aboutInner{ background-size:233px auto; min-height:294px;}
  div#content-topblk-about{ padding-left:240px;}
  div#topblk-about h2{ padding:10px 0;}
  a#btn_topblk-about{ width:157px; margin:0 0 0 auto;}

/*==================================================================================================================================================
@group お知らせ
==================================================================================================================================================*/

div#topblk-oshirase{
  background-image:url(../images/bg_topblk_oshirase.gif);
  background-repeat:no-repeat;
  background-position:center center;
  background-size:cover;
}
div#topblk-oshiraseInner{
  padding:0 10px 10px;
}

div#topblk-oshirase div.title-topblk{ padding:5px 0;}
div#topblk-oshirase h2{ width: 81px; float:left; padding-top:5px;}
div#topblk-oshirase a.btn-title-topblk{ padding-top:13px;}

div#topblk-oshirase li{ padding:5px; background:url(../images/border-dotted.gif) repeat-x left bottom;}
div#topblk-oshirase span.u-date{ display:block;}


  div#topblk-oshirase h2{ width: 100%; text-align:center; float:none; padding-top:5px;}
  div#topblk-oshirase a.btn-title-topblk{ padding-top:0; display:block; position:absolute; right:5px; top:25px;}
  div#content-topblk-oshirase{ padding:10px;}
  div#topblk-oshirase h2{ padding:15px 0;}
  div#topblk-oshirase a.btn-title-topblk{ top:35px;}
  div#content-topblk-oshirase{ padding:10px 25px;}
  div#topblk-oshirase li{ padding:10px 5px;}

/*==================================================================================================================================================
@group 菊池ってどんなとこ・秋＋お知らせ　共通
==================================================================================================================================================*/

  div#topblk-about-oshirase{
    background-image:url(../images/bg_topblk_about_oshirase.gif);
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
  }
  div#topblk-about{ width:50%; float:left; background:none; padding:0; margin:0;}
  div#topblk-oshirase{ width:50%; float:right; background:none; padding:0; margin:0;}



/*==================================================================================================================================================
@group 空き家バンク
==================================================================================================================================================*/

/* ------------------------------------------------------------------------------------ */
/* 　空き家情報
/* ------------------------------------------------------------------------------------ */
div#topblk-akiyabank{ margin-top:50px; position:relative; overflow:hidden;}
div#topblk-akiyabankInner{padding:0 10px 10px; }

div#topblk-akiyabank div.title-topblk{ padding:5px 0;}
div#topblk-akiyabank h2{ width: 139px; float:left; padding-top:5px;}
div#topblk-akiyabank a.btn-title-topblk{ padding-top:13px;}


  div#topblk-akiyabank h2{ width:100%; float:none; padding:10px 0;}
  div#topblk-akiyabank a.btn-title-topblk{ padding-top:0; display:block; position:absolute; right:5px; top:30px;}
  div#topblk-akiyabank h2{ padding:25px 0 15px;}

/* ------------------------------------------------------------------------------------ */
/* 　空き地情報
/* ------------------------------------------------------------------------------------ */
div#topblk-akichibank{ margin-top:20px; position:relative; overflow:hidden;}
div#topblk-akichibankInner{ padding:0 10px 10px;}

div#topblk-akichibank div.title-topblk{ padding:5px 0;}
div#topblk-akichibank h2{ width: 139px; float:left; padding-top:5px;}
div#topblk-akichibank a.btn-title-topblk{ padding-top:13px;}


  div#topblk-akichibank h2{ width:100%; float:none; padding:10px 0;}
  div#topblk-akichibank a.btn-title-topblk{ padding-top:0; display:block; position:absolute; right:5px; top:30px;}
  div#topblk-akichibank h2{ padding:25px 0 15px;}


/* ------------------------------------------------------------------------------------ */
/* 　物件情報
/* ------------------------------------------------------------------------------------ */
div.bukkenlist-topblk-akuyabank{ width:75%;}
div.bukkenlist-topblk-akichibank{ width:75%;}



p.photo-bukkenlist{ border-radius:10px; height:120px; overflow:hidden; position:relative;}
img.new-bukken{ position:absolute; top:0; right:0; z-index:99999;}

h3.title-bukkenlist{ padding:10px 0 0;}
h3.title-bukkenlist img{ vertical-align:middle; display:inline-block; padding-left:.75em;}

p#pubdate-bukkenlist{ font-size:75%; padding:3px 0 5px;}

dl.info-bukkenlist{ padding:0 0 10px; font-size:smaller;}
dl.info-bukkenlist dt,
dl.info-bukkenlist dd{ display:inline-block;}
dl.info-bukkenlist dt{ background:url(../images/bukken/bg_bukkenlist_border.png) no-repeat right center; padding-right:1em;}
dl.info-bukkenlist dd{ padding-right:2em;}

a.btn-bukkenlist-detail{ display:block; text-align:center; padding:0 10px 10px; margin:0 auto; width:100px;}




/*==================================================================================================================================================
@group 買いたい方・借りたい方、売りたい方・貸したい方
==================================================================================================================================================*/
div#topblk-kaitai-uritai{
	margin-top:50px;
}
div#topblk-kaitai-uritai li{
  background-position:center center;
  background-repeat:no-repeat;
  background-size:cover;
}
li#topblk-kaitai{ background-image:url(../images/bg_kaitai.gif);}
li#topblk-uritai{ background-image:url(../images/bg_uritai.gif);}

div#topblk-kaitai-uritai li a{ display:block; padding:25px; text-align:center;}
div#topblk-kaitai-uritai li span{ display:block; margin:0 auto;}

div#topblk-kaitai-uritai img{ width:270px;}

  li#topblk-kaitai{ width:50%; float:left;}
  li#topblk-uritai{ width:50%; float:right;}
  div#topblk-kaitai-uritai img{ width:392px;}
  div#topblk-kaitai-uritai li a{ padding:35px 25px;}

/*==================================================================================================================================================
@group お寺牲ハウス・移住者インタビュー
==================================================================================================================================================*/

div#topblk-otameshi-interview img{ width: 133px;}

div#topblk-otameshi-interview li{
  background-position: center;
  background-repeat:no-repeat;
  background-size:cover;
}
div#topblk-otameshi-interview li a{ display:block;}

li#topblk-otameshi{ background-image:url(../images/bg_topblk_otameshi.jpg);}
li#topblk-interview{ background-image:url(../images/bg_topblk_interview.jpg);}

  li#topblk-otameshi{ width:50%; float:left;}
  li#topblk-interview{ width:50%; float:right;}
  div#topblk-otameshi-interview img{ width: 189px;}

/*==================================================================================================================================================
@group お役立ち情報
==================================================================================================================================================*/

div#topblk-oyakudachi{ padding-top:50px; clear:both; text-align:center;}
div#topblk-oyakudachi h2{ width:220px;padding-top:5px;} 


span#title-topblk-oyakudachi-kosodate{
  display:block;
  background-image:url(../images/bg_topblk_kosodate.gif);
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
  padding:15px;
}
li#topblk-oyakudachi-kosodate span.inner{
  display:block;
  background:url(../images/icon_topblk-oyakudachi-kosodate.png) no-repeat bottom center; padding-bottom:30px;
}

span#title-topblk-oyakudachi-kurashi{
  display:block;
  background-image:url(../images/bg_topblk_kurashi.gif);
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
  padding:15px;
}
li#topblk-oyakudachi-kurashi span.inner{
  display:block;
  background:url(../images/icon_topblk-oyakudachi-kurashi.png) no-repeat bottom center; padding-bottom:30px;
}

span#title-topblk-oyakudachi-shigoto{
  display:block;
  background-image:url(../images/bg_topblk_shigoto.gif);
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
  padding:15px;
}
li#topblk-oyakudachi-shigoto span.inner{
  display:block;
  background:url(../images/icon_topblk-oyakudachi-shigoto.png) no-repeat bottom center; padding-bottom:30px;
}

  div#topblk-oyakudachi{ padding-bottom:20px;}
  
  div#topblk-oyakudachi h2{ width:100%; padding:10px 0;} 
  
  div#topblk-oyakudachi ul{ margin:0 auto;}
  li#topblk-oyakudachi-kosodate{ width:33.33%; float:left;}
  li#topblk-oyakudachi-kurashi{ width:33.33%; float:left;}
  li#topblk-oyakudachi-shigoto{ width:33.33%; float:left;}
  
  li#topblk-oyakudachi-kosodate a{
    display:block;
    background-image:url(../images/bg_topblk_kosodate_image.jpg);
    background-repeat:no-repeat;
    background-position:center -50px;
    padding-top:100px;
  }
  span#title-topblk-oyakudachi-kosodate{ padding:0 0 10px; background-position: center 17px;}
  li#topblk-oyakudachi-kosodate span.inner{ background-position: top center; padding:35px 0 0;}
  li#topblk-oyakudachi-kosodate span.inner img{ width:199px;}
  
  li#topblk-oyakudachi-kurashi a{
    display:block;
    background-image:url(../images/bg_topblk_kurashi.gif);
    background-repeat:no-repeat;
    background-position:center top;
  }
  span#title-topblk-oyakudachi-kurashi{
    padding:10px 0 0;
    background-image:url(../images/bg_topblk_kurashi_image.jpg);
    background-repeat:no-repeat;
    background-position:center 93px;
    padding-bottom:100px;
  }
  li#topblk-oyakudachi-kurashi span.inner{ background-position: bottom center; padding: 0 0 35px;}
  li#topblk-oyakudachi-kurashi span.inner img{ width:199px;}
  
  li#topblk-oyakudachi-shigoto a{
    display:block;
    background-image:url(../images/bg_topblk_shigoto_image.jpg);
    background-repeat:no-repeat;
    background-position:center -50px;
    padding-top:100px;
  }
  span#title-topblk-oyakudachi-shigoto{ padding:0 0 10px; background-position: center 17px;}
  li#topblk-oyakudachi-shigoto span.inner{ background-position: top center; padding:35px 0 0;}
  li#topblk-oyakudachi-shigoto span.inner img{ width:199px;}
  div#topblk-oyakudachi h2{ width:100%; padding:25px 0 15px;} 
  
  li#topblk-oyakudachi-kosodate a{ padding-top:130px;}
  span#title-topblk-oyakudachi-kurashi{ padding-bottom:130px;}
  span#title-topblk-oyakudachi-kurashi{ background-position: center 123px;}
  li#topblk-oyakudachi-shigoto a{ padding-top:130px;}
  li#topblk-oyakudachi-kosodate span.inner img,
  li#topblk-oyakudachi-kurashi span.inner img,
  li#topblk-oyakudachi-shigoto span.inner img{ width:280px;}
  li#topblk-oyakudachi-kosodate a{ background-size:100% auto;}
  li#topblk-oyakudachi-kurashi a{ background-size:100% auto;}
  li#topblk-oyakudachi-shigoto a{ background-size:100% auto;}

/*==================================================================================================================================================
@group フォトギャラリー
==================================================================================================================================================*/

div#topblk-photogallery{ padding-bottom:80px; clear:both;}
div#topblk-photogallery h2{ padding-top:75px;}

ul#top-photogallery01 li,
ul#top-photogallery02 li{ width:25%; height:80px;position:relative; overflow:hidden; float:left;}

ul#top-photogallery01 li img,
ul#top-photogallery02 li img{ max-width:600px;}

ul#top-photogallery01 li a,
ul#top-photogallery02 li a{ display:block;}

  ul#top-photogallery01 li,
  ul#top-photogallery02 li{ width:20%; height:100px;}
  div#topblk-photogallery h2{ padding:75px 0 15px; text-align:center;}
  div#top-photogalleryBox01{ width:100%; overflow:hidden;}
  div#top-photogalleryBox02{ width:100%; overflow:hidden;}
  ul#top-photogallery01{ width:1700px; margin:10px;}
  ul#top-photogallery02{ width:1700px; margin:10px 10px 10px -80px;}
  ul#top-photogallery01 li,
  ul#top-photogallery02 li{ width:160px; height:160px; border-radius:15px; margin-right:10px;}



/*==================================================================================================================================================
@group 菊池市の情報
==================================================================================================================================================*/

div#topblk-kikuchiinfo h2{ width:220px;padding-top:50px;} 
div#topblk-kikuchiinfo ul img{ max-width:100%;}
div#topblk-kikuchiinfo ul a{ display:block;}

div#topblk-kikuchiinfoInner{ background:#E3F3EE; padding-bottom:10px;}
div#topblk-kikuchiinfo li{ width:100%; text-align:center; padding:10px 0 0;}

  div#topblk-kikuchiinfo ul{ max-width:678px; margin:0 auto;}
  div#topblk-kikuchiinfo li{ width:33%; float:left; max-width:226px;}
  div#topblk-kikuchiinfo ul a{ margin:3px;}
  div#topblk-kikuchiinfo h2{ width:100%; text-align:center;}





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

  div#news .u-date{ display:block; font-size:small;}
  div#news span.news-category{ display:block; font-size:small; float:none;}
  h2#hijouTitle{ font-size:140%;}
  h2#kinkyuTitle{ font-size:140%;}
  div#juuyou span.u-date{ display:block;}