/*
 *  Default CSS for CfCA web site
 *  Made by M. Onodera (2006/04/13)
 */

body { 
  width           : 700px;
  margin          : 20px;
  padding         : 0px;
  line-height     : 1.4em;
  background-color: #FFFFFF;
  font-family     : sans-serif;
}

.left_box {
  clear           : both;
  margin          : 0px 0px 10px 0px;
  padding         : 0px;
  font-size       : small;
  float           : left;
  width           : 150px;

}

.right_box {
  margin          : 0px 0px 10px 0px;
  padding         : 0px;
  float           : left;
  text-align      : left;
  width           : 550px;
}

h1,h2,h3,h4,h5 { 
  color           : #003366;
 /* font-family     : "IPA P Gothic", "MS P Gothic", "Osaka", sans-serif;*/
  font-family     : sans-serif;
  clear           : both;
}

/* a h1,h2,h3,h4,h5 { */
/*   text-decoration : none; */
/* } */

h1 {
  margin          : 0px;
  padding         : 0 0 10px 0;
  clear           : both;
  line-height     : 1em;
  /*  border          : solid #000000;*/
}

.smallcaps {
  font-variant    : small-caps;
  font-size       : smaller;
}

.smallcaps_en {
  font-variant    : small-caps;
/*  font-size       : ;*/
}

h2 {
  border          : solid #006699 1px;
  padding         : 10px;
/*  background-color: #00AAEE;*/
/*  background-color: #B0E0E6; */ /* powderblue */
  background-color: #86B8FF;
  margin          : 0px;
  line-height     : 1.2em;
}

h2 a {
  text-decoration : none;
}

h3 {
  text-decoration : none;
  font-weight     : bolder;
  padding         : 2px 2px 2px 10px;
  background-color: #FFFFFF;
  border          : solid #006699 1px;
  clear           : both;
  margin          : 10px 0px 10px 0px;
}
h3 a {
  text-decoration : none;
  color           : #003366;
}

h4 {
  text-decoration : none;
  /*  text-decoration : underline; */
  /* font-weight     : normal; */
  border-bottom   : solid #006699 1px;
  border-left     : solid #006699 5px;
  padding-left    : 5px;
  margin          : 20px 0px 5px 0px;
}

h5{
  margin          : 0px 0px 0px 0px;
  border-bottom   : solid #006699 1px;
  border-left     : solid #006699 1px;
  padding         : 0 0 0 5px;
}

.important {
  color           : #FF0000;
}

.comment {
  color           : #666666;
  font-style      : oblique;
}

.email {
  font-family     : monospace;
}

.text {
  padding-left    : 5px;
  margin          : 0px 0px 0px 0px;
}

.textsmall {
  padding-left    : 0px;
  margin          : 5px 0px 15px 0px;
  font-size       : small;
  font-style      : oblique;
/*   text-indent     : 1em; */
}



/* Link */

/* Image */
img {
  border          : none;
  margin          : 0px 0px 0px 0px;
  padding         : 0px;
  clear           : both;
/*  border          : solid #999999 1px;*/
}

.imgfloatleft {
  border          : none;
  margin          : 0px;
  padding         : 0px;
  float           : left;
/*  border          : solid #999999 1px;*/
}

.imgfloatright {
  border          : none;
  margin          : 0px;
  padding         : 0px;
  float           : right;
/*  border          : solid #999999 1px;*/
}

.tablefloatleft {
  margin          : 0px 5px 0px 0px;
  padding         : 2px;
  float           : left;
/*  border          : solid #999999 1px;*/
  border          : solid #006699 1px;
}

.tablefloatright {
  margin          : 0px 0px 5px 5px;
  padding         : 2px;
  float           : right;
  border          : solid #006699 1px;
/*  border          : solid #999999 1px;*/
}

/*
.tablefloatright td{
  border-right     : solid #006699 1px;
}
*/

table,tr,td{
  padding : 0px;
  margin  : 0px;
}

ul {
  padding-right   : 5px;
}


/* Menu bar */
div#menu {
  clear           : both;
  width           : 95%
}

#menu ul {
  text-align      : center;
  margin          : 0px;
  padding         : 0px;
  list-style      : none;
}

#menu li {
  background-color: #86B8FF;
  color           : #003366;
  font-weight     : bold;
  width           : 100%;
  margin          : 0px;
  padding         : 0px;
  border-top      : none;
  border-bottom   : solid #006699 1px;
  border-left     : solid #006699 1px;
  border-right    : solid #006699 1px;
}

#menu li.active {
/*  background-color: #FFCCCC; */
  background-color: #E0FFFF; /* lightcyan */
  color           : #003366;
  padding         : 5px 0px 5px 0px;
  margin          : 0px;
}

#menu li.top {
  border-top      : solid #006699 1px;
  padding         : 0px 0px 0px 0px;
  margin          : 0px;
}

#menu li.activetop {
  background-color: #E0FFFF;
  color           : #003366;
  padding         : 5px 0px 5px 0px;
  margin          : 0px;
  border-top      : solid #006699 1px;
}

#menu a {
  display         : block;
  width           : 100%;
  margin          : 0px;
  padding         : 5px 0px 5px 0px;
  text-decoration : none;
  border-bottom   : none;
}

#menu a:link, a:visited {
  color           : #003366;
}

#menu a:hover {
  color           : #FFFFFF;
  background-color: #003366;
}


/* sub-menu bar */
div#submenu {
  margin          : 20px 0 0 10px;
  margin-top      : 20px;
  width           : 130px;
/*  border          : solid #FF0000 2px;*/
}

#submenu ul {
  text-align      : left;
  margin          : 0px;
  padding         : 0px;
  list-style      : none none outside;
/*  border          : solid #FF0000 2px;*/
  width           : 100%;
}

#submenu li {
  background-color: #FFFFFF;
/*  background-color: #0000FF;*/
  color           : #003366;
  font-weight     : normal;
  font-size       : small;
  width           : 90%;
  margin-top      : 5px;
  margin-bottom   : 5px;
  margin-left     : 0px;
  margin-right    : 0px;
  padding-top     : 0px;
  padding-bottom  : 0px;
  padding-left    : 5px;
  padding-right   : 0px;
  border-top      : none;
  border-bottom   : none;
  border-left     : solid #006699 5px;
  border-right    : none;
}

#submenu li.active {
  font-weight     : bold;
}

#submenu a {
  display         : block;
  width           : 100%;
  margin          : 0;
  padding         : 0px;
}

#submenu a:link, a:visited {
  color           : #003366;
}

#submenu a:hover {
/*  background-color: #FF0000;*/
  color           : #86B8FF;
/*  border-left     : solid #86B8FF 5px;*/
  border          : none;
}



div#header {
  clear           : both;
  width           : 700px;
  padding         : 0px 0px 0px 0px;
  margin          : 0px 0px 5px 0px;
}

#header ul {
  text-align      : center;
  margin          : 0px;
  padding         : 0px 0px 0px 0px;
  list-style-type : none;
  width           : 100%;
  height          : 21px;
  background-color: #FFFFFF;
  display         : block;
  line-height     : 1em;
  font-size       : 1em;
  border-bottom   : solid #006699 2px;
}

#header li {
  color           : #003366;
  width           : 100px;
  height          : 100%;
  margin          : 0px;
  padding         : 0px;
  border-top      : solid #006699 1px;
  border-bottom   : none;
  border-left     : solid #006699 1px;
  border-right    : solid #006699 1px;
  float           : left;
  display         : inline;
  line-height     : 1em;
  font-size       : 1em;
}

#header li img{
  background-color : #FFFFFF;
}

#header li.active {
  background-color : #003366;
}



.member {
  width           : 100%;
  margin          : 0px;
  padding         : 0px;
}
.member table {
  width           : 100%;
  margin          : 0px;
  padding         : 0px;
  font-size       : smaller;
  table-layout    : fixed;
}

.member table.spacing{
  border-spacing  : 0px;
  border-collapse : collapse;
}

.member th {
  text-align      : left;
  padding         : 0px 0px 2px 0px;
  margin          : 0px;
  border-bottom   : solid #006699 1px;
  color           : #003366;
}
.member th.top {
  border-left     : solid #006699 1px;
  padding-left    : 5px;
}

.member td {
  margin          : 0px;
  padding         : 5px 0 5px 0;
}



div#footer {
  clear           : both;
  width           : 700px;
  padding         : 0px;
  border-top      : solid #006699 2px;
  margin          : 0px;
}

#footer div.copyright{
  font-size       : smaller;
  font-weight     : lighter;
  font-style      : italic;
  text-align      : center;
  color           : #333333;
  padding         : 0px;
  margin          : 0px;
}

pre {
  font-weight     : lighter;
  font-family     : monospace;
}