@charset "UTF-8";
/*-----------------------------------------------------

  News CSS
  [LastUpDate:2015.10.21]
  
    - Navigation
    - List
    - More Button
		- Detail

-----------------------------------------------------*/
/*-----------------------------------------------------

  Navigation

-----------------------------------------------------*/
#side-area nav ul .news {
  background: #ffffff;
  color: #4ea455;
}

#side-area nav ul .news a ,
#side-area nav ul .news a:link ,
#side-area nav ul .news a:visited {
  color: #4ea455;
}

#side-area nav ul .news a:hover ,
#side-area nav ul .news a:active {
  color: #ffffff;
}




/*-----------------------------------------------------

  List

-----------------------------------------------------*/
#wrapper #contents-area #archive-area .contents-inner .list dt {
  float: left;
  clear: both;
  margin-bottom: 35px;
}

#wrapper #contents-area #archive-area .contents-inner .list dd {
  margin: 0 0 35px 10em;
}

#wrapper #contents-area #archive-area .contents-inner .list .number {
  margin-bottom: 15px;
}

#wrapper #contents-area #archive-area .contents-inner .list dd {
	padding-left: 13px;
  background: url(../../common/img/cmn_arrow_green.png) no-repeat left 8px;
}

#wrapper #contents-area #archive-area .contents-inner .list dd a {
}




/*-----------------------------------------------------

  More Button

-----------------------------------------------------*/
#wrapper #contents-area #archive-area .contents-inner .btn-more ,
#wrapper #contents-area #archive-area .contents-inner .btn-more:link ,
#wrapper #contents-area #archive-area .contents-inner .btn-more:visited {
  display: block;
  width: 70%;
  margin: 0 auto;
  padding: 10px 0;
  background: #4ea455;
  color: #ffffff;
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center;
  cursor: pointer;
}

#wrapper #contents-area #archive-area .contents-inner .btn-more:hover ,
#wrapper #contents-area #archive-area .contents-inner .btn-more:active {
  background: #666666;
}

#wrapper #contents-area #archive-area .contents-inner .btn-more span {
  padding-right: 20px;
  background: url(../img/cmn_icon_more.png) no-repeat right 45%;
  font-weight: bold;
}




/*-----------------------------------------------------

  Detail

-----------------------------------------------------*/
.detail #wrapper #page-title h1 {
	font-family: "Times New Roman", Times, serif;
}

.detail #wrapper #page-title h1 .category {
	font-family: 'Sorts Mill Goudy';
}

.detail #wrapper #contents-area #archive-area .contents-inner .date {
	background: #666666;
	color: #ffffff;
	font-weight: bold;
	line-height: 1;
	display: block;
	text-align: center;
	width: 10em;
	padding: 5px;
	margin-bottom: 15px;
}

.detail #wrapper #contents-area #archive-area .contents-inner .sub-title {
	font-weight: bold;
	color: #4ea455;
	line-height: 1.2;
}
	
.detail #wrapper #contents-area #archive-area .contents-inner .btn-back {
	margin-top: 40px;
	width: 20em;
}

.detail #wrapper #contents-area #archive-area .contents-inner .btn-back a,
.detail #wrapper #contents-area #archive-area .contents-inner .btn-back a:link,
.detail #wrapper #contents-area #archive-area .contents-inner .btn-back a:visited {
	border: 2px solid #999999;
	display: block;
	text-align: center;
	text-decoration: none;
	padding: 8px;
	font-size: 16px;
	font-size: 1.6rem;
}

.detail #wrapper #contents-area #archive-area .contents-inner .btn-back a:hover,
.detail #wrapper #contents-area #archive-area .contents-inner .btn-back a:active {
	border: 2px solid #4ea455;
	background: #4ea455;
}

.detail #wrapper #contents-area #archive-area .contents-inner .btn-back a span,
.detail #wrapper #contents-area #archive-area .contents-inner .btn-back a span {
	background: url(../img/cmn_arrow_gray.png) no-repeat left 50%;
	color: #666666;
	font-weight: bold;
	padding-left: 13px;
}

.detail #wrapper #contents-area #archive-area .contents-inner .btn-back a:hover span,
.detail #wrapper #contents-area #archive-area .contents-inner .btn-back a:active span {
	background: url(../img/cmn_arrow_white.png) no-repeat left 50%;
	color: #ffffff;
}
