a {
    color: green;
}

header{
  
}

body {
  background: url(/Image27.gif) 0 10% / 50px 50px repeat;
}

.container {
  display: flex;
  gap: 40px;
  margin-left: 30px;
  margin-right: 30px;
  }

.left-sidebar{
  font-family: "ＭＳ Ｐゴシック";
  background-color: gray;
  border-style: ridge;
  border-width: 6px;
  width: 100px;
  flex-shrink:0;
  padding: 2px;
  max-height: 320px;
}

main{
  background: url(/main-tlo.gif) 0 100% / 50px 50px repeat;
  border-style: ridge;
  border-width: 6px;
  flex:1;
  height:350px;
}

.right-sidebar{
  font-family: "ＭＳ Ｐゴシック";
  background-color: gray;
  border-style: ridge;
  border-width: 6px;
  width:100px;
  flex-shrink:0;
  padding: 2px;
  /*height: 400px;*/
}

h1 {
  margin-top: -4px;
	font-family: "Comic Sans", "Times New Roman", Arial;
    color: black;
    background-color: #9932cc;
}
	/* comment*/
h3 {
	font-style: italic;
	font-weight: bold;
	background-color: #ccc;
	  width: 200px;
	  opacity: 0.7;
    margin: 10px;
    padding: 10px;
	border-style: dashed;
    border-width: 3px;
    border-left-width: 4px;
    border-right-width: 4px;
    border-color: teal;
}

h5{
  width: 120px;
  border-style: ridge;
  border-width: 5px;
  background-color: white;
  }
  
ol{
  margin: auto;
  background-color: #ffffcc;
  width: 260px;
  }
  
/*nav{
  padding-top:1em;
  text-align:center;
  margin-bottom:1.5em;
  margin-left:1.5em;
  justify-content:space-around;
  background-color:#fff
  }
  */
button{
  display:inline-block;
  height:3em;
  padding:0 1.5em;
  margin-top:.5em;
  color:#000;
  background-color:rgba(238,238,51,.6);
  align-content:center;
  letter-spacing:.3em;
  cursor:pointer
  }
  
  footer{
    background-color: #ccc;
	  opacity: 0.8;
    margin: 10px;
    padding: 10px;
    width: 160px;
    border-style: ridge;
    border-width: 6px;
    }