/*---------------------------------------------------------------------------------
COMMON
---------------------------------------------------------------------------------*/

*{
margin:0;
padding:0;
font-style:normal;
border:0;}

body{
color:#666666;
text-align:center;
font-family:Meiryo,Verdana,sans-serif;
font-size:small;
background:#ffffff url("img/bg_body.png") 50% 0 repeat-x;}

a{outline:none;color:#00b4ff;text-decoration:none;}
a:visited{color:#00b4ff;text-decoration:none;}
a:hover{color:#FFC834;text-decoration:none;}

strong{font-weight:bold;}
em{color:#FFC834;}

/*---------------------------------------------------------------------------------
COMMON
---------------------------------------------------------------------------------*/
#page{
width:900px;
margin:0 auto;
background:url("img/bg_contents.png") right 0 no-repeat;}

	#head{
	width:900px;
	margin:0 auto;}

		h1{
		float:left;
		display:block;
		width:200px;
		height:100px;
		line-height:100px;
		text-indent:-99999px;}

			h1 a{
			display:block;
			width:200px;
			height:100px;
			line-height:100px;
			background:url("img/jysg.png") 0 0 no-repeat;}

			h1 a:hover{
			opacity:0.5;}

		h2{
		float:right;
		display:block;
		width:680px;
		height:100px;
		line-height:100px;
		text-indent:-99999px;}

		#title_index{background:url("img/h2_index.png") 0 0 no-repeat;}
		#title_about{background:url("img/h2_about.png") 0 0 no-repeat;}
		#title_research{background:url("img/h2_research.png") 0 0 no-repeat;}
		#title_publication{background:url("img/h2_publication.png") 0 0 no-repeat;}
		#title_link{background:url("img/h2_link.png") 0 0 no-repeat;}
		#title_inq{background:url("img/h2_inq.png") 0 0 no-repeat;}

		#eng #title_index{background:url("img/en_h2_index.png") 0 0 no-repeat;}
		#eng #title_about{background:url("img/en_h2_about.png") 0 0 no-repeat;}
		#eng #title_research{background:url("img/en_h2_research.png") 0 0 no-repeat;}
		#eng #title_publication{background:url("img/en_h2_publication.png") 0 0 no-repeat;}
		#eng #title_link{background:url("img/en_h2_link.png") 0 0 no-repeat;}
		#eng #title_inq{background:url("img/en_h2_inq.png") 0 0 no-repeat;}

#contents{
width:900px;
margin:0 auto;}

	#nav{
	float:left;
	display:block;
	width:200px;}

		#nav ul{
		width:200px;
		list-style:none;}

			#nav ul li{
			display:block;
			width:200px;
			height:40px;
			line-height:40px;
			margin-bottom:5px;
			text-align:left;
			text-indent:25px;
			color:#dddddd;
			background:url("img/bg_nav.png") 0 -80px no-repeat;}

				#nav ul li a,#nav ul li a:visited{
				display:block;
				width:200px;
				height:40px;
				line-height:40px;
				color:#ffffff;
				background:url("img/bg_nav.png") 0 0 no-repeat;}

				#nav ul li a:hover{
				background:url("img/bg_nav.png") 0 -40px no-repeat;}

		#nav p{
		text-align:left;
		margin-top:20px;}

		#lang{
		margin-top:20px;
		border:1px solid #eee;
		padding:5px 0;
		background:#f6f6f6;}


	#main{
	float:right;
	display:block;
	width:680px;
	text-align:left;}

		#bread{
		width:680px;
		height:40px;
		line-height:40px;}

		.breadindex{
		margin-bottom:20px;
		text-indent:-99999px;
		background:url("img/bg_breadindex.png") 0 0 no-repeat;}

		.breadpages{
		padding:0 20px;}

			.breadpages a{
			padding-right:30px;
			background:url("img/bg_arrow_right.png") right 50% no-repeat;}

			.breadpages a,.breadpages a:visited{color:#cccccc;}
			.breadpages a:hover{color:#FFC834;}

		#welcome{
		width:480px;}

		p{
		margin-bottom:20px;}

		h3{
		margin-bottom:10px;
		font-weight:bold;
		font-size:medium;
		padding-left:10px;
		border-left:5px solid #00b4ff;}

		h4{
		padding-bottom:5px;
		margin-bottom:10px;
		font-weight:bold;
		border-bottom:1px solid #eeeeee;}


		#news{
		list-style:none;
		border-top:1px solid #cccccc;
		background:#ffffff;
		opacity:0.5;}

			#news li{
			padding:10px 30px;
			color:#000000;
			border-bottom:1px solid #cccccc;
			background:url("img/list_blue.png") 0 50% no-repeat;}

				#news li span{
					display:block;
					font-size:x-small;}

/*20191010追記*/

#news{
	border:1px solid #ddd;
	height: 170px;
	overflow: auto;
}






		.box{
		padding:20px;
		border:1px solid #f6f6f6;
		background:url("img/white90.png");
		margin-bottom:40px;}

			.box h3{font-size:small;}

			.box h3 strong{font-size:medium;}

			.box ul{
			margin-left:15px;
			margin-bottom:20px;}

				.box ul li{
				padding-bottom:10px;}

			.box img,#welcome img{
			float:left;
			border:5px solid #eeeeee;
			margin:0 20px 10px 0;}

			.box p.notice{
			padding:10px;
			border:1px solid #eeeeee;}

		dl.staff{width:680px;margin-bottom:20px;}

			dl.staff dt{font-size:120%;}

			dl.staff dd{}

		.box span.titletxt{
			display:block;
		font-size:large;
		color:#00b4ff;
		padding-bottom:20px;}


	#foot{
	width:900px;
	margin:20px auto;}

		#pagemove{
		display:block;
		width:30px;
		height:30px;
		line-height:30px;
		margin:0 auto;
		text-indent:-99999px;
		background:url("img/bg_arrow_top.png") 50% 50% no-repeat;}

			#pagemove a{
			display:block;
			width:30px;
			height:30px;
			line-height:30px;}

		#footnav{
		width:900px;
		margin:20px auto;
		border-top:1px solid #dddddd;
		text-align:center;}

			#footnav ul{
			width:600px;
			margin:10px auto;
			list-style:none;}

			#footnav  ul li{
			float:left;
			margin:0 10px;}

		#copyright{
		width:900px;
		margin:0 auto 50px;
		color:#888888;
		text-align:center;}

			#copyright a,#copyright a:visited{color:#cccccc;}
			#copyright a:hover{color:#FFC834;}

/*---------------------------------------------------------------------------------
CLEARFIX-HACK
---------------------------------------------------------------------------------*/

#head:after,#welcome:after,#contents:after,#pagemove:after,.box:after,.clearfix:after,#footnav ul:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;}

#head,#welcome,#contents,#pagemove,.box,.clearfix,#footnav ul{display: inline-block;}

/* Hides from IE-mac \*/
* html #head,* html #welcome,* html #contents,* html #pagemove,* html .box,* html .clearfix, * html #footnav ul{height: 1%;}
#head,#welcome,#contents,#pagemove,.box,.clearfix,#footnav ul{display: block;}
/* End hide from IE-mac */