/* top_controller 用CSS*/

#eyecatch1{border:1px solid gray;}
/* トップページの記事一覧*/
table.top_attr {
    font-size:100%;
    margin:5px 2px;
    width:100%;
    
    th{
        
        
        color:#333333;
        padding:5px;
        font-weight: bold;
        font-size: 1.2em;
        border-bottom: 2px solid #333333;
        text-align:left;
        }
        
    td{
      h2{margin:5px 0px;}
    }
}

div.top_articles { width:100%;}
div.top_entries  {
    overflow: hidden;
    height: auto;
    /* この幅を調整することで
     * テーブルの幅も調整できる。
     */ 
    width: 290px;
    
    img {
        float: left;
        margin: 0 15px 0 0 !important;
        padding: 0 !important;
        border: 1px solid gray !important;
        width: 90px;}
  
    p {
        overflow: hidden;
        height: auto;}
}

div.top_materials {
    width:23%;
    float:left;padding:2px;
    border: 1px solid gray;
    margin:10px 2px;
    background-color:white;
    span.notice {color:red}
    font-size: 90%;
    box-shadow: 0px 5px 15px rgba(0,0,0,0.3);
    .cdate {padding:2px;position:relative; top:-5px; left:-5px;background-color:#A90019;color:white;font-size:0.9em;}
    .detail {padding:0px 3px 5px 3px; float:right;font-size:0.8em;}
    img {}
    p.image_title{
      padding:2px;
      margin:0px;
      overflow:hidden;
      width:97%;
      height:1.5em;
      border-top:1px solid gainsboro;
    }
    p.image_footer {
      width:100%;
      height:2em;
//      border-top: 1px #ccf dashed;
      padding-top: 4px;
    }

}

.floating { float: left;}
.cler_both { clear: both;}