@charset "utf-8";



/* ---------- FACULTY_INDEX ---------- */
ol.FACULTY_INDEX				{ display:block; width:100%; height:auto; margin:0 auto 0 0; padding:0; }
ol.FACULTY_INDEX li				{ clear:none; display:inline-block; width:160px; height:auto; margin:0 2% 2em 0; padding:0; vertical-align:top; }
ol.FACULTY_INDEX li a			{ display:inline-block; width:100%; height:auto; overflow:hidden; margin:0; padding:0; text-align:center; line-height:1.25; }
ol.FACULTY_INDEX li a:link			{ color:#777; }
ol.FACULTY_INDEX li a:visited			{ color:#777; }
ol.FACULTY_INDEX li a:hover			{ color:#000; }
ol.FACULTY_INDEX li a:active			{ color:#000; }
ol.FACULTY_INDEX li a span			{ position:relative; width:120px; height:120px; min-height:75px; overflow:hidden; margin:0 auto 10px auto; padding:0 0 0 0; background:#eee url(/com/img/noimg.png) no-repeat 50% 50%; background-size:auto 100%; box-shadow:0 0 50px rgba(0,0,0,0.05) inset; border-radius:50%; text-align:left; }
ol.FACULTY_INDEX li a span span		{ position:absolute; width:100%; height:100%; margin:0; padding:0; overflow:hidden; background:transparent no-repeat 50% 50%; background-size:cover; }
ol.FACULTY_INDEX li a span span img		{ position:relative; display:block; width:auto; height:100%; margin:0 auto; padding:0; }
ol.FACULTY_INDEX li a small			{ display:block; height:auto; overflow:hidden; margin:0 0 0 0; padding:0 0 5px 0; font-size:12px; line-height:1.1; letter-spacing:0.1em; color:#aaa; }
ol.FACULTY_INDEX li a:hover small		{ color:#777; }
ol.FACULTY_INDEX li a strong			{ position:relative; display:inline-block; width:auto; height:auto; overflow:hidden; margin:0 0 0 0; padding:5px 0 5px 0; font-weight:normal; font-size:15px; line-height:1.25; letter-spacing:0.05em; }
ol.FACULTY_INDEX li a strong::after		{ display:inline-block; position:absolute; bottom:0.1em; z-index:-1; margin:0.15em auto 0; width:1%; height:1px; background-color:transparent; transition:width 0.2s ease-in-out 0s, background-color 0.3s ease-in-out 0s; }
ol.FACULTY_INDEX li a:hover strong::after	{ width:100%; background-color:rgb(0,0,0); }
ol.FACULTY_INDEX li a strong::after		{ content: ""; left:-0.125em; }
/* --- ADJUSTMENT --- */
ol.FACULTY_INDEX li.ADJUSTMENT		{ height:1px; overflow:hidden; margin:0 2% 0 0; }



div.FACULTY			{ margin:0 auto; padding:75px 0 5.0em 0; vertical-align:middle; line-height:1.5em; }
div.FACULTY span			{ position:relative; display:inline-block; width:180px; height:180px; min-height:75px; overflow:hidden; margin:-75px 20px 0 0; padding:0 0 0 0; background:#eee url(/com/img/noimg.png) no-repeat 50% 50%; background-size:auto 100%; box-shadow:0 0 50px rgba(0,0,0,0.05) inset; border-radius:50%; vertical-align:middle;  }
div.FACULTY span span		{ position:absolute; width:100%; height:100%; margin:0; padding:0; overflow:hidden; background:transparent no-repeat 50% 50%; background-size:cover; }
div.FACULTY span span img		{ position:relative; display:block; width:auto; height:100%; margin:0px auto; padding:0px; }
div.FACULTY span.TITLE		{ position:static; width:calc(100% - 200px); height:auto; min-height:75px; overflow:hidden; margin:-75px 0 0 auto; padding:0 0 0 0; background:transparent; box-shadow:none; border-radius:unset; vertical-align:middle; }

div.FACULTY span.TITLE small		{ display:block; margin:0 0 0 0; padding:0 0 0 0; color:#777; font-size:15px;  }
div.FACULTY span.TITLE strong		{ display:block; margin:0 0 0 0; padding:15px 0 15px 0; font-size:25px; font-family:serif; letter-spacing:2px; }
div.FACULTY span.TITLE strong small	{ display:inline-block; margin:0 0 0 1.0em; padding:0; color:#000; font-family:sans-serif;  font-size:15px; font-weight:normal; letter-spacing:1px; }
div.FACULTY p			{ clear:both; display:block; float:left; width:auto; min-width:93%; margin:3.0em 0 0 0; padding:3%; border:thin solid #ddd; font-size:80%; }
div.FACULTY p strong		{ display:block; padding:0 0 0.5em 0; font-size:inherit; font-family:sans-serif; }