#nav{
    height:60px;
    border-bottom:0px solid #000000;
    position:fixed;
    top:0px;
    left:0px;
    right:0px;
    background:#000000;
}

#logo_area {

    padding-left: 30px;
    float: left;

    letter-spacing: 0.1em;
    text-align: left;
}

#nav ul{

    list-style:none;
        float:right;
    margin:20px 20px 0px 0px;
 
}
#nav ul li{
    display:inline;
    float:right;
    margin:0px 20px;
}

#nav a{
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size:10px;
    font-weight:normal;
    letter-spacing: 0.5em;
    float:left;
    padding: 2px 4px;
    color:#ffffff;
    text-decoration: none;
    border:0px solid #ccc;
    cursor: pointer;
    
    height:16px;
    line-height:16px;
}
#nav a:hover{

    color: #FF0000;
}
#nav a.logo span, {
    height:40px;
        float:center;
    margin:20px 20px 0px 0px;
    width:400px; 
}
#nav a.top span{
    background:transparent url(file:///Macintosh%20HD/Users/hirookatadashi/Documents/%E3%80%90%20415COBRA%20%E3%80%91/web/dokukiva/images/top.png) no-repeat center center;
}

#headcopy{
    position:absolute; 
    top:430px; 
    left:50px;
}