@charset "utf-8";

/* ============================================================
	研究所 記事の下部に表示する要素
	============================================================ */

/* ページネーション (前の記事、次の記事へのリンク)
	============================================================ */
@media screen and (min-width: 751px) {
	.pagenation {
		text-align: center;
		padding: 29px 0 20px;
		width: 1000px;
		margin: 30px auto 0;
		border-top: 1px dotted #aeaeae;
	}
	.pagenation ul:after {
		content: "";
		display: block;
		clear: both;
	}
	.pagenation li,
	.pagenation li a {
		color: #333333;
	}
	.pagenation li {
		display: inline-block;
		vertical-align: middle;
		line-height: 20px;
	}
	.pagenation .link_page,
	.pagenation .link_before,
	.pagenation .link_next {
		text-decoration: none;
	}
	.pagenation .link_page,
	.pagenation .current_page {
		margin: 0 7px;
		padding: 0 1px;
		color: #a1a1a1;
		font-size: 16px;
		font-family: Futura, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Verdana", sans-serif;
	}
	.pagenation .current_page,
	.pagenation .link_page:hover {
		opacity: 1;
		color: #023a65;
		border-bottom: 3px solid #023a65;
	}
	.pagenation .link_before,
	.pagenation .link_next {
		display: block;
		height: 0;
		width: 9px;
		overflow: hidden;
		padding: 7px 0 0;
	}
	.pagenation .link_before {
		margin-right: 39px;
		margin-left: 8px;
		background: url(/lab/common/img/pc_before.gif) no-repeat center center;
	}
	.pagenation .link_next {
		margin-left: 39px;
		margin-right: 8px;
		background: url(/lab/common/img/pc_next.gif) no-repeat center center;
	}
	.pagenation .before {
		float: left;
	}
	.pagenation .next {
		float: right;
	}
	.pagenation .post_before,
	.pagenation .post_next {
		display: block;
		width: 260px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.pagenation .post_before:hover,
	.pagenation .post_next:hover {
		text-decoration: underline;
	}
}
@media screen and (max-width: 750px) {
	.pagenation {
		display: none;
	}
}


/* 「一覧へ戻る」ボタン
	============================================================ */
@media screen and (min-width: 751px) {
	#return a {
		display: block;
		width: 400px;
		height: 0;
		margin: 20px auto;
		padding-top: 60px;
		overflow: hidden;
		border-radius: 5px;
		-o-border-radius: 5px;
		-ms-border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		background: url(/lab/common/img/pc_btn_return.gif) #023a65 no-repeat center center;
	}
}
@media screen and (max-width: 750px) {
	#return a {
		display: block;
		height: 0;
		margin: 0 15px;
		padding-top: 35px;
		overflow: hidden;
		border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		background: url(/lab/common/img/sp_btn_return.gif) #023a65 no-repeat center center;
		background-size: 100px 30px;
	}
}