/***** common definitions *****/

/* body */
  BODY {
    font-family:"Hiragino Kaku Gothic ProN";
    width:800px;
    color:#FFF;             /* white */
    background-color:#333;  /* dark gray */
    font-size:12pt;
  }
/* text decoration */
  .bold   {font-weight:bold;}
  .italic {font-style:italic;}
  .italicbold {font-style:italic; font-weight:bold;}
  .mask {color:#444;} /* nearly dark gray */
  .tiny {font-size:8pt;}
  .tinymask {font-size:8pt; color:#444;}
/* text size */
  .h1     {font-size:24pt; font-weight:bold;}
  .h2     {font-size:20pt; font-weight:bold;}
  .h3     {font-size:16pt; font-weight:bold;}
/* text align */
  .clear  {clear:both;}
  .txt-right {text-align:right;}
/* link */
  A:link, A:visited {
    color:#0FF;  /* aqua */
    font-weight:normal; text-decoration:underline;
  }
  A:active, A:hover {
    color:#FF0;  /* yellow */
    font-weight:normal; text-decoration:underline;
  }
/* box elements */
  .box {
    margin-top:10px; margin-bottom:40px;
    border-style:none;
  }
/* indexes */
  .index {
    font-size:20pt; font-weight:bold; width:90%;
    border-style:solid; border-color:#FFF;
    border-top-width:0px; border-bottom-width:1px;
    border-left-width:0px; border-right-width:0px;
    margin-bottom:10px;
  }
  .index2 {
    font-size:16pt; font-weight:bold; width:80%;
    border-style:solid; border-color:#FFF;
    border-top-width:0px; border-bottom-width:1px;
    border-left-width:0px; border-right-width:0px;
    margin-bottom:10px;
  }
  .index3 {
    font-size:12pt; font-weight:bold; width:70%;
    border-style:solid; border-color:#FFF;
    border-top-width:0px; border-bottom-width:1px;
    border-left-width:0px; border-right-width:0px;
    margin-top:30px; margin-bottom:10px;
  }
/* paper and author name */
  .paperName {
    color:#AAA;  /* yellow */
    font-family:"Hiragino Maru Gothic ProN";
/*    font-style:italic;*/
  }
  .paperName_j {
    color:#AAA;  /* yellow */
    font-family:"Hiragino Maru Gothic ProN";
/*  font-style:italic; */
  }
  .authorName {
    border-style:solid; border-color:#FFF;
    border-top-width:0px; border-bottom-width:1px;
    border-left-width:0px; border-right-width:0px;
  }

/***** top bar *****/

/* top bar itself */
  #top-bar-all {
    width:800px;
  }
/* "Pankuzu" list */
  #pankuzu {
    padding-top: 15px;
    width:600px;
  }
/* language bar */
  #lang-bar {
    padding-top: 15px;
    text-align:right;
  }


/***** contents including navigation bar *****/
  #contents-all {
    width:800px;
    table-layout:fixed;
    margin-bottom:30px;
  }


/***** navigation bar *****/

/* navigation bar itself */
  #navi-bar {
    width:150px;
    vertical-align:top;
    color:#FFF;             /* white */
    background-color:#666;  /* gray */
  }
  #navi-bar UL {
    list-style-type:none;
    margin-left:0px; padding-left:0px;
  }
/* labels of the navigation bar */
  #navi-bar UL LI#navi-top{
    padding:5px;
    color:#000;  /* black */
    background-color:#CCC;  /* bright gray */
    font-weight:bold; text-align:center;
  }
/* contents of the navigation bar */
  #navi-bar UL LI A {
    color:#FFF;  /* white */
    display:block;
    padding:5px;
    text-decoration:none;
  }
  #navi-bar UL LI A:hover {
    color:#FFF;  /* white */
    font-weight:bold; text-decoration:underline;
  }
/* sub-menu of the navigation bar */
  #navi-bar UL UL#sub-navi LI A {
    font-size:10pt;
    margin-top:0px; margin-bottom:0px;
    margin-left:15px; margin-right:0px;
    border-style:solid; border-color:#FFF;
    border-top-width:0px; border-bottom-width:0px;
    border-left-width:1px; border-right-width:0px;
  }

/***** contents *****/

/* contents itself */
  #contents {
    width:620px;
    vertical-align:top;
    padding-left:25px; padding-right:5px;
    border-style:none;
  }
  #contents-with-conference {
    width:800px;
    vertical-align:top;
    padding-left:25px; padding-right:5px;
    border-style:none;
  }
/* lists??? */
  TABLE.list {
    border-spacing:15px 0px; border-width:0px;
  }
  TABLE.list TD.date{
    vertical-align:top;
    width:120px;
  }
/* lists of conference schedules */
  TABLE.conference {
    width:800px;
    /*overflow:visible;*/
  }
  TABLE.conference TD {
    vertical-align:top;
  }
  TABLE.conference TD.items {
    font-weight:bold;
    background-color:#36F;  /* skyblue??? */
  }
  TABLE.conference TD.conf-name {
    font-weight:bold;
    background-color:#666;  /* gray */
  }
  TABLE.conference TD.conf-name A {
    font-weight:bold;
  }
  TABLE.conference TD.finished {
    color:#00F;  /* blue */
  }
  TABLE.conference TR.satellite {
    vertical-align:middle;
    font-size:10pt;
  }
  TABLE.conference TR.satellite TD.conf-name {
    background-color:#666;  /* gray */
    padding-left:15px;
  }



/* photo */
  #myphoto {
    width:300px;
    height:450px;
    border-style:none;
    float:left;
  }
  #myphoto_mini {
    width:200px;
    border-style:none;
    float:left;
  }
  .myphoto_font {
    vertical-align:bottom;
    color:white;
    font-family:"Times New Roman";
    font-size:10pt
  }
  #contents .photo {
    width:600px;
  }

/*

    .box .box {margin-top:10px;  margin-bottom:40px;
               margin-left:15px; margin-right:5px;
               border-style:none;}


    .menubar {vertical-align:top; width:190px; margin-right:190px;}
    .menu1 {color:#000000; background-color:#FFFFFF; font-size:16px;
            border-width:0px;
            margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:5px;
            padding-top:5px; padding-bottom:5px; padding-left:10px; padding-right:10px;}
    .menu1 A:link, .menu1 A:visited {color:#000000; background-color:#FFFFFF;
                                     font-weight:normal; text-decoration:none;}
    .menu1 A:active, .menu1 A:hover {color:#000000; background-color:#FFFFFF;
                                     font-weight:bold; text-decoration:underline;}
    .menu2 {color:#000000; background-color:#CCCCCC; font-size:14px;
            border-width:0px;
            margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:5px;
            padding-top:5px; padding-bottom:5px; padding-left:20px; padding-right:10px;}
    .menu2 A:link, .menu2 A:visited {color:#000000; background-color:#CCCCCC;
                                     font-weight:normal; text-decoration:none;}
    .menu2 A:active, .menu2 A:hover {color:#000000; background-color:#CCCCCC;
                                     font-weight:bold; text-decoration:underline;}
    .menu3 {color:#FFFFFF; background-color:#666666; font-size:12px;
            border-width:0px;
            margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:5px;
            padding-top:5px; padding-bottom:5px; padding-left:30px; padding-right:10px;}
    .menu3 A:link, .menu3 A:visited {color:#FFFFFF; background-color:#666666;
                                     font-weight:normal; text-decoration:none;}
    .menu3 A:active, .menu3 A:hover {color:#FFFFFF; background-color:#666666;
                                     font-weight:bold; text-decoration:underline;}


*/