@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:	#eeeeee;
	color:				#000000;
	font-family:		"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, 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.6rem;
}

#container {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    position: relative;
    overflow: hidden;
}
#screen {
/*	max-width: 900px;*/
    width: 100%;
    margin: 0 auto 4rem auto;
    text-align: left;
/*    padding-bottom: 4rem;*/
}

#header {
/*	padding-top:		8px;*/
/*	height:				70px;*/
/*	background-color:	#f5f5f5;*/
}
#header-navi {
/*	width:				100%;*/
	width: 			900px;
/*	padding-bottom:		40px;*/
	margin-top:			20px;
	margin-left:		auto;
	margin-right:		auto;
	text-align:			left;
	overflow: hidden;
}
#contents {
	max-width:				900px;
/*	margin-top:			20px;*/
	margin-left:		auto;
	margin-right:		auto;
	text-align:			left;
	padding-bottom:		90px;
	background-color:	#eeeeee;

	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:				100px;
	text-align:			center;
	background-color:	#9a1021;
	color:				#FFFFFF;
/*	margin-left:		-400px;*/
/*	left:				50%;*/
}

#footerInner {
	max-width:			900px;
	margin:				auto;
}

.unit {
	max-width:			900px;
	height:				60px;
	padding:			0;
	margin:				auto;
	align-items:		center;
	list-style:			none;
	display:			inline-block;
}
@media screen and (max-width: 667px) {
	#contents {
		padding-bottom:	40px;
	}
	#footer {
		height:			50px;
	}
	.unit {
		display:		none;
	}
}
.unitcell {
	max-width:			450px;
	float:				left;
}
.flogo {
	float:				left;
	margin:				0;
	background:			#6d000e;
    border:				1px solid #5e0a14;
    padding:			2px;
    box-sizing:			border-box;
    margin-right:		8px;
}
.f01 {
	max-width:			240px;
	margin:				auto;
	padding:			10px 30px 0 0px;
	float:				left;
}
.f02 {
	max-width:			240x;
	margin:				auto;
	padding:			10px 0 0 0px;
	text-align:			left;
	float:				left;
}
.copyright {
	text-align:		center;
	clear:			both;
}
a{
	outline: none;
}
a:focus{
	outline: none;
}
A:link,
A:visited
{
	color:				#333333;
}
A:hover {
	color:				#9a1021;
	cursor:				pointer;
}
A:active {
	cursor:				pointer;
}
A:link {
	text-decoration:	none;
}
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:	#9a1021;
	text-align:			left;
	height:				19px;
}
/*	ヘッダ－上段 右 エリア */
.header-top-right {
	background-color:	#9a1021;
	text-align:			right;
}
/*	ヘッダ－中段 左 エリア */
.header-middle-left {
	background-color:	#9a1021;
	font-size:			1.8rem;
	text-align:			left;
}
/*	ヘッダ－中段 ロゴ */
.headerLeftContents {
/* 	height:				30px; */
	width:				350px;
}
/*	ヘッダ－中段 右 エリア */
.header-middle-right {
	color:				#FFFFFF;
	background-color:	#9a1021;
	font-size: 2.4rem;
	text-align:			right;
}
/*	ヘッダ－下段 左 エリア*/
.header-bottom-left {
	background-color:	#9a1021;
	text-align:			left;
}
/*	ヘッダ－下段 右 エリア*/
.header-bottom-right {
	background-color:	#9a1021;
	text-align:			right;
}
/*	ヘッダ－下段 左 エリア*/
.header-bottom-left2 {
	background-color:	#000000;
	text-align:			left;
}
/*	ヘッダ－下段 右 エリア*/
.header-bottom-right2 {
	background-color:	#000000;
	text-align:			right;
}
@media screen and (max-width: 667px) {
	.header-middle-left IMG {
		width: 				170px;
	}
	.header-middle-right {
		font-size:			1.5rem;
	}
}
@media screen and (max-width: 375px) {
	.header-bottom-right {
		text-align:		left;
	}
	.header-bottom-left2 {
		display:	none;
	}
	.header-bottom-right2 {
		display:	none;
	}
}
/*	ヘッダ－下段 右 フォント */
.header-bottom-right-font {
	color:				#000000;
	font-size:			1.28rem;
/*	text-decoration: underline;*/
}
/* エラーメッセージ エリア */
.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
{
	background-color:	#0d3b40;
}

.k03-title1		/*	教員基本情報 エリア */
{
	background-color:	#FFFFFF;
}
.k04-title1		/*	教員基本情報 エリア */
{
	border-left:		5px solid #9a1021;
	background-color:	#FFFFFF;
}
.k02-title1,	/*	所属名 エリア */
.k05-title1		/*	検索キーワード エリア */
{
	background-color:	#0d3b40;
}
/*	組織名 フォント */
.k01-title1-font1 {
	color:				#FFFFFF;
	font-size:			1.6rem;
}
/*	学部学科名 エリア */
.k01-title2	{
	background-color:	#FFFFFF;
}

.k02-title2,	/*	教員一覧 エリア */
.k05-title2		/*	教員一覧 エリア */
{
	background-color:	#FFFFFF;
}
/*	学部学科名 フォント */
.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: 1.8rem;
}
/*	職名 フォント */
.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:				#000000;
	font-size:			2.4rem;
}
.k03-subtitle1-row {
	background-color:	#FFFFFF;
}
.k03-subgroup1-row {
	background-color:	#9a1021;
	font-size:			1.6rem;
	font-weight:		bold;
	color:				#FFFFFF;
}
/*	管理項目アイコン フォント */
.k03-subtitle1-font1 {
	color:				#FFFFFF;
	font-size:			1.6rem;
}
/*	管理項目名 フォント */
.k03-subtitle1-font2 {
/*	color:				#000000;*/
	font-size:			1.6rem;
	font-weight:		bold;
}
/*	業績一覧 エリア*/
.k03-data-row {
	background-color:	#FFFFFF;
}
.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;
}
/**	k04 */
/*	管理項目アイコン フォント */
.k04-subtitle1-font1 {
	color:				#0000EE;
}
/*	管理項目名 フォント */
.k04-subtitle1-font2 {
/*	color:				#0000FF;*/
	font-weight:		bold;
	background-color:	#FFFFFF;
}
.k04-data1-font1	/*	標題・概要 フォント */
{
	color:				#FFFFFF;
	font-size:			1.3rem;
	background-color:	#9a1021;
	word-break:			break-all;
}
.k04-data2-font2	/*	入力情報 フォント */
{
/*	color:				#000000;*/
	font-size:			1.3rem;
	background-color:	#FFFFFF;
	word-break:			break-all;
}

/**	k05 */
/*	検索業績キーワード フォント */
.k05-title1-font1 {
	color:				#FFFFFF;
	font-size:			1.5rem;
}
/*	検索氏名キーワード フォント */
.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%;
  		flex-basis: auto;
  	}
}
.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 #9a1021;
}

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;
}

/* 印刷用 */
@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;
	}
}