@charset "UTF-8";



/*!-------------------------------------------------------
 ** @ お知らせ一覧
-------------------------------------------------------*/

.newsList {
	margin: 1em 0 3em;
	padding-top: 1em;
	border-top: 1px #999 dotted;
}


/* ニュース一覧（ページャー）pagebute
========================================== */
#pager {
}
#pager ul, #pager li {
  list-style: none;
	padding:0;
}

#pager ul li {
	border: 1px solid #E0E0E0;
	float: left;
	margin: 0 2px 5px 2px;
}
#pager ul li a{
	display: block;
	background:#F6F6F6;
	color: #333333;
	padding: 2px 8px;
	text-decoration: none;
}
#pager ul li a:hover{
	background:#00B054;
	color: #FFFFFF;
}


#pager ul li .current_page {
	display: block;
	background:#00B054;
	color: #FFFFFF;
	font-style: normal;
	font-weight: bold;
	padding: 2px 8px;
}

/*!-------------------------------------------------------
 ** @ お知らせ詳細
-------------------------------------------------------*/

#entry_header {
  line-height: 1.4;
	padding:0.8em 0.6em;
  border-bottom: 1px #999 dotted;
	margin-bottom:1.4em;
}
#entry_header time {
  color: #666666;
}

#entry_header small {
	display: inline-block;
  padding: .1em;
  margin-right: .4em;
  vertical-align: middle;
  width: 30%;
  max-width: 10em;
  background-color: #ccc;
  border-radius: 3px;
  text-align: center;
  color: #fff;
}

.section .sec {
	margin: 0 0 2em;
}

#entry .ph {
	text-align:center;
  background-color: #F5F5F5;
}

#entry .ph img {
 width:100%;	
 height:auto;
}

#entry .ph {
	text-align:center;
  background-color: #F5F5F5;
}

#entry .ph3 img,
#entry .ph6 img {
 height:auto;
 max-width:100%;	
}


/* リンクボックス */
.linkbox{
	padding:0.4em 1em;
	border:1px solid #ccc;
	background:#F7F8FD;
}
.linkbox ul {
	list-style:none;
	padding:0;
}


@media screen and (min-width: 950px) {
	#entry .ph img {
	 max-width:320px;	
	 height:auto;
	}
}


/*!-------------------------------------------------------
 ** @  ニュースのカテゴリタグ色指定
-------------------------------------------------------*/

.newsList article.cate1 a small,
#entry_header .cate1 {
  background-color: #C63;
}
.newsList article.cate2 a small,
#entry_header .cate2 {
  background-color: #906;
}
.newsList article.cate3 a small,
#entry_header .cate3 {
  background-color: #048FCB;
}
.newsList article.cate4 a small,
#entry_header .cate4 {
  background-color: #4E9C10;
}
.newsList article.cate5 a small,
#entry_header .cate5 {
  background-color: #014099;
}