﻿
body {
	width: 950px;
	background-color: #eee;
	margin: 0 auto;
	font-size: 90%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
		"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.3;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	position: relative;
}

p{
	margin: 0 0 1em;
}

a img{
	border-width: 0;
}

ul{
	margin: 1em 0;
	padding-left: 2em;
}

ol{
	margin: 1em 0;
	padding-left: 3em;
}


ul ul, ul ol, ol ul, ol ol{
	margin: 0;
}



h2{
	margin: 0 0 .83em;
	font-weight: bold;
	background-color: #333;
	color: #eee;
	font-size: 120%;
	padding: .2em .7em;
}

h3{
	margin: 1em 0;
	font-size: 120%;
	font-weight: bold;
	background: url(../images/square0213.gif) no-repeat left center;
	padding: .15em 20px;
	border-bottom: double 3px #39c;
}

h4{
	margin: 1.33em 0;
	font-weight: bold;
	font-size: 100%;
	border-left: solid 6px #c6c;
	padding: .15em .5em;
}

p.backToTop{
	text-align: right;
	background: url(../images/triangle0207.gif) no-repeat right center;
	padding-right: 22px;
}

pre{
	border: dashed 1px #09c;
	padding: 1em;
	background-color: #eff;
}


/* tables */

table{
	border-collapse: collapse;
	margin: 1em 0;
}

th, td{
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
}

th{
	text-align: center;
	background-color: #eee;
	padding: .15em 0;
}

td{
	padding: .3em;
}

table.memberList{
	width: 100%;
}
table.memberList img{
	margin-right: 3px;
}

/* other classes */

img.portrait{
	float: left;
	margin: 0 1em 1em 0;
}


dl.chronology dt{
	width: 10em;
	clear: left;
	float: left;
	text-align: right;
}

dl.chronology dd{
	margin-left: 11em;
}

* html dl.chronology dd{
	text-indent: -0.2em;
}

dl.chronology ul, dl.chronology ol{
	margin: 0;
}

p.specialNews{
	font-size: 130%;
	padding: .5em;
	border: solid 1px #f00;
}

p.mainNews{
	font-size: 110%;
	padding: .5em;
	border: solid 1px #f00;
	margin-bottom: 1.5em;
}



/* header block */

div#header h1{
	font-size: 225%;
	color: #073a73;
	margin: 0;
	position: absolute;
	left: 40px;
	top: 25px;
	width: 900px;
}

div#header{
	background-color: #fff;
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
	width: 950px;
	height: 120px;
	position: relative;
	left: 0; top: 0;
}

div#header p#abstract{
	position: absolute;
	left: 60px;
	top: 80px;
	width: 850px;
}

/* main block */

div#main{
	background-color: #fff;
	background-image: url(../images/bg_main.gif);
	background-repeat: repeat-y;
	width: 950px;
	overflow: auto;
}

div#main.movie{
	background-image: none;
	background-color: #fff;
	text-align: center;
}


/* content block */

div#content{
	float: right;
	width: 625px;
	padding: 25px 0;
	margin: 0 25px 0 0;
}

dl#introduced{
	height: 10em;
	overflow: auto;
}

dl.news dt{
	color: #0a51a1;
	font-weight: bold;
	background: url(../images/square0313.gif) no-repeat left center;
	padding-left: 20px;
}

dl.news dd{
	padding: 0 0 .2em 2em;
	margin: 0 0 .3em 0;
	border-bottom: dashed 1px #ccc;
}

p#labPhoto{
	text-align: center;
}

div#content h2{
	clear: both;
}


/* navigation block */


div#navigation{
	/*float: left;*/
	width: 225px;
	padding: 25px 0;
	margin: 0 25px;
}

img#movieIcon{
	border: solid 1px;
}

ul#internalLink{
	list-style: none;
	padding: 0;
	margin: 1em 0;
}

ul#internalLink ul{
	list-style: none;
	padding: 0;
	/*margin: .3em 0 0;*/
	margin: 0 0 .3em;
}

ul#internalLink li{
	border-bottom: dashed 1px #ccc;
	/*padding: .3em 0;*/
	line-height: 1.9em;
}

ul#internalLink li a{
	background: url(../images/arrow0613.gif) no-repeat left center;
	/*padding: .2em 0px .2em 20px;*/
	padding: 0 0 0 20px;
	display: block;
	color: #333;
	text-decoration: none;
	line-height: 2.3em;
}
ul#internalLink li a:hover{
	text-decoration: underline;
}

ul#internalLink ul li{
	/*border-top: dotted 1px #ccc;*/
	border-bottom: none;
	/*padding: .1em 0;*/
	padding: 0;
	line-height: 1.5em;
	margin: 0 0 0 20px;
}

ul#internalLink ul li a{
	background: url(../images/arrow0415.gif) no-repeat left center;
	/*padding: .15em 0px .15em 15px;*/
	line-height: 1.8em;
	height: 1.8em;
	padding: 0 0 0 15px;
	display: block;
	color: #333;
	text-decoration: none;
}


ul#externalLink{
	list-style: none;
	margin: 1em 0;
	padding: 0;
}

ul#externalLink li{
	padding: .2em 0;
}


ul#internalLink a img, ul#externalLink a img{
	/*border-width: 1px;*/
}

p#getFlashPlayer{
	font-size: 75%;
	background-color: #eee;
	padding: .5em;
}

img#flashPlayerIcon{
	float: left;
	margin-right: 5px;
}


/* photo viewer */

div#viewer{
	height: 390px;
	background-color: #eee;
	padding: 1em;
}

div#viewer p#viewerPhotoFrame{
	margin: 0 auto;
	text-align: center;
	height: 360px;
	line-height: 360px;
	color: #888;
}

div#viewer p#viewerButtons{
	margin: 1em;
}

div#viewer p#viewerButtons a.next{
	float: right;
	padding-right: 16px;
	background: url(../images/arrow-right.gif) no-repeat right center;
}

div#viewer p#viewerButtons a.prev{
	float: left;
	padding-left: 16px;
	background: url(../images/arrow-left.gif) no-repeat left center;
}

div#viewer img{
	line-height: 360px;
	background: url(../images/load-big.gif) no-repeat center center;
}

ul#thumbnailList{
	overflow: scroll;
	height: 300px;
	list-style: none;
	padding: 0;
}

ul#thumbnailList li{
	float: left;
	width: 100px;
	margin: 5px;
	padding: 0;
	text-align: center;
}

ul#thumbnailList a img{
	background: #fff url(../images/load-small.gif) no-repeat center center;
	padding: 4px;
	margin: 0;
}

ul#thumbnailList a img.current{
	/*border: solid 3px #ccc;*/
	background-color: #ccc;
}



/* footer block */

div#footer{
	border-top: solid 1px #ccc;
	clear: both;
	padding: 1em 0;
	background-color: #fff;
	width: 950px;
}

address{
	font-style: normal;
	text-align: center;
	margin: 0;
}




/* only for Win IE 4-6, Mac IE (star hack) */

* html div#content{
	margin: 0 12.5px 0 0;
}


/* only for Mac IE (holly hack) \*//*/

div#content{
	margin: 0 25px 0 0;
}

dl#introduced{
	overflow: visible;
}

div#main{
	overflow: hidden;
}

/* holly hack end */ 

