body {background: white; color: black; text-indent: 0; margin: 0; padding: 0; text-align: left; font-family: arial, helvetica, sans-serif; height: 100%; overflow: hidden}

.reg {font-size: 16px}

.narrow {font-family: arial narrow, helvetica narrow, arial, helvetica, sans-serif}

.ex {font-family: arial, helvetica, sans-serif}

body[class="default"] .justify_n {text-align: left}

body[class="ff"] .justify_n {text-align: justify}

.justify_ca {text-align: left}

.justify {text-align: justify}

.justify_c {text-align: center}

.nowrap {white-space: nowrap}

a {border: none; text-decoration: none; cursor: pointer}

img {border: none}

.default {cursor: default}

.sans {font-family: arial, helvetica, sans-serif}

.valign {position: absolute; top: 50%; width: 100%}



.ip {visibility: hidden; display: none}

.noie {display: inline}

.ie {visibility: hidden; display: none}

.noie5 {display: inline}

.iem {visibility: hidden; display: none}

.noie7 {display: inline}

.ie7 {visibility: hidden; display: none}



.bw {background: white}

.w {color: white}



.link_0 {text-decoration: none; color: black; cursor: default}

.link_1 {text-decoration: none; color: #666666} /* DG */

.link_2 {text-decoration: none; color: #999999} /* LG */

.link_3 {text-decoration: none; color: #333399} /* DDB */

.link_2p {text-decoration: none; color: #CCCCCC} /* PG */

a:hover .link_1 {color: #CC0000} /* DHR */

a:hover .link_3 {color: #CC0000} /* DHR */


.link_3x {text-decoration: none; color: #666666; cursor: text} /* temp */



.link_0d {text-decoration: none; color: black}

a:hover .link_0d {color: #CC0000} /* DHR */




.sub_6 {font-size: 0.83em; line-height: 1.35} /* alert */

.sub_7 {font-size: 0.75em} /* copy & caption */

.sub_8 {font-size: 0.85em} /* sp */

.sub_9 {font-size: 0.9em} /* unused */

.sub_n {font-size: 0.9em; color: #999999} /* LG */  /* number (relative) */

.sub_n0 {font-size: 0.9em; color: #666666} /* DG */  /* number (relative) */

.sub_st {font-size: 0.95em} /* text */

.sub_st_h {font-size: 1.2em} /* headline */

.lh_sp {line-height: 1.6em} /* sp */

.lh_l {line-height: 2em} /* list */

.lh_ca {line-height: 1.5em} /* text */

.lh_d {line-height: 1.5em} /* date */

.lh_h {line-height: 1.75em; height: 2em; overflow: hidden} /* section head */

.lh_co {line-height: 1.15em} /* correspondence */

.lh_3 {line-height: 3em} /* 1.5-space */

.lh_5 {line-height: 0.6em} /* lecture */





.scale_h {height: 100%}

.scale_w {width: 100%}







/* error */

.e {position: absolute; left: 20%; top: 13em}

.et {font-size: 1.2em}






/* image */



.full_a4 {position: fixed; top: 13em; bottom: 20px; left: 20%; width: 60%; z-index: 17} /* XX YY */  /* embed */

.full_a6 {position: fixed; top: 13em; bottom: 20px; left: 20%; width: 60%; z-index: 2} /* XX YY */  /* javascript */

.full_a0 {position: fixed; top: 13em; bottom: 20px; left: 20%; width: 60%; z-index: 1; background: #EEEEEE} /* PPG */ /* XX YY */  /* background */

.full_a3 {position: absolute; top: 0; left: 0; width: 100%; max-height: 100%; overflow: hidden}





/* slideshow */


.full_a5 {}

.caption_h {position: absolute; top: 0; left: 0; background: url('tn3_skin/tn3m/bg.png') repeat; padding: 0.5em 1em 0.5em 1em}

.caption_v {position: absolute; top: 0; left: 0; max-width: 20%; background: black; margin: 0.5em 1em 0.5em 1em}



/* audio */

.full_a7 {display: none} /* activated by javascript */

.full_a7 {position: fixed; top: 13em; bottom: 20px; left: 20%; width: 80%; overflow: visible; background: none} /* XX YY */

.full_a7x {position: absolute; top: 0; height: 100%; left: 240px; right: 240px; overflow: visible; background: none} /* XX YY */

.mid {position: absolute; left: 38%}

.text_aud_0 {position: absolute; bottom: 90px; left: 0; height: 0; width: 100%; overflow: visible}

.text_aud_x {position: absolute; bottom: 100px; left: 0; height: 0; width: 480px; overflow: visible; margin: 0 10px 0 10px}

.text_aud {position: absolute; bottom: 0; height: 6em; width: 100%; color: #666666; cursor: text; background: white} /* DG */

*:focus {outline: none}


/* nav */


.col_0n {position: fixed; top: 8em; left: 20%; width: 49em; height: 2em; z-index: 70; overflow: visible; background: white}  /* XX YY */

.col_0p {position: fixed; top: 8em; left: 20%; width: 60%; z-index: 20; background: none}  /* XX YY */

.col_1n0 {position: fixed; top: 10em; left: 20%; width: 49em; height: 2em; z-index: 60; overflow: visible; background: white}





.col_2n0 {position: fixed; top: 13em; bottom: 20px; right: 80.5%; width: 10em; z-index: 2; overflow: visible; background: none}

.col_2n1 {position: absolute; top: 0; bottom: 0; left: 0; width: 10em; background: none; overflow: hidden}

.col_2n2 {position: absolute; top: 0; bottom: 1.75em; left: 0; width: 100%; background: none; overflow: auto}

.col_2n3 {position: absolute; top: 2.75em; bottom: 1.75em; left: 0; width: 100%; background: none; overflow: auto}


.popup_2 {visibility: hidden; position: absolute; top: 0; left: 6em; line-height: 0.75em}

a:hover .popup_2 {visibility: visible}

.pop_0 {}

.pop_1 {position: absolute}

.popup_2 {visibility: hidden; position: absolute; top: 0; left: 6em; line-height: 0.75em}

.pop_3 {visibility: visible; position: absolute; top: 0; left: 4.25em; line-height: 0.75em}





.nav_x0 {position: absolute; top: 0; left: -10em; white-space: nowrap}

.nav_x1 {position: absolute; top: 0; left: 0; white-space: nowrap}

.nav_x2 {position: absolute; top: 0; left: 10em; white-space: nowrap} /* ZZ */

.nav_x3 {position: absolute; top: 0; left: 20em; white-space: nowrap} /* ZZ */

.nav_x4 {position: absolute; top: 0; left: 30em; white-space: nowrap} /* ZZ */

.nav_x5 {position: absolute; top: 0; left: 40em; white-space: nowrap}

 /* ZZ */





.nav_y1 {position: absolute; top: 0em} /* ZZ */

.nav_y2 {position: absolute; top: 2.5em} /* ZZ */

.nav_y3 {position: absolute; top: 5em} /* ZZ */

.nav_y4 {position: absolute; top: 7.5em} /* ZZ */

.nav_y5 {position: absolute; top: 10em} /* ZZ */

.nav_y6 {position: absolute; top: 12.5em} /* ZZ */

.nav_y7 {position: absolute; top: 15em} /* ZZ */

.nav_y8 {position: absolute; top: 17.5em} /* ZZ */




.horiz_l {position: absolute; bottom: 0; height: 1px; left: -1em; width: 1em; background: #999999} /* LG */

.horiz_r {position: absolute; bottom: 0; height: 1px; right: -1em; width: 1em; background: #999999} /* LG */

.horiz_b {position: absolute; bottom: 0; height: 1px; left: 0; width: 100%; background: #999999} /* LG */

.horiz_p {position: absolute; top: 1.5em; height: 1px; left: 0; width: 100%; background: #999999} /* LG */

.horiz_t {position: absolute; top: -.5em; height: 1px; right: 0; width: 50%; background: #999999} /* LG */



.menu_1 {position: absolute; top: 0; left: 0; height: 1.5em; width: 100%; -moz-border-radius: 0.75em; -webkit-border-radius: 0.75em; border-radius: 0.75em; overflow: hidden; background: #6666CC} /* LDB */ /* ZZ */

a:hover .menu_1 {background: #CC0000} /* DHR */



.heading {position: absolute; left: 0em; height: 1.5em; width: 8em; overflow: visible; background: none; -moz-border-radius-topleft: 0.5em; -webkit-border-top-left-radius: 0.5em; border-top-left-radius: 0.5em; -moz-border-radius-topright: 0.5em; -webkit-border-top-right-radius: 0.5em; border-top-right-radius: 0.5em; border-width: 1px; border-color: #999999; border-style: solid; border-bottom: none} /* LG */

.subhead {position: absolute; left: -5em; width: 18em; overflow: visible; background: none; cursor: default}

.sub_sp {position: absolute; left: 0; width: 100%; top: 3em; white-space: normal; background: none; color: #666666; cursor: text} /* DG */




.sub_m {font-size: 0.75em} /* nav */ /* ZZ */

.lh_m {line-height: 1.5em; font-family: arial, helvetica, sans-serif} /* ZZ */





/* copy */

.copy_1 {}


.copy_2 {position: fixed; bottom: 20px; left: 20%; z-index: 6; overflow: visible}  /* XX YY */

.copy_2a {position: absolute; bottom: 0; left: -10em; width: 9em; z-index: 20; overflow: hidden; white-space: nowrap; color: #666666; background: white; cursor: default} /* DG */


.copy_4 {position: fixed; bottom: 20px; left: 80%; overflow: visible; background: none}

.copy_4a {position: absolute; bottom: 0; height: 1.5em; left: 2.5em; width: 6em; overflow: visible; white-space: nowrap; background: none}


.copy_3 {position: fixed; bottom: 0; left: 0; width: 100%; z-index: 99}  /* XX YY */

.copy_3a {position: absolute; top: -20px; height: 20px; left: 0; width: 100%; background: white}



.popup_4 {visibility: hidden; position: absolute; left: 0; width: 100%; top: -10em; height: 9em; background: none}

a:hover .popup_4 {visibility: visible}





/* browser */







/* preview */

.preload {position: absolute; top: -9999px; z-index: -10; visibility: hidden}



/* name */

.col_nx {position: fixed; top: 0.75em; left: 20%; height: 5.5em; z-index: 40; overflow: visible; background: white}  /* XX YY */


.name_p {position: absolute; top: 0; height: 100%; left: -6.4em;  z-index: 20}  /* XX YY */

.name {position: absolute; bottom: 0; left: 0;  width: 13em; z-index: 20; white-space: inherit; overflow: visible; background: white}  /* XX YY */


.n_0 {position: absolute; top: 0; left: -2em;  width: 2em; height: 100%; background: white}  /* XX */


.name_1 {font-size: 1.5em; color: black} /* name */

.name_2 {font-size: 0.9em; color: #666666} /* DG */

.sub_3 {font-size: 0.1em} /* line */


.background {position: absolute; width: 100%; height: 13em; z-index: 10; background: white}



/* text */

.full_st {position: fixed; top: 13em; bottom: 20px; left: 20%; width: 60%; z-index: 18; background: white} /* XX YY */

.text_0 {position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: auto; background: #E8E8E8; font-family: times, serif} /* xx */


.article_0 {font-family: times, serif}

.article_2 {font-family: georgia, times, serif; font-size: 0.95em}

.article_3 {font-family: "gill sans", arial, helvetica, sans-serif; font-size: 0.95em}

.article_4 {font-family: arial, helvetica, sans-serif; font-size: 0.95em}


.masthead {height: 5em; overflow: hidden}

.headline {position: absolute; top: 9em; left: 6%; height: 2.8em; overflow: hidden}

.st_text_0 {position: absolute; top: 2em; left: 6%; right: 6%; overflow: hidden; padding-bottom: 1em; cursor: text} /* ZZ */

.st_text_1 {position: absolute; top: 13em; left: 6%; right: 52%; overflow: hidden; padding-bottom: 1em; cursor: text} /* ZZ */

.st_text_2 {position: absolute; top: 13em; left: 52%; right: 6%; overflow: hidden; padding-bottom: 1em; cursor: text} /* ZZ */

.st_text_4 {position: absolute; top: 9em; left: 6%; right: 6%; overflow: hidden; padding-bottom: 1em; cursor: text} /* ZZ */

.image_st {}



/* article */

.masthead_a {position: absolute; height: 5em; left: 0; width: 100%; overflow: hidden} /* LDB */

.vert {position: absolute; top: 20%; height: 60%; left: 50%; width: 2px; background: #666666} /* DG */

.ucla_1 {position: absolute; top: 0; height: 100%; right: 51%}

.ucla_2 {position: absolute; top: 0; height: 100%; left: 51%}

.scale_r {position: absolute; right: 0; height: 100%}


/* CV */

.list_1 {text-indent: -1.5em; margin-left: 1.5em; width: 80%; background: none}

.list_2 {text-indent: -1.5em; margin-left: 1.5em; background: none}

.list_3 {text-indent: -2.5em; margin-left: 2.5em; background: none}

.left {float: left; background: none}

.right {float: right; text-align: right; margin-right: -19%; text-indent: 0; margin-left: 0; background: none}

.clear {clear: both}



.tab_0 {}

.tab_1 {position: absolute; left: 14em}

.tab_2 {position: absolute; height: 3em; left: 22em; overflow: hidden}

.indent {margin-left: 2em; margin-right: 2em}



/* splash */

.sp_0 {position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 100; overflow-x: hidden; overflow-y: auto}

.text_sp {position: absolute; top: 2em; left: 5%; width: 38%; overflow: visible; cursor: text; color: #666666} /* DG */

.text_sp_r {position: absolute; top: 2em; right: 5%; width: 38%; overflow: visible; cursor: text; color: #666666} /* DG */




/* letter */

.masthead_c {height: 2.5em; overflow: hidden}

.indent_c {margin-left: 5.5em; text-indent: -1.5em}

.indent_ci {margin-left: 5.5em; text-indent: -1.5em; font-style: italic}


.divider_c {height: 5em; width: 100%; background: none}

.divider_d {position: absolute; left: 50%; height: 5em; overflow: visible}

.horiz_c {position: absolute; top: 40%; height: 1px; left: -60px; width: 120px; background: black}

.al {width: 100%}

.al_0 {position: absolute; left: 0}

.al_1 {position: absolute; left: 1.5em}

.al_2 {position: absolute; left: 3em}

.al_3 {position: absolute; left: 4.5em}

.al_4 {position: absolute; left: 6em}

.al_5 {position: absolute; left: 7.5em}


/* comment */

.box_3 {height: 2.5em}






/* mobile */


.ip {visibility: hidden; display: none}


/* XX horizontal layout / YY vertical layout / ZZ menu width & height

XX 09 / YY 09 / ZZ 17 */