﻿/****************************************************************************************************************/
/*														*/
/* <機能>													*/
/*	本文ブロック「contents」中の学際20号専用ＣＳＳ								*/
/*														*/
/*														*/
/* <履歴>													*/
/*	080212 	大石	新規作成										*/
/*	080220　山本	本文ブロック「contents」の「p.note」修正						*/
/*				font-weight: bold;	文字の太さ＝太字			追加		*/
/*				color: #003399;		文字色＝群青（弱め			色変更		*/
/*			本文ブロック「contents」の「p.photoComent」修正						*/
/*				text-align: center;	文字の横方向の表示位置＝センター　	変更		*/
/*	080227 	大石	20号用の論文名ボックスを一通り揃えた。							*/
/*				<div id="JamesGSpeth"・・・>							*/
/*				<div id="KurosakaAndMiyagawa"・・・>						*/
/*				<div id="KatoHisakazu"・・・>							*/
/*				<div id="HasimotoZentaro"・・・>						*/
/*				<div id="HaraTakesi"・・・>							*/
/*				<div id="AsakaiKazuo"・・・>							*/
/*				<div id="KatoHisatake"・・・>							*/
/*				<div id="KurosakaMiwako""・・・>						*/
/*				<div id="MinamiKenko"・・・>							*/
/*				<div id="ItidaNoritaka"・・・>							*/
/*				<div id="MiyakawaTadao"・・・>							*/
/*				<div id="MukoyamaKunihito"・・・>						*/
/*				<div id="HatakeyamaSigeatu"・・・>						*/
/*				<div id="SegutiKazunori"・・・>							*/
/*				<div id="IijimaHorosi"・・・>							*/
/*				<div id="ItoKunio"・・・>							*/
/*				<div id="UedaAtuo"・・・>							*/
/*				<div id="ItoMasatosi"・・・>							*/
/*				<div id="KasikawaYasuji"・・・>							*/
/*				<div id="AizawaHideyuki"・・・>							*/
/*				<div id="ThKOtosuki"・・・>							*/
/*				<div id="KonoSigemi"・・・>							*/
/*				<div id="KatoHirokazu"・・・>							*/
/*	080227 	大石	本文ブロック「contents」の「p.note」「p.photoComent」削除				*/
/*			→「gakusai_screen.css」に含める。							*/
/*	080304 	山本	本文ブロック「contents」中の「未来を創るフロンティア」ボックス高さ100px→151pxへ	*/
/*	　　　　　　	本文ブロック「contents」中の「学際人の肖像」ボックス高さ100px→各自サイズへ		*/
/*	　　　　　　	本文ブロック「contents」中の「がくさい・えっせい」ボックス高さ100px→各自サイズへ	*/
/*	080304 	大石	論文名ボックス「AizawaHideyuki」中の相沢英之論文タイトル画像については、		*/
/*			下記IDをつけて位置調整する。								*/
/*				<img src="img/4-2_1.jpg" ・・・ ID="AizawaHideyuki_TitleImage" >		*/
/*			オトスキー論文中のオトスキー発言者シンボル図については、				*/
/*			下記IDをつける。									*/
/*				<img src="img/5-1_3.jpg" ・・・ ID="SpeakerSymbol">				*/
/*	080307 	大石	左メニューブロック「side1」の表紙画像ブロック「HyousiImageBox」中の画像			*/
/*			に枠線を入れる。	→	はずす。						*/
/*	080308 	大石	本文ブロック「contents」中の「南研子メッセージ画像」については、下記ＩＤをつけ、	*/
/*			枠色と背景色を白にした。								*/
/*				<img src="img/2-2-1_2.jpg" ・・・ ID="MinamiKenko-Message">			*/
/*														*/
/* <注意>													*/
/*	●本CSSファイルの論文名ブロックでバックグランド画像を下記のように定義すると、				*/
/*	　IEではＯＫだがFireFoxとSafariではＮＧとなるので、HTML側に<img ・・・>に定義するようにした。		*/
/*		background-image: url(../img/tokushu1.gif);		背景画像				*/
/*		background-repeat: no-repeat;				背景画像の並び方			*/
/*		background-position: left center;			背景画像の位置				*/
/*		background-attachment: fixed;				背景画像＝固定（スクロール無し）	*/
/*														*/
/****************************************************************************************************************/


/*----------------------------------------------------------------------------------------------*/
/*	左メニューブロック「side1」の表紙画像ブロック「HyousiImageBox」中の画像			*/
/*	に枠線を入れる。									*/
/*		<div id="HyousiImageBox" title="学際２０号の表紙">				*/
/*		<img src="img/gakusai20.jpg" width="168" height="247" name="学際２０号の表紙">	*/
/*		</div>										*/
/*----------------------------------------------------------------------------------------------*/
div#side1 #HyousiImageBox img {			/*【表紙画像ブロック中の画像】		*/
/*	border: 1px solid #C0C0C0;	*/	/*	枠線（色＝silver）		*/
}


/*--------------------------------------------------------------------------------------*/
/*	本文ブロック「contents」中の「巻頭言」で用いる論文名ボックス			*/
/*--------------------------------------------------------------------------------------*/
div#contents #JamesGSpeth {
	width: 500px;					/*	ボックスの幅			*/
	height: 207px;					/*	ボックスの高さ			*/
	margin: auto;					/*	マージン　(外側の余白)		*/
	padding: 0px;					/*	パディング(内側の余白)		*/
	border: 1px solid #FFFFFF;			/*	枠線（色＝white）		*/
}
/*----------------------------------------------------------------------------------------------*/
/*	本文ブロック「contents」中の「特集:持続可能な未来のビジョン」で用いる論文名ボックス	*/
/*----------------------------------------------------------------------------------------------*/
div#contents #KurosakaAndMiyagawa {
	width: 500px;					/*	ボックスの幅			*/
	height: 207px;					/*	ボックスの高さ			*/
	margin: auto;					/*	マージン　(外側の余白)		*/
	padding: 0px;					/*	パディング(内側の余白)		*/
	border: 1px solid #FFFFFF;			/*	枠線（色＝white）		*/
}
div#contents #KatoHisakazu {
	width: 500px;					/*	ボックスの幅			*/
	height: 151px;					/*	ボックスの高さ			*/
	margin: auto;					/*	マージン　(外側の余白)		*/
	padding: 0px;					/*	パディング(内側の余白)		*/
	border: 1px solid #FFFFFF;			/*	枠線（色＝white）		*/
}
div#contents #HasimotoZentaro {
	width: 500px;					/*	ボックスの幅			*/
	height: 151px;					/*	ボックスの高さ			*/
	margin: auto;					/*	マージン　(外側の余白)		*/
	padding: 0px;					/*	パディング(内側の余白)		*/
	border: 1px solid #FFFFFF;			/*	枠線（色＝white）		*/
}
div#contents #HaraTakesi {
	width: 500px;					/*	ボックスの幅			*/
	height: 151px;					/*	ボックスの高さ			*/
	margin: auto;					/*	マージン　(外側の余白)		*/
	padding: 0px;					/*	パディング(内側の余白)		*/
	border: 1px solid #FFFFFF;			/*	枠線（色＝white）		*/
}
div#contents #AsakaiKazuo {
	width: 500px;					/*	ボックスの幅			*/
	height: 151px;					/*	ボックスの高さ			*/
	margin: auto;					/*	マージン　(外側の余白)		*/
	padding: 0px;					/*	パディング(内側の余白)		*/
	border: 1px solid #FFFFFF;			/*	枠線（色＝white）		*/
}
div#contents #KatoHisatake {
	width: 500px;					/*	ボックスの幅			*/
	height: 151px;					/*	ボックスの高さ			*/
	margin: auto;					/*	マージン　(外側の余白)		*/
	padding: 0px;					/*	パディング(内側の余白)		*/
	border: 1px solid #FFFFFF;			/*	枠線（色＝white）		*/
}
div#contents #KurosakaMiwako {
	width: 500px;					/*	ボックスの幅			*/
	height: 191px;					/*	ボックスの高さ			*/
	margin: auto;					/*	マージン　(外側の余白)		*/
	padding: 0px;					/*	パディング(内側の余白)		*/
	border: 1px solid #FFFFFF;			/*	枠線（色＝white）		*/
}
/*--------------------------------------------------------------------------------------*/
/*	本文ブロック「contents」中の「未来を創るフロンティア」で用いる論文名ボックス	*/
/*--------------------------------------------------------------------------------------*/
div#contents #MinamiKenko {
	width: 500px;				/*	ボックスの幅			*/
	height: 151px;				/*	ボックスの高さ			*/
	margin: auto;				/*	マージン　(外側の余白)		*/
	padding: 0px;				/*	パディング(内側の余白)		*/
	border: 1px solid #C0C0C0;		/*	枠線（色＝silver）		*/
	border: 1px solid #FFFFFF;		/*	枠線（色＝white）		*/
}
div#contents #MinamiKenko-Message {		/*【南研子メッセージ画像】		*/
	float: left;				/*	ブロック配置＝左寄せ		*/
	margin-top: 0px;			/*	上マージン(外側の上余白)	*/
	margin-bottom: 0px;			/*	下マージン(外側の下余白)	*/
	margin-left: 20px;			/*	左マージン(外側の左余白)	*/
	margin-right: 10px;			/*	右マージン(外側の右余白)	*/
	padding: 5px;				/*	パディング(内側の余白)		*/
	background-color: #FFFFFF;		/*	背景色＝white			*/
	border: 1px solid #FFFFFF;		/*	枠線（色＝white）		*/
}
div#contents #ItidaNoritaka {
	width: 500px;				/*	ボックスの幅			*/
	height: 151px;				/*	ボックスの高さ			*/
	margin: auto;				/*	マージン　(外側の余白)		*/
	padding: 0px;				/*	パディング(内側の余白)		*/
	border: 1px solid #C0C0C0;		/*	枠線（色＝silver）		*/
	border: 1px solid #FFFFFF;		/*	枠線（色＝white）		*/
}
div#contents #MiyakawaTadao {
	width: 500px;				/*	ボックスの幅			*/
	height: 151px;				/*	ボックスの高さ			*/
	margin: auto;				/*	マージン　(外側の余白)		*/
	padding: 0px;				/*	パディング(内側の余白)		*/
	border: 1px solid #C0C0C0;		/*	枠線（色＝silver）		*/
	border: 1px solid #FFFFFF;		/*	枠線（色＝white）		*/
}
div#contents #TanakaYasuyosi {
	width: 500px;				/*	ボックスの幅			*/
	height: 151px;				/*	ボックスの高さ			*/
	margin: auto;				/*	マージン　(外側の余白)		*/
	padding: 0px;				/*	パディング(内側の余白)		*/
	border: 1px solid #C0C0C0;		/*	枠線（色＝silver）		*/
	border: 1px solid #FFFFFF;		/*	枠線（色＝white）		*/
}
div#contents #MukoyamaKunihito {
	width: 500px;				/*	ボックスの幅			*/
	height: 151px;				/*	ボックスの高さ			*/
	margin: auto;				/*	マージン　(外側の余白)		*/
	padding: 0px;				/*	パディング(内側の余白)		*/
	border: 1px solid #C0C0C0;		/*	枠線（色＝silver）		*/
	border: 1px solid #FFFFFF;		/*	枠線（色＝white）		*/
}
div#contents #HatakeyamaSigeatu {
	width: 500px;				/*	ボックスの幅			*/
	height: 151px;				/*	ボックスの高さ			*/
	margin: auto;				/*	マージン　(外側の余白)		*/
	padding: 0px;				/*	パディング(内側の余白)		*/
	border: 1px solid #C0C0C0;		/*	枠線（色＝silver）		*/
	border: 1px solid #FFFFFF;		/*	枠線（色＝white）		*/
}
div#contents #SegutiKazunori {
	width: 500px;				/*	ボックスの幅			*/
	height: 151px;				/*	ボックスの高さ			*/
	margin: auto;				/*	マージン　(外側の余白)		*/
	padding: 0px;				/*	パディング(内側の余白)		*/
	border: 1px solid #C0C0C0;		/*	枠線（色＝silver）		*/
	border: 1px solid #FFFFFF;		/*	枠線（色＝white）		*/
}
div#contents #IijimaHorosi {
	width: 500px;				/*	ボックスの幅			*/
	height: 151px;				/*	ボックスの高さ			*/
	margin: auto;				/*	マージン　(外側の余白)		*/
	padding: 0px;				/*	パディング(内側の余白)		*/
	border: 1px solid #C0C0C0;		/*	枠線（色＝silver）		*/
	border: 1px solid #FFFFFF;		/*	枠線（色＝white）		*/
}
/*--------------------------------------------------------------------------------------*/
/*	本文ブロック「contents」中の「学際人の肖像」で用いる論文名ボックス		*/
/*--------------------------------------------------------------------------------------*/
div#contents #ItoKunio {
	width: 500px;				/*	ボックスの幅			*/
	height: 160px;				/*	ボックスの高さ			*/
	margin: auto;				/*	マージン　(外側の余白)		*/
	padding: 0px;				/*	パディング(内側の余白)		*/
	border: 1px solid #C0C0C0;		/*	枠線（色＝silver）		*/
	border: 1px solid #FFFFFF;		/*	枠線（色＝white）		*/
}
div#contents #UedaAtuo {
	width: 500px;				/*	ボックスの幅			*/
	height: 100px;				/*	ボックスの高さ			*/
	margin: auto;				/*	マージン　(外側の余白)		*/
	padding: 0px;				/*	パディング(内側の余白)		*/
	border: 1px solid #C0C0C0;		/*	枠線（色＝silver）		*/
	border: 1px solid #FFFFFF;		/*	枠線（色＝white）		*/
}
div#contents #ItoMasatosi {
	width: 500px;				/*	ボックスの幅			*/
	height: 100px;				/*	ボックスの高さ			*/
	margin: auto;				/*	マージン　(外側の余白)		*/
	padding: 0px;				/*	パディング(内側の余白)		*/
	border: 1px solid #C0C0C0;		/*	枠線（色＝silver）		*/
	border: 1px solid #FFFFFF;		/*	枠線（色＝white）		*/
}
/*--------------------------------------------------------------------------------------*/
/*	本文ブロック「contents」中の「がくさい・えっせい」で用いる論文名ボックス	*/
/*	論文名ボックス「AizawaHideyuki」中の相沢英之論文タイトル画像については、	*/
/*	下記IDをつけて位置調整する。							*/
/*		<img src="img/4-2_1.jpg" ・・・ ID="AizawaHideyuki_TitleImage" >	*/
/*--------------------------------------------------------------------------------------*/
div#contents #KasikawaYasuji {
	width: 500px;				/*	ボックスの幅			*/
	height: 270px;				/*	ボックスの高さ			*/
	margin: auto;				/*	マージン　(外側の余白)		*/
	padding: 0px;				/*	パディング(内側の余白)		*/
	border: 1px solid #C0C0C0;		/*	枠線（色＝silver）		*/
	border: 1px solid #4169E1;		/*	枠線（色＝royalblue）		*/
}
div#contents #AizawaHideyuki {
	width: 500px;				/*	ボックスの幅			*/
	height: 100px;				/*	ボックスの高さ			*/
	margin: auto;				/*	マージン　(外側の余白)		*/
	padding: 0px;				/*	パディング(内側の余白)		*/
	border: 1px solid #C0C0C0;		/*	枠線（色＝silver）		*/
	border: 1px solid #4169E1;		/*	枠線（色＝royalblue）		*/
}
div#contents #AizawaHideyuki_TitleImage {	/*【相沢英之論文タイトル画像の位置調整】*/
	margin-top: 15px;			/*	上マージン(外側の上余白)	*/
	margin-bottom: 0px;			/*	下マージン(外側の下余白)	*/
	margin-left: 35px;			/*	左マージン(外側の左余白)	*/
	margin-right: 0px;			/*	右マージン(外側の右余白)	*/
}
/*--------------------------------------------------------------------------------------*/
/*	本文ブロック「contents」中の「シリーズ」で用いる				*/
/*		オトスキーの論文名ボックス		「#ThKOtosuki」			*/
/*		オトスキーの枠付き出題ボックス		「#Otosuki_Syutudai」		*/
/*		見出し4のオトスキー出題クラス		「h4.Otosuki_Syutudai」		*/
/*		見出し4のオトスキー発言タイトルクラス	「h4.Otosuki_HatugenTitle」	*/
/*		段落のオトスキー用クラス		「h4.Otosuki_HatugenTitle」	*/
/*		オトスキー論文中のオトスキー発言者シンボル図については、		*/
/*		下記IDをつける。							*/
/*			<img src="img/5-1_3.jpg" ・・・ ID="SpeakerSymbol">		*/
/*--------------------------------------------------------------------------------------*/
div#contents #ThKOtosuki {
	width: 500px;				/*	ボックスの幅			*/
	height: 110px;				/*	ボックスの高さ			*/
	margin: auto;				/*	マージン　(外側の余白)		*/
	padding: 0px;				/*	パディング(内側の余白)		*/
	border: 1px solid #C0C0C0;		/*	枠線（色＝silver）		*/
	border: 1px solid #FFFFFF;		/*	枠線（色＝white）		*/
}
div#contents #Otosuki_Syutudai {		/*【オトスキー枠付き出題ボックス】	*/
	float: left;				/*	ブロック配置＝左寄せ		*/
	width: 4em;				/*	ボックスの幅			*/
	height: auto;				/*	ボックスの高さ			*/
	margin-top: 20px;			/*	上マージン(外側の上余白)	*/
	margin-right: 0px;			/*	右マージン(外側の右余白)	*/
	margin-bottom: 0px;			/*	下マージン(外側の下余白)	*/
	margin-left: 10px;			/*	左マージン(外側の左余白)	*/
	padding: 3px;				/*	パディング(内側の余白)		*/
	font-size: 15px; 			/*	文字のサイズ			*/
	font-weight: bold; 			/*	文字の太さ			*/
	font-style: normal; 			/*	文字のスタイル			*/
	text-align: center;			/*	文字の横方向の表示位置		*/
	text-valign: middle;			/*	文字の縦方向の表示位置		*/
	line-height: 1.2em;			/*	行の間隔＝文字のサイズ×1.0	*/
	color: #060606;				/*	文字色＝濃いグレー		*/
	color: #FF00FF;				/*	文字色＝濃いグレー		*/
	border: 1px solid #000000;		/*	枠線（色＝silver）		*/
}
div#contents h4.Otosuki_Syutudai {		/*【見出し4のオトスキー出題クラス】	*/
	margin-top: 20px;			/*	上マージン(外側の上余白)	*/
	margin-right: 0px;			/*	右マージン(外側の右余白)	*/
	margin-bottom: 0px;			/*	下マージン(外側の下余白)	*/
	margin-left: 0px;			/*	左マージン(外側の左余白)	*/
	padding: 5px;				/*	パディング(内側の余白)		*/
	font-weight: bold;			/*	文字の太さ			*/
	font-size: 16px;			/*	文字のサイズ			*/
	text-align: left;			/*	文字の横方向の表示位置		*/
	text-valign: middle;			/*	文字の縦方向の表示位置		*/
	line-height: 1.2em;			/*	行の間隔＝文字のサイズ×1.0	*/
	color: #800000;				/*	文字色＝maroon			*/
	border: none;				/*	枠線				*/
}
div#contents p.Otosuki_SyutudaiTitle {		/*【見出し4のオトスキー出題タイトルクラス】	*/
	margin: 0px;				/*	マージン(外側の余白)		*/
	padding: 0px;				/*	パディング(内側の余白)		*/
	padding-top: 25px;			/*	上パディング(内側の上余白)	*/
	font-weight: bold;			/*	文字の太さ			*/
	font-size: 15px;			/*	文字のサイズ			*/
	text-align: left;			/*	文字の横方向の表示位置		*/
	text-valign: middle;			/*	文字の縦方向の表示位置		*/
	line-height: 1.2em;			/*	行の間隔＝文字のサイズ×1.0	*/
	color: #800000;				/*	文字色＝maroon			*/
	border: none;				/*	枠線				*/
}
div#contents h4.Otosuki_HatugenTitle {		/*【見出し4のオトスキー発言タイトルクラス】	*/
	margin-top: 0px;			/*	上マージン(外側の上余白)	*/
	margin-right: 0px;			/*	右マージン(外側の右余白)	*/
	margin-bottom: 0px;			/*	下マージン(外側の下余白)	*/
	margin-left: 0px;			/*	左マージン(外側の左余白)	*/
	padding: 5px;				/*	パディング(内側の余白)		*/
	font-weight: bold;			/*	文字の太さ			*/
	font-size: 13px;			/*	文字のサイズ			*/
	text-align: left;			/*	文字の横方向の表示位置		*/
	text-valign: middle;			/*	文字の縦方向の表示位置		*/
	line-height: 1.2em;			/*	行の間隔＝文字のサイズ×1.0	*/
	color: #800000;				/*	文字色＝maroon			*/
	border: none;				/*	枠線				*/	
}
div#contents p.Otosuki {			/*【段落のオトスキー用クラス】		*/
	margin-top: 5px;			/*	上マージン(外側の上余白)	*/
	margin-right: 20px;			/*	右マージン(外側の右余白)	*/
	margin-bottom: 10px;			/*	下マージン(外側の下余白)	*/
	margin-left: 80px;			/*	左マージン(外側の左余白)	*/
	padding: 0px;				/*	パディング(内側の余白)		*/
	font-size: 14px; 			/*	文字のサイズ			*/
	font-weight: normal; 			/*	文字の太さ			*/
	font-style: normal; 			/*	文字のスタイル			*/
	text-align: left;			/*	文字の横方向の表示位置		*/
	text-valign: middle;			/*	文字の縦方向の表示位置		*/
	line-height: 1.6em;			/*	行の間隔＝文字のサイズ×1.6	*/
	text-indent: 0em; 			/*	インデント＝１文字分		*/
	color: #060606;				/*	文字色＝濃いグレー		*/
}
div#contents p.Otosuki b{			/*【段落のオトスキー用クラスの強調】	*/
	font-weight: bold; 			/*	文字の太さ＝太字		*/
}
div#contents #SpeakerSymbol {			/*【オトスキー発言者シンボル図】	*/
	float: left;				/*	ブロック配置＝左寄せ		*/
	margin-top: 0px;			/*	上マージン(外側の上余白)	*/
	margin-bottom: 0px;			/*	下マージン(外側の下余白)	*/
	margin-left: 20px;			/*	左マージン(外側の左余白)	*/
	margin-right: 10px;			/*	右マージン(外側の右余白)	*/
	padding: 5px;				/*	パディング(内側の余白)		*/
	background-color: #FFFFFF;		/*	背景色＝whitesmoke		*/
	border: 1px solid #FFFFFF;		/*	枠線（色＝silver）		*/
}
/*--------------------------------------------------------------------------------------*/
/*	本文ブロック「contents」中の「学際書架」で用いる論文名ボックス			*/
/*--------------------------------------------------------------------------------------*/
div#contents #KonoSigemi {
	width: 500px;				/*	ボックスの幅			*/
	height: 100px;				/*	ボックスの高さ			*/
	margin: auto;				/*	マージン　(外側の余白)		*/
	padding: 0px;				/*	パディング(内側の余白)		*/
	border: 1px solid #C0C0C0;		/*	枠線（色＝silver）		*/
	border: 1px solid #FFFFFF;		/*	枠線（色＝white）		*/
}
div#contents #KatoHirokazu {
	width: 500px;				/*	ボックスの幅			*/
	height: 100px;				/*	ボックスの高さ			*/
	margin: auto;				/*	マージン　(外側の余白)		*/
	padding: 0px;				/*	パディング(内側の余白)		*/
	border: 1px solid #C0C0C0;		/*	枠線（色＝silver）		*/
	border: 1px solid #FFFFFF;		/*	枠線（色＝white）		*/
}


/*--------------------------------------------------------------------------------------*/
/*	本文ブロック「contents」の段落「p」の						*/
/*		段落「p」の図コメントクラス		<p class="photoComent">		*/
/*--------------------------------------------------------------------------------------*/
div#contents p.photoComent{			/*【画像ボックス中の図コメント】	*/
/*	text-align: center;	*/		/*	文字の横方向の表示位置		*/
}
		
