@charset "utf-8";

body{
    display: flex;
    flex-direction: column;
}


/*ヘッダー＆メニュー*/
.nav-account{
  background-color: #fff;
  border-radius: 10px;
  padding-left: 5px;
}
.grovalNavigation{
  height:40px;
  background-color:#f5f5f5;
  padding: 5px;
}
.grovalNavigation h1{
  font-size: 1.5em;
}


main{
    min-height: 86vh;
    display: flex;
    margin:0;
}

/*******以下地図画面*******/
/*左メニュー*/
.localNavigation{
  width: 205px;
  height: 86vh;
  padding: 5px 5px 0 10px;
  overflow: scroll;
  white-space:nowrap;
}

.content{
  flex: 1;
  background-color: #eee;
}



/* 中メニュー */
.center-menu{
  position: absolute;
  top: 95px;
  right: 800px;
  z-index: 2;
  padding:5px;
  width:470px;
  height: 40vh;
  background-color: #f5f5f5;
  border-radius: 0px 0px 10px 10px;
}

/* 右メニュー */
.right-menu{
  position: absolute;
  top: 105px;
  right: 0px;
  z-index: 3;
  padding:5px;
  width:470px;
  height: 83vh;

  background:rgba(245,245,245,0.85);
  border-radius: 10px 0px 0px 10px;
  padding: 10px;
}
.right-menu table{
  margin-top: 5px;
  font-size: 0.9em;
  background-color: #fff;
  border: 1px solid #aaa;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 6px;
  overflow: hidden;
}

/* モーダル */
.modal-content table{
  margin-top: 5px;
  background-color: #fff;
  border: 1px solid #aaa;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 6px;
  overflow: hidden;
}
.modal-content td{
  background-color: #fff;
  border: 1px solid #aaa;

}


/*******以下検索画面*******/
.contentSearch{
  flex: 1;
  background-color: #fff;
  margin: 10px;
}
.contentSearch table{
  margin-top: 5px;

}


/*******その他画面*******/
/* スクロールバーのデザイン */
::-webkit-scrollbar{
  width: 15px;
}
::-webkit-scrollbar-track{
  background: #fff;
  border: none;
  border-radius: 10px;
  box-shadow: inset 0 0 2px #777; 
}
::-webkit-scrollbar-thumb{
  background: #ccc;
  border-radius: 10px;
  box-shadow: none;
}