body {
 line-height: 170%;
 font-size: 90%;
 background-color: #FFEEEE;
 }

a:link {
 color: #3329CF;
 text-decoration: none;
 }

a:visited {
 color: #3329CF;
 text-decoration: none;
 }

a:hover {
 color: #CF3329;
 text-decoration: none;
 }

a img {
 border: none;
 }

p {
 margin: 0px 10px 20px 10px;
 padding: 0px 10px 10px 10px;
 border-bottom: solid 1px;
 border-bottom-color: #CF3329;
 }

h3 {
 margin: 5px 0;
 padding: 2px 10px;
 border-left: solid 6px;
 border-left-color: #CF3329;
 border-bottom: solid 1px;
 border-bottom-color: #CF3329;
 }

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

ul {
 margin: 0;
 padding: 0;
}

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

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

.header {
 width: 800px;
 margin: 0;
 padding: 0;
 }

.navi {
 width: 780px;
 margin: 0;
 padding: 5px 10px;
 border-bottom: solid 2px;
 border-bottom-color: #CF3329;
 }

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

.footer {
 width: 780px;
 margin: 0;
 padding: 0 10px;
 border-top: solid 2px;
 border-top-color:  #CF3329;
 text-align: right;
 }
 
.works {
 margin: 0;
 padding: 10px 20px;
}