body {
 line-height: 150%;
 font-size: 90%;
 background-color: #E8B9CE;
 }

a:link {
 color: #0000cc;
 text-decoration: none;
 }

a:visited {
 color: #0000cc;
 text-decoration: none;
 }

a:hover {
 color: #cc0000;
 text-decoration: underline;
 }

a img {
 border: none;
 }

p {
 margin: 0px 20px 10px 20px;
 padding: 0;
 }

h3 {
 margin: 5px 0;
 padding: 2px 10px;
 border-bottom: solid 1px;
 border-left: solid 4px;
 }

h4 {
 margin: 0;
 padding: 5px;
 }

ul {
 margin: 0;
 padding: 0;
}

li {
 list-style: none;
 margin: 0;
 padding: 0 20px;
}

.outer {
 width: 600px;
 margin: auto;
 padding: 0;
 background-color: #ffffff;
 }

.header {
 width: 600px;
 height: 200px;
 margin: 0;
 padding: 0;
 }

.navi {
 width: 580px;
 margin: 0;
 padding: 5px 10px;
 border-bottom: solid 1px;
 }

.main {
 width: 560px;
 margin: 0;
 padding: 20px;
 }

.footer {
 width: 580px;
 margin: 0;
 padding: 0 10px;
 border-top: solid 1px;
 text-align: right;
 }
 
.works {
 margin: 0;
 padding: 10px 20px;
}