p{
  margin:1em;
  clear:both;
}



#menu {
  clear: left;
}



.box ul{
  margin:1em;
}



.box li{
  margin-left:3em;
  padding: 0.5em;
  list-style-type:square;
}




#menu ul{
  margin:1em;
}



#menu li{
  width: 200px;
  padding: 0.5em;
  float: left;
  border: #FF6699 1px solid;
  text-align:center;
  list-style-type:none;
}



#menu li a{
  width: 100%;
  height: 100%;
  display: block;
}


#menu li a:hover {
  background-color: #FFDEDE;
}


h2{
  width: 80%;
  padding: 0.5em;
  border: #FF6699 1px solid;
  background-color: #FFDEDE;
  
}




.box {
  border: #FFCCCC 1px solid;
  padding-left:5px;
  clear: left;
  width: 95%;
  margin-bottom:2em;
}


.box ul{
  list-style-type:none;
}


.sub3 ul{
  list-style-type:square;
}



.sub3 li{
  margin: 20px;
}

.title {
  width: 95%;
  background-color:#FFCC00;
}

.sub1 {
  width: 50%;
  border: #FFCCCC 1px solid;
  background-color:#FFFFCC;
}

.arrow {
  margin-left: 100px;
  font-weight: bold;
}

.gototop {
  text-align: center;
  font-weight: bold;
  padding:3px;
  width:100px;
  border: #FFCCCC 1px solid;
  background-color:#FFFFCC;
  margin-left: 570px;
}

.sub4 {
  width: 90%;
  border: #FFCCCC 1px solid;
  background-color:#FFFFCC;
}

.sub4 ul{
  list-style-type:none;
  margin:0;
}

.sub4 li{
  margin:0;
  width: 150px;
  padding:10px;
  height:2em;
  float: left;
  text-align: center;
  list-style-type:none;
  border: #FFCCCC 1px solid;
  background-color:#FFFFCC;
}



.kouza{
  text-align: center;
  font-weight:bold;
  padding:0.5em;
  width:500px;
  margin-left:100px;
  border: #FFCCCC 1px solid;
  background-color:#FFFFCC;
}


h3 {
  width: 50%;
  border: #FFCCCC 1px solid;
  background-color:#FFFFCC;
}

.box table{
  width:600px;
  border-collapse:collapse;
  margin-left:50px;
}


.box table th{
  width:200px;
  padding:0.5em;
  border: #FF6699 1px solid;
  background-color: #FFDEDE;
}


.box table td{
  padding:0.5em;
  border: #FF6699 1px solid;
}