@charset "utf-8";
*{
	margin: 0;
	padding: 0;
	z-index: 1;
}

.research_theme{
	text-align: center;
}
.research_theme img{
	object-fit: cover;
	width: 75%;
	margin: 0 auto;
}

.research_explanation{
	text-align: left;
	margin: 0 10% 3.7rem 10%;
}


body{
	font-family: 'Nunito Sans', helvetica, arial, 'hiragino kaku gothic pro', meiryo, 'ms pgothic', sans-serif;
	background: white;
	margin: 0px;
	border: 0px;
	padding: 0px;
	width: auto;
	min-width: 640px;
}
html{
	overflow-y: scroll;
	text-align: center;
}

h1,h2,h3,h4,h5,h6{
	padding: 0 auto;
}
h1 {
	text-align: center;
	margin: 10px;
}
h2 {
	display: block;
	text-align: center;
	background-color: #606060;
	color: #ffffff;
	padding: 15px 0 15px 0;
	margin: 1.5rem 0 0.75rem 0;

	_padding:3px 0px 4px 4px;
	_border-bottom:1px solid #999999;
	_padding-top: 20px;
}
h3{
	_margin: 0 2%;
	text-align: center;
	margin-top: 1rem;
	margin-bottom: 0.3rem;
}
p,li,dt,dl{
}
li{
	padding: 0px;
}
p{
	margin: 0;
	border: 0;
}
ul{
	margin: 0px;
	padding: 0px;
}
ol{
	_font-family: "Times New Roman", "MS 明朝";
	_font-size: 1.1rem;
	padding: 0 1.5rem;
}
ol li{
	_padding: 0.5rem;
	padding: 0.3rem;
}
img{
	margin: 0;
	border: 0;
	padding: 0;
}
address{
	font-style: normal;
}

/* ====================
 *
 *  Profile
 *
 * ==================== */

#profile{
	margin         : auto;                 /* サンプル用 中央寄せ */
	box-sizing     : border-box;           /* 罫線も含む長さ      */
	width          : auto;                /* BOXの幅             */
	/* ▼ inline-block時の定義 */
	letter-spacing : 0;                    /* 1行の高さを初期化   */
	line-height    : 1;                    /* 文字間隔を初期化    */
	text-align     : center;               /* 横位置定義          */
}
#profile div{
	box-sizing     : border-box;           /* 罫線も含む長さ      */
	/* ▼ inline-blockの定義 */
	display        : inline-block;         /* インラインブロック化*/
}

#prof-img{
	margin: auto 1% auto 1%;
	display: inline-block;
	vertical-align: middle;
	_text-align: center;
}
.img_prof{
	float: left;
	max-width: 300px;
	min-width: 120px;
	height: auto;
}

#prof-statement{
	margin: auto 1% auto 1%;
	display: inline-block;
	vertical-align: middle;
	_text-align: center;
}
table#prof-table td{
	border: 0px solid silver;
	padding: 0.5em;
	text-align: left;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-style: solid;
	border-top: 0px solid red;
}

table.career-table{
	text-align: left;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
table.career-table td{
	border: 1px solid silver;
	padding: 0.5em;
}
table.career-table td.width-date{
	width: 35%;
}
table.career-table td.width-affiliation{
	width: 65%;
}

.prof-table{
	table-layout: fixed;
	border-collapse: collapse; /* 枠線同士を重ねる */
	border: 100px;
	margin-left: 120px;
	margin-bottom: 20px;
}


#menubar-background{
	position: fixed;
	width: 100%;
	background-color: black;
	height: 80px;
	z-index: 99;
}
#menubar{
	min-width: 460px;
	width: 100%;
	font-size: 120%;
	text-align: center;
	height: 70px;
	padding: 5px;
	z-index: 100;
}
#menubar ul{
	height: 70px;
	white-space: normal;
}
#menubar li{
	padding-top: 20px;
	display: inline-block;
	width: auto;
}
#menubar li a{
	padding: 20px 30px;
	text-decoration: none;
	color: silver;
  font-weight: bold;
}
#menubar li a:hover{
	color: #fafafa;
	background-color: gray;
}

#main{
	max-width: 860px;
	margin: 0px auto;
	padding: 80px 5px 0 5px;
	width: 80%;
	text-align: center;
	background-color: #fafafa;
	background-color: whitesmoke;
}
#main ul{
	list-style-type: disc;
	padding-left: 5%;
}

#top{
	top: 77px;
}

#language{
	text-align: right;
}

#main-contents {
	padding:0px 5% 1rem 5%;
	text-align:left;
}

#line {
	line-height:250%;
	text-align:left;
	border-top: 4px solid black;
}
#footer {
	margin:0px auto 0px auto;
	width:640px;
	font-size:12px;
	text-align:center;
	padding: 0.5rem 0 0.5rem 0;
}

#achievements-area{
	width: auto;
}


/* ====================
 *
 *  横幅800px以下の場合
 *  (タブレット)
 *
 * ==================== */

@media screen and (max-width: 800px) {
	body{
		font-size: 1.5rem;
	}
	h2 {
		display: block;
		text-align: center;
		background-color: #606060;
		color: #ffffff;
		padding: 15px -15px 15px -15px;

		_padding:3px 0px 4px 4px;
		_border-bottom:1px solid #999999;
		_padding-top: 20px;
	}
	#main{
		_max-width: 860px;
		margin: 0px auto;
		padding: 80px 5px 0 5px;
		width: 100%;
		text-align: center;
		background-color: #fafafa;
		background-color: whitesmoke;
	}

	#prof-img{
		margin: 0;
	}
	.img_prof{
		float: left;
		max-width: 300px;
		min-width: 250px;
		height: auto;
	}
	#prof-statement{
		text-align: center;
		margin: 0 auto 0 auto;
		width: 90%;
	}
	#prof-table{
		margin: auto;
		text-align: center;
	}
	table#prof-table td{
		border: 0px solid red;
		padding: 0.5em;
		text-align: center;
		border-top-width: 1px;
		border-bottom-width: 1px;
		border-style: solid;
		border-color: silver;
		border-top: 0px solid red;
	}
}

/* ====================
 *
 *  横幅480px以下の場合
 *  (スマホ)
 *
 * ==================== */
@media screen and (max-width: 480px) {
	body{
		font-size: 1.8rem;
	}

	.img_prof{
		float: left;
		max-width: 300px;
		min-width: 200px;
		height: auto;
	}

	#main{
		margin: 0px auto;
		padding: 80px 0 0 0;
		_width: 80%;
		text-align: center;
		background-color: #fafafa;
		background-color: whitesmoke;
	}
	#menubar-background{
		position: fixed;
		width: 100%;
		background-color: black;
		height: 80px;
		z-index: 99;
	}
	#menubar{
		min-width: 375px;
		width: 100%;
		font-size: 120%;
		text-align: center;
		height: 70px;
		padding: 5px;
		z-index: 100;
	}
	#menubar ul{
		height: 70px;
		white-space: normal;
	}
	#menubar li{
		padding-top: 20px;
		display: inline-block;
		width: auto;
	}
	#menubar li a{
		padding: 20px 30px;
		text-decoration: none;
		color: silver;
	  font-weight: bold;
		font-size: 1.5rem;
	}
	#menubar li a:hover{
		color: #fafafa;
		background-color: gray;
	}


}