
/*-----------------------------
 フランチャイズ・代理店を探す
-----------------------------*/

/* 条件で探す */

#wrap_shopsearch {

  margin: 0 0 25px 0;
  padding: 0 10px 10px 10px;
  background: #FFF;
  }

#wrap_shopsearch h2 {

  padding: 20px 10px 0 30px;
  margin: 0 0 20px 0;
  font-size: 14px;
  font-weight: bold;
  background: url(../images/bg_h2_shopsearch.png) top 20px left no-repeat;
  background-size: 21px 22px;
  }

.h3_style {

  height: 28px;
  color: #FFF;
  font-size: 14px;
  font-weight: bold;
  line-height: 28px;
  text-align: center;
  background: #F6B300;
  }

#wrap_searchmenu {

  margin-bottom: 10px;
  padding: 5px 0 5px 0;
  background: #EDE4CD;
  }

#wrap_searchmenu ul {
  
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: table;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 5px 0;
  }

#wrap_searchmenu ul li {

  display: table-cell;
  }

/* 地域で探す */

.green {

  background: #29C13A;
  }

#wrap_searcharea {

  margin: 0 0 10px 0;
  padding: 15px 10px;
  background: #E1F4E3;
  }

#wrap_searcharea select {

  width: 100%;
  height: 28px;
  }

/* 業種で探す */

.blue {

  background: #4EADD9;
  }

#wrap_searchworks {

  height: 100%;
  margin: 0 0 10px 0;
  background: #CDEAF7;
  overflow: hidden;
  }

#wrap_searchworks ul {

  width: 100%;
  height: 100%;
  display: table;
  table-layout: fixed;
  overflow: hidden;
  border-collapse: separate;
  border-spacing: 5px;
  }

#wrap_searchworks ul li {

  display: table-cell;
  }
  
/* 開業資金で探す */

#wrap_searchmoney {

  padding: 15px 10px;
  background: #CDEAF7;
  }

#wrap_searchmoney select {

  width: 100%;
  height: 28px;
  }

/*-----------------------------
 注目のビジネス
-----------------------------*/

#wrap_business {

  margin: 0 0 25px 0;
  padding: 0 0 10px;
  background: #FFF;
  }

#wrap_business h2 {

  padding: 20px 10px 0 40px;
  margin: 0 0 20px 0;
  font-size: 14px;
  font-weight: bold;
  background: url(../images/bg_h2_business.png) top 20px left 10px no-repeat;
  background-size: 21px 22px;
  }

#wrap_business ul li {

  width: 100%;
  height: 100%;
  margin: 0 0 20px 0;
  overflow: hidden;
  display: table;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 10px 0;
  }

#wrap_business p.list_thumb {

  width: 109px;
  height: 56px;
  display: table-cell;
  }
  
#wrap_business p.list_thumb img {

  border: 2px solid #D9D9D9;
  }
  
#wrap_business div.list_article {

  display: table-cell;
  vertical-align: top;
  }

/*-----------------------------
 人気のフランチャイズ・代理店募集企業
-----------------------------*/

#wrap_company {

  margin: 0 0 25px 0;
  padding: 0 0 10px;
  background: #4EADD9;
  }

#wrap_company h2 {

  padding: 20px 10px 0 30px;
  margin: 0 0 20px 0;
  color: #FFF;
  font-size: 14px;
  font-weight: bold;
  background: url(../images/bg_h2_company.png) top 20px left 10px no-repeat;
  background-size: 21px 22px;
  }

#wrap_company ul li {

  width: 100%;
  height: 100%;
  margin: 0 0 20px 0;
  overflow: hidden;
  display: table;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 10px 0;
  }

#wrap_company p.list_thumb {

  width: 109px;
  height: 56px;
  display: table-cell;
  }
  
#wrap_company p.list_thumb img {

  border: 2px solid #D9D9D9;
  }
  
#wrap_company p.list_article {

  display: table-cell;
  vertical-align: top;
  color: #FFF;
  }
  
#wrap_company p.list_article a {

  color: #FFF;
  }

/*-----------------------------
 近日開催のセミナー
-----------------------------*/

#wrap_seminar {

  margin: 0 0 25px 0;
  padding: 0 0 10px;
  background: #FFF;
  }

#wrap_seminar h2 {

  padding: 20px 10px 0 40px;
  margin: 0 0 20px 0;
  font-size: 14px;
  font-weight: bold;
  background: url(../images/bg_h2_seminar.png) top 20px left 10px no-repeat;
  background-size: 21px 22px;
  }

#wrap_seminar ul li {

  width: 100%;
  height: 100%;
  margin: 0 0 20px 0;
  overflow: hidden;
  display: table;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 10px 0;
  }

#wrap_seminar p.list_thumb {

  width: 109px;
  height: 56px;
  display: table-cell;
  }
  
#wrap_seminar p.list_thumb img {

  border: 2px solid #D9D9D9;
  }
  
#wrap_seminar p.list_article {

  display: table-cell;
  vertical-align: top;
  }

/*-----------------------------
 厳選FC・代理店企業
-----------------------------*/
  
#wrap_gensen {

  height: 100%;
  margin: 0 0 25px 0;
  padding: 0 0 10px;
  background: #FFF;
  overflow: hidden;
  }

#wrap_gensen h2 {

  padding: 20px 10px 0 40px;
  margin: 0 0 20px 0;
  font-size: 14px;
  font-weight: bold;
  background: url(../images/bg_h2_gensen.png) top 20px left 10px no-repeat;
  background-size: 21px 22px;
  }

#wrap_gensen ul {

  width: 100%;
  height: 100%;
  display: table;
  table-layout: fixed;
  overflow: hidden;
  border-collapse: separate;
  border-spacing: 10px 3px;
  }

#wrap_gensen ul li {

  display: table-cell;
  }
  
#wrap_gensen ul li img {

  border: 1px solid #D7D7D7;
  }

/*-----------------------------
 TOPオススメ
-----------------------------*/
section.pickup {
  padding-top: 5px;
}
section.pickup li{
  font-size: 0;
  line-height: 0;
  padding-bottom: 5px;
}