body {
margin:0px;
padding:0px;
font-family:sans-serif, Meiryo, arial, 'hiragino kaku gothic pro', ;
color:#333333;
}

a:link {
color:#e41655;
}

a:visited {
color:#cd5638;
}

a:hover {
color:#ffa33e;

}

.shadow {
box-shadow: 0 0 8px gray;
}


ul {
list-style-type: none;
margin:0px;
padding:0px;
}

ul li {
display: inline;
margin:20px;
}

#top {
height: 90px;
background-color:#e7f0d2;
background-image: url(img/top03.jpg);
background-repeat: no-repeat;
}

#main01 {
background-color: #b1d056;
text-align: center;
}

#main02 {
background: linear-gradient(180deg,#b1d056 0%,#b1d056 180px,#f4f4ec 180px,#f4f4ec 100%);
text-align: center;
}

#box {
width: 780px;
margin: auto;
}



#lesson01 {

width:220px;
height: 280px;
background-color:#ffffff;
box-shadow:0 0 15px gray;
margin: 20px;
text-align: center;
float: left;

}

#clear {
clear: both;
}

#lesson02 {

width:600px;
background-color:#ffffff;
box-shadow:0 0 15px gray;
margin: 0 auto;
text-align: center;

}


h2 {
font-size:18px;
color:#000080;

}