/*---------- ニュース・トピックス --------------*/

.newtopics{
    margin: 4em Auto;
    max-width: 720px;
    width:90%;
    line-height: 1.5;
}

.newtopics h2{
    color:#0d3387;
    font-size: 100%;
    line-height: 1;
    padding: 0;
    margin: 0.5em 0;
    
    text-align: left;
    
        
    
}

.newtopics ul{
    list-style:none;
    border-top:2px solid  #0d3387;
    border-bottom:2px solid  #0d3387;
    margin: 0;
    padding: 0;
            
}
.newtopics ul li{
    list-style:none;
    display: block;
    margin: 0;
    padding:1em 0;
    border-bottom:1px solid #ccc;
    line-height: 1.5;
}
.newtopics .date{
    float: left;
    width:7em;
    margin: 0 0 0 0;
    
}
.newtopics .type{
    float: left;
    min-width:6em;
    background-color: #ccc;
    text-align: center;
    margin: 0 1em 0 0;
    color:#fff;
}

.newtopics .column{
    background-color: #9689b6;
}

.newtopics .news{
    background-color: #579ace;
}

.newtopics .publicity{
    background-color: #85c0b4;
}



.newtopics .data{
   display: block;
   overflow: hidden;
   color:#0d3387;
   min-width:200px;
}

.newtopics .data i{
    
    margin: 0 0.2em 0 0;
    color:#0d3387;
}