@charset "utf-8";
/*============================================
全般的なスタイル
============================================*/
* {
	margin:0; padding:0; 		/*全要素のマージン・パディングをリセット*/
}
body {
	background-color:#cccccc;		/*ページ全体の背景色*/
	background-image:url("images/bg_body.png");	/*ウェブページ全体の背景画像*/
	font-size:95%;		/* フォントサイズを95%にする */
	font-family: "ＭＳ ゴシック",sans-serif;	/* フォントの種類をゴシック系にする */
	line-height:1.5;	/* 行の高さを1.5倍にする */
	color:#333333;		/* 文字色を濃い目のグレーにする */
}
div#pagebody {
	width:1000px; margin:0 auto;	/*内容全体をセンタリング*/
	background-color:#ffffff;		/*内容全体の背景色*/
	background-image:url("images/bg_pagebody.png");	/*コンテンツ全体の背景画像*/
	background-repeat:repeat-y;			/*背景画像を縦方向に繰り返す*/
}
img {border:0;} 				/*画像のボーダーを0にする*/

/*-----------スライドショー--------------*/

.photo-show { 
        max-width: 100%;
	height: auto;
	position: relative;
}

.photo-show img { 
    animation: show 12s infinite;
    -webkit-animation: show 15s infinite;
    height: auto;
    max-width: 100%;
	margin:10px 0px 0px 50px;	/*位置調整*/
    opacity: 0;
    position: absolute; /*画像を全て重ねる*/
}

/*アニメーション*/

@keyframes show {
    0% {opacity:0}
    20% {opacity:1}
    40% {opacity:1}
    60% {opacity:0}
 }

@-webkit-keyframes show {
    0% {opacity:0}
    20% {opacity:1}
    40% {opacity:1}
    60% {opacity:0}
}

/*各画像のアニメーションの開始時間をずらす*/

.photo-show img:nth-of-type(1) {
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
}

.photo-show img:nth-of-type(2) {
    animation-delay: 5s;
    -webkit-animation-delay: 5s;
}

.photo-show img:nth-of-type(3) {
    animation-delay: 10s;
    -webkit-animation-delay: 10s;
}

.photo-show img:nth-of-type(4) {
    animation-delay: 15s;
    -webkit-animation-delay: 15s;
}


/*-------------------------*/

/*============================================
アクセス
============================================*/
div#access {
	width:260px;		/*幅の指定*/
	margin:20px 0px 10px 0px;	/*位置調整*/
	float:right;			/*サブメニューのカラムを右寄せにする*/
	font-size:14px;				/*フォントのサイズ*/
	font-family:Arial, Helvetica, sans-serif;	/*フォントの種類*/
	line-height:2;	/* 行の高さを2倍にする */
}
div#access ul li {
	list-style-type:none;			/*リストマーカー無しにする*/
}
div#access ul li a {
	color:#000000;			/*文字色*/
}
div#access ul li a:hover	{
	color:#89cf40; 	/*リンクにマウスが乗ったらテキストの色を変更する*/
}


/*============================================
ヘッダ1
============================================*/
div#header1 {
	height:120px;				/*ヘッダ部分の高さ*/
	}
div#header1 img{
		padding:0px 0px 0px 30px;		/*見出しの位置調整*/
		max-width: 220px;
   		height: auto;
	}
div#header1 h1 {
	padding:10px 0px 5px 20px;		/*見出しの位置調整*/
	font-size:16px;				/*フォントのサイズ*/
	font-family:Arial, Helvetica, sans-serif;	/*フォントの種類*/
}
div#header1 p {
	padding:10px 0px 0px 50px;		/*見出しの位置調整*/
	font-size:14px;				/*フォントのサイズ*/
	font-family:Arial, Helvetica, sans-serif;	/*フォントの種類*/
}

div#header1 h1 a {text-decoration:none;} 	/*リンクの下線を無くす*/


/*============================================
メインメニュー
============================================*/
ul#menu {
	width:960px; height:50px; 	/*メインメニュー部分の幅と高さ*/
	margin:0px 20px; 		/*上下マージン0px、左右マージン20px*/
}
#menu li {
	list-style-type:none;		/*リストマーカー無しにする*/
	display:inline;			/*リスト項目をインライン表示にする*/
	float:left;			/*リスト項目を横に並べる*/
}
#menu li a {
	background-color:#0000ff;	/*背景色*/
	color:#ffffff;		/*文字色*/
	display:block;			/*リンク部分をブロック表示にする*/
	width:320px; height:35px;	/*幅と高さ*/
	padding:15px 0px 0px 0px;	/*上パディング*/
	text-align:center;		/*テキストをセンター揃えにする*/
	text-decoration:none;		/*リンク部分を下線無しにする*/
}
#menu li a:hover {
	background-color:#b0e0e6; 	/*リンクにマウスが乗ったら背景色を変更する*/
}

/*============================================
ヘッダ画像
============================================*/
#img_index {
	width:960px; height:auto;	/*トップページのヘッダ画像の表示サイズを指定*/
	margin:0px 20px;		/*マージン*/
}
img.small {
	width: 960px;
	height: auto;
		}
hr {
	clear:both;			/*フロート配置をクリアする*/
}
/*============================================
ホーム
============================================*/
div#body1 {
	width:700 px;		/*幅の指定*/
	margin:350px 70px 10px 70px;	/*位置調整*/
	font-family:Arial, Helvetica, sans-serif;	/*フォントの種類*/
	line-height:2;	/* 行の高さを2倍にする */
}
div#body1 p {
	margin:50px 50px 50px 50px;	/*位置調整*/
	font-size:16px;				/*フォントのサイズ*/
	font-family:Arial, Helvetica, sans-serif;	/*フォントの種類*/
	text-align:justify;		/*テキスト両端揃え*/
}

/*============================================
Body2
============================================*/
div#body2 {
	width:900 px;		/*幅の指定*/
	margin:20px 70px 0px 70px;	/*位置調整*/
	font-family:Arial, Helvetica, sans-serif;	/*フォントの種類*/
	line-height:2;	/* 行の高さを2倍にする */
}
div#body2 p {
	margin:10px 50px 10px 50px;	/*位置調整*/
	font-size:14px;				/*フォントのサイズ*/
	font-family:Arial, Helvetica, sans-serif;	/*フォントの種類*/
	text-align:justify;		/*テキスト両端揃え*/
}

div#body2-2 p {
	font-size:11px;				/*フォントのサイズ*/
	font-family:Arial, Helvetica, sans-serif;	/*フォントの種類*/
	text-align:justify;		/*テキスト両端揃え*/
}

div#body2 h1 {
	text-align:center;
}
div#body2 h2 {
	margin:20px 0px 20px 0px;	/*位置調整*/
	font-family:Arial, Helvetica, sans-serif;	/*フォントの種類*/
	color:#FF3399;
}
div#body2 h3 {
	margin:20px 0px 10px 20px;	/*位置調整*/
	font-family:Arial, Helvetica, sans-serif;	/*フォントの種類*/
	color:#00218d;
}
div#body2 h4 {
	margin:0px 0px 0px 40px;	/*位置調整*/
	font-family:Arial, Helvetica, sans-serif;	/*フォントの種類*/
	}

div#body2 img {
	max-width:90%;
	height:auto;
	text-align:center;
	}

div#body2 img.example1 {
	margin:0px 50px 0px 40px;	/*位置調整*/
	float: right;
	width: auto;
	height: 200px;
	}

/*============================================
研究成果・活動履歴
============================================*/
div#body3 {
	width:700 px;		/*幅の指定*/
	margin:20px 70px 10px 70px;	/*位置調整*/
	font-family:Arial, Helvetica, sans-serif;	/*フォントの種類*/
	line-height:2;	/* 行の高さを2倍にする */
	height: 350px;
}
div#body3 p {
	margin:50px 0px 10px 50px;	/*位置調整*/
	font-size:16px;				/*フォントのサイズ*/
	font-family:Arial, Helvetica, sans-serif;	/*フォントの種類*/
}
div#body3 ul li {
	margin:25px 0px 35px 70px;	/*位置調整*/
	font-size:18px;				/*フォントのサイズ*/
	font-family:Arial, Helvetica, sans-serif;	/*フォントの種類*/
	list-style-type:none;			/*リストマーカー無しにする*/
}
div#body3 ul li a {
	color:#000000;			/*文字色*/
}
div#body3 ul li a:hover	{
	color:#89cf40; 	/*リンクにマウスが乗ったらテキストの色を変更する*/
}

div#body3 img{
	position:absolute;
	top : 250px;
	left : 800px;
	width : 150px;
	height : auto;
	}


/*============================================
メンバー
============================================*/

div#body4 {
	width:900 px;		/*幅の指定*/
	margin:20px 70px 10px 70px;	/*位置調整*/
	font-family:Arial, Helvetica, sans-serif;	/*フォントの種類*/
	line-height:2;	/* 行の高さを2倍にする */
}

div#body4 p {
	margin:0px 0px 10px 600px;	/*位置調整*/
	font-size:12px;				/*フォントのサイズ*/
	font-family:Arial, Helvetica, sans-serif;	/*フォントの種類*/
}

div#body4 p2 {
	text-align:left;
	font-size:14px;				/*フォントのサイズ*/
}
div#body4 p3 {
	text-align:left;
	font-size:12px;				/*フォントのサイズ*/
}

div#body4 h3 {
	margin:30px 0px 10px 0px;	/*位置調整*/
	font-family:Arial, Helvetica, sans-serif;	/*フォントの種類*/
	color:#00218d;
}

table th{
 	padding : 10px 10px 10px 10px;
	text-align:center;
}

table td{
 	padding : 10px 10px 10px 10px;
	text-align:center;
}

tbody > tr > td:nth-of-type(1) {
	width : 180px;
  	Text-align:center;
}

tbody > tr > td:nth-of-type(2) {
	width : 50px;
  	Text-align:center;
}

tbody > tr > td:nth-of-type(3) {
	width : 150px;
  	Text-align:center;
}

tbody > tr > td:nth-of-type(4) {
	width : 400px;
  	Text-align:left;
}

div#body4 img{
	width : 150px;
	height : auto;
}

div#body4 ul, ol {
  padding-left: 10px;
}

div#body4 ul li {
	font-size:13px;				/*フォントのサイズ*/
		}

/*============================================
リンク
============================================*/
div#body5 {
	width: 960px;
	margin:20px 70px 10px 70px;	/*位置調整*/
	font-family:Arial, Helvetica, sans-serif;	/*フォントの種類*/
	line-height:2;	/* 行の高さを2倍にする */
}
div#body5 p {
	margin:40px 0px 30px 30px;	/*位置調整*/
	font-size:20px;				/*フォントのサイズ*/
	font-family:Arial, Helvetica, sans-serif;	/*フォントの種類*/
	}
div#body5 img {
	padding:0;		/*見出しの位置調整*/
	margin:20px 0px 0px 0px;	/*位置調整*/
	width: 220px;
   	height: auto;
	}
div#body5 ul li {
	font-family:Arial, Helvetica, sans-serif;	/*フォントの種類*/
	list-style-type:none;			/*リストマーカー無しにする*/
}
div#body5 ul li a {
	margin:0px 0px 10px 50px;	/*位置調整*/
	color:#000000;			/*文字色*/
}

div#body5 ul li a:hover	{
	color:#89cf40; 	/*リンクにマウスが乗ったらテキストの色を変更する*/
}


/*============================================
サブメニュー
============================================*/
div#submenu {
	width:260px;		/*幅の指定*/
	margin:15px 10px 10px 100px;	/*位置調整*/
	float:left;			/*サブメニューのカラムを左寄せにする*/
	font-size:15px;				/*フォントのサイズ*/
	font-family:Arial, Helvetica, sans-serif;	/*フォントの種類*/
	line-height:2;	/* 行の高さを2倍にする */
}
div#submenu ul li {
	list-style-type:none;			/*リストマーカー無しにする*/
}
div#submenu ul li a {
	color:#000000;			/*文字色*/
}
div#submenu ul li a:hover	{
	color:#89cf40; 	/*リンクにマウスが乗ったらテキストの色を変更する*/
}

/*============================================
フッタ1
============================================*/
div#footer1 {
	margin:0px 0px 0px 12px;	/*位置調整*/
	background-color:#ebebeb;	/*背景色*/
	color:#000000;		/*文字色*/
	width:976px; height:190px;	/*幅と高さ*/
	}
div#footer1 img {
   		max-width: 250px;
   		height: auto;
		margin:5px 0px 0px 200px;	/*位置調整*/
	}
div#footer1 h1 {
	padding:10px 0px 5px 20px;		/*見出しの位置調整*/
	font-size:16px;				/*フォントのサイズ*/
	font-family:Arial, Helvetica, sans-serif;	/*フォントの種類*/
}
div#footer1 p {
	margin:0px 0px 0px 550px;	/*位置調整*/
	font-size:16px;				/*フォントのサイズ*/
	font-family:Arial, Helvetica, sans-serif;	/*フォントの種類*/
}

/*============================================
フッタ2
============================================*/
div#footer2 {
	padding:0px 0px 0px 0px;		/*見出しの位置調整*/
	clear:both;			/*回り込みを解除する*/
	background-color:#ebebeb;	/*背景色*/
	color:#000000;		/*文字色*/
	width:976px; height:20px;	/*幅と高さ*/
	margin:0px 0px 0px 12px;	/*位置調整*/
}
div#footer2 p {
	margin:0px 0px 0px 50px;	/*位置調整*/
	font-size:12px;				/*フォントのサイズ*/
	font-family:Arial, Helvetica, sans-serif;	/*フォントの種類*/
}

/*============================================
フッタ3
============================================*/
div#footer3 {
	padding:0;		/*見出しの位置調整*/
	clear:both;			/*回り込みを解除する*/
	text-align:center;		/*テキストをセンター揃えにする*/
	background-color:#c0c0c0;	/*背景色*/
	color:#000000;		/*文字色*/
	width:976px; height:30px;	/*幅と高さ*/
	margin:0px 0px 0px 12px;	/*位置調整*/

}