@charset "utf-8";

html, body {
  height: 100%;
  width: 100%;
  margin: 0;
}


.top_navi_box {
  width: 100%;
  max-width: 800px;
}




.top_navi_up_button_box {
  display:flex;
  flex-wrap: wrap;
  justify-content: center;
  margin:5px;
}

.top_navi_up_button {

  height: 36px;
  line-height: 39px;
  border-radius: 3px;
  background-color: #FFFFFF;
  padding: 0 10px;
  margin:2px 2px;
  border: 2px solid #286BB7;

}

.top_navi_up_button a {

  color: #123b8f;
  font-size: 15px;
  display: block;
  text-decoration: none;

}



.top_navi_box_main_rental {
background-color:#073d7d;
padding: 6px;
}

li img:hover{
filter:alpha(opacity=80);
opacity:0.8;
}


.top_navi_box_tab {
  display: flex;
}

.sale_tab01 {
width:40%;
padding:7px 5px 5px;
background-color:#eb2a64;
border-radius: 5px 5px 0 0;
color:#ffffff;
text-align:center;
font-size:17px;
}

.sale_tab02 {
width:30%;
padding:4px 5px 5px;
background-color:#073d7d;
border-radius: 5px 5px 0 0;
color:#ffffff;
text-align:center;
font-size:14px;
height: 20px;
top: 8px;
position: relative;
}

.sale_tab02 a {
color:#ffffff;
text-decoration:none;
width: 100%;
display: block;
}

.sale_tab03 {
width:30%;
padding:7px 5px 5px;
background-color:#3eb627;
border-radius: 5px 5px 0 0;
color:#ffffff;
text-align:center;
font-size:13px;
}

.sale_tab03 a {
color:#ffffff;
text-decoration:none;
}


.rent_tab01 {
width:40%;
padding:7px 5px 5px;
background-color:#073d7d;
border-radius: 5px 5px 0 0;
color:#ffffff;
text-align:center;
font-size:17px;
}

.rent_tab02 {
width: 30%;
padding: 4px 5px 5px;
background-color: #eb2a64;
border-radius: 5px 5px 0 0;
color: #ffffff;
text-align: center;
font-size: 15px;
height: 20px;
top: 8px;
position: relative;
}

.rent_tab02 a {
color:#ffffff;
text-decoration:none;
width: 100%;
display: block;
}

.rent_tab03 {
width:30%;
padding: 4px 5px 5px;
background-color: #3eb627;
border-radius: 5px 5px 0 0;
color: #ffffff;
text-align: center;
font-size: 13px;
height: 20px;
top: 8px;
position: relative;
}

.rent_tab03 a {
color:#ffffff;
text-decoration:none;
}






.eldercare_tab01 {
width:40%;
padding:7px 5px 5px;
background-color:#3eb627;
border-radius: 5px 5px 0 0;
color:#ffffff;
text-align:center;
font-size:17px;
}

.eldercare_tab02 {
width:30%;
padding:4px 5px 5px;
background-color:#073d7d;
border-radius: 5px 5px 0 0;
color:#ffffff;
text-align:center;
font-size:15px;
height: 20px;
top: 8px;
position: relative;
}

.eldercare_tab02 a {
color:#ffffff;
text-decoration:none;
width: 100%;
display: block;
}

.eldercare_tab03 {
width:30%;
padding:4px 5px 5px;
background-color:#eb2a64;
border-radius: 5px 5px 0 0;
color:#ffffff;
text-align:center;
font-size:15px;
height: 20px;
top: 8px;
position: relative;
}

.eldercare_tab03 a {
color:#ffffff;
text-decoration:none;
}

.top_navi_box_main_eldercare {
    background-color: #3eb627;
    padding: 6px;
}




#top_navi_box {
  width: 100%;
}

.top_navi_box_tab {
width:100%;
}


.top_navi_box_main {
background-color:#eb2a64;
padding: 6px;
width: auto;

}

.top_navi_buttons_u {
background-color:#ffffff;
border-radius:4px;
box-shadow:-1px -1px 2px 1px rgba(0,0,0,0.2) inset;
}

.top_navi_buttons_u ul {
  display: flex;
  list-style: none;
  justify-content: space-around;
  padding: 5px 5px;
  margin: 0px;
}

.top_navi_buttons_u li{
border-right:1px solid #cccccc;
  flex-grow: 1;
  text-align: center;
  max-width: 17%;
  padding-right: 4px;
}


.top_navi_buttons_u li:last-child{
border-right:none;
}


.top_navi_buttons_b ul {
  display: flex;
  list-style: none;
  flex-wrap:         wrap;
padding: 0;
margin: 7px 0 0px;
justify-content: space-between;
}

.top_navi_buttons_b li{
margin-bottom:6px;
max-width: 49%;
width: 50%;
}

.top_navi_buttons_b li:nth-last-child(-n+2) {
margin-bottom:0px;
}