/* CSS Document */


body {
	background: #F6F6F6 url(images/body-bg.jpg) repeat-y center top;
	margin:0px;
}
*html body {
	background: #F6F6F6 url(images/body-bg2.jpg) repeat-y center top;
}
a:link , a:visited {
	color: #0066CC;
	text-decoration: underline;
}
a:hover  { 
	color: #FF3300;
	text-decoration: none;
}
.layout {
	width:780px;
	margin:0px auto 0px;
	background:#FFFFFF url(images/layout-bg.jpg) repeat-x left bottom;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}

.header {
	background:#FFF url(images/header-bg.jpg) no-repeat right bottom;
	border-top:2px solid #0F218B;
	border-right: 1px solid #CCC;
	border-bottom:1px solid #CCC;
	border-left: 1px solid #CCC;
	height:51px;
	width:780px;
	margin:0px auto 0px;
}
.logo1 {
	float:left;
	width:145px;
	text-align:center;
	vertical-align:middle;
	margin:13px 0px;
}
.logo2 {
	float:left;
	border-left:1px solid #0F218B;
	width:245px;
	text-align:center;
	vertical-align:middle;
	margin:13px 0px;
}
.homepage-top {
	float:left;
	text-align:right;
	width:369px;
	padding:30px 20px 0px 0px;
}
.homepage-top img {
	width:154px;
	height:12px;
	border:none;
}
 
.copyright {
	width:740px;
	margin:0px auto;
	padding:10px 20px;
	text-align:right;
	font-size:10px;
	color:#0F218B;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}



/* トップページ */

.top-contents {
	width:auto;
}
.top-menu {
	width:200px;
	margin:10px;
	float:left;
}
.top-menu img {
	width:200px;
	height:50px;
	border:none;
}
.top-flash {
	float:left;
	width:550px;
	margin:10px 0px;
}
.top-topics {
	width:auto;
	background: url(images/top-topics-bg2.jpg) no-repeat right bottom;
}
.top-topics h1 {
	background: url(images/top-topics-bg.jpg) repeat-x left top;
	margin:0px;
	padding:10px 0px 20px 20px;
}
.top-topics div {
	width:358px;
	float:left;
	margin:0px 0px 20px 20px;
	border:1px solid #CCC;
	border-top:3px solid #A5A5A5;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	border-left:1px solid #CCC;
	background-color:#FFF;
	padding:1px 1px 1px 0px;
}
*html .top-topics div {
	margin:0px 0px 20px 12px;
}
.top-topics div h2 {
	margin:0px 0px;
	font-size:16px;
	padding:5px 0px 5px 15px;
	color: #006600;
	width:auto;
	height:20px;
	background-color:#F4F4F4;
	border-bottom:1px solid #CCC;
}
.top-topics div h2 span {
	float:right;
	font-size:12px;
	font-weight:normal;
	padding:0px 10px 0px 0px;
}
.top-topics div h2 span a:link , .top-topics div h2 span a:visited {
	color:#0F218B;
	text-decoration: none;
	background:url(images/arrow.gif) no-repeat left center;
	padding:0px 0px 0px 15px;
}
.top-topics div h2 span a:hover  { 
	color: #FF3300;
	text-decoration: underline;
	background:url(images/arrow_f2.gif) no-repeat left center;
	padding:0px 0px 0px 15px;
}



.top-topics div div {
	height:120px;
	overflow-y:scroll;
	margin:0px !important;
	padding:0px !important;
	border:none !important;
	/*background:#FFF url(images/line-width.gif) repeat-x left top;*/
}
.top-topics div div table {
	width:90%;
	margin:10px auto 0px;
}
.top-topics div div table td {
	padding:0px 0px 5px 10px;
	font-size:85%;
	line-height:120%;
}
.top-topics div div table th {
	white-space:nowrap;
	vertical-align:top;
	color:#0F218B;
	text-align:left;
	padding:0px 0px 5px 0px;
	width:8em;
	font-size:12px;
}

.pagetop {
	margin:10px 20px;
	padding:0px;
	clear: both;
	width:740px;
	text-align:right;
	font-size:10px;
}


/* コンテンツページ共通 */

.contents {
	margin:0px;
	width:560px;
	padding:20px 30px 20px 20px;
	float:left;
	font-size:85%;
}
.menu {
	width:170px;
	float:left;
	padding:10px 0px 0px;
	margin:0px 0px 100px 0px;
}
.menu div {
	width:170px;
}
.menu div img {
	width:165px;
	height:41px;
	border:none;
}

div.page-title {
	width:560px;
	margin:0px 0px 20px;
}
div.page-title .navi {
	background:#8ACA69 url(images/title-bg_01.jpg) no-repeat left top;
	padding:3px 10px 1px;
	font-size:12px;
}
div.page-title .navi img {
	vertical-align:middle;
	margin:0px 10px;
	width:13px;
	height:13px;
}
div.page-title .navi a:link , div.page-title .navi a:visited {
	color:#FFF;
	text-decoration: none;
}
div.page-title .navi a:hover  { 
	color: #FF3300;
	text-decoration: underline;
}
div.page-title .title {
	background:#0E8C35 url(images/title-bg_02.jpg) no-repeat left bottom;
	padding:10px 20px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:130%;
}


/* 研究室紹介 */

table.labo {
	width:100%;
	border:1px solid #CCC;
}
table.labo thead th {
	padding:2px;
	background-color: #E0FED8;
}
table.labo tbody th {
	white-space:nowrap;
	width:28%;
	border:1px solid #EDEDED;
	padding:5px 2px;
}
table.labo tbody td {
	width:18%;
	text-align:center;
	border:1px solid #EDEDED;
	padding:5px 2px;
}
table.labo tbody tr.labs-bg {
	background-color:#EDEDED;
}


/* 研究室レポート */


table.reports {
	width:90%;
	margin:0px auto;
}
table.reports th {
	background:url(images/line-width.gif) repeat-x right bottom;
	padding:15px 10px 2px;
	vertical-align:top;
	white-space:nowrap;
	text-align:left;
	width:10em;
}
table.reports td {
	background:url(images/line-width.gif) repeat-x left bottom;
	padding:15px 10px 2px;
}


h1.reports-title {
	text-align:center;
	margin:0px auto 20px;
	font-size:140%;
	line-height:160%;
	color:#006600;
}
div.reports-name {
	width:100%;
	margin:0px auto 20px;
	text-align:right;
}
div.reports-text {
}

div.reports-text h2 {
	font-size:120%;
	line-height:140%;
	text-decoration:underline;
}
div.reports-text h3 {
	font-size:110%;
	line-height:140%;
	text-decoration:underline;
}

div.reports-text blockquote { 
        background: #f0f8f0;
        padding: 1em;
        margin: 0 1em;
 }

/* 教員紹介 */

table.staff {
	width:100%;
	margin:0px auto 20px;
	border-top:3px solid #A5A5A5;
	border-right:1px solid #949494;
	border-bottom:1px solid #949494;
	border-left:1px solid #CCC;
	background-color:#949494;
}
table.staff tbody {
	background-color:#FFF;
}
table.staff td {
	padding:0px 10px 10px;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
}
table.staff td div {
	margin:10px 0px 0px 0px;
	font-weight:bold;
}
table.staff td ul {
	padding:0px 0px 0px 20px;
	margin:0px;
}
table.staff td ul li {
	padding:0px;
	margin:0px 0px 5px 0px;
	list-style:none outside square;
}
table.staff td.course , table.staff th.course {
	background: #FFF url(images/line-hight.gif) repeat-y right top;
	border-right:none;
	width:12em;
}
table.staff th {
	padding:5px 10px;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
}
table.staff thead th {
	text-align:left;
	padding:10px 10px 0px !important;
	background:#F4F4F4 url(images/staff-th_bg.gif) repeat-x left top;
}
table.staff thead th span.name {
	font-size:140%;
	display:block;
	margin:0px 0px 10px;
	color: #006600;
}
table.staff thead th span.room {
	text-align:right;
	font-weight:normal;
	float:right;
}
table.staff thead th div.email {
	font-weight:normal;
	margin:0px 0px 5px 0em;
	font-size:90%;
}
table.staff thead th div.url {
	font-weight:normal;
	margin:0px 0px 5px 0.5em;
	font-size:90%;
}


/* ウェブサイト情報 */

table.sitemap {
	width:100%;
	margin:0px auto 40px;
	
}
table.sitemap td {
	width:50%;
	vertical-align:top;
	padding:0px 0px 0px 10px;
}
table.sitemap td ul {
	margin:0px;
	padding:10px 0px 0px 30px;
}
table.sitemap td ul li {
	list-style:url(images/arrow_f2.gif) outside none;
	margin:0px 0px 5px 0px;
	padding:0px;
}

table.sitemap th {
	text-align:left;
	font-weight:normal;
	padding:0px 10px 0px 0px;
}
table.sitemap th ul {
	margin:0px;
	padding:10px 0px 0px 0px;
}
table.sitemap th ul li {
	list-style:none inside none;
	margin:0px 0px 5px 0px;
	padding:0px;
}
table.sitemap th ul li a:link , table.sitemap th ul li a:visited {
	background:url(images/arrow.gif) no-repeat left top;
	padding:0px 0px 0px 20px;
	margin:0px;
}
table.sitemap th ul li a:hover { 
	background:url(images/arrow_f2.gif) no-repeat left top;
	padding:0px 0px 0px 20px;
}
table.sitemap th ul li span , table.sitemap td ul li span {
	white-space:nowrap;
	font-size:90%;
}


table.adtable {
	width:auto;
	margin:0px auto 40px;
}
table.adtable thead th {
	text-align:left;
	color:#006600;
	padding:5px 5px 10px 5px;
	width:50%;
	background: url(images/line-hight.gif) repeat-y right bottom;
}
table.adtable thead td {
	color:#006600;
	padding:5px 5px 10px 5px;
	width:50%;
	font-weight:bold;
}
table.adtable tbody th {
	text-align:left;
	background: url(images/line-hight.gif) repeat-y right top;
	padding:0px 10px 5px 0px;
	font-weight:normal;
	vertical-align:top;
}
table.adtable tbody td {
	padding:0px 0px 5px 10px;
	vertical-align:top;
}
table.adtable span {
	display:block;
	width:4em;
	padding:2px;
	font-size:12px;
	color:#FF6600;
	background-color:#EDEDED;
	border:1px solid #CCC;
	text-align:center;
	float:left;
	margin:0px 5px 0px 0px;
}
table.adtable div {
	float:left;
	margin:0px 0px 0px 0px;
	padding:2px;
}
table.adtable div a {
	font-size:10px;
}



/* トピックス　*/


.topics {
	width:90%;
	margin:0px auto 20px;
	border:1px solid #CCC;
	border-top:3px solid #A5A5A5;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	border-left:1px solid #CCC;
	background-color:#FFF;
	padding:1px 1px 1px 0px;
}
.topics h2 {
	margin:0px 0px;
	font-size:16px;
	padding:5px 0px 5px 15px;
	color: #006600;
	width:auto;
	height:20px;
	background-color:#F4F4F4;
	border-bottom:1px solid #CCC;
}
.topics h2 span {
	float:right;
	font-size:12px;
	font-weight:normal;
	padding:0px 10px 0px 0px;
}
.topics h2 span a:link , .topics h2 span a:visited {
	color:#0F218B;
	text-decoration: none;
	background:url(images/arrow.gif) no-repeat left center;
	padding:0px 0px 0px 15px;
}
.topics h2 span a:hover  { 
	color: #FF3300;
	text-decoration: underline;
	background:url(images/arrow_f2.gif) no-repeat left center;
	padding:0px 0px 0px 15px;
}



.topics div {
	height:120px;
	overflow-y:scroll;
	margin:0px !important;
	padding:0px !important;
	border:none !important;
	/*background:#FFF url(images/line-width.gif) repeat-x left top;*/
}
.topics div table {
	width:90%;
	margin:10px auto 0px;
}
.topics div table td {
	padding:0px 0px 5px 10px;
	font-size:85%;
	line-height:120%;
}
.topics div table th {
	white-space:nowrap;
	vertical-align:top;
	color:#0F218B;
	text-align:left;
	padding:0px 0px 5px 0px;
	width:8em;
	font-size:12px;
}

div.topics-details {
	width:90%;
	margin:0px auto 20px;
	border-top:3px solid #A5A5A5;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	border-left:1px solid #CCC;
	background-color:#949494;
	padding:1px 1px 1px 0px;
}
div.topics-details div.title {
	border-bottom:1px solid #FFF;
	border-bottom:1px solid #CCC;
	padding:5px 10px;
	color:#0F218B;
	font-weight:bold;
	background-color:#F4F4F4;
}
div.topics-details div.content {
	padding:20px;
	background-color:#FFFFFF;
}
div.topics-details div.content img.top {
	margin:0px auto 20px;
	display:block;
}
div.topics-details div.content img.right {
	margin:0px 20px 20px 0px;
	display:block;
	float:right;
}
div.topics-details div.content img.bottom {
	margin:20px auto 0px;
	display:block;
}
div.topics-details div.content img.left {
	margin:0px 0px 20px 20px;
	float:left;
}
div.topics-details div.temp {
	padding:10px 20px 5px;
	background:#fff url(images/line-width.gif) repeat-x left top;
}
div.topics-details div.temp a {
	padding:0px 0px 0px 15px;
	display:block;
	margin:0;
}
div.topics-details div.temp a:link , div.topics-details div.temp a:visited {
	color:#0F218B;
	text-decoration: none;
	background:url(images/arrow.gif) no-repeat left center;
}
div.topics-details div.temp a:hover  { 
	color: #FF3300;
	text-decoration: underline;
	background:url(images/arrow_f2.gif) no-repeat left center;
}
div.topics-details div.temp a img {
	width:16px;
	height:16px;
	border:none;
	margin:0px 0px 0px 5px;
}
/*
div.topics-details div.temp ul {
	padding:0px 0px 0px 20px;
	margin:0px;
}
div.topics-details div.temp ul li {
	padding:0px;
	margin:0px 0px 5px 0px;
	list-style:none outside square;
}
div.topics-details div.temp ul li img {
	width:16px;
	height:16px;
	border:none;
	margin:0px 0px 0px 5px;
	vertical-align:middle;
}
div.topics-details div.temp ul li :link , div.topics-details div.temp ul li :visited {
	list-style:url(images/arrow.gif) outside none;
}
div.topics-details div.temp ul li :hover  { 
	list-style:url(images/arrow_f2.gif) outside none;
}
*/
/*
div.topics-details div.temp ul li a:link , div.topics-details div.temp ul li a:visited {
	color:#0F218B;
	text-decoration: none;
	background:url(images/arrow.gif) no-repeat left center;
	padding:0px 15px 0px 0px;
}
div.topics-details div.temp ul li a:hover  { 
	color: #FF3300;
	text-decoration: underline;
	background:url(images/arrow_2.gif) no-repeat left center;
	padding:0px 15px 0px 0px;
}
*/