@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 {
background-color:#eb2a64;
    padding: 5px;
}

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

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

.top_navi_buttons_u {
background-color:#ffffff;
border-radius:4px;

}

.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;
padding-right: 15px;
}


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

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


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


.top_navi_box_tab {
  display: flex;
  align-items: flex-end;
}

.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:5px 5px 5px;
background-color:#073d7d;
border-radius: 5px 5px 0 0;
color:#ffffff;
text-align:center;
font-size:15px;
height: 18px;
}

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

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

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

.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:5px 5px 5px;
background-color:#eb2a64;
border-radius: 5px 5px 0 0;
color:#ffffff;
text-align:center;
font-size:15px;
height: 18px;
}

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

.rent_tab03 {
width:30%;
padding:5px 5px 5px;
background-color:#3eb627;
border-radius: 5px 5px 0 0;
color:#ffffff;
text-align:center;
font-size:15px;
height: 18px;
}

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






.eldercare_tab01 {
width:100%;
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:5px 5px 5px;
background-color:#073d7d;
border-radius: 5px 5px 0 0;
color:#ffffff;
text-align:center;
font-size:15px;
height: 18px;
}

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

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

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


.switch_src {
    display: block;
}







