@charset "utf-8";

/* コンテンツ領域 設定
------------------------------------------------------------------- */

/* newsField領域 */
#newsField {
  padding:10px;
}
  #newsField #newsArea {
    background:#FFFFFF;
  }
  #newsField .newsBox {
    padding:10px;
    border:1px dotted #CCCCCC;
  }
  #newsField .newsBox .image {
    width:90px;
    height:60px;
    padding:5px;
    text-align:center;
    overflow:hidden;
    border:1px solid #CCCCCC;
    float:left;
  }
  #newsField .newsBox .image img {
    width:auto;
    height:60px;
  }
  #newsField .newsBox .data {
    width : 98% ; /* IE8以下とAndroid4.3以下用フォールバック */
    width : -webkit-calc(100% - 120px) ;
    width : calc(100% - 120px) ;
    padding:10px 0 0 10px;
    float:left;
  }
  #newsField .newsBox .title {
    width : 98% ; /* IE8以下とAndroid4.3以下用フォールバック */
    width : -webkit-calc(100% - 120px) ;
    width : calc(100% - 120px) ;
    padding:10px 0 0 10px;
    float:left;
  }



/* newsDetailField領域 */
#newsDetailField {
  padding:10px;
}
  #newsDetailField #newsDetailArea {
    background:#FFFFFF;
  }
  #newsDetailField .newsDetailBox {
    padding:10px;
    border:1px dotted #CCCCCC;
  }
  #newsDetailField .newsDetailBox .data {
    width:100%;
  }
  #newsDetailField .newsDetailBox .title {
    width:100%;
    margin:10px 0 0;
    font-weight:bold;
  }
  #newsDetailField .newsDetailBox .image {
    width : 98% ; /* IE8以下とAndroid4.3以下用フォールバック */
    width : -webkit-calc(100% - 15px) ;
    width : calc(100% - 15px) ;
    height:200px;
    margin:10px 0 0;
    padding:5px 0px;
    font-size:15px;
    text-align:center;
    overflow:hidden;
    border:1px solid #CCCCCC;
    background:#000000 url(../../../common/images/bg_footer.png) repeat;
  }
  #newsDetailField .newsDetailBox .image img {
    width:auto;
    height:200px;
  }
  #newsDetailField .newsDetailBox .text {
    margin:10px 0 0;
  }