body {
}

aside {
    width: 20%;
    float: left;
    box-sizing: border-box;

}

#TopBanner{
    margin-bottom:24px;

    overflow:hidden;

    clear:both;
}

#ArticleList {
    border:1px solid #E6E6E6;

    margin-left:24px;
    margin-top:24px;
    padding-left:48px;
    padding-right:24px;
    padding-top:24px;
    padding-bottom:24px;

}

#ArticleList a{
    text-decoration:none;
    color:black;

    margin-left:4px;
}

#ArticleList li{
    list-style:none;
    border-bottom:1px dashed #E6E6E6;
    
    margin-bottom:10px;
    padding-bottom:6px;
}

    #ArticleList li:nth-child(2n+1) {
        border-bottom: 1px dashed #c67682;
    }

    #ArticleList li:before {
        content: "●";
        color: #9D2235;

    }

#ContentAera {
    width: 80%;
    float: right;
    box-sizing: border-box;

}

.AsideL1 {
    list-style:none;
    padding: 6px;
    margin-top: 0px;
    margin-bottom: 12px;
    border: 1px solid #E6E6E6;
    background-image:linear-gradient(#ffffff,#E6E6E6);
    /*-webkit-gradient(linear,0% 50%, 0% 100%, from(#FFFFFF), to(#C2C2C2));*/
    text-align: center;

    font-size:16px;
    color:#808080;
    
}

.AsideL2{
    list-style:none;

    text-align:center;
    padding-left:32px;
    margin-bottom:6px;
    margin-top:6px;

    font-size:12px;
    
}

.AsideL2 a{
    text-decoration:none;
    color:black;
}

.TopPosition {
    background-image: linear-gradient(#ffffff,#E6E6E6);
    height:24px;
    
    margin-left:24px;
    
    overflow:hidden;
}