/* レイアウトする全体のブロック指定*/
#base {
width:900px;
margin:auto;
}
/*メニュー用テーブルのための指定*/
#menu{
width:900px;  
}
/*リンクの等間隔にするための指定*/
.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;
}
#box4{
width:900px;
display:block;
text-align: center;
}
/* 画面の左側に配置するための指定*/
#left1{
width:500px; 
float:left;
}
#left2{
width:200px; 
float:left;
}
#left3{
width:900px; 
text-align:center;
float:left;
}
#left4{
width:400px; 
float:left;
margin-right: 100px;
margin-bottom: 20px;
}
#left5{
width:400px; 
float:left;
text-align: center;
margin-right: 100px;
margin-bottom: 10px;
}
/* 画面の右側に配置するための指定*/
#right1{
width:400px;
float:left;
margin-bottom: 100px;
}
#right2{
width:400px;
float:left;
margin-bottom: 10px;
}
#right3{
width:400px;
text-align: center;
float:left;
margin-bottom: 10px;
}
#right4{
width:300px;
float:left;
}
/*真ん中の指定*/
#center1{
width:400px;
float:left;
}
/*テーブルの大きさを指定*/
th{
width:150px;
}
p1{
font-size:20px;
padding-bottom:10px;
padding: 0.5em;
/*文字周りの余白*/
color: #494949;
/*文字色*/
background: #fffaf4;
/*背景色*/
border-left: solid 5px #ffaf58;
/*左線（実線 太さ 色）*/
}
p2{
font-size:20px;
}
p3{
font-size:30px;
color:#FF0000;
}
p4{
font-size:20px;
color:#FF0000;
}