/*--  BODY  --*/

BODY{
  font-size : 12px;
  color : #655050;
  text-align : center;
  line-height : 1.5em;
  
  scrollbar-face-color: #99CC99;
  scrollbar-track-color: White;
  scrollbar-3dlight-color: #99CC99;
  scrollbar-highlight-color: White;
  scrollbar-shadow-color: #006600;
  scrollbar-darkshadow-color: #99CC99;
  scrollbar-arrow-color: #006600;
}
BODY#left{
  font-style : normal;
  text-align : right;
  padding-top : 2em;
  padding-bottom : 1em;
  padding-right : 10px;
  margin-top : 0px;
}
/*--  A  --*/

A{
  color : #006666;
  text-decoration : none;
  font-weight : bold;
}
A:ACTIVE{
  color : #7ebb00;
}
A:LINK{
  color : #006666;
  text-decoration : none;
}
A:HOVER{
  color : #ff6600;
  text-decoration : underline;
}
A:VISITED{
  color : #ff6600;
}
/*--  A class=nomal  --*/

A.normal{
  color : #006666;
  text-decoration : none;
}
A:ACTIVE.normal{
  color : #ffffcc;
}
A:LINK.normal{
  color : #006666;
  text-decoration : none;
}
A:HOVER.normal{
  color : #ffff33;
  text-decoration : underline;
}
/*--  A class=adult  --*/

A.adult{
  color : #800040;
  text-decoration : none;
}
A:ACTIVE.adult{
  color : #ffffcc;
}
A:LINK.adult{
  color : #800040;
  text-decoration : none;
}
A:HOVER.adult{
  color : #ffff33;
  text-decoration : underline;
}
/*--  P  --*/

P.navi{
  padding : 0px;
  margin : 1em 0em;
}
H2{
  font-size : 18px;
  font-weight : bold;
  width : 600px;
  padding-right : 1em;
  border-bottom-width : 4px;
  border-bottom-style : dotted;
  border-bottom-color : #99cc99;
}
H3{
  font-size : 16px;
  border-bottom-width : 2px;
  border-bottom-style : dashed;
  border-bottom-color : #99cc99;
  width : 80%;
  padding-right : 1em;
  margin-bottom : 0.5em;
}
H4{
  font-size: 16px;
  border-bottom-color: #99CC99;
  border-bottom-style: none;
}
/*--  DIV  --*/

DIV#wrap{
  width : 905px;
  height : 700px;
  margin-top : 50px;
}
DIV#right{
  background-color : #99cc99;
  padding : 10px 0px 20px 0px;
  margin : 0px;
  width : 200px;
  height : 100%;
  float : right;
  color: White;
  text-align : left;
}
DIV#granavi{
  width : 150px;
  height : 150px;
  overflow-y : scroll;
  font-size : 16px;
  line-height : 130%;
  padding-left : 1em;
}
/*-- HR --*/

HR{
  color : #99cc99;
  width : 650px;
  visibility : visible;
}
.r{
  visibility : visible;
  text-align : right;
}
H5{
  color : white;
  background-color : #99cc99;
  padding-top : 3px;
  padding-bottom : 3px;
  width : 80%;
  font-size : 18px;
  font-weight : bold;
  text-decoration : none;
}
.f_out{
  padding : 0px;
  margin : 0px;
}
.close{
  color : white;
  background-color : #99cc99;
  border-color : #99cc99 #99cc99 #99cc99 #99cc99;
}
TD{
  font-size : 12px;
  background-color : white;
  padding : 5px;
}
TD.gra{
  font-size : 16px;
  margin : 0px;
  border-style : none;
  padding : 2px;
  background-color : #99cc99;
}
.bggreen{
  background-color : #99cc99;
}
SPAN{
  font-weight : bold;
  color : #ff8080;
}