@charset "shift_jis"; 
/*******************************************************/
/* reset default (from goog.css 20080328)              */
/*******************************************************/
html, body, div, h1, h2, h3, h4, h5, h6, p, img, dl, dt, dd, ol, ul, li, table, caption, tbody, tfoot, thead, tr, th, td, form, fieldset, embed, object, applet {margin:0; padding:0; border:0}
body {font-size:1em; font-family:Arial, sans-serif, Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "‚l‚r ‚oƒSƒVƒbƒN"; color:#555; background:#fff; line-height:1.4em}
a {text-decoration:none; color:#069}
a:hover {text-decoration:underline; background-color:#ddd}
a:active {color:#faa}
table {border-collapse:collapse; border-width:0; empty-cells:show}
ul {padding:0 0 1em 1em}
ol {padding:0 0 1em 1.3em}
li {line-height:1.4em; padding:0 0 .3em 0}
p {padding:0 0 1em 0}
h1, h2, h3, h4, h5 {padding:0 0 1em 0}
h1, h2 {font-size:1.3em}
h3 {font-size:1.1em}
h4, h5, table {font-size:1em}
sup, sub {font-size:.7em}
input, select, textarea, option {font-family:inherit; font-size:inherit}

/*******************************************************/
/* spry                                                */
/*******************************************************/
.SpryHiddenRegion {visibility:hidden}

/*******************************************************/
/* background shadow                                   */
/*******************************************************/
div#shadow_left {width:800px; padding:0px 0px 0px 6px; background:url(shd_l.gif) repeat-y left top}
div#shadow_right {padding:0px 6px 0px 0px; background:url(shd_r.gif) repeat-y right top}
div#shadow_bottom_left {width:800px; padding:0px 0px 0px 6px; background:url(shd_bl.gif) no-repeat left top}
div#shadow_bottom_right {padding:0px 6px 0px 0px; background:url(shd_br.gif) no-repeat right top}
div#shadow_bottom {padding:6px 0px 0px 0px; background:url(shd_b.gif) repeat-x left top}

/*******************************************************/
/* csis web general                                    */
/*******************************************************/
div#main h1 {font-size:130%; font-weight:normal; margin:0.3em 0em 1em 0em; padding:0.9em 0.5em 0.2em 0.5em; border-bottom:1px dotted #555}
div#main h2 {font-size:125%; font-weight:normal; padding:0.8em 0.5em 0.8em 0.5em}
div#main h3 {font-size:114%; font-weight:normal; padding:0.7em 0.5em 0.7em 0.5em}
div#main h4 {font-size:108%; font-weight:normal; padding:0.6em 0.5em 0.6em 0.5em}
div#main h5 {font-size:100%; font-weight:normal; padding:0.5em 0.5em 0.5em 0.5em}
div#main p, div#main ul, div#main dl {padding:0 0 1em 3em}
div#main table {margin:0 0 1em 3em}
div#main ol {padding:0 0 1em 3.3em}
div#main li {line-height:1.4em; padding:0 0 0.1em 0}
div#main li, dt {margin-left:1em}
div#main dd {margin-left:4em}

/* image */
.figure {margin:12px auto 12px auto; text-align:center}
.caption {padding:6px auto 6px auto; text-align:center; font-size:90%}
img.imagetext {vertical-align:bottom}
.icon16 {width:16px; height:16px}

/* text */
.strong, strong {font-weight:bold; color:#f71C54}
.nomal {font-weight:normal; font-size:medium}
.small {font-weight:normal; font-size:small; line-height:1.1}	/*used?*/
.annotation {font-size:80%; line-height:1.1}

/*******************************************************/
/* layout divs                                         */
/*******************************************************/
div#header {clear:both; padding:6px}
div#main_menu {clear:both; font-size:90%}
div#main {clear:both; padding:12px; position:relative}
div#main_top{clear:both; height:620px; background:url(top_back.jpg) no-repeat left top; position:relative}
div#footer {clear:both; padding:12px 6px 12px 6px; text-align:right; font-size:75%}

/*******************************************************/
/* div#header                                          */
/*******************************************************/
div#utility {float: right; padding: 0px 6px 0px 0px; text-align: right}
ul#utility_menu {display: inline}
ul#utility_menu li {display:inline; padding:0em 0em 0em 0.8em; list-style-type:none; font-size:75%; line-height:1; letter-spacing:-0.02em}
form#search input#search_area {width:100px; font-size:75%; letter-spacing:-0.04em}
form#search input#search_button {font-size:75%; letter-spacing:-0.04em}
img#logo_csis {float:left; padding:0px 0px 6px 0px; width:468px; height:42px}
img#logo_csis_eng {float:left; padding:0px 0px 6px 0px; width:366px; height:42px}
img#logo_csis-i {float:left; padding:0px 0px 6px 0px; width:418px; height:44px}
img#logo_u-tokyo {float:right; padding:0px 0px 6px 0px; width:136px; height:35px}
img#logo_u-tokyo_eng{float:right; padding:0px 0px 6px 0px; width:132px; height:35px}

/*******************************************************/
/* top page                                            */
/*******************************************************/
div#news {float:right; padding:220px 12px 0 0; width:328px} /*pad-r:80*/
div#news .news_header {margin:0px 0px 5px 0px; padding:0px 0px 0px 8px;	font-size:90%; border-bottom:1px dotted #f71C54}
div#news .update {font-size:80%; font-family:Times New Roman, sans-serif, Osaka}
div#news img.icon_rss {width:14px; height:14px}
div#news img.icon_ja {width:14px; height:14px}
div#news ul {padding:0em 0.8em 0em 2em}
div#news li {padding-bottom:0em 0xm 0.3em 0em; font-size:82%; line-height:1.1em}
div#news div.news_footer{padding:0em 0em 0.2em 0em; text-align:right; font-size:70%}
div#icons {position:absolute; left:16px; top:350px}
div#big_icons {position:absolute; right:16px; top:13px}
div#goal{position:absolute; right:8px; top:40px; width:335px; height:91px} 

/*******************************************************/
/* custumized for certain pages                        */
/*******************************************************/
/* table.memberlist */
table.memberlist th {padding:0em 0.5em 0em 0.5em; text-align:left; font-size:90%}
table.memberlist td {padding:0em 0.5em 0em 0.5em}
table.memberlist .division{padding:0em 2em 0em 5em; text-align:right; font-size:90%}
table.memberlist .name {width:11em}
table.memberlist .mail{width:220px}

/* table.dp */
table.dp tr{vertical-align:top; padding-bottom:12px}
table.dp td {padding-right:6px}

/* table.project */
table.project {line-height:1.1; width:780px}
table.project td.term {width:8em}
table.project td.fund {padding:0px 6px 10px 2em; font-size:95%}