@charset "utf-8";


/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

  Last Updated: November 27, 2014

  #news
  div.index
  div.detail

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/


/* ============================================================
#news
============================================================ */
#news:after {
  content: "";
  display: table;
  clear: both;
}
#news div.sideBar {
  float: left;
}
#news div.contents {
  float: right;
}
#news div.contents div {
  margin-bottom: 30px;
}


/* ============================================================
div.index
============================================================ */
#news div.index:after {
  content: "";
  display: table;
  clear: both;
}
#news div.index h2 {
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0.1em;
  padding: 9px 30px;
  margin-bottom: 20px;
  background: #FFFFFF url(../img/shared/title_icon.png) 10px 50% no-repeat;
}
#news div.index ul {
  margin: 20px -10px 0;
}
#news div.index ul li {
  width: 380px;
  margin: 0 10px 20px;
  float: left;
  background-color: #FFFFFF;
}
#news div.index ul li a {
  color: #333333;
  display: block;
  padding: 15px 15px 10px;
}
#news div.index ul li a:hover {
  background-color: #EEEEEE;
}
#news div.index ul li div.head {
  min-height: 60px;
  margin-bottom: 10px;
  position: relative;
}
#news div.index ul li div.head p.image {
  width: 90px;
  height: 60px;
  position: absolute;
  top: 0;
  left: 0;
}
#news div.index ul li div.head p.category {
  position: absolute;
  top: 0;
  right: 0;
}
#news div.index ul li div.head p.date,
#news div.index ul li div.head h3 {
  padding-left: 100px;
}
#news div.index ul li div.head p.date {
  margin-bottom: 3px;
}
#news div.index ul li div.head h3 {
  font-size: 12px;
  height: 3.2em;
  text-overflow: ellipsis;
  overflow: hidden;
}
#news div.index ul li p.text {
  height: 3.2em;
  text-overflow: ellipsis;
  overflow: hidden;
}


/* ============================================================
div.detail
============================================================ */
#news div.detail {}
#news div.detail div.article {
  background-color: #FFFFFF;
}

#news div.detail div.article div.articleHeader,
#news div.detail div.article div.articleBody,
#news div.detail div.article div.articleFooter {
  padding: 0 25px;
}

#news div.detail div.article div.articleHeader {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: #E0E0E0 1px solid;
}
#news div.detail div.article div.articleHeader h2 {
  font-size: 20px;
  margin-bottom: 5px;
}
#news div.detail div.article div.articleHeader p.date,
#news div.detail div.article div.articleHeader p.category {
  display: inline-block;
  padding-right: 5px;
}
#news div.detail div.article div.articleHeader p.category img {
  vertical-align: middle;
}
#news div.detail div.article div.articleHeader p.date {
  color: #333333;
}

#news div.detail div.article div.articleBody:after {
  content: "";
  display: table;
  clear: both;
}
#news div.detail div.article div.articleBody,
#news div.detail div.article div.articleBody .attention {
  font-size: 13px;
}
#news div.detail div.article div.articleBody p {
  margin-bottom: 30px;
}
#news div.detail div.article div.articleBody a {
  text-decoration: underline;
}
#news div.detail div.article div.articleBody a.pdf {
  padding-right: 19px;
  background: url(../img/shared/icon_pdf.png) 100% 50% no-repeat;
}
#news div.detail div.article div.articleBody a.button {
  display: inline-block;
  color: #FFFFFF;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0.1em;
  text-decoration: none;
  padding: 10px 10px;
  background-color: #009AE2;
}
#news div.detail div.article div.articleBody a.button:hover,
#news div.detail div.article div.articleBody p a:hover img {
  opacity: 0.7;
}
#news div.detail div.article div.articleBody .captionText {
  font-size: 10px;
  display: block;
  text-align: center;
}
#news div.detail div.article div.articleBody div.infoDetail {
  background: #F3F3F5;
  font-size: 12px;
  padding: 15px;
}
#news div.detail div.article div.articleBody div.infoDetail h3 {
  font-size: 12px;
  font-weight: bold;
  padding-bottom: 5px;
  margin-bottom: 8px;
  background: url(../img/shared/bg_dotted_x.png) left bottom repeat-x;
}
#news div.detail div.article div.articleBody div.infoDetail p {
  margin-bottom: 0;
}
#news div.detail div.article div.articleFooter {
  padding-top: 20px;
  padding-bottom: 20px;
  margin-bottom: 0;
  border-top: #E0E0E0 1px solid;
}
#news div.detail p.back a {
  text-decoration: underline;
}