body 
{
 background:#ECECE6;
 color:#333;
 margin:0;
 padding:0;
 font:small Verdana, Arial, Helvetica, sans-serif;
 voice-family: "\"}\""; 
 voice-family:inherit;
 font-size:x-small;
} html>body {font-size:small;}


div.b
{
 padding:0;
 margin:0;
 height:70px;
 background:#333 url("../i/c/l.png") repeat-x bottom right;
}

div.m 
{
 float:left;
 width:100%;
 margin:0 0 .2em 0;
 padding:0;
}

#items {
  float:right;
  clear:none;
  margin: 0;
  text-align:right;
}

#nav {
 float:right;
 width:100%;
 margin:0;
 padding: 0 0 8px 0 ;
 line-height:normal;
 background:#E3E3D9 url("../i/c/dgrey/shad.gif") repeat-x bottom left;
 color:#355;
}



#items a {
 text-decoration:none;
 color:#344;
 margin:5px;
  border-style:solid;
 border-width:  0;
 padding:0 0 2px 0;
}
/* Commented Backslash Hack
     hides rule from IE5-Mac \*/
#items a {float:none;}
/* End IE5-Mac hack */
#items a:hover {
 color:#CC6600;
 border-style:solid;
 border-width: 0px 0px 2px 0;
 border-color: #CC6600;
}



#items #current {
 border-style:solid;
 border-width: 0px 0px 2px 0;
 border-color: #900;

}

#items #current a {
 color:#900;
 border-style:solid;
 border-width: 0px 0px 2px 0;
 border-color: #900;
}


/* location */
#nav p.location
{
 float:left;
 clear:none;
 background:none;
 padding:0 1em;
 margin:0;
 border-style: solid;
 border-width:0px 1px 0px 0px;
 border-color:#666;
 
}



#nav p.location a
{
 padding:0;
 margin:0;
 background:none;
 text-decoration:underline;
 color:#344;
}
 





/* main section */


/* three columns */

div.threeCol {
   float:left;
   width:100%;
   margin:0;
}

div.sideBlock {
   color: #000;
   float: left;
   width: 25%;
}


div.midBlock
{
   float: left;
   padding:0;
   width: 46%;
   margin-bottom: 0;
}

/* alternate display*/

div.leftPad, div.pad {
 float:left;
 width:10%;
}

div.article {
 float:left;
 width:60%;
}

div.extra {
 float:left;
 width:28%;
}


/* two column */

div.twoCol {
   float:left;
   width:100%;
   margin:0;
}

div.photo {
   float:left;
   width:95%;
   margin:1%;
   padding:0;
 background:#FFF;
 color:#666;
 border: solid 1px #333;
}


div.leftPhoto {
 float:left;
 width:60%;
 }



div.leftBlock {
   color: #000;
   float: left;
   width: 300px;
}


div.rightPhoto {
 float:left;
 width:35%;
}


div.rightBlock
{
   float: left;
   padding:0;
   margin-bottom: 0;
}

div.photolist
{
 height:300px;
 width:250px;
 overflow:auto;
 padding: 16px; 
 margin: 0 16px 0px 0px;
 
}

div.photolist 
{
 margin:10px;
 padding:10px 0px;

}
div.i {
 float:left;
 height:100px;
 width:100px;
 margin:5px;
 background:#EEE;
 border: solid #333 1px;
}

img.i {
 margin:0 0 5px 10px;
 padding:5px;
 background:#EEE;
 border: solid #333 1px;
}
/* one column page */

div.pgwrapper {
float:left;
 width:100%;
}
.onecol {
text-align: center;
min-width: 600px;
max-width:700px;
}

#onecol {
margin:0 auto;
width:600px;
text-align: left;
}




div.holder {
 margin: 1em 1em;
 padding:0;
 background:url("../i/c/dgrey/tl_r.gif") no-repeat top left;
}

div.top
{
 margin:0 0 0 10px;
 background:url("../i/c/dgrey/tr_r.gif") no-repeat top right;
}

div.top h2 
{
 color:#FFFFFF; 
 background-color:#060;
 margin:0px 10px 0px 10px ;
 padding:10px 0 14px 0px;
 font-weight:normal;
 background:url("../i/c/hline.gif") no-repeat bottom right;
}



div.main {
 margin:0;
 border-style: solid;
 border-color:#666666;
 border-width:0px 0px 0px 2px ;  
 background: #FFFFFF url("../i/c/dgrey/l_in_cnr.gif") no-repeat top left;
 
}


div.contents {
 margin: 0 0 0 20px;
 border-style: solid;
 border-color:#666666;
 border-width:0px 2px 0px 0px ;
 background: #FFFFFF url("../i/c/dgrey/r_in_cnr.gif") no-repeat top right;
}



div.tail {
  margin:0;
  background:#ECECE6 url("../i/c/dgrey/bl.gif") no-repeat bottom left;
}

p.tail
{
 margin: 0 0 0 25px;
 padding:0;
 background:url("../i/c/dgrey/br.gif") no-repeat bottom right;
}


/* generic */

p, h3, h4, h5,  dl, form, table {
 padding:1em 10px 1em 0px;
 margin:0;
}

ul
{
  margin:0 10px;
}

h3 
{
 color:#335544; 
 font-weight:normal;
}


h3.kanji
{
  text-align:center;
  color:#222;
   padding:0;
   margin:5px 20px 5px 0px;
   font-size:400%;
   font-family:serif;
}

p.reading
{
 color:#333;
  padding: 5px 20px 0 0;
}
p.reading span
{
  font-size:150%;
}

p {
 text-align:justify;
 padding: 1em 2em 1em 0em;
}
.error {
 color:#900;
 margin:1em;
 background:#F0F0F0;
 border:solid 1px #900;
}

.tcol1, .tcol2
{
  padding:6px 0px;
}

div.copyright {
float:left;
width:100%;
margin:0;
padding:0;
}
p.copyright {
 text-align:center;
}


a {  color:#900; }
a:focus,  a:visited:focus { color:  #090;  }
a { color: #900; }
a { color:#900; }
a:hover, a:visited:hover { text-decoration: underline; color: #292;  }
a:active { text-decoration: none;  color: #900; }


p.location {
 color:#233;
}

.location a {color:#432; }
.location a:focus, p.location a:visited:focus { color:  #632;  }
.location a { color: #432; }
.location a:visited { color:#432;  }
.location a:hover, p.location a:visited:hover { color: #432;  }
.location a:active  {  color: #632; }