body {
	font-family:Roboto, "Droid Sans", "游ゴシック体", "Yu Gothic", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	color:#333;
}
#wrap {
	width:100%;
	min-width:960px;
	position:relative;
}
header {
	background:#E6E6FA;
	height:150px;
}
#hd {
	width:960px;
	margin:0 auto;
	overflow:hidden;
}
#hd h1 {
	margin-top:40px;
}
#hd h1.en {
	width:250px
}
#hd .language {
	float:right;
}
#hd .language a {
	text-decoration: none;
	font-size: 15px;
	color: #28285E;
	padding:10px;
}
#hd .language a:hover,
#hd .language  a.current {
	color: #999999;
}

/*グローバルナビ*/
nav .nav br{
	display:none;
}
nav .nav {
	width:100%;
	overflow:visible;
	margin-left:15px;
}
nav .nav ul {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	z-index:1000
}
nav .nav ul li {
	width:100%;
	position:relative;
}
nav .nav ul li a {
	font-size:15px;
	position: relative;
	z-index: 2;
	display: inline-block;
	width: 265px;
	height: 45px;
	padding: 0 0px 0 22px;
	text-decoration: none;
	line-height: 45px;
	color:#333333;
	font-weight:bold;
	-webkit-transition:All 0.5s ease;
	transition:All 0.5s ease;
	box-sizing:border-box;
}
nav ul li .nav_s {
	font-size:10px;
	font-weight:normal;
	vertical-align: top;
	margin-left: 5px;
	color:#666666;
}

nav .nav ul li a:hover {
	-webkit-transition:All 0.5s ease;
	transition:All 0.5s ease;
}
nav .nav ul li a:hover::before,
nav .nav ul li a.current::before {
	position: absolute;
	content: url(../images/nav_arrow.png);
    top: 0.1em;
    left: 0em;
    z-index: 2;
}
nav .nav ul li a.current {
}
nav .nav ul ul {
	display:none;
	width:100%;
	position:absolute;
	top:0;
	left:218px
}
nav .nav ul ul li {
	width:100%;
	border:none
}
nav .nav ul ul li a {
	background:rgba(0, 0, 0, 0.7) !important;
	padding:10px;
	text-decoration:none;
	color:#fff !important;
	display:block;
	border:none;
	border-bottom:1px solid rgba(255, 255, 255, 0.4)
}
nav .nav ul ul li.current-menu-item {
	background:rgba(0, 0, 0, 0.5) !important
}
nav .nav ul ul li.current-menu-item a {
	color:#140963
}
nav .nav ul ul li ul {
	position:absolute;
	top:-1px;
	left:100%
}
#nav_bg .nav ul ul li ul li {
	width:100%
}
nav .nav ul ul li ul li a {
	border-left:1px solid rgba(255, 255, 255, 0.4)
}
.menu-trigger {
	display:none
}

#i_con {
	width:100%;
	min-width:960px;
	overflow:hidden;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-ms-flex-pack:center;
	justify-content:center;
	background: url(../images/i_con_bg.jpg) repeat-x;
}
#con {
	width:100%;
	min-width:960px;
	overflow:hidden;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-ms-flex-pack:center;
	justify-content:center;
	background: url(../images/con_bg.jpg) repeat-x;
}


#main {
	-webkit-box-ordinal-group:4;
	-webkit-order:3;
	-ms-flex-order:3;
	order:3;
	width:680px
}
#outline {
	padding:0px 0px 40px 30px;
	box-sizing:border-box;
}
#main ol, #main ul {
	padding:5px 0px 5px 25px
}
#main ul {
	list-style-type:disc
}
#main ol li, #main ul li {
	padding:5px 0px
}
#main table {
	margin:10px 0px
}
#main table th, #main table td {
	padding:5px
}
#main img {
	max-width:100%;
	height:auto
}
#main a img {
	display:inline-block;
	-webkit-transition:All 0.5s ease;
	transition:All 0.5s ease
}
#main a img:hover {
	opacity:0.7
}
#page h2 {
	position: relative;
	height:100px;
	margin:0px 0 30px 0;
	font-size:2.0em;
	font-weight:bold;
	line-height:100px;
}
#page h2 .h2_s {
	margin-left: 10px;
	font-size:0.5em;
	font-weight: normal;
	color:#666666;
	vertical-align: top;
}
#page h3 {
	position: relative;
	margin:30px 0 5px;
	padding:0.7em 0 0.6em 2.6em;
	font-size:1.3em;
	font-weight:bold;
	border: 1px solid #28285D;
	border-radius:4px;
}

#page h3::before,
#page h3::after {
	position: absolute;
	content: '';
}
#page h3::before {
	top: 13px;
	left: 12px;
	z-index: 2;
	width: 10px;
	height: 10px;
	background: #24245B;
}
#page h3::after {
	top: 23px;
	left:22px;
	width: 10px;
	height: 10px;
	background: #FAD102;
}
#page h4 {
	border-left: 10px solid #28285D;
	border-bottom:1px solid #28285D;
	padding: 0.7em 1em;
	font-size: 1.1em;
	margin: 1em 0 0em;
}
#side {
	background:#D9E6E9;
	-webkit-box-ordinal-group:2;
	-webkit-order:1;
	-ms-flex-order:1;
	order:1;
	width:280px;
	padding-top: 30px;
	padding-bottom: 60px;	
	box-sizing:border-box;
}
#side #sidenav {
	width:100%
}
#side #contact {
	margin-top:40px;
	border-top: 1px solid #CCC;
	padding: 40px 5px 0 35px;
}
#side #contact p#ttl {
	font-size: 1.2em;
	font-weight:bold;
	color:#333333;
}
#page-top {
	position:fixed;
	bottom:20px;
	right:20px;
	font-size:0.9em;
	background:#E6E6FA;
	text-decoration:none;
	border:1px solid #333;
	color:#333;
	padding:10px;
	text-align:center;
	display:block;
	border-radius:5px
}
#ft {
	width:100%;
	min-width:960px;
	padding-top:20px;
	padding-bottom:20px;
	text-align:center;
	background: #E6E6FA;
}
/*トップページ*/
#i_img {
	width:100%;
	overflow:hidden;
}
#i_img ul {
	width:680px;
	margin:-10px 0 -10px -25px
}
h2.i_h2 {
	font-size:25px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	padding:40px 0 5px;
}
/*What's New*/
#i_news {
	height:260px;
	overflow-y: scroll;
}
.news_box {
	padding: 15px 5px 15px 0;
	border-bottom:#CCCCCC 1px dotted;
}
.news_box p.date {
	box-sizing:border-box;
	line-height: 1.2em;
	font-weight:bold;
}

/*トップご挨拶*/
section.info p span.txt_B{
	color: #000080;
	font-size:1.6em;
	font-weight: bold;
}
section.info table th {
	background: #ffff00;
}
section.info table tr {}
section.info table td {
	text-align:center;
	background:#FFFFFF;
	color: #000080;
	font-weight:bold;
    text-align: center;
}
section.info .txt_R{
	color:#FF0000;
	font-size:1.5em;
	font-weight:bold;
}
/*lightbox*/
ul.light_box li{
	list-style:none;
	margin-bottom:20px;
}
ul.light_box li:first-child{
	margin-right:10px;
}

	
/*教員からのメッセージ*/
ul#link {
	padding-left:0;
}
ul#link li {
	list-style: none;
	background:url(../images/icon_blank.png) no-repeat 0 18px;
	padding: 1em 0 1em 1.8em;
}

/*イベント*/
.event_box {
	border-bottom: #CCC 1px dotted;
	padding:15px 0 ; 
	position:relative;
}　
.event_box p {}
.event_box p.day {
	font-size:1.2em;
	font-weight:bold;
	padding: 0 0 0 1.8em;
}
.event_box p.day::before {
	position:absolute;
	content:"";
	width: 15px;
	height: 15px;
	background: #FCD100;
	border-radius: 20px;
	left:0;
	top: 18px;
}


/*研究実績*/
#achievement p#menu  {
	padding:0;
}
#achievement p#menu a {
	text-decoration: none;
	font-size:1.2em;
	color: #000;
}
#achievement p#menu .arrow {
	position:relative;
	padding: 0 5px 0 15px;
}
#achievement p#menu .arrow>a::before{
	content:url(../images/arrow_icon.png);
	position:absolute;
	top:-5px;
	left:3px;
    }
#achievement ul {
	padding:0;
}
#achievement ul li {
	list-style: none;
	margin-bottom:20px;
}
.color_b {
	color: blue;
}