/* -- Frame --------------------------------------------- */
#header{
    position:relative;
    width:1000px; 
    border-width:1px 1px 0px 1px; 
    border-style:solid; 
    border-color:gray;
}
#contents{
    position:relative;
    width:1000px; 
    height:780px;
    border-width:1px 1px 1px 1px; 
    border-style:solid;
    border-color:gray;
}
#footer{
    position:relative;
    width:1000px; 
    text-align:center;
    border-width:0px 1px 1px 1px; 
    border-style:solid; 
    border-color:gray;
    color:white;
    background-color:#004040;
}

/* -- Part --------------------------------------------- */
/* ---- Navi ------------------------------------------- */
#navi{
    position:absolute;
    width:200px; 
    height:100%;
    border-width:1px 1px 1px 1px; 
    border-style:solid;
    border-color:red;
    z-index:100;
}
#login{
    position:absolute;
    width:100%; 
    height:100px;
    border-width:0px 0px 1px 0px; 
    border-style:solid;
    border-color:gray;
}
/* ---- Main ------------------------------------------- */
#main{
    position:absolute;
    left:200px;
    width:650px; 
    height:100%;
    border-width:1px 1px 1px 1px; 
    border-style:solid;
    border-color:blue;
    z-index:100;
}
#GRID_packet{
    position:absolute;
    top:20px;
    left:2%;
    width:96%; 
    height:314px;
    border-width:1px; 
    border-style:solid;
    border-color:gray;
}
#GRID_tid{
    position:absolute;
    top:344px;
    left:2%;
    width:96%; 
    height:200px;
    border-width:1px; 
    border-style:solid;
    border-color:gray;
}
/* ---- Ad --------------------------------------------- */
#ad{
    position:absolute;
    left:850px;
    width:150px; 
    height:100%;
    border-width:1px 1px 1px 1px; 
    border-style:solid;
    border-color:green;
    z-index:100;
}
#AD_test{
    position:absolute;
    top:20px;
    left:5%;
    width:90%; 
    height:400px;
    border-width:1px; 
    border-style:solid;
    border-color:gray;
}

