#site-box {
 width: 1300px;
}

h1 {
}

nav li{
display: inline-block;
}

a {
}

nav {
  background-color: #ffff00;
  padding-top:1px;
  padding-bottom: 1px;
}
  

ul {
 display:table;
 table-layout: fixed;
 margin: 0auto;
 width: 1200px;
 text-align: center;
}

ul li{
 display:table-cell;
 vertical-align: middle; 
 font-size: 14px;
}

/*navの装飾等*/

ul li a{
 display: block;
 padding: 2em0;
 color: #000000;
 text-decolation: none;
}

ul li a: hover{
 background-color: #aeb404;
 color: #fa5858;
 text-decoration: underline; 
}

ul li: first-child{
 background:#999999;
}

ul li: nth-child(2){
 background: #999999;
}

ul li: nth-child(3){
 background: #999999;
}

ul li: nth-child(4){
 background: #999999;
}

/*navの装飾はここまで*/

.title {
 font-size: 30px;
 border-left-style: solid;
 border-left-color: #facc2e;
 border-left-width: 10px;
 padding-left: 15px;
 padding: 15px;
}


.welcome {
  background-color: #f5f6ce;
  padding-left: 30px;
}

.welcome p{
  padding-left: 20px;
  padding-bottom: 20px;
}

.site {
  background-color: #f5f6ce;
  padding-left: 30px;
}

.site p {
  padding-left:20px;
  padding-bottom: 20px;

footer{
  margin-top:30px;
  text-align: center;
  color: #000000;
  background-color: #bdbdbd;
}