* { 
margin : 0;
padding : 0;
}

body { 
width : 100%;
padding : 0px;
background-color:#ddd;
}

body a {
text-decoration: none;
}


#head {
margin-left:14px;
padding: 10px;
width: 750px;
height : 80px;
background-color:#06f;
color:#fff;

}

#head h1 {
color:#fff;
font-size:24px;
}



#main {
margin-left:30px;
background-color:#ddd;
width: 750px;
border-right:1px solid #555;
}


.content {
background-color:#fff;
margin-left:14px;
line-height:1.6em;
padding: 10px;
float : left ;
width : 500px;
border-right: 1px solid  #ccc;
}

.content h3 {
font-size:14px;
text-align: left;
border-left: solid 5px #228800;
padding: 0px 0px 0px 5px;
}


#menu {
background-color:#fff;
margin-left:10px;
padding: 10px;
float : left ;
width : 150px ;
border: 1px solid  #ccc;
}

#menu li {
list-style-type: none
}

#menu a:hover {
background-color:#ddf;
}

#menu a {
display:block;
color:black;
text-decoration:none;
padding:2px 12px 2px 12px;
margin:0px;
font-family:"Hiragino Kaku Gothic Pro",Verdana,Helvetica,sans-serif;
border-bottom: 1px dotted  #000;
}


#footer {
margin-left:14px;
color:#555;
text-decoration: none;
font-size:12px;
width: 750px;
padding: 10px;
background-color:#aaa;
border-top: 1px solid  #000;
border-bottom: 1px solid  #000;
}