@charset "UTF-8";
/* プロフィール画面スタイルシート */
/* ------------------------------------------------
  変更履歴
  2018.01.26	Q11_07.00.00.00 Q11_#60 更新日追加(スマートフォン/タブレット対応の一環として対応)
  2016.10.03	Q10_06.04.00.00	KENKYU3699
  2015.10.29	Q09_06.03.00.00	KENKYU3646
  2015.10.27	Q09_06.03.00.00	KENKYU3646
  2015.10.13	Q09_06.03.00.00	KENKYU3646
   ------------------------------------------------ */

/* CSS Reset (modified to remove some tags) */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, address, cite, code, del, dfn, em, img, ins, kbd, q,
s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl,
dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption,
tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby,
section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup,
menu, nav, section {
	display: block;
}

body {
	line-height: 1.5;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* additional reset styles */
a img {
	border: 0;
	vertical-align: top;
}

strong {
	font-weight: bold;
}

/* -------------------------------------------- */
/*                     ページ全般 body                     */
/* -------------------------------------------- */
.documents{
	border-radius:15px;
	background:rgba(255,255,255,0.75);
}
/*** プロフィール画面 ***/
.profile-body {
	color: rgb(60, 60, 60);
	margin-left: 30px;
	margin: 0px;
}
/*** 業績詳細画面 ***/
.list-body {
	background-color: #fff;
	color: rgb(60, 60, 60);
}
/* --------------------------------- */
/*                      ヘッダ                    */
/* --------------------------------- */
/*** 共通 ***/
/* ヘッダ全体 */
.topic{
	padding-bottom:32px;
}
.topic .container, .topic .position, .topic .topic__infos {
}
/* ヘッダ・上部 */
.topic .position {
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	font-size: 130%;
	word-break:break-all;
}
/* 所属・大学名 */
.position-school {
	display: inline-block;
}
/* 所属・学部名 */
.position-depertment {
	display: inline-block;
	margin-left: .5em;
	clear: both;
}
/* 所属・学科名 */
.position-major {
	display: inline-block;
	margin-left: .5em;
}
/* 所属・講座名 */
.position-class {
	display: inline-block;
	margin-left: .5em;
}
/* 名前・漢字 */
.profile-name {
	display: inline-block;
	margin-left: .5em;
}
/* 閉じるボタンの親 */
.position-right{
	padding-right:45px;
}

/* 閉じるボタン */
.close-button{
	float:right;
	margin-top:2px;
	margin-bottom:4px;
	font-size:2em;
	color:white;
}
.close-button:hover{
	color:black;
}
/* ヘッダ・下部 */
.topic .topic__infos {
	padding: 5px 0;
}
/* 業績選択 */
#achievement-select{
	padding-left: 10px;
	padding-right:10px;
}

/* 表示言語切替・日本語/英語 */
.profile-header-button {
	text-align:right;
	float: right;
	padding-right:30px;
}
/*** 業績詳細画面 ***/
/* ヘッダ・下部 */
.topic .row {
	margin: 0;
}
/* ヘッダ・下部 */
.profile-header-bottom {

}
.topic .container a{

}
/* プロフィールへ戻る */
.profile-header-link {
	padding: 0 15px;
}
/* ---------------------------------------------- */
/*         プロフィールデータ                     */
/* ---------------------------------------------- */
/*** プロフィール画面 ***/
/* プロフィールデータ全体 */
.profile-data {
	margin-top: 108.06px;
	border:solid 1px rgba(60,60,60, .25);
	padding-bottom:20px;
}
/* プロフィール コンテナ */
.column-container {
	margin: 10px auto 10px;
	clear: both;
	line-height: 1;
	width: 95%;
}
/* プロフィール コンテナ float解除 */
.column-container:after {
	content: " ";
	clear: both;
	display: table;
}
/* Add Start Q11_#60 更新日追加 */
/* 最終更新日 */
.column-update-date{
	float:right;
}
/* Add End Q11_#60 更新日追加 */

/* 顔画像列 */
.column-face {
	width: 150px;
	margin: 0 5px;
	float: left;
	min-height: 1px;
}
/* 顔画像 */
.face-image {
	width: 150px;
	height: auto;
}
/* プロフィール列 */
.column-profile {
	margin: 0 5px;
	float: left;
	min-height: 1px;
}
/* 本務職 */
.profile-mainposition {
	font-size: 120%;
	margin-left: 5px;
}
/* 名前・カナ */
.profile-name-kana {
	font-size: 70%;
	text-decoration: none;
	margin: 10px 0px 5px 5px;
}
/* 名前・漢字/ローマ字 */
.profile-name-kanji, .profile-name-roman {
	text-decoration: none;
	font-size: 140%;
	margin-left: 5px;
}
/*  誕生日 電話 FAX Eメール URL リポジトリ */
.profile-misc {
	text-decoration: none;
	margin-top: 1em;
	margin-left: 5px;
	line-height: 1.4;
	font-size: 80%;
}
/* 画像化メールアドレスへの指定 */
.profile-misc img {
	border: 0px none;
}
/* ----------------------------------- */
/*                     データ部                     */
/* ----------------------------------- */
/*** プロフィール画面 ***/
/* 各セクションの外周 */
/* 水平線 */
hr.section-separator {
	height: 0;
	margin: 25px auto 0px auto;
	padding-right: 5px;
	padding-left: 5px;
	border: 0;
	width: 95%;
	border-top: 1px solid #88f;
}
/* セクションコンテナ */
.section-container {
	margin: 5px auto;
	width: 95%;
}
/* セクション見出し */
h4.section-title {
	position: relative;
	margin: 35px 0 10px 0;
	padding-left: 0.5em;
	font-weight: bold;
	width:100%;
	padding-top:0.5em;
	padding-bottom:0.5em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	font-size:120%;
	box-shadow:0px 1px 1px -1px rgba(0, 0, 0, 0.2);
	border-color: rgb(63, 81, 181);
}
h4.section-title span {
	padding-right:15px;
}
.full-list-link span{
	padding-right:5px;
}
/* セクション本体 外周 */
.section-body {
	padding-left: 3em;
	margin: 5px 0;
}
/* セクション本体 リスト共通 */
.section-list {
	list-style: decimal;
	line-height:1.2em;
}
/* セクションリスト行 */
.section-list li{
	padding-bottom:.7em;
}
/* リスト1行内で各span要素を縦線で区切る */
.section-list li span{
	margin-bottom:2px;
}
.section-list li span:before{
	content:"";
	padding-left:20px;
	display: -moz-inline-box;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	text-shadow:-1px 1px 0 rgba(255,255,255,1) ;
}
/* 先頭には縦線を入れない */
.section-list li span:first-child:before{
	content:"";
	padding:0;
}
/* 教員からのメッセージ,プロフィール,名誉教授授与大学名は単業績のため、list-styleはnoneとする。 */
#user_message .section-list, #user_profile .section-list, #professor_emeritus .section-list{
	list-style: none;
}
/* 教員からのメッセージは単業績でかつタイトルデータを公開するため、*/
/* タイトルデータと実データの間に改行を挿入する */
#user_message  span:first-child:after{
	content: "\A";
	white-space: pre;
}
/* プロフィール中の a / アンカー 要素 */
.list-data-doc-link {

}
/*** 業績詳細画面 ***/
/* form 要素 */
.list-form {

}
/* コンテンツ全般の収容 */
.list-container {
	margin-top: 90px;
	padding: 0px 3px;
	display: inline-block;
	text-align: left;
	padding: 0px 3px; /* list-bodyのtext-alignを継承しないよう */
}
/* 業績タイトル・全体 */
.list-title {
	color: darkblue;
	font-size:1.2em;
	text-align: left;
	margin-bottom: 10px;
}
/* 業績タイトル */
.list-title  span {
	font-weight: bold;
	margin-left: 0.5em;
	margin-right: 0.5em;
	font-size: 150%;
}
/* リスト ヘッダ部分 */
.list-header {
	margin: 3px 0;
}
/* リスト ヘッダ部分 公開件数テキスト */
.list-recent {
	text-align: left;
}
/* リスト 表外周 */
.list-main {
	clear: both;
}
/* リスト表全般 */
.list-data-table {
	margin: 3px auto;
	background-color: #FFFFFF;
}
/* リスト ヘッダ 行 */
.list-header-row {
	background:rgba(230,230,230,1);
}
/* リスト ヘッダ 各列 */
.list-header-col {
	text-align: center;
	background-position: bottom;
	word-break: keep-all;
	white-space:nowrap;
	padding: 2px 10px;
	line-height: 130%;
}
/* リスト データ 行 */
.list-data-row {

}
/* リスト データ 各列 */
.list-data-col {
	word-break: keep-all;
	white-space:nowrap;
	vertical-align: top;
	padding: 2px 10px;
}

/* 説明文をひらくボタン */
#list-description-button{
	margin-left:5px;
	top:0;
}

/* 説明文 */
#list-description{
	margin-left:1em;
}

/* 表示列選択、Excel出力 */
.list-table-button{
	margin-bottom:10px;
	margin-left:1em;
	float:left;/* Mod KENKYU3699 */
}
/* 詳細画面　業績テーブルの大外枠 */
.dataTables_wrapper{
	margin:0 auto;
	border-radius:5px;
	padding:5px;
	background:rgba(200,200,200,1);
}
/* 詳細画面　業績テーブル内の空白部およびボトムの色定義 */
.dataTables_scrollBody{
	background:rgba(130,130,130,1);
	border-bottom:3px solid #ddd;
}
.dataTables_scroll{
	font-size:85%;
}

#sort-table{
	background:#fff;
}

/* 個別表示ダイアログ */
.detail-modal-header{
	width:20%;
	font-weight:bold;
	text-align:right;
	padding-right:15px;
	padding-top:7px;
	padding-bottom:7px;
	background:#eee;
}
.detail-modal-data{
	word-break:break-all;
}
.modal-body table{
	width:100%;
}

.show-modal-div:hover{
}

/* 業績選択 */
.dropdown{
	float:left;
}
/* 表示幅選択のリスト色変更 */
.dropdown-menu li a,.dropdown-menu li a:focus,.dropdown-menu li a:hover{
    color: #000;
}
.dropdown-menu .active a{
    color: #fff;
}

.dropdown-menu .active a, .dropdown-menu .active a:focus, .dropdown-menu .active a:hover, .dropdown-menu li a:focus, .dropdown-menu li a:hover {
    background-color: #434a54;
    outline: 0 none;
}

.dropdown-menu .active a:focus,.dropdown-menu li a:focus, .dropdown-menu .active a:hover,.dropdown-menu li a:hover{
	background:rgba(255,255,255,0.25);
}


/* Add Start Q11_#60 スマートフォン/タブレット対応 */
/* ----------------------------------
 * window幅による影響を防ぐ
 * ---------------------------------- */
@media ( max-width : 767px) {
	/* 業績タイトル・全体 */
	.list-title {
		font-size:1em;
	}

	/* 業績タイトル */
	.list-title  span {
		margin-left: 0;
		margin-right: 0;
		font-size: 120%;
	}
	/* 表示列選択、Excel出力 */
	.list-table-button{
		float:none;
		margin-left:0;
		margin-bottom: 0;
	}
	div.dt-buttons{
		text-align:left;
		float:left;
		width:auto;
	}
	/* 説明文 */
	#list-description-button{
		margin-left:0;
	}
	/* コンテンツ全般の収容 */
	/*
 スマホはヘッダ固定しない　失敗
	.list-container {
		margin-top: 0;
	}
	*/
	/* 表示言語切替・日本語/英語 */
	.profile-header-button {
		padding-right:0;
	}
	.position-right{
		padding-right:15px;
	}
}
/* Add End Q11_#60 スマートフォン/タブレット対応 */