.filelink {
	padding-left: 20px;
	margin-right: 10px;
	background: url(../icons/general.gif) no-repeat center left;
}
.doc {
	background-image: url(../icons/doc.gif)
}
.pdf {
	background-image: url(../icons/pdf.gif)
}
.ppt {
	background-image: url(../icons/ppt.gif)
}
.txt {
	background-image: url(../icons/txt.gif)
}
.xls {
	background-image: url(../icons/xls.gif)
}
.zip {
	background-image: url(../icons/zip.gif)
}
.inline-icon {
	background-repeat: no-repeat;
	background-position: left center;
}
.new {
	padding-left: 30px;
	background-image: url(../icons/new.gif);
}
.important {
	padding-left: 30px;
	background-image: url(../icons/important.gif);
}
.title-pdf {
	padding-left: 25px;
	background-image: url(../icons/pdf.gif)
}
.title-doc {
	padding-left: 25px;
	background-image: url(../icons/doc.gif)
}

.lightbox {
	cursor: pointer;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgb(0, 0, 0); /* IE Fallback (Solid Colour) */
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAIElEQVQ4T2NkYGDYDMRkA8ZRAxhGw4BhNAyA+WAYpAMAIFgLQfO9BoEAAAAASUVORK5CYII=);
	background: rgba(0, 0, 0, 0.7);
	-webkit-filter: none !important;
	z-index: 9997;
}

.lightbox img {
	display: block;
	position: absolute;
	border: 5px solid #fff;
	box-shadow: 0 0 20px #000;
	border-radius: 1px;
}

body.blurred > * {
  -webkit-filter: blur(2px);
  -webkit-transform: translate3d(0, 0, 0);
}

.lightbox__loading {
	background: url(../img/loading.gif) center center no-repeat;
	width: 32px;
	height: 32px;
	margin: -16px 0 0 -16px;
	position: absolute;
	top: 50%;
	left: 50%;
}

.lightbox__caption {
	display: none;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	text-align: center;
	z-index: 9998;
	background: #000;
	background: rgba(0,0,0,0.7);
}

.lightbox__caption p {
	margin: 0 auto;
	max-width: 70%;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding: 10px;
	color: #fff;
	font-size: 12px;
	line-height: 18px;
}

.lightbox__button {
	position: absolute;
	z-index: 9999;
	background: no-repeat center center;
	width: 32px;
	height: 32px;
	opacity:0.4;
	-webkit-transition: all 0.3s;
	-moz-transition:    all 0.3s;
	-ms-transition:     all 0.3s;
	transition: 		all 0.3s;
}

.lightbox__button:hover,
.lightbox__button:focus {
	opacity: 1;
	-webkit-transform: scale(1.4);
	-moz-transform: scale(1.4);
	-ms-transform: scale(1.4);
	transform: scale(1.4);
}

.lightbox__close {
	right: 10px;
	top: 10px;
	background-image: url('../img/close.png');
}

.lightbox__nav {
    top: 50%;
    margin-top: -16px;
}

.lightbox__nav--next {
	right: 10px;
	background-image: url('../img/next.png');
}

.lightbox__nav--prev {
	left: 10px;
	background-image: url('../img/previous.png');
}


/* 文字色・スタイル */
.listdate {
    color: gray;
    margin-right: 0.7em;
}

/* 全一覧 */
.newsitem + .newsitem {
	margin-top: 1em;
}

/* 記事の境界 */
.newsitem h2 {
	font-size: 1.52em;
	padding: 0.15em 0;
	color: #393939;
	position:relative;
}

.newsitem small{
	font-size:12px;
	font-weight:normal;
	display:block;
	position:absolute;
	top:12px;
	right:6px;
	width:100px;
}

.news_top{
	padding:0.5em;
	margin:0.5em 0;
	border-bottom:1px solid #eee;
}


/* リンクがあれば太字を緩める（色が付いているので） */
.newsitem h2 a {
	font-weight: normal;
}

/* 画像サイズの規定 */
.newsitem img {
	max-width:70%;
	margin:5px;
}

/* 全一覧の要素 */
.attached-items a{
	margin:1em;
	display:block;
}

/*  add css*/
.newsitem h2{display: flex; justify-content: space-between; align-items: center; }
.newsitem h2 span{display: flex; justify-content:flex-start; align-items: center; width: calc(100% - 120px); padding: 1px 0; line-height: 140%;}
.newsitem h2 small{font-size: 12px; font-weight: normal; display: block; width:120px;}

.newsitem h2 small {width: auto;}
#detail{width: calc(100% - 40px); padding: 20px 20px;}
#detail span{font-size: 106%; line-height: 1.6;}

.detailText{position: relative;}
.detailText .pdf_txt{position: absolute; left: 110px; bottom: -34px;}

.backORcloseBtn a:first-child{margin-right: 16px;}

img[src="/news_rn/icons/pdf.gif"] {width:16px; height:auto; position:relative; top:6px;}


.pager a{margin-right: 16px;}

#newsList{margin-bottom: 20px;}
#newsList li{padding: 1.0em 0 0.5em; border-bottom: 1px solid #eee; color: gray; position: relative;}
#newsList li .catName{display: none;} /* カテゴリ非表示 */
#newsList li .up_ymd{position: absolute; top:14px; left: 0;}
#newsList li .title{margin-left: 130px; display: block;}


/*

<p class="pager">

<a href="?page=1" class="current">1</a>
<a href="?page=2">2</a>
<a href="?page=2">Next »</a>

</p>


*/