/* レイアウトする全体のブロック指定*/
#base {
width:900px;
margin:auto;
}
/*メニュー用テーブルのための指定*/
#menu{
width:900px;  
}
/*h1に対するレイアウト*/
h1{
font-size:30px;
text-align: center;
display:inline-block;
}

/*リンクの等間隔にするための指定*/
.wrapper1{
width:900px;
font-size:30px;
display: flex;
justify-content: space-between;
background-color:#;
}
.wrapper2{
width:900px;
display: flex;
justify-content: space-between;
padding-top:20px;
}
/*リンクの色の指定*/
a:link{color:#}
a:visited{color:#}
a:hover{color#}
a:active{color#}
/* これまでの指定をリセット*/
.clearBoth
{
clear: both;
}
/*枠作りのための指定*/
.box1{
width:900px;
}
.box2{
width:900px;
}
.box3{
width:900px;
display:block;
text-align: center;
}
.box5{
width:900px;
display:block;
padding-top: 30px:
}

/* 画面の左側に配置するための指定*/
#left1{
width:700px; 
float:left;
}
#left2{
width:300px; 
float:left;
}
#left3{
width:700px; 
float:left;
padding-bottom: 20px;
}
/* 画面の右側に配置するための指定*/
#right1{
width:500px;
float:left;
padding-top: 30px;
}
#right2{
width:500px;
float:left;
}
#right3{
padding-bottom: 20px;
width:300px; 
float:left;
}
#right4{
width:300px; 
float:left;
}
/* 画面の真ん中に配置するための指定*/
#center1{
padding-bottom: 20px;
width:300px; 
float:left;  
}
#center2{
width:300px; 
float:left;  
}
/*テーブルの大きさを指定*/
th{
width:150px;
}
p1{
font-size:20px;
padding-top:30px;
border-bottom: solid 3px #33ccff;
}