/* articles css*/

/*
 * 一覧用CSS
 */
$base_color: #333333;


@mixin article {
  h2 {margin: 1em 0em ;
    background-color: $base_color !important;
    color: #E8EAF2 !important;
    padding: 0.3em !important;}
 
}


div.article_entries  {
    overflow: hidden;
    height: auto;
    margin: auto;
    /* この幅を調整することで
     * テーブルの幅も調整できる。
     */ 
    width: 95%;
    
   @include article;
   
    img {
        float: left;
        margin: 0 15px 0 0 !important;
        padding: 0 !important;
        border: 1px solid gray !important;
        width: 150px;}
  
    p {
        overflow: hidden;
        height: auto;}
    
    p.article_footer {
      border-top: 1px #ccf dashed;
      padding-top: 4px;
      text-align: right;
      font-size: 75%;
    }
}

/*
 * 詳細用CSS
 */
div.article_detail{
     @include article;               
}


table.articles_list{
  font-size:75% !important;
  th {text-align:center !important;  }
}