/* -------- default settings ---------- */

  body              {
    color           : black ;
    background      : white ;
    margin-top      : 0 ;
    padding         : 0;
    text-align      : center ;
    line-height     : 120%   ;
  }
  a, a:link         {
    color           : #d00000   ;
    text-decoration : none      ;
  }
  a:hover           {
    color           : #d00000   ;
    text-decoration : underline ;
  }
  ul {
/*    border          : 1px solid #ccc;
*/
    margin-left     : 2em ;
    margin-right    : 1em ;
    margin-top      : 0.2em ;
    margin-bottom   : 0.5em ;
    padding: 0px ;
  }
  li {
    margin-left     : 0em ;
    margin-right    : 0em ;
    margin-top      : 0em ;
    margin-bottom   : 0.2em ;
  }
  form {
    margin          : 0em   ;
  }


/* ------------- header ----------------- */

  a#header_bar,a:link#header_bar {
    color           : #ffffff   ;
    text-decoration : none      ;
  }
  a:hover#header_bar{
    color           : #ffe0c0   ;
    text-decoration : underline ;
  }
  td#header_bar { 
    border-bottom   : 1px solid #dddddd;
/*  background-image: url(hbar.gif); */
    color           : #ffffff;
    background-color: #404040 ;
    padding-top     : 1px ;
    padding-bottom  : 1px ;
  }
  td#header_banner {
    width           : 100%;
    background-color: #ffffff;
    text-align      : right;
  }
  .rcast_logo {
    float           : right ;
    text-align      : right ;
    vertical-align  : middle
    padding-top     : 15px ;
    padding-left    : 10px ;
    padding-right   : 10px ;
  }
  .utokyo_logo {
    text-align      : left :
    margin-top      : 15px ;
    padding-top     : 15px ;
    padding-bottom  :  5px ;
    padding-right   : 10px ;
  }
  .header_area      {
    margin-top      : 1em ;
  }




/* ------------- body -------------- */

  a#mail,a:link#mail{
    color           : #000000   ;
    text-decoration : none      ;
  }
  a:hover#mail      {
    color           : #d00000   ;
    text-decoration : underline ;
  }
  .main_area        {
    margin-top      : 0.5 em ;
  }
  .body_area        {
    width           : 640px ;
    text-align      : left ;
    magrin          : auto ; 
  }
  .paper_box {
    border          : solid #c0c0c0 1px ;
    padding         : 0.5em 1em 0.5em 1em ;
    margin-bottom   : 0.5em ;
  }
  .title_box {
    border          : solid #808080 1px ;
    padding         : 0em 0.5em 0em 0.5em ;
    background      : #e0e0e0 ;
  }
  .body_box {
    padding         : 0.5em 0.5em 0.5em 0.5em ;
  }
  .sub_title_box{
    background      : #eee;
    border-bottom   : 1px solid #888;
    margin-bottom   : 0.2em;
    padding         : 0.2em;
  }
  .edit_button {
    width           : 144px ;
  }
  .data_window {
    width           : 450px ;
  }
  .no_margin {
    margin          : 0px ;
  }

/* ------------- menu -------------- */
  .menu_area        {
/*
    border          : 1px solid #aaa;
    background-color: #fcfcfc;
*/
  }
  td.menu_area {
    border          : solid #c0c0c0 1px ;
  }
  .menu_title_box {
    border          : solid #808080 1px ;
    border-left     : solid #808080 3px ;
    padding         : 0.1em 0.5em 0em 0.5em ;
    background      : #707070 ;
    color           : #ffffff;
    font-weight     : bold ;
  }
  .menu_body_box {
    padding         : 0.5em 0.5em 0.5em 0.2em ;
  }
  a.menu_area,a.menu_area:link {
    color           : #000000   ;
    text-decoration : none      ;
  }
  a.menu_area:hover {
    color           : #d00000   ;
    text-decoration : underline ;
  }


/* ------------- footer -------------- */
  div#bottom_auther_box {
    border        : 1px solid #ccc ;
    padding       : 0.1em ;
    padding-left  : 1em   ;
    margin-bottom : 0.5em ;
  }
  input#bottom_auther_box {
    line-height  : 1em ;
    height       : 1.3em ;
  }
