@charset "UTF-8";


/* -----------------
 common
-------------------- */

#genre #gnav_list li a#gnav_04.gnav_sp_open{
  background:#cad7e1 url(../../common/img/icon_nav_open_sp.png) no-repeat 96% center;
  background-size: 24px;
}
#genre #gnav_list li a#gnav_04.gnav_sp_close{
  background:#cad7e1  url(../../common/img/icon_nav_close_sp.png) no-repeat 96% center;
  background-size: 24px;
}
#genre footer #link_are ul li a#footer_04{
  background: #cad7e1;
}

#h2_area_sub{
  background:url(../img/mainimg_sub.jpg) no-repeat center center;
  background-size: cover;
}

.p_index_01{
  width:94%;
  margin:0 auto 40px;
  font-size: 16px;
  line-height: 1.8em;
  font-weight: bold;
  text-align: left;
}
.block_genre{
  width:100%;
  margin:0 auto;
  position: relative;
}
.block_genre img{
  width:100%;
}


/* -----------------
 集合住宅 index
-------------------- */

#btn_index_01{
  width:13%;
  height:6%;
  position:absolute;
  left:18%;
  top:5%;
}
#btn_index_02{
  width:27%;
  height:10%;
  position:absolute;
  left:33%;
  top:1%;
}
#btn_index_03{
  width:17%;
  height:6%;
  position:absolute;
  left:59%;
  top:14%;
}
#btn_index_04{
  width:21%;
  height:6%;
  position:absolute;
  left:59%;
  top:23%;
}
#btn_index_05{
  width:17%;
  height:6%;
  position:absolute;
  left:12%;
  top:75%;
}
#btn_index_06{
  width:17%;
  height:6%;
  position:absolute;
  left:12%;
  top:85%;
}
#btn_index_07{
  width:23%;
  height:6%;
  position:absolute;
  left:31%;
  top:93%;
}
#btn_index_08{
  width:12%;
  height:6%;
  position:absolute;
  left:58%;
  top:80%;
}
#btn_index_09{
  width:14%;
  height:6%;
  position:absolute;
  left:74%;
  top:58%;
}

/* -----------------
 病院 genre_02
-------------------- */

#btn_genre_02_01{
  width:24%;
  height:6%;
  position:absolute;
  left:12%;
  top:11%;
}
#btn_genre_02_02{
  width:12%;
  height:6%;
  position:absolute;
  left:39%;
  top:1%;
}
#btn_genre_02_03{
  width:24%;
  height:6%;
  position:absolute;
  left:55%;
  top:11%;
}
#btn_genre_02_04{
  width:13%;
  height:6%;
  position:absolute;
  left:69%;
  top:32%;
}
#btn_genre_02_05{
  width:12%;
  height:6%;
  position:absolute;
  left:12%;
  top:79%;
}
#btn_genre_02_06{
  width:21%;
  height:6%;
  position:absolute;
  left:23%;
  top:94%;
}
#btn_genre_02_07{
  width:13%;
  height:6%;
  position:absolute;
  left:56%;
  top:79%;
}
#btn_genre_02_08{
  width:18%;
  height:6%;
  position:absolute;
  left:73%;
  top:79%;
}
#btn_genre_02_09{
  width:14%;
  height:6%;
  position:absolute;
  left:46%;
  top:94%;
}

/* -----------------
 ホテル genre_03
-------------------- */

#btn_genre_03_01{
  width:23%;
  height:6%;
  position:absolute;
  left:40%;
  top:0%;
}
#btn_genre_03_02{
  width:21%;
  height:6%;
  position:absolute;
  left:15%;
  top:7%;
}
#btn_genre_03_03{
  width:13%;
  height:6%;
  position:absolute;
  left:53%;
  top:16%;
}
#btn_genre_03_04{
  width:16%;
  height:6%;
  position:absolute;
  left:70%;
  top:35%;
}
#btn_genre_03_05{
  width:16%;
  height:6%;
  position:absolute;
  left:15%;
  top:70%;
}
#btn_genre_03_06{
  width:13%;
  height:6%;
  position:absolute;
  left:72%;
  top:82%;
}
#btn_genre_03_07{
  width:17%;
  height:6%;
  position:absolute;
  left:69%;
  top:94%;
}