body
{
/*    background-image: url("images/cittext.gif");*/
    background-color: #F5FFFA;
    color: #333333;

  margin: 5px;
  scrollbar-track-color: #F5FFFA;
  scrollbar-face-color: #F5FFFA;
  scrollbar-shadow-color: #00DE2B;
  scrollbar-darkshadow-color: #F5FFFA;
  scrollbar-highlight-color: #00DE2B;
  scrollbar-3dlight-color: #F5FFFA;
  scrollbar-arrow-color: #00DE2B;
}

/* a:link { color: #08000 }*/     /* 訪問済みリンクアンカー */
/* a:visited { color: #993300 }*/ /* 未訪問のリンクアンカー */
/* a:active { color: #993300 }*/  /* 選択されたリンクアンカー */

a:link    { color: #20B2AA }        /* 訪問済みリンクアンカー */
a:visited { color: #20B2AA }        /* 未訪問のリンクアンカー */
a:active  { color: rgb(255,102,0) } /* 選択されたリンクアンカー */
a:hover   { color: #7FFFD4 }
table
{
/*    background-color: #EEFFEE;*/
    border-width: 1px;
    border-style: solid;
    border-color: #00DE2B;
}
th
{
    color: #FFFF00;
    background-color: #008080;
    border-width: 0px;
    border-style: solid;
}
td
{
    border-width: 1px;
    border-style: solid;
    padding: 0px;
}
img
{
    border-width: 0px;
}
h1
{
    color: #006400;
    font-size: 14pt;
    font-style: italic;
}
h2
{
    color: #006400;
    font-size: 12pt;
    font-style: italic;
}
#menu                 { position:static; top:0px; left:0px; width:24px; background-color:#fff; z-index:100; }
/*#menu                   { position:relative; top:0px; left:0px; width:24px; background-color:#fff; z-index:100; }*/
#menu a img { border:0;}
#menu a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
#menu a .large          { display:block; position:absolute; top:0px;    left:0px;   width:1px;   height:1px;   border:0px }
#menu a.p1:hover .large { position:absolute; top:-38px; left:450px; width:100px; height:200px; border:10px solid #FFF }
/*#menu a.p1:hover .large { display:block; position:relative; left:10px; width:100px; height:200px; border:10px solid #FFF }*/
#sample                   { position:static; top:0px; left:0px; width:24px; background-color:#ff0; }
/*#sample                   { position:static; top:0px; left:0px; width:24px; background-color:#fff; z-index:100; }*/
#sample a.p1:hover .large { position:absolute; top:10px; left:50px; width:100px; height:200px; border:0px solid #FFF }

/* style the position of the links on hover */
.menu2 ul li a:hover {
position:relative;
}

/* make the sub menu ul visible and position it beneath the first list item */
.menu2 ul {
text-align:left;
/*display:block; */
display:inline; 
position:absolute; 
top:31px; 
left:0; 
}

/* make the sub menu ul li the full width with padding and border. */
.menu2 ul li {
width:300px;
height:200px;
border:10px solid #b3ab79;
background:#eee; 
color:#000;
position:relative;
padding:20px 40px;
w\idth:300px;
he\ight:200px;
}

/* style the background and foreground color of the submenu links (with hack for IE5.5)*/

.menu2 ul li a {
float:left;
width:50px;
height:100px;
background:#ccc;
border:1px solid #888;
margin:1px;
w\idth:50px;
he\ight:100px;
}


/* style the background and foreground color of the submenu links (with hack for IE5.5)*/
.menu2 ul li a img{
float:left;
width:50px;
height:100px;
background:#ccc;
border:1px solid #888;
margin:1px;
w\idth:50px;
he\ight:100px;
}

/* make the images 2x size on hover and position absolute to make it central over the original image position */
.menu2 ul li a:hover img {
width:100px; 
height:200px;
position:absolute;
left:-25px; top:-50px;
border:1px solid #888;
padding:5px;
background:#ccc;
}