@charset "UTF-8";

#pack{
  width : 1000px;
  border-width : 5px;
  border-style : none;
  border-color : gray;
  /* background-color : white; */
}

#top{
  width : 1000px;
  height : 50px;
  text-align : justify;
  background-color : white;
}

#main{
  width : 800px;
  text-align : justify;
  float : right;
  background-color : white;
  overflow:visible;
}

#side{
  width : 200px;
  float : left;
  left : 0px;
  text-align : justify;
  height : 40px;
  z-index : 1;
  background-image : url(sidehaikei.png);
  background-position : 0px 0px;
  color : rgb(255, 255, 255);
  background-color : white;
}

#foot{
  background-color : white;
  width : 1000px;
  height : 30px;
  clear : both;
  text-align : justify;
}

body{
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
}

#side-foot{
  width : 200px;
  float : left;
  z-index : 2;
  clear : left;
  text-align : justify;
  background-image : url(sidefoothaikei.png);
  background-position : 0px 0px;
  background-color : white;
  margin-bottom: -32768px;
  padding-bottom : 1000px;
}

/* みにやん追加スタイル */
body{
  background-color: white;
}
#pack{
  position: relative;
  /* overflow: hidden; */
  text-align: left;
  text-align: right;
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
#back{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  z-index: -1;
}
#side{
  position: absolute;
  width: 100%;
  top: 50px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
.side_bar{
  position: absolute;
  width: 100px;
  height: calc(100%);
  top: 0px;
  left: 0px;
  background-color: black;
  /*
  background-image : url(sidefoothaikei.png);
  background-position : 0px 0px;
  */
}
#main{
  display: inline-block;
  position: relative;
  float: none;
  right: 0px;
}
#side-menu{
  display: inline-block;
  position: sticky;
  position: absolute;
  width: 200px;
  height: auto;
  float: left;
  top: 150px;
  left: 0px;
  z-index: 2;
}
@media screen and (min-width:1000px) {
    /*　画面サイズが1000pxからはここを読み込む　*/
    #side-menu{
      left: calc(50% - 500px);
    }
}