ul, li { margin: 0; padding: 0; }

.clearfix:before,
.clearfix:after {
    content:'.';
    display:block;
    overflow:hidden;
    visibility:hidden;
    font-size:0;
    line-height:0;
    width:0;
    height:0
}
.clearfix:after {
    clear:both
}
div.content {
    width: 700px;
    margin-bottom: 20px;
    position:relative;
    display:block;
}
div.content div.main-navi ul.navi li {
    float:left;
    display:block;
    padding:4px;
    position: relative;
}
div.content div.main-navi .sub-navi-container {
    height: 0;
    left: 2px;
    margin-bottom: 0px;
    position: relative;
    z-index: 99999;
}
div.content div.main-navi .sub-navi {
    display: none;
    position: absolute;
    top:45px;
    width:696px;
    height:45px;
    border-bottom: 2px solid #000; 
    background: #fff;
    z-index: 99999;
    overflow: hidden;
}
div.content div.main-navi .sub-navi ul {
    padding:13px;
    list-style:none;
}
div.content div.main-navi .sub-navi ul li {
    float:left;
    width:220px;
    list-style:none;
    margin-left:30px;
    position:relative;
    margin-left:0;
}