@charset "utf-8";
/* CSS Document */


html {
}

body {
	font: 100%/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	/*background-color: #c3a68a;*/
	/*background-color: #ddd;*/
	background-image:url(../images/bg.jpg);
	margin: 0;
	padding: 0;
	color: #000;
}

table{
	border: 2px solid;
	border-collapse: collapse;
	border-color: #911D22;
}

th{
	font-weight: normal;
	border: 1px solid;
	border-color: #911D22;
}

td{
	border: 1px solid;
	border-color: #911D22;
	padding: 0 5px;
}

/*最上のボーダー*/
.tablesubtitle {
	border-top : solid 2px #911D22;	
}

/* ~~ エレメント / タグセレクター ~~ */
ul, ol, dl { /* ブラウザー間の相違により、リストの余白とマージンをゼロにすることをお勧めします。一貫性を保つために、量をここで指定するか、リストに含まれるリスト項目 (LI、DT、DD) で指定できます。より詳細なセレクターを記述しない限り、ここで指定する内容が .nav リストにも適用されることに注意してください。 */
	padding: 0;
	margin: 0;
}

/* 羅列の行間設定 */
li {
	line-height: 185%;
	margin-left: 1em;
}

h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 /* 上マージンを削除すると、マージンを含む div からマージンがはみ出す場合があるという問題を回避できます。残った下マージンにより、後続のエレメントからは離されます。 */
	padding-right: 15px;
	padding-left: 15px; /* div 自体ではなく div 内でエレメントの両側に余白を追加すると、ボックスモデル計算が不要になります。代わりに、両側に余白を指定した div をネストして使用することもできます。 */
}


a img { /* このセレクターは、一部のブラウザーでイメージをリンクで囲んだ場合にイメージの周囲に表示される初期設定の青いボーダーを削除します。 */
	border: none;
}
/* ~~ サイトのリンクのスタイル付けは、ホバー効果を作成するセレクターグループも含め、この順序にする必要があります。~~ */


a:link {
	color: #911D22;
	text-decoration: underline; /* 非常に特殊な表示方法でリンクをスタイル付けする場合を除き、一目で見分けられるように下線を指定することをお勧めします。 */
}

a:visited {
	color: #CA7070;
	text-decoration: underline;
}
a:hover, a:active, a:focus { /* このセレクターグループは、キーボードを使用するユーザーに対し、マウスを使用するユーザーと同じホバー効果を提供します。 */
	text-decoration: none;
}

/* ~~ この固定幅コンテナが他の div を囲みます。~~ */
.container {
	width: 960px;
	background-color: #F6F6F6;
	margin: 0 auto;
	 /* 幅に加え、両側を自動値とすることで、レイアウトが中央に揃います。 */
}

#emlist ul{ /*リストを大きく見やすく*/
	font-size: 1.2em;
}

.txtbox { /*長いテキストを見やすい幅に調整,contentは880px*/
    margin-left: 90px;
	width: 700px;
}

#count {
	text-align: right;
}

.old {
	background-color: #cacaca;
	font-size: 1em;
	height: 50px;
	text-align: center;
}

.old a {
	color: black;
	line-height: 50px;
	display: block;
	text-decoration: none;
}

/* ~~ ヘッダーには幅は指定されません。ヘッダーはレイアウトの幅全体まで広がります。ヘッダーには、ユーザー独自のリンクされたロゴに置き換えられるイメージプレースホルダーが含まれます。~~ */
.header {
	padding-top: 5px;
	height: 200px;
}

.logo {
	float: left;
	margin: 0px 20px;
}

.headcontents {
	width: 700px;
	height: 200px;
	margin-top: 0px;
	margin-left: 220px;
	background-color: #911D22;
	_margin-top: -200px;
	_margin-left: 240px;
	_height: 200px;
}


.headtitle {
	width: 580px;
	padding-top : 112px;
	padding-left: 193px;
	color: #EEE;
	font-size: 3em;
	
	position: relative;
	z-index: 1;
	*width: 700px;
}

.ht2 {
	font-size: 0.7em;
	color: #DDD3D4;
}

.ht3 {
	font-size: 0.6em;
}

.flash {
	position: absolute;
	z-index: 2;
}

/* 臙脂色は#911D22, Flashは各+25(#AA363B)(78) */


/* トップメニューに関して */
.topmenu {
	width: 880px;
	margin: 0 40px;
	height: 50px;
	*margin-top: 30px;
}

.topmenu li {
		width: 110px;
		line-height: 140%;
		margin-left: 0;
		text-align: center;
		list-style-type : none;
		float: left;
}

.topmenu  li a {
		height: 50px;
		border-style:solid; border-width:1px; border-color: #AAA; border-collapse:collapse;
		color: #911D22;
		display: block;
		text-decoration: none;
		*height: 100%;
		
		width: 110px;
		display: table-cell;
		vertical-align: middle;
		text-align: center;
		position: relative;
		top: -50%;
		
		
		/width: 108px;
		/zoom: 1;
		/height: 50px;
}

#toppage {
	background-color: #911D22;
	color: #FFF;
}


#profile {
	
}

#aboutqu {
	background-color: #911D22;
	color: #FFF;	
}

#member {
}

#information {
	background-color: #911D22;
	color: #FFF;
}

#research {
	
}

#contact {
	background-color: #911D22;
	color: #FFF;
}

#link {
	
}


.formstyle form {
scrollbar-arrow-color:#000000;
scrollbar-face-color:#B13D42;
scrollbar-3dlight-color:#000000;
scrollbar-darkshadow-color:#000000;
scrollbar-highlight-color:#911D22;
scrollbar-shadow-color:#911D22;
scrollbar-track-color:#CCCCCC;
}


/* ~~ これはレイアウト情報です。~~ 

1) 余白は、div の上部または下部にのみ配置されます。この div 内のエレメントには、それ自体に余白があるので、ボックスモデル計算を行う必要がありません。ただし、div 自体に両側の余白やボーダーを指定した場合、その値が加算されたものが合計幅になることに注意してください。div 内のエレメントの余白を削除し、さらにその div 内に、全体のデザインに必要な幅や余白を指定していない 2 つ目の div を追加することもできます。

*/

.doctor {
	margin-top: -15px;
}

.content {
	width:880px;
	padding: 25px 40px 0;

}

.content caption {
	text-align: left;
	padding-left: 10px;
	padding-top: 15px;
}

.textform {
	width:370px ;
	padding: 10px 0 0;
	margin-left : auto ; margin-right : auto ;
}

.formtitle {
	height: 40px;
	line-height: 40px;
	width: 100%;
	padding-left: 10px;
	background-image: url(../images/formtitle.jpg);
	background-repeat: repeat-x;
	border: 1px solid;
	border-bottom: hidden;
	
}

.formcontent {
	width: 376px; margin: 0px;
}

.topspace {
	padding-top: 10px;
}


/* ~~ 上部リンク ~~ */
.toplink {
	margin: 0 0 10px;
	font-size: 0.9em;
}

/* ~~ 見出しタイトル ~~ */
.contenttitle {
	background-color: #911D22;
	width: 880px;
	height: 55px;
	color: white;
	font-size: 1.3em;
	position: relative;
	margin: 0 0 25px;
}

.contentname {
	padding: 5px 10px;
}

.contentsubname {
	font-size: 14px;
	font-style: italic;
	right: 5px;
	position: absolute;
	bottom: 0;
}

.subcontenttitle {
	color: #911D22;
	font-style: italic;
	font-size: 1.8em;
	height: 45px;
	margin-top: 25px;
}

.subcontenttitle2 {
	color: #911D22;
	font-style: italic;
	font-size: 1.4em;
	height: 40px;
	margin-top: 25px;
}
/* ~~ プロフィール ~~ */
.profilename {
	width: 400px;
	height: 85px;
	/*height: 100px;*/
	/* margin: 100px 10px 0; */
	margin: 0 10px;
	border: thin solid;
	/* position: absolute; */
}

.profilephoto {
	margin: 0 465px;
}

.profilecareer {
	width: 600px;
	height: 215px;
	margin: 5px 10px 0;
	border: thin solid;
}

.profileattached {
	width: 600px;
	height: 200px;
	margin: 5px 10px 0;
	border: thin solid;
}

.profilehobby {
	width: 600px;
	height: 90px;
	margin: 5px 10px 0;
	border: thin solid;
}

.subtitle {
	padding: 15px 10px 5px;
	color: #911D22;
	font-size: 1.3em;
}

.subtitle2 {
	padding: 15px 30px 5px;
	color: #911D22;
	font-size: 1.3em;
}

/*メディア*/

.y_index {
	font-size: 0.85em;
	margin-left: 40px;
	margin-bottom: 15px;
}

.np_database {
	font-size: 0.80em;
	margin-top: 25px;
	margin-left: 40px;
	margin-bottom: 30px;
}

.yhead {
	margin-left: 50px;
}

.newspapertable {
	width: 90%;
	text-align:center;
	border-right: solid 2px #911D22;
	margin-top: 10px;
	margin-left: auto;margin-right: auto;
}

.newspapertable th {
	border-right: solid 2px #911D22;
}

.newspapertable td {
	height: 152px;
	border-right: solid 2px #911D22;
	text-align:left;
}

.newspapertable span {
	margin-left: 0px;
}

.newspapertable img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 200px;
	vertical-align:middle;
}

.np_imgcell {
	overflow: hidden;
	width: 190px; height: 150px;
}

.np_imgcell p{
	width: 100px;height: 100px;
	margin-top: -40px; margin-left: -20px;
	*margin-left: 0px;
}

.np_expcell {
}

.schedule {
	width: 840px;
	font-size: 0.8em;
	margin-left: 20px;
}

.schedule caption {
	text-align: right;
}

.schedule th {
	font-size: 1.1em;
}

.schhead { background-color: #911D22; color: #FFF; }
.schmonth {text-align: left; background-color: #911D22; color: #FFF; font-weight: bold;}
.sch1 {	width: 35%;}
.sch2 {	width: 8%; text-align:center; }
.sch3 {	width: 9%; text-align:center; }
.sch4 {	width: 29%; text-align:center; }
.sch5 {	width: 6%; text-align:center; }
.sch6 {	width: 13%; text-align:center; }
.sch7 {	width: 27%; text-align:center; }

/* ~~ メンバー ~~ */

.lecturer {
	margin:0 85px;
}

.lecturer table{
	margin:5px 0 45px;
}

.lecturer th {
	width: 88px;
	border-right: solid 2px #911D22;
}

.lecturer li {
	font-size: 1.1em;
}

.lecturer td {
	width: 622px;
	text-align: left;
}


#region {
	font-size: 0.85em;
}

#region ul{
	font-size: 1.05em;
}

#region li {
	line-height: 2em;
}


/* ~~ Q-Uについて ~~ */

#qumenu {
	margin-left: 20px;
}

#qumenu li {
	margin-right: 1.75em;
	float: left;
	text-indent: -0.55em;
	list-style-type : none;
}

#qumenu li a {
	text-decoration: none;
	
}

#qumenu span {
}

#qucontent {
	margin-left: 30px;
}

.qu_ruledline {
	position: absolute;
	z-index: 1;
	*z-index: 0;
}

.qumaptitle {
	margin-left: 612px;
	width: 155px;
	height: 30px;
}

.qumap {
	height: 500px;
}

.qumap li {
	margin-left: 610px;
	width: 160px;
	height: 30px;
	line-height: 30px;
	list-style-type: none;
	float: left;
}

.qumap li a {
		width: 160px;
		height: 29px;
		line-height: 29px;
		border-style:solid; border-width:1px; border-color: #AAA; border-collapse:collapse;
		color: #911D22;
		display: block;
		text-decoration: none;
		
		margin-top: 17px;
		vertical-align: middle;
		text-align: center;
		position: relative;
		top: -50%;
}

.qumap a span {
	color: #000;
}

.qumap a:link span {
	display: none;
}

.qumap a:hover span {
	display: inline;
}
/*==========*/

#qumap0 {
	position: absolute;
	z-index: 3;
	margin-top: -1px;
}

.qumap1 a:hover,.qumap2 a:hover,.qumap3 a:hover,
.qumap4 a:hover,.qumap5 a:hover,.qumap6 a:hover{
	color: #EEE;
	background-color: #911D22;
}

#qusel1 {
	position: absolute;
	background-image: url(../images/qumap1.png);
	width: 599px;
	height: 484px;
	margin-top: -34px;
	*margin-top: -7px;
	margin-left: -715px;
	background-repeat: no-repeat;
	z-index: 5;
}

#qusel2 {
	position: absolute;
	background-image: url(../images/qumap2.png);
	width: 599px;
	height: 484px;
	margin-top: -64px;
	*margin-top: -37px;
	margin-left: -723px;
	background-repeat: no-repeat;
	z-index: 5;
}

#qusel3 {
	position: absolute;
	background-image: url(../images/qumap3.png);
	width: 599px;
	height: 484px;
	margin-top: -94px;
	*margin-top: -67px;
	margin-left: -747px;
	background-repeat: no-repeat;
	z-index: 5;
}

#qusel4 {
	position: absolute;
	background-image: url(../images/qumap4.png);
	width: 599px;
	height: 484px;
	margin-top: -124px;
	*margin-top: -97px;
	margin-left: -723px;
	background-repeat: no-repeat;
	z-index: 5;
}

#qusel5 {
	position: absolute;
	background-image: url(../images/qumap5.png);
	width: 599px;
	height: 484px;
	margin-top: -154px;
	*margin-top: -127px;
	margin-left: -723px;
	background-repeat: no-repeat;
	z-index: 5;
}
/*==========*/
#qusel2-1 {
	position: absolute;
	background-image: url(../images/qumap1-2.png);
	width: 599px;
	height: 484px;
	margin-top: -34px;
	*margin-top: -7px;
	margin-left: -715px;
	background-repeat: no-repeat;
	z-index: 5;
}

#qusel2-2 {
	position: absolute;
	background-image: url(../images/qumap2-2.png);
	width: 599px;
	height: 484px;
	margin-top: -64px;
	*margin-top: -37px;
	margin-left: -715px;
	background-repeat: no-repeat;
	z-index: 5;
}

#qusel2-3 {
	position: absolute;
	background-image: url(../images/qumap3-2.png);
	width: 599px;
	height: 484px;
	margin-top: -94px;
	*margin-top: -67px;
	margin-left: -731px;
	background-repeat: no-repeat;
	z-index: 5;
}

#qusel2-4 {
	position: absolute;
	background-image: url(../images/qumap4-2.png);
	width: 599px;
	height: 484px;
	margin-top: -124px;
	*margin-top: -97px;
	margin-left: -731px;
	background-repeat: no-repeat;
	z-index: 5;
}

#qusel2-5 {
	position: absolute;
	background-image: url(../images/qumap5-2.png);
	width: 599px;
	height: 484px;
	margin-top: -154px;
	*margin-top: -127px;
	margin-left: -715px;
	background-repeat: no-repeat;
	z-index: 5;
}

#qusel2-6 {
	position: absolute;
	background-image: url(../images/qumap6-2.png);
	width: 599px;
	height: 484px;
	margin-top: -184px;
	*margin-top: -127px;
	margin-left: -715px;
	background-repeat: no-repeat;
	z-index: 5;
}
/*==========*/

#quexp1 {
	position: absolute;
	width: 215px;
	margin-top: 180px;
	margin-left: -105px;
	text-align: left;
}
#quexp2 {
	position: absolute;
	width: 215px;
	margin-top: 150px;
	margin-left: -113px;
	text-align: left;
}
#quexp3 {
	position: absolute;
	width: 215px;
	margin-top: 120px;
	margin-left: -137px;
	text-align: left;
}
#quexp4 {
	position: absolute;
	width: 215px;
	margin-top: 90px;
	margin-left: -113px;
	text-align: left;
}
#quexp5 {
	position: absolute;
	width: 215px;
	margin-top: 60px;
	margin-left: -113px;
	text-align: left;
}

#quexp1-2 {
	position: absolute;
	width: 215px;
	margin-top: 210px;
	margin-left: -105px;
	text-align: left;
}
#quexp2-2 {
	position: absolute;
	width: 215px;
	margin-top: 180px;
	margin-left: -105px;
	text-align: left;
}
#quexp3-2 {
	position: absolute;
	width: 215px;
	margin-top: 150px;
	margin-left: -120px;
	text-align: left;
}
#quexp4-2 {
	position: absolute;
	width: 215px;
	margin-top: 120px;
	margin-left: -120px;
	text-align: left;
}
#quexp5-2 {
	position: absolute;
	width: 215px;
	margin-top: 90px;
	margin-left: -105px;
	text-align: left;
}
#quexp6-2 {
	position: absolute;
	width: 215px;
	margin-top: 60px;
	margin-left: -105px;
	text-align: left;
}

/*research*/
#bookstable {
	width: 100%;
	text-align:center;
	border-right: solid 2px #911D22;
	margin-top: 10px;
	margin-left: auto;margin-right: auto;
}

#bookstable caption {
	text-align:left;
}

#bookstable th {
	border-right: solid 2px #911D22;
}

#bookstable td {
	height: 102px;
	border-right: solid 2px #911D22;
	text-align:left;
}

#bookstable img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	height: 100px;
}

.imgcell {
	width: 100px;
}

.tabletitlecell {
	width: 65%;
}

.expcell {
	width: 33%;
	font-size: 0.9em;
}

/*books*/
#books div{
	margin-top: 30px;
}

#books li{
	line-height: 1.8em;
}

/* ~~ フッター ~~ */
.footer {
	margin-top: 25px;
	height: 60px;
	font-size: 0.85em;
	background-color: #EEE;
}

.footer p{
	line-height: 60px;
	text-align: center;
}

/* ~~ その他の float/clear クラス ~~ */
.fltrt {  /* このクラスを使用すると、ページ内でエレメントを右にフローティングさせることができます。フローティングさせるエレメントは、ページ内で横に並べて表示するエレメントの前に指定する必要があります。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* このクラスを使用すると、ページ内でエレメントを左にフローティングさせることができます。フローティングさせるエレメントは、ページ内で横に並べて表示するエレメントの前に指定する必要があります。 */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* このクラスは、#footer が #container から削除されているか取り出されている場合に、<br /> または空の div で、フローティングさせる最後の div に続く最後のエレメントとして (#container 内に) 配置できます。 */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

/*小さく*/
.small{
	font-size: 0.85em;
}

.bottom {
	position: absolute;
	bottom: 0;
}

.txtcen {
	text-align: center;
}