/* Sakai Laboratory - The University of Tokyo */
/* Last Updated: 2004/06/12 */

body {
	background-color: #FFFFFF;
	color: #000000;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	line-height: 1.5;
}

a:link    { color: #0000FF; text-decoration: underline; }
a:visited { color: #800080; text-decoration: underline; }
a:hover   { color: #FF0000; text-decoration: underline; }
a:active  { color: #FF0000; text-decoration: underline; }

/* ヘッダ部 */
table.header {
	width: 100%;
	background-color: #003366;
	border-bottom: 3px solid #6699CC;
}

td.title {
	color: #FFFFFF;
	font-size: 22px;
	font-weight: bold;
	padding: 12px 16px 4px 16px;
	letter-spacing: 1px;
}

td.subtitle {
	color: #CCDDEE;
	font-size: 11px;
	padding: 0px 16px 10px 16px;
	letter-spacing: 2px;
}

td.lang {
	color: #FFFFFF;
	font-size: 11px;
	text-align: right;
	padding: 8px 16px;
	vertical-align: top;
}

td.lang a:link, td.lang a:visited { color: #FFFF99; }

/* 上部リボン */
table.ribbon {
	width: 100%;
	background-color: #6699CC;
	border-bottom: 1px solid #003366;
}

td.ribbon {
	color: #FFFFFF;
	font-size: 11px;
	padding: 3px 16px;
}

/* 全体レイアウト */
table.main {
	width: 760px;
	margin: 12px auto 12px auto;
	border-collapse: collapse;
}

/* 左サイドバー */
td.sidebar {
	width: 160px;
	vertical-align: top;
	background-color: #F0F4F8;
	border: 1px solid #6699CC;
	padding: 0px;
}

table.menu {
	width: 100%;
	border-collapse: collapse;
}

td.menu-head {
	background-color: #003366;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	padding: 4px 8px;
	letter-spacing: 1px;
}

td.menu-item {
	border-bottom: 1px dotted #6699CC;
	padding: 4px 8px;
	font-size: 12px;
}

td.menu-item a {
	display: block;
}

/* 本文 */
td.content {
	vertical-align: top;
	padding: 0px 0px 0px 12px;
	width: 588px;
}

div.content-box {
	border: 1px solid #6699CC;
	padding: 12px 14px;
	margin-bottom: 12px;
	background-color: #FFFFFF;
}

h1.section {
	color: #003366;
	font-size: 16px;
	border-left: 6px solid #003366;
	border-bottom: 1px dotted #6699CC;
	padding: 2px 0px 2px 8px;
	margin: 0px 0px 10px 0px;
}

h2.subsection {
	color: #003366;
	font-size: 13px;
	background-color: #DDE8F2;
	border-left: 4px solid #6699CC;
	padding: 3px 6px;
	margin: 14px 0px 6px 0px;
}

h3.heading {
	color: #003366;
	font-size: 12px;
	margin: 10px 0px 4px 0px;
	border-bottom: 1px dotted #999999;
	padding-bottom: 2px;
}

p {
	margin: 4px 0px 8px 0px;
}

ul.dot {
	margin: 4px 0px 8px 0px;
	padding-left: 20px;
	list-style-type: square;
}

ul.dot li {
	margin-bottom: 3px;
}

/* 新着情報 */
table.news {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #BBBBBB;
	font-size: 12px;
}

table.news th {
	background-color: #003366;
	color: #FFFFFF;
	padding: 3px 6px;
	font-size: 11px;
	text-align: left;
	font-weight: normal;
}

table.news td {
	padding: 4px 6px;
	border-bottom: 1px dotted #BBBBBB;
	vertical-align: top;
}

td.date {
	width: 90px;
	color: #666666;
	white-space: nowrap;
}

td.tag {
	width: 60px;
}

span.tag-news  { background-color: #CC0000; color: #FFFFFF; font-size: 10px; padding: 1px 4px; }
span.tag-paper { background-color: #006600; color: #FFFFFF; font-size: 10px; padding: 1px 4px; }
span.tag-event { background-color: #FF9900; color: #FFFFFF; font-size: 10px; padding: 1px 4px; }
span.tag-media { background-color: #663399; color: #FFFFFF; font-size: 10px; padding: 1px 4px; }

/* メンバー紹介 */
table.member {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 12px;
	border: 1px solid #CCCCCC;
}

table.member td.photo {
	width: 110px;
	height: 130px;
	background-color: #EEEEEE;
	border-right: 1px solid #CCCCCC;
	text-align: center;
	vertical-align: middle;
	color: #999999;
	font-size: 10px;
}

table.member td.info {
	padding: 8px 12px;
	vertical-align: top;
}

td.info .name-ja {
	font-size: 15px;
	font-weight: bold;
	color: #003366;
}

td.info .name-en {
	font-size: 11px;
	color: #666666;
	margin-left: 6px;
}

td.info .position {
	font-size: 11px;
	color: #336699;
	margin-bottom: 4px;
}

td.info .detail {
	font-size: 11px;
	color: #333333;
	margin-top: 4px;
}

/* 研究テーマ */
div.project {
	border: 1px solid #6699CC;
	padding: 10px 12px;
	margin-bottom: 14px;
	background-color: #F8FAFC;
}

div.project .pj-no {
	color: #6699CC;
	font-size: 10px;
	letter-spacing: 1px;
}

div.project .pj-title {
	color: #003366;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 4px;
}

div.project .pj-keywords {
	color: #666666;
	font-size: 10px;
	margin-top: 6px;
}

/* アクセス */
div.map-placeholder {
	width: 100%;
	height: 240px;
	background-color: #EEEEEE;
	border: 1px solid #999999;
	color: #888888;
	font-size: 11px;
	text-align: center;
	line-height: 240px;
}

table.access-info {
	border-collapse: collapse;
	font-size: 12px;
	margin-top: 8px;
}

table.access-info th {
	background-color: #DDE8F2;
	color: #003366;
	text-align: left;
	padding: 4px 8px;
	border: 1px solid #BBBBBB;
	font-weight: normal;
	white-space: nowrap;
	vertical-align: top;
}

table.access-info td {
	padding: 4px 10px;
	border: 1px solid #BBBBBB;
	vertical-align: top;
}

/* フッタ */
table.footer {
	width: 100%;
	background-color: #003366;
	margin-top: 12px;
}

td.footer {
	color: #FFFFFF;
	font-size: 10px;
	padding: 8px 16px;
	text-align: center;
	letter-spacing: 1px;
}

td.footer a:link, td.footer a:visited { color: #FFFF99; }

/* カウンター・更新日表示 */
div.counter {
	font-size: 10px;
	color: #666666;
	text-align: right;
	margin-bottom: 4px;
}

div.counter .count-num {
	font-family: "Courier New", monospace;
	background-color: #000000;
	color: #00FF00;
	padding: 1px 6px;
	letter-spacing: 2px;
}

/* 工事中 */
div.under-construction {
	border: 2px dashed #FF9900;
	background-color: #FFF8E8;
	color: #CC6600;
	font-size: 11px;
	padding: 6px 10px;
	margin: 10px 0px;
	text-align: center;
}

/* ページタイトルバナー */
div.page-banner {
	background-color: #DDE8F2;
	border: 1px solid #6699CC;
	padding: 10px 14px;
	margin-bottom: 12px;
}

div.page-banner .banner-en {
	font-size: 20px;
	color: #003366;
	letter-spacing: 3px;
	font-weight: bold;
}

div.page-banner .banner-ja {
	font-size: 11px;
	color: #336699;
	margin-top: 2px;
}

/* テキスト装飾 */
.note {
	font-size: 10px;
	color: #666666;
}

.highlight {
	background-color: #FFFFCC;
	padding: 0px 2px;
}

hr.dot {
	border: none;
	border-top: 1px dotted #999999;
	height: 1px;
	margin: 10px 0px;
}