@charset "utf-8";

/*=== 全般的なスタイル ===*/

* {
	margin:0; padding:0;		/*全要素のマージン・パディングをリセット*/
}

body {
	background-color:#e0ebf6;		/*ページ全体の背景色*/
	font-family:Meiryo,'メイリオ','ヒラギノ角ゴ Pro W3', Hiragino Kaku Gothic Pro, osaka, 'ＭＳ Ｐゴシック', Arial, Helvetica, sans-serif;		/*フォント指定*/
	font-size:	88%;		/*文字の大きさ*/
	color:#333333;		/*文字色：黒*/
}

div#contents {
	width:980px; margin:0 auto;		/*内容全体をセンタリング*/
	background-color:#ffffff;		/*内容全体の背景色*/
	border-left:1px solid #999999;		/*左の枠線の設定*/
	border-right:1px solid #999999;		/*右の枠線の設定*/
	border-bottom:1px solid #999999;		/*右の枠線の設定*/
}

/*=== ヘッダメニュー ===*/

#menu_header {
	float:left;		/*リスト項目：横並び*/
	width:980px; height:16px;		/*ヘッダメニューの幅・高さ*/
	background-color: #003e80;		/*背景色*/
	font-size:	12px;		/*文字の大きさ*/
	color:#ffffff;		/*文字色*/
}

#menu_header li {
	float:right;		/*リスト項目：横並び*/
	padding:0px 8px;		/*項目の位置調整*/
	border-left:1px solid #ffffff;		/*項目の左の区切り線の設定*/
	list-style-type:none;		/*リストマーカー：無し*/
	display:inline;		/*リスト項目：インライン表示*/
	color:#ffffff;		/*文字色*/
	line-height: 16px;
}

#menu_header li a {
	color:#ffffff;		/*リンクの文字色*/
	text-decoration:none;		/*リンク部分の下線：無し*/
}

#menu_header li a:hover {
	color:#ccccff;		/*リンクにマウスが乗ったら文字色を変更*/
	text-decoration:none;		/*リンク部分の下線：無し*/
}

/*=== ヘッダ  ===*/

div#title {
	clear:both;		/*回り込み解除*/
	width:750px; height:75px;		/*ヘッダ左部分の幅・高さ*/
	float:left;		/*カラム：左寄せ*/
}

div#title h1 {
	padding:10px 20px 5px 20px;		/*見出しの位置調整*/
	font-size:18px;		/*フォントサイズ*/
	font-family:"ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, osaka, "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;		/*フォントの種類*/
}

div#title h1 a {
	text-decoration:none;		/*リンク部分の下線：無し*/
}

div#search {
	float:left;		/*カラム：左寄せ*/
	width:230px; height:25px;		/*ヘッダ右上の検索部分の幅・高さ*/
	padding:45px 0px 0px 0px;		/*検索部分の位置調整*/
}

/*=== 上メニュー1 ===*/

ul#menu_top {
	clear:both;		/*回り込み解除*/
	width:980px; height:50px;		/*上メニュー1の幅・高さ*/
	font-size:16px;		/*フォントサイズ*/
	background-image:url("../images/bg_menu_top1o.gif");		/*背景画像*/
	background-repeat:repeat-x;		/*背景画像の繰り返し：無し*/
	border-top:1px solid #cccccc;		/*上メニューの枠線の設定*/
}

#menu_top li {
	list-style-type:none;		/*リストマーカー：無し*/
	border-right:1px solid #cccccc;		/*リンクボタンの右にライン*/
	display:inline;		/*リスト項目：インライン表示*/
　	font-size:16px;		/*フォントサイズ*/
	float:left;		/*リスト項目：横並び*/
	line-height: 50px;
}

#menu_top li a {
	background-color:#ffffff;		/*背景色*/
	color:#0030ac;		/*文字色*/
	display:block;		/*リンク部分：ブロック表示*/
	width:150px; height:50px;		/*リンク部分の幅・高さ（現・6メニュー：150×6、7メニュー：130×7、8メニュー：110×6）*/
	text-align:center;		/*テキスト揃え：センター*/
	text-decoration:none;		/*リンク部分の下線：無し*/
	background-image:url("../images/bg_menu_top1o.gif");		/*背景画像*/
	background-repeat:repeat-x;		/*背景画像の繰り返し：無し*/
}

#menu_top li a:hover {
	background-image:url("../images/bg_menu_top1h.gif");		/*リンクにマウスが乗ったら背景画像を変更*/
}

#menu_top li.selected a {
	background-image:url("../images/bg_menu_top1s.gif");		/*リンクにマウスが乗ったら背景画像を変更*/
}

/*=== パンくずリスト ===*/
ul#breadcrumb {
	float:left;		/*リスト項目：横並び*/
	width:980px; height:15px;		/*パンくずリストの幅・高さ*/
	margin:3px 0px 0px 0px;		/*位置調整*/
	font-size:12px;		/*文字サイズ*/
	background-color:#ffffff;		/*内容全体の背景色*/
	color:#999999;		/*文字色*/
}

#breadcrumb li {
	padding:0px 0px 0px 3px;		/*上・左パディング3px*/
	display: inline;		/*リスト項目：インライン表示*/
	float:left;		/*リスト項目：横並び*/
	line-height: 15px;
 }

#breadcrumb li a {
	color:#999999;		/*文字色*/
	text-decoration: none;		/*リンク部分の下線：無し*/
}

#breadcrumb li a:hover {
	color:#00b6b3;		/*リンクにマウスが乗ったら文字色を変更*/
	text-decoration:underline;		/*リンクにマウスが乗ったら下線を表示する*/
}

/*=== 左メニュー ===*/

div#menu_left {
	clear:both;		/*回り込み解除*/
	float:left;		/*カラム：左寄せ*/
	width:220px;		/*幅*/
	margin:5px 0px 10px 15px;		/*位置調整*/
}

div#menu_left ul li {
	list-style-type:none;		/*リストマーカー：無し*/
	font-size:14px;		/*文字サイズ*/
	line-height:30px;		/*行の高さ*/
	margin:0px 0px 6px 0px;		/*位置調整*/
}

div#menu_left ul li a {
	display:block;		/*リンク部分：ブロック表示*/
	height:30px;		/*高さ*/
	padding:0px 0px 0px 20px;		/*位置調整*/
	text-decoration:none;		/*リンク部分の下線：無し*/
	background-image:url("../images/bg_menu_lefto.gif");		/*リンク領域に背景画像*/
	background-repeat:no-repeat;		/*背景画像の繰り返し：無し*/
	color:#333333;		/*文字色*/
}

div#menu_left ul li a:hover {
	background-color:#ffffff;		/*リンクにマウスが乗ったら背景色を変更*/
	background-image:url("../images/bg_menu_lefth.gif");		/*リンクにマウスが乗ったら背景画像を変更*/
	background-repeat:no-repeat;		/*背景画像の繰り返し：無し*/
}

div#menu_left ul li.selected a {
	background-color:#ffffff;		/*リンクにマウスが乗ったら背景色を変更*/
	background-image:url("../images/bg_menu_lefts.gif");		/*リンクにマウスが乗ったら背景画像を変更*/
	background-repeat:no-repeat;		/*背景画像の繰り返し：無し*/
}

/*=== メイン部分  ===*/
div#main {
	float:left;		/*カラム：左寄せ*/
	width:720px;		/*メイン領域の幅・高さ*/
	margin:5px 15px 20px 10px;		/*位置調整*/
}	

/*=== メイン部分　タイトル画像  ===*/
div#main h2 {
	height:45px;		/*高さ*/
	font-size:16px;		/*文字サイズ*/
	padding:30px 0px 0px 20px;	/*上パディング30px、左パディング20px*/
	color:#ffffff;		/*文字色*/
	background-color:#5483b5;		/*リンクにマウスが乗ったら背景色を変更*/
	border-bottom:1px solid #ffffff;		/*タイトル画像の下に白線*/
	background-repeat:no-repeat;		/*背景画像の繰り返し：無し*/
	background-position:right top;		/*背景画像の位置*/
}

div#main h2.Z1 {
	background-image:url("../images/h2_Z1.jpg");		/*背景画像*/
}

div#main h2.BZC1 {
	background-image:url("../images/h2_BZC1.jpg");		/*背景画像*/
}

div#main h2.math1 {
	background-image:url("../images/h2_math1.jpg");		/*背景画像*/
}

div#main h2.phys1 {
	background-image:url("../images/h2_phys1.jpg");		/*背景画像*/
}

div#main h2.chem1 {
	background-image:url("../images/h2_chem1.jpg");		/*背景画像*/
}

div#main h2.bio1 {
	background-image:url("../images/h2_bio1.jpg");		/*背景画像*/
}

div#main h2.planet1 {
	background-image:url("../images/h2_planet1.jpg");		/*背景画像*/
}

div#main h2.planet2 {
	background-image:url("../images/h2_planet2.jpg");		/*背景画像*/
}

div#main h2.sakura {
	background-image:url("../images/h2_sakura.jpg");		/*背景画像*/
}

div#main h2.kobe {
	background-image:url("../images/h2_kobe.jpg");		/*背景画像*/
}

/*=== メイン部分メニュー ===*/

div#menu_main {
	width:720px; height:21px;		/*幅・高さ*/
　	font-size:14px;		/*フォントサイズ*/
	margin:0px 0px 0px 0px;		/*位置調整*/
	border-bottom:1px solid #5483b5;		/*下の線の設定*/
	border-top:1px solid #5483b5;		/*上の線の設定*/
	background-color:#fbfbfb;		/*リンクにマウスが乗ったら背景色を変更*/
}

div#menu_main ul{
}

div#menu_main li {
	list-style-type:none;		/*リストマーカー：無し*/
	display:inline;		/*リスト項目：インライン表示*/
	height:21px;		/*高さ*/
	font-size:14px;		/*文字サイズ*/
	float:left;		/*リスト項目：横並び*/
	margin-right:1px;		/*項目の右の間隔*/
	border-right:1px solid #5483b5;		/*項目の右の線の設定*/
	border-left:1px solid #5483b5;		/*項目の左の線の設定*/
}

div#menu_main li a {
	text-decoration: none;		/*リンク部分の下線：無し*/
	height:21px;		/*高さ*/
	color:#1F5C9E;		/*文字色*/
	background-color:#fbfbfb;		/*リンクにマウスが乗ったら背景色を変更*/
	display:block;		/*リンク部分：ブロック表示*/
	padding:0px 7px 0px 7px;		/*左パディング15px*/
}

div#menu_main li a:hover {
	color:#ffffff;		/*リンクにマウスが乗ったら文字色を変更*/
	text-decoration: none;		/*リンク部分の下線：無し*/
	background-color:#00b6b3;		/*リンクにマウスが乗ったら背景色を変更*/
}

div#menu_main li.selected a {
	color:#ffffff;		/*リンクにマウスが乗ったら文字色を変更*/
	text-decoration: none;		/*リンク部分の下線：無し*/
	background-color:#5483b5;		/*リンクにマウスが乗ったら背景色を変更*/
}

/*=== メイン部分メニュー・2行の場合 ===*/
div#menu_main_2 {
	width:720px; height:36px;		/*幅・高さ*/
　	font-size:14px;		/*フォントサイズ*/
	margin:0px 0px 0px 0px;		/*位置調整*/
	border-bottom:1px solid #5483b5;		/*下の線の設定*/
	border-top:1px solid #5483b5;		/*上の線の設定*/
	background-color:#fbfbfb;		/*リンクにマウスが乗ったら背景色を変更*/
}

div#menu_main_2 ul{
}

div#menu_main_2 li {
	list-style-type:none;		/*リストマーカー：無し*/
	display:inline;		/*リスト項目：インライン表示*/
	height:36px;		/*高さ*/
	font-size:14px;		/*文字サイズ*/
	float:left;		/*リスト項目：横並び*/
	margin-right:1px;		/*項目の右の間隔*/
	border-right:1px solid #5483b5;		/*項目の右の線の設定*/
	border-left:1px solid #5483b5;		/*項目の左の線の設定*/
}

div#menu_main_2 li a {
	text-decoration: none;		/*リンク部分の下線：無し*/
	height:33px;		/*高さ*/
	color:#1F5C9E;		/*文字色*/
	background-color:#fbfbfb;		/*リンクにマウスが乗ったら背景色を変更*/
	display:block;		/*リンク部分：ブロック表示*/
	padding:3px 7px 0px 7px;		/*左パディング15px*/
}

div#menu_main_2 li a:hover {
	color:#ffffff;		/*リンクにマウスが乗ったら文字色を変更*/
	text-decoration: none;		/*リンク部分の下線：無し*/
	background-color:#00b6b3;		/*リンクにマウスが乗ったら背景色を変更*/
}

div#menu_main_2 li.selected a {
	color:#ffffff;		/*リンクにマウスが乗ったら文字色を変更*/
	text-decoration: none;		/*リンク部分の下線：無し*/
	background-color:#5483b5;		/*リンクにマウスが乗ったら背景色を変更*/
}

/*=== 本文  ===*/
div#honbun {
	clear:both;		/*回り込み解除*/
	width:700px;		/*メイン画面の幅*/
	margin:0px 10px 0px 10px;		/*位置調整*/
}	

/*=== トップページ中央・右  ===*/
div#news {
	clear:both;		/*回り込み解除*/
	float:left;		/*リスト項目：横並び*/
	width:500px;		/*上メニューの幅・高さ*/
	margin:0px 0px 0px 0px;		/*位置調整*/
}	

div#news_right {
	float:left;		/*リスト項目：横並び*/
	width:210px;		/*上メニューの幅・高さ*/
	margin:0px 0px 0px 10px;		/*位置調整*/
}	

/*=== トップページ研究トピックス  ===*/
div#topics {
	float:left;		/*リスト項目：横並び*/
	width:210px;		/*右メニューの幅*/
	margin:0px 0px 10px 0px;		/*位置調整*/
	border:1px solid #1F5C9E;	/*囲み枠の設定*/
}

/*=== トップページ右メニュー1  ===*/
div#menu_right1 {
	float:left;		/*リスト項目：横並び*/
	width:210px;		/*右メニューの幅*/
	margin:0px 0px 0px 0px;		/*位置調整*/
	background-color:#ffffff;		/*背景色*/
}	

div#menu_right1 ul {
	margin:0px 0px 0px 0px;		/*位置調整*/
	padding:0px 0px 0px 0px;		/*位置調整*/
	list-style-type:none;		/*リストマーカー：無し*/
	font-size:14px;		/*文字サイズ*/
	line-height:20px;		/*行の高さ*/
}

div#menu_right1 ul li a {
	display:block;		/*リンク部分：ブロック表示*/
	height:20px;		/*高さ*/
	margin:0px 0px 6px 0px;		/*位置調整*/
	padding:4px 0px 3px 30px;		/*位置調整*/
	text-decoration:none;		/*リンク部分の下線：無し*/
	color:#1F5C9E;		/*文字色*/
	border:1px solid #1F5C9E;		/*囲み枠の設定*/
}

div#menu_right1 ul li a:hover {
	color:#00b6b3;		/*文字色*/
	border:1px solid #00b6b3;		/*リンクにマウスが乗ったら囲み枠の設定を変更*/
}

div#menu_right1 ul li.button1 {
	background-image:url("../images/bg_menu_right11.gif");		/*背景画像*/
	background-repeat:no-repeat;		/*背景画像の繰り返し：無し*/
	background-position:5px 3px;		/*背景画像の位置*/
}

div#menu_right1 ul li.button2 {
	background-image:url("../images/bg_menu_right12.gif");		/*背景画像*/
	background-repeat:no-repeat;		/*背景画像の繰り返し：無し*/
	background-position:5px 3px;		/*背景画像の位置*/
}

div#menu_right1 ul li.button3 {
	background-image:url("../images/bg_menu_right13.gif");		/*背景画像*/
	background-repeat:no-repeat;		/*背景画像の繰り返し：無し*/
	background-position:5px 3px;		/*背景画像の位置*/
}
/*=== トップページ右メニュー2  ===*/
div#menu_right2 {
	float:right;		/*リスト項目：横並び*/
	width:210px;		/*幅・高さ*/
	margin:0px 0px 0px 0px;		/*位置調整*/
	background-color:#ffffff;		/*リンクにマウスが乗ったら背景色を変更*/
	text-align: center;		/*文字の中央揃え*/
}	

div#menu_right2 ul {
	margin:0px 0px 6px 0px;		/*位置調整*/
	padding:0px 0px 0px 0px;		/*位置調整*/
	list-style-type:none;		/*リストマーカー：無し*/
	font-size:12px;		/*文字サイズ*/
	line-height:1.5;		/*行の高さ*/
}

div#menu_right2 ul li a {
	display:block;		/*リンク部分：ブロック表示*/
	margin:0px 0px 6px 0px;		/*位置調整*/
	padding:3px 5px 3px 5px;		/*位置調整*/
	text-decoration:none;		/*リンク部分の下線：無し*/
	color:#1F5C9E;		/*文字色*/
	border:1px solid #1F5C9E;		/*囲み枠の設定*/
}

div#menu_right2 ul li a:hover {
	color:#00b6b3;		/*文字色*/
	border:1px solid #00b6b3;		/*リンクにマウスが乗ったら囲み枠の設定を変更*/
}

/*=== メイン　見出し  ===*/
div#main h3 {
	font-size:16px;		/*文字サイズ*/
	margin:0px 0px 10px 0px;		/*位置調整*/
	padding:10px 0px 10px 10px;	/*上下パディング10px、左パディング20px*/
	color:#333333;		/*文字色*/
	letter-spacing: 0.1em;		/*文字間隔*/
	background-image:url(../images/line01.gif);		/*背景画像*/
	background-repeat:repeat-x;		/*背景画像の繰り返し*/
	background-position:left bottom;		/*背景画像の位置*/
}

/*=== メイン　小見出し  ===*/
div#main h4 {
	font-size:16px;		/*文字サイズ*/
	margin:0px 0px 10px 0px;		/*位置調整*/
	padding:8px 0px 6px 20px;	/*上下パディング10px、左パディング20px*/
	color:#1F5C9E;		/*文字色*/
	letter-spacing: 0.1em;		/*文字間隔*/
	border-bottom:1px solid #1F5C9E;		/*下線の設定*/
	background-image:url(../images/h4.gif);		/*背景画像*/
	background-repeat:no-repeat;		/*背景画像の繰り返無しし*/
	background-position:left center;		/*背景画像の位置*/
}

div#main h5 {
	font-size:14px;		/*文字サイズ*/
	margin:0px 0px 10px 0px;		/*位置調整*/
	color:#1F5C9E;		/*文字色*/
	letter-spacing: 0.1em;		/*文字間隔*/
}

/*=== 本文 ===*/

/*=== 本文 パラグラフ===*/
div#honbun p, #news p, #menu_right1 p {
	font-size:14px;		/*文字サイズ*/
	margin:0px 0px 10px 0px;		/*位置調整*/
	line-height:1.5;		/*行の高さ*/
	text-align: justify;	/*両端揃え*/
}

div#honbun p.newsdate {
	font-size:14px;		/*文字サイズ*/
	padding:0px 0px 0px 0px;	/*上下パディング10px、左パディング20px*/
	margin:10px 0px 0px 0px;		/*位置調整*/
}

div#honbun h3.newstitle {
	font-size:15px;		/*文字サイズ*/
	margin:0px 0px 10px 0px;		/*位置調整*/
	padding:10px 0px 10px 0px;	/*上下パディング10px、左パディング20px*/
	color:#333333;		/*文字色*/
	letter-spacing: 0.1em;		/*文字間隔*/
	background-image:url(../images/line01.gif);		/*背景画像*/
	background-repeat:repeat-x;		/*背景画像の繰り返し*/
	background-position:left bottom;		/*背景画像の位置*/
}

/*=== 本文 数字付リスト===*/
div#honbun ol, #news ol, #menu_right1 ol {
	padding:0px 0px 10px 20px;	/*上下パディング10px、左パディング20px*/
	font-size:14px;		/*文字サイズ*/
	line-height:1.5;		/*行の高さ*/
}

/*=== 本文 リスト===*/
div#honbun ul, #news ul, #menu_right1 ul {
	padding:0px 0px 10px 20px;	/*上下パディング10px、左パディング20px*/
	font-size:14px;		/*文字サイズ*/
	line-height:1.5;		/*行の高さ*/
}

/*=== 本文 リンクの設定===*/
div#honbun a, #news a {
	text-decoration: none;		/*リンク部分の下線：無し*/
	color:#00b6b3;		/*文字色*/
}

div#honbun a:hover, #news a:hover {
	text-decoration: underline;		/*リンクにマウスが乗ったら下線を表示*/
	color:#00b6b3;		/*文字色*/
}

/*=== フッターメニュー ===*/

#menu_footer {
	clear:both;		/*回り込み解除*/
	width:980px; height:26px;		/*フッターメニューの幅・高さ*/
	background-color: #003e80;		/*背景色*/
	font-size:12px;		/*文字の大きさ*/
	color:#ffffff;		/*文字色*/
}

#menu_footer li {
	float:right;		/*リスト項目：横並び*/
	padding:0px 10px;		/*位置調整*/
	border-left:1px solid #ffffff;		/*項目の左の境界線の設定*/
	list-style-type:none;		/*リストマーカー：無し*/
	display:inline;		/*リスト項目：インライン表示*/
	color:#ffffff;		/*文字色*/
	line-height:26px;		/*行の高さ*/
}

#menu_footer li a {
	color:#ffffff;		/*文字色*/
	text-decoration:none;		/*リンク部分の下線：無し*/
}

#menu_footer li a:link{
	color:	#ffffff;		/*文字色*/
}

#menu_footer li a:visited{
	color:	#ffffff;		/*文字色*/
}

#menu_footer li a:hover {
	text-decoration:underline;		/*リンクにマウスが乗ったら下線を表示*/
}

#menu_footer p {
	padding:0px 0px;		/*上パディング7px*/
	font-size:12px;		/*文字の大きさ*/
	text-align:center;		/*センタリングする*/
	color:#ffffff;		/*文字色*/
	line-height:26px;		/*行の高さ*/
}

/*=== コピーライト表記 ===*/

div#copyright {
	clear:both;		/*回り込み解除*/
	font-size:12px;		/*文字の大きさ*/
	height:16px;		/*高さの指定*/
	text-align:center;		/*センタリングする*/
	line-height:16px;		/*行の高さ*/
}

/*=== その他・段組み解除 ===*/
.floatClear{
	clear:	both;
	overflow:	hidden;
}