.sidemenu {
  background-color:#ffffff;
  width:25%;
  height:auto;
  text-align:center;
} 

.content {
  background-color:#ffffff;
  width:70%;
  height:auto;
  min-height:400px;
  text-align:center;
  margin-left:10px;/*サイドバーとメインコンテンツの間に隙間をあけた*/
}

article {
  display:flex;/*サイドバーとメインコンテンツを横並びにする指定をした*/
}

.sidemenu ul {
  margin: 0; 
  padding: 0; 
  list-style: none;
}

.sidemenu li{ 
  display: inline; 
  padding: 0; 
  margin: 0; 
}

.sidemenu li a{
  display: block; 
  border: 1px solid #9F99A3;
  background-color: #EEEEEE;
  padding: 3px 10px;
  text-decoration: none;
  color: #333;
  width: auto; 
  margin: 2px 0px;
  text-align: left;
  font-size: 14px;
}

.sidemenu li a:hover{
  border: 1px solid #8593A9;
  background-color: #9EB7DD;
}