@charset "UTF-8";


/* body */

  #top {
    width: 800px;
    height: 150px;
    margin: 0 auto;
    padding-top: 100px;
  }
#top li{
    z-index: 1;
}
  #logo {
    float: left;
    margin-top: 20px;
  }
  #main {
    margin: 0 auto;
    clear: both;
    margin-top: 50px;
    width: 800px;
    z-index: -9999;
}


/* ナビ */


#top_navi{
    float: right;
    margin-top: 50px;
}
#top_navi li{
    float: left;
}

/* ナビ画像 */
#navi li a {
    display: block;
    padding: 10px;
    text-decoration: none;
}
.navi_01{
    background-image:url("../img/top_navi_home_off.png");
    background-repeat: no-repeat;
    width: 103px;
    height: 109px;
}
.navi_01:hover{
    background-image:url("../img/top_navi_home_on.png");
    background-repeat: no-repeat;
}
.navi_02{
    background-image:url("../img/top_navi_mtgym_off.png");
    background-repeat: no-repeat;
    width: 102px;
    height: 109px;
}
.navi_02:hover{
    background-image:url("../img/top_navi_mtgym_on.png");
    background-repeat: no-repeat;
}
.navi_03{
    background-image:url("../img/top_navi_homevisit_off.png");
    background-repeat: no-repeat;
    width: 114px;
    height: 109px;
}
.navi_03:hover{
    background-image:url("../img/top_navi_homevisit_on.png");
    background-repeat: no-repeat;
}
.navi_04{
    background-image:url("../img/top_navi_price_off.png");
    background-repeat: no-repeat;
    width: 101px;
    height: 109px;
}
.navi_04:hover{
    background-image:url("../img/top_navi_price_on.png");
    background-repeat: no-repeat;
}

.navi_05{
    background-image: url("../img/top_navi_access_off.png");
    background-repeat: no-repeat;
    width: 106px;
    height: 109px;
}
.navi_05:hover{
    background-image:url("../img/top_navi_access_on.png");
    background-repeat: no-repeat;
}

/* リンク位置調整 */
.navi_01 a{
    height: 100px;
}
.navi_03 a{
    height: 100px;
}

/* テキスト消し */
#navi .navi_01  {
    text-indent: -9999px;
}
#navi .navi_03  {
    text-indent: -9999px;
}
#navi .mm  {
    text-indent: -9999px;
}

/* プルダウンメニューデザイン */

#navi .navi_02_child{
    display: none;
}
#navi .navi_02{
    position: relative;
}
#navi .navi_02:hover
.navi_02_child{
    position: absolute;
    display: block;
    top:100px;
}
#navi .navi_02
.navi_02_child li{
    float: none;
    width: 104px;
    font-size: 80%;  
    text-align: center;
}
#navi .navi_02_child li  {
  color: #FFFFFF;
  font-weight: 500;
  background:#11932A;
  border-bottom: 1px dotted white;
  list-style-type: none!important;
}
#navi .navi_02_child :last-of-type {
  border-bottom: none;/*最後のliの線だけ消す*/
    }
 #navi .navi_02_child li a{
     color: #FFFFFF;
     font-weight: 500;
}
 #navi .navi_02_child li a:hover {
     background: #C9C9C9;
}


#navi .navi_04_child{
    display: none;
}
#navi .navi_04{
    position: relative;
}
#navi .navi_04:hover
.navi_04_child{
    position: absolute;
    display: block;
    top:100px;
}
#navi .navi_04
.navi_04_child li{
    float: none;
    width:  104px;
    font-size: 80%;  
    text-align: center;
}
#navi .navi_04_child li  {
  color: #FFFFFF;
  font-weight: 500;
  background:#11932A;
  border-bottom: 1px dotted white;
  list-style-type: none!important;
}
#navi .navi_04_child :last-of-type {
  border-bottom: none;/*最後のliの線だけ消す*/
    }
 #navi .navi_04_child li a{
     color: #FFFFFF;
     font-weight: 500;
}
 #navi .navi_04_child li a:hover {
     background: #C9C9C9;
}


#navi .navi_05_child{
    display: none;
}
#navi .navi_05{
    position: relative;
}
#navi .navi_05:hover
.navi_05_child{
    position: absolute;
    display: block;
    top:100px;
}
#navi .navi_05
.navi_05_child li{
    float: none;
    width: 106px;
    font-size: 80%;  
    text-align: center;
}
#navi .navi_05_child li  {
  color: #FFFFFF;
  font-weight: 500;
  background:#11932A;
  border-bottom: 1px dotted white;
  list-style-type: none!important;
}
#navi .navi_05_child :last-of-type {
  border-bottom: none;/*最後のliの線だけ消す*/
    }
 #navi .navi_05_child li a{
     color: #FFFFFF;
     font-weight: 500;
}
 #navi .navi_05_child li a:hover {
     background: #C9C9C9;
}

/* 左側 */
  #main_left {
    float: left;
    width: 540px;
    margin-bottom: 30px;
  }
/* 右側 */
    
  #main_right {
    float: right;
    width: 240px;
  }
.banner img:hover {
    opacity: 0.5;
  }
    
  .sonohoka {
    margin-top: 20px;
    margin-left: 30px;
    font-size: 14px;
  }
  .sonohoka2 {
    margin-top: 10px;
    margin-left: 30px;
    font-size: 14px;
  }
  #kaatsu {
    height: 200px;
    margin: 40px auto;

  }
  #kaatsu .kaatsu {
    font-size: 11px;
    line-height: 15px;
    text-align: center;
    padding-top: 20px;
  }

/* 茶色い帯 */
.cha {
  display: block;
  widows: 540px;
  height: 25px;
  font-size: 16px;
  font-weight: 800;
  margin-top: 30px;
  margin-bottom: 10px;
  padding-top: 7px;
  background-image: url("../img/cyaobi.jpg");
  text-align: center;
  color:#FFF;
}