/* style_research.css */

/* media query 表示幅768px以上（pc対応） */
@media screen and (min-width: 768px) {
/* body */
	body {
		text-size-adjust: 100%;
		color: #2f2f2f;
		background-color: #efefef;
		font-family: "Meiryo", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
	}
/* div */
	div {
		text-align: right;
		margin-right: 2em;
	}
/* h3 */
	h3 {
		color: #5f5f5f;
		text-align: right;
		margin: 10px 2em 10px 0;
	}
/* h4 */
	h4 {
		color:#0f8f3f;
		margin: 2em 0 0 2em;
		text-align: left;
	}
/* dl, dt, dd 研究業績用 */
	dl {
		margin: 0 3em 0 5em;
	}
	dt {
		margin-top: 1em;
	}
	dd {
		border-bottom: 1px #d3d3d3 solid;
		padding: 0 0 6px 0;
		text-align: left;
	}
/* a */
	a:link {
		color: #5f5f8f;
	}
	a:visited {
		color: #5f5f8f;
	}
	a:hover {
		color: #0f0fcf;
	}
	a:active {
		color: #ff5555;
	}
/* span */
	.sizedown {
		display: block;
		margin: 3px 0 0 3em;
		font-size: 90%;
		color: #5f5f5f;
	}
/* .footer コピーライトやメアドの表示部分 */
	.footer {
		margin-right: 2em;
		text-align: right;
		font-size: 85%;
	}
}

/* media query 表示幅767px以下（スマホ対応） */
@media screen and (max-width: 767px) {
/* body */
	body {
		text-size-adjust: 100%;
		color: #2f2f2f;
		background-color: #efefef;
		font-family: "Meiryo", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
	}
/* div */
	div {
		text-align: center; /* 配置を中央寄せに */
	}
/* h3 配置を中央寄せに */
	h3 {
		color: #5f5f5f;
		margin: 3px 0 3px 0;
		text-align: center;
	}
/* h4 */
	h4 {
		color:#0f8f3f;
		margin: 2em 0 0 5px;
	}
/* dl, dt, dd 研究業績用 */
	dl {
		margin: 0 5px 0 5px;
	}
	dt {
		margin: 1em 0 0 0;
	}
	dd {
		margin: 5px 5px 5px 1em;
		padding: 0 0 6px 0;
		border-bottom: 1px #d3d3d3 solid;
		text-align: left;
	}
/* a */
	a:link {
		color: #5f5f8f;
	}
	a:visited {
		color: #5f5f8f;
	}
	a:hover {
		color: #ff0000; /* ホバー時のカラーを赤に */
	}
	a:active {
		color: #ff0000; /* アクティブ時のカラーを赤に */
	}
/* span */
	.sizedown {
		display: block;
		margin: 5px 0 0 2em;
		font-size: 85%; /* 文字サイズをより小さめに */
		color: #5f5f5f;
	}
/* .footer コピーライトやメアドの表示部分 */
	.footer {
		margin-right: 2px;
		text-align: right;
		font-size: 85%;
	}
}