@charset "utf-8";
/* デフォルトフォントサイズを10px */
html {
	font-size:					62.5%;
	 -webkit-text-size-adjust:	100%;
	 -ms-text-size-adjust:		100%;
}
html,body{
     height:			100%;
}
BODY {
	background-color:	#FFFFFF;
	color:				#000000;
/*	font-family:		"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif;*/
	font-family:		Noto Sans Japanese, Hiragino Kaku Gothic Pro, Meiryo, Osaka, MS PGothic, sans-serif;
	margin:				0px;
	padding:			0px;
	text-align:			center;
}
* {
	line-height:		1.2;
}
TABLE {
	width:				100%;
	max-width:			900px;
	margin-left:		auto;
	margin-right:		auto;
}
td {
	font-size:			1.28rem;
}

#container {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    position: relative;
    overflow: hidden;
}
#screen {
/*	max-width: 900px;*/
    width: 100%;
    margin: 0 auto;
    text-align: left;
    padding-bottom: 11rem;
}

#header {
	padding-top:		8px;
/*	height:				70px;*/
/*	background-color:	#f5f5f5;*/
}
#contents {
	max-width:			900px;
/*	padding-bottom:		40px;*/
/*	margin-top:			100px;*/
	margin-left:		auto;
	margin-right:		auto;
	text-align:			left;
	padding-bottom:20px;
	overflow: hidden;
}
/* Flexコンテナーを定義 */
.contents {
	display:			-webkit-box;
	display:			-moz-box;
	display:			-webkit-flexbox;
	display:			-moz-flexbox;
	display:			-ms-flexbox;
	display:			-webkit-flex;
	display:			-moz-flex;
	display:			-ms-flex;
	display:			flex;
	justify-content:	space-between;
}
#footer {
/* containerからの絶対位置を定義 */
	position:			absolute;
	bottom:				0;
/*	max-width:				900px;*/
	width: 100%;
	height:				122px;
	text-align:			center;
/*	background-color:	#b12d40;*/
/*	color:				#FFFFFF;*/
/*	margin-left:		-400px;*/
/*	left:				50%;*/
}
a{
	outline: none;
}
a:focus{
	outline: none;
}
A:link,
A:visited
{
/*	color:				#333333;*/
	color:				#0d7000;
	text-decoration: none;
}
A:hover {
	color:				#333333;
	cursor:				pointer;
	text-decoration: underline;
}
A:active {
	color:				#FF0000;
	cursor:				pointer;
	text-decoration: underline;
}
A.group_contents:link,
A.group_contents:visited
{
	display: block;
}
A.group_contents:hover {
	cursor:				pointer;
}
A.group_contents:active {
	cursor:				pointer;
}


/*	ヘッダ－上段 左 エリア */
.header-top-left {
/*	background-color:	#99CCFF;*/
	text-align:			left;
	height:				19px;
}
/*	ヘッダ－上段 右 エリア */
.header-top-right {
/*	background-color:	#99CCFF;*/
	text-align:			right;
}
/*	ヘッダ－中段 左 エリア */
.header-middle-left {
/*	background-color:	#99CCFF;*/
	background: url(../image/header_logo.svg) no-repeat left ;
	font-size:			1.8rem;
	text-align:			left;
	border-left:		solid #fff 5px;
}
.header-middle-left A {
	display: block;
	height: 20px;
	width:	100px;
}
/*	ヘッダ－中段 右 エリア */
.header-middle-right {
/*	background-color:	#99CCFF;*/
	font-size: 2.2rem;
	text-align:			right;
}
/*	ヘッダ－下段 左 エリア*/
.header-bottom-left {
/*	background-color:	#CCFFFF;*/
	text-align:			left;
}
/*	ヘッダ－下段 右 エリア*/
.header-bottom-right {
/*	background-color:	#CCFFFF;*/
	text-align:			right;
}
@media screen and (max-width: 375px) {
	.header-bottom-right {
/*		text-align:		left;*/}
}
/*	ヘッダ－下段 左 フォント */
.header-bottom-left-font {
/*	color:				#FFFFFF;*/
	font-size:			1.6rem;
/*	text-decoration: underline;*/
}
/*	ヘッダ－下段 右 フォント */
.header-bottom-right-font {
/*	color:				#FFFFFF;*/
	font-size:			1.6rem;
/*	text-decoration: underline;*/
}
.head-line{
	width:				100%;
	height:				5px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.24);
	background: linear-gradient(#076745, #076745);

}
/* エラーメッセージ エリア */
.error {
	background-color:	#FFCC99;
}
/* エラーメッセージ フォント */
.error-font {
	color:				#FF0000;
}

/**	k01 */
.search-bunya-font {
	font-size:			1.3rem;
}
.search-font {
	font-size:			1.3rem;
}
.search-cource {
	display:			inline-block;
}
.search-cource-body {
	font-size:			1.3rem;
	padding-left:		5px;
	display:			inline-block;
}
.left {
	text-align:			left;
}
.k01-title1,	/*	組織名 エリア */
.k02-title1,	/*	所属名 エリア */
.k05-title1		/*	検索キーワード エリア */
{
/*	background-color:	#99CCFF;*/
/*	border-left: 7px solid #207814;*/
    background-position: left center;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 130%;
    color: #333333;
	background: url(../image/morarisu.jpg) no-repeat left center;
	padding-left: 30px;
}
.k03-title1,	/*	教員基本情報 エリア */
.k04-title1	/*	教員基本情報 エリア */
{
	padding-bottom: 3px;
	background-color:	#FFF;
	box-shadow: 0px 0px 4px rgba(0,0,0,0.2);
}
/*	組織名 フォント */
.k01-title1-font1 {
/*	color:				#000000;*/
	font-size:			1.6rem;
	font-weight:		bold;
}

.k01-title2,	/*	学部学科名 エリア */
.k02-title2,	/*	教員一覧 エリア */
.k05-title2		/*	教員一覧 エリア */
{
/*	background-color:	#CCFFFF;*/
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
/*	学部学科名 フォント */
.k01-title2-font1 {
/*	color:				#000000;*/
	font-size:			1.6rem;
	font-weight:		bold;
}

/* 子要素を下から上に配置 */
@media screen and (max-width: 896px) {
	.contents {
		 -webkit-box-orient: vertical;
		 -webkit-box-direction: reverse;
		 -webkit-flex-direction: column-reverse;
		 -ms-flex-direction: column-reverse;
		 flex-direction: column-reverse;
	}
}
/**	k02 */

/*	所属名 フォント */
.k02-title1-font1 {
/**	color:				#FFFFFF;*/
	font-size: 2.0rem;
	font-weight:		bold;
}
/*	職名 フォント */
.k02-title2-font1 {
/*	color:				#000000;*/
	font-size:			1.6rem;
	font-weight:		bold;
}
/*	人数 フォント */
.k02-title2-font2 {
	font-size:			1.6rem;
/*	color:				#000000;*/
}
/* 氏名漢字 フォント */
.k02-title2-font3 {
/*	color:				#0000FF;*/
}
/* 教員一覧テーブル */
.search-result {
	width:				100%;
	border:				0;
	border-collapse:	separate;
	border-spacing:		10px;
}
.search-result tr td {
/*	padding:			5px;*/
}
.search-result-top-space {
	padding-top:		0px !important;
}
.search-result-left-space {
	padding-left:		10px;
}
.search-result-body {
	margin-bottom:		10px;
}
.search-result-font {
	width:				330px;
}
.search-result-font-size,
.search-result-name-font-size {
	font-size:			1.3rem;
}
@media screen and (max-width: 667px) {
	.search-result-font-size {
		display:		none;
	}
}
/**	k03 */
.k03-title1-font1,	/*	教員カナ氏名 フォント */
.k03-title1-font3,	/*	教員所属職種 フォント */
.k04-title1-font1,	/*	教員カナ氏名 フォント */
.k04-title1-font3	/*	教員所属職種 フォント */
{
/*	color:				#FFFFFF;*/
	font-size:			1.28rem;
}
.k03-title1-font2,	/*	教員漢字氏名 フォント */
.k04-title1-font2	/*	教員漢字氏名 フォント */
{
/*	color:				#000099;*/
	font-size:			2.4rem;
	font-weight:		bold;
}
.k03-subtitle1-row {
	background-color:	#FFFFFF;
	box-shadow: 0px 0px 4px rgba(0,0,0,0.2);
}
.k03-subgroup1-row {
	background-color:	#076745;
	font-size:			1.6rem;
	font-weight:		bold;
	color:				#FFF;
}
.k03-subtitle1-row-photo {
	background-color:	#FFFFFF;
	padding-bottom: 3px;
	border-bottom: 2px solid #e60021;
}
/*	管理項目アイコン フォント */
.k03-subtitle1-font1 {
/*	color:				#0000EE;*/
	color:				#076745;
	font-size:			1.6rem;
}
/*	管理項目名 フォント */
.k03-subtitle1-font2 {
/*	color:				#000000;*/
	font-size:			1.6rem;
	font-weight:		bold;
}
/*	業績一覧 エリア*/
.k03-data-row {
/*	background-color:	#CCFFFF;*/
}
.k03-data-row-left {
	padding-left:		10px;
}
.k03-data-font {
	font-size:			1.3rem;
}
/*	検索ヒットアイコン フォント */
.k03-search-hit {
	color:				#FF0000;
	font-weight:		bold;
}
/*	プレビュー時注意書き フォント */
.k03-preview-font {
	color:				#FF0000;
	font-size:			1.3rem;
}

TABLE.gyoseki {
/*	display:			inline-table;*/
	background-color:	#d0d0d0;
/*	margin:			10px;*/
}
TABLE.gyoseki-body {
	max-width:			660px;
	width:				100%;
}
@media screen and (max-width: 896px) {
	/* リセット */
	TABLE.gyoseki-body {
		max-width:		initial;
		max-width:		100%;
	}
	TABLE.nameheader-body {
		max-width:		initial;
		max-width:		100%;
	}
	.gyoseki03 {
		margin-left:	0px !important;
	}
	.side {
    	display:		none;
  	}
  	.image-size {
		width:			100%;
	}
}
.k03-label {
	pointer-events:		none;
}
@media screen and (max-width: 896px) {
	.k03-label {
	pointer-events:		all;
	}
}
@media screen and (max-width: 375px) {
	.kanri-items {
/* 		display:			none; */
	}
}
.kaigai-item {
	width:				25px;
	text-align:			right;
}
.image-data {
	display: inline-block;
	vertical-align: top;
}
.image-notes {
	display: inline-block;
}
.detail-image {
	max-width:240px;
	max-height:240px;
}
.m42-atag{
	display:inline-block;
}
.m42-atag img{
	transition:0.3s;
	display:block;
	width:100%;
}
.m42-atag:hover img{
	cursor: zoom-in;
	opacity:0.8;
}
/**	k04 */
/*	管理項目アイコン フォント */
.k04-subtitle1-font1 {
	color:				#0000EE;
}
/*	管理項目名 フォント */
.k04-subtitle1-font2 {
/*	color:				#0000FF;*/
	font-weight:		bold;
	background-color:	#FFFFFF;
}
.k04-data1-font1,	/*	標題・概要 フォント */
.k04-data2-font2	/*	入力情報 フォント */
{
/*	color:				#000000;*/
	font-size:			1.3rem;
	background-color:	#FFFFFF;
	word-break:			break-all;
		box-shadow: 0px 0px 4px rgba(0,0,0,0.2);
}

/**	k05 */
/*	検索業績キーワード フォント */
.k05-title1-font1 {
/*	color:				#FFFFFF;*/
	font-size:			1.3rem;
}
/*	検索氏名キーワード フォント */
.k05-title1-font2 {
/*	color:				#FFFFFF;*/
	font-size:			1.6rem;
	font-weight:		bold;
}
/*	職名 フォント */
.k05-title2-font1 {
/*	color:				#000000;*/
	font-weight:		bold;
	font-size:			1.6rem;
}
/* 氏名漢字 フォント */
.k05-title2-font2 {
	color:				#0000FF;
}

.boxA {
	width:50px;float:left;
}
.boxB {
	width:420px;float:left;
}
.boxAE {
	width:100px;float:left;
}
.boxBE {
	width:50px;float:left;
}
@media screen and (max-width: 896px) {
	.boxA {
	width:				auto;
	}
	.boxB {
	width:				auto;
	}
	.boxAE {
	width:				auto;
	}
	.boxBE {
	width:				auto;
	}
}
.clear {
	clear:both;
}
COL.dateYM {
	width:	65px;
}
COL.dateYMD {
	width:	85px;
}
COL.periodYM {
	width:	140px;
}
COL.periodYMD {
	width:	180px;
}
@media screen and (max-width: 414px) {
	COL.dateYM {
		width: initial;
		width:	auto;
	}
	COL.dateYMD {
		width: initial;
		width:	auto;
	}
	COL.periodYM {
		width: initial;
		width:	auto;
	}
	COL.periodYMD {
		width: initial;
		width:	auto;
	}
}
table.search_left th {
	padding: 5px; text-align: center;
}
table.search_bunya {
	margin: 0px auto; width: 100%;
}
div.nameheader {
	margin-top:	10px;
}
.nameheader-body {
	max-width:	680px;
	width:		100%;
}
.nameheader-content {
	margin-left:		0px;
	margin-right:		auto;
	border-collapse:	separate;
	border-spacing:		0px;
}
.nameheader-content tr td {
	padding:			0px;
}

div.gyoseki03 {
	margin-top: 10px;
	height: 55vh;
	margin-left:	200px;
	overflow: auto;
}
.search {
	flex-basis: 330px;
}
.search-faculty {
	flex-basis: 540px;
}
@media all and (-ms-high-contrast: none) {
  .search {
  	max-width:	330px;
  	width:		100%;
    flex-basis: auto;
  }
  .search-faculty {
  	max-width:	540px;
  	width:		100%;
    flex-basis: auto;
  }
}
@media screen and (max-width: 896px) {
  	.search {
  		max-width:	100%;
  	}
  	.search-faculty {
  		max-width:	100%;
  	}
}
.faculty {
	background-color: #CCFFFF;
	list-style: none;
}


div.side {
/*	position: fixed; */
	margin-top: 10px;
    margin-left: 0px;
	width: 200px;
	float: left;
}
div.detail {
	margin-top: 60px;
    height: 100%;
}
div.side_link {
	margin-left:	20px;
	font-size:		1.6rem;
}
div.side_link_index {
/*	background-color:	#0000EE; */
	font-weight:		bold;
	color:				#FFF;
	font-size:			15px;
	padding: 5px 0px 3px 10px;
	border-top: solid 4px #076745;
}

table.sidemenu {
	background-color:	#d0d0d0;
	margin:	0px auto;
	width:	100%;
}
table.sidemenu td {
	background-color: rgb(255, 255, 255);
}
.side-font-size {
	font-size:			1.3rem;
}
table.k04-layout {
	table-layout:		auto;
}

TABLE.footer {
	background-color:	#076745;
	text-align:			center;
	max-width:			initial;
}
TABLE.footer TD{
/*	height:				56px;*/
}
TABLE.footer-contents {
	width:				970px;
	margin:				0 auto;
}
TABLE.footer-contents TD.footer-right {
	text-align:			left;
}
TABLE.footer P{
	color:			#FFFFFF;
}
TABLE.footer-contents TD.footer-left {
	text-align:			left;
}
TABLE.footer-contents TD.footer-left2 {
	text-align:			left;
	width:				150px;
}

#FOOTERlogo {
  float: left;
  height: 35px;
  width: 156px;
  background-image: url(../image/footer_logo.svg);
  background-attachment: scroll;
  position: relative;
  background-position: 0% 0%;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  margin-top: 2px;
  margin-right: 0px;
  margin-left: 0px;
  margin-bottom: 10px;
  display: block;
}

/* 印刷用 */
@media print{
#container {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    position: relative;
    overflow: visible;
}
#contents {
	width:				900px;
/*	padding-bottom:		40px;*/
/*	margin-top:			100px;*/
	margin-left:		auto;
	margin-right:		auto;
	text-align:			left;
	padding-bottom:20px;
	overflow: visible;
}
	div.gyoseki03 {
		margin-top: 10px;
		height: 100vh;
		width: 700px;
		margin-left:	200px;
		overflow: visible;
	}
	div.footer {
		display: none;
	}

	HR.fline {
		display: none;
	}
	IMG.fimage {
		display: none;
	}
}