@charset   "Shift_JIS";
div.example table{margin: 0; padding: 0;}
body								{ font: 14px Helvetica, Sans-Serif; margin: 10;} 
#page-wrap							{ width: 800px; margin: 25px auto; } 
a									{ text-decoration: none; }

/* 
	LEVEL ONE
*/
ul.dropdown                         { position: relative;list-style-type: none;text-indent : 0em;z-index:100;}
ul.dropdown li                      {font: 13px; font-weight: bold; float: left; zoom: 1; margin: 0; padding: 0;none;text-indent : 0em;}
ul.dropdown a:hover		        { color: #000; }

ul.dropdown li a                    { display: block; padding: 0px 0px; border-right: 0px solid #333;
	 								  color: #222; }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { background: #99ccff;color: black; position: relative; }
ul.dropdown li.hover a              { color: black; }


/* 
	LEVEL TWO
*/
ul.dropdown ul 					{ width: 220px; visibility: hidden; position: absolute; top: 100%; left: 0;}
ul.dropdown ul li 					{ font-weight: normal; background: #F8F8FF; color: #000; 
									  border-bottom: 1px solid #ccc; float: none; list-style-type: none;text-indent : 0em;}
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; padding: 4px 4px;} 

/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0;list-style-type: none; text-indent : 0em;}
ul.dropdown li:hover > ul 			{ visibility: visible; }


.toppx {
	font-size: 10px; 
	COLOR: #C0C0C0;
	line-height: 15px; 
	font-family:"‚l‚r ‚oƒSƒVƒbƒN","Osaka",Verdana,Chicago,san-serif;
}
.midpx {
	font-size: 11px; 
	COLOR: #708090;
	font-family:"‚l‚r ‚oƒSƒVƒbƒN","Osaka",Verdana,Chicago,san-serif;
}
table.tbcate{
    border-top:1px solid #003399;
    border-left:1px solid #003399;
    border-right:1px solid #003399;
    border-bottom:1px solid #003399;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
}
<!--
TABLE{
  font-size : 12px;
}
.text-16{
  font-size : 16px;
}
.text-10{
  font-size : 10px;
}
.text-14{
  font-size : 14px;
}
.text-main{
  font-size : 12px;
}
.link{
  text-decoration : none;
}

BODY{
  scrollbar-face-color: #ffffff;
  scrollbar-highlight-color: #cccccc;
  scrollbar-shadow-color: #cccccc;
  scrollbar-3dlight-color: #cccccc;
  scrollbar-arrow-color: #cccccc;
  scrollbar-track-color: #cccccc;
  scrollbar-darkshadow-color: #cccccc;
}
-->
TD{
  line-height: 1.5;  
}

a{
  text-decoration:none;
}
a:link {
  color:#0048a2;
}
a:visited{
  color:#803DAA;
}
a:active {
  color:#17A2B2;
}
a:hover {
  position:relative;
  color:#17A2B2;
  text-decoration:underline;
}
a:hover img{
  position: relative;
  top: 0; left: 0;
}
table {
  font-family:'‚l‚r ‚oƒSƒVƒbƒN','‚l‚r ƒSƒVƒbƒN','Osaka',Verdana,Arial, sans-serif;
}
#back2 {
  filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,
  StartColorStr=#FFFFFF,EndColorStr=#cccccc);
  width: 100%;
}
.menuWrapper{
    font-family: "Trebuchet MS", Arial, sans-serif;;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    text-transform:uppercase;
    letter-spacing: normal;
    line-height: 1.45em;
    position:relative;
    margin:20px auto;
    height:542px;
    width:797px;
    background-position:0 0;
    background-repeat:no-repeat;
    background-color:transparent;
}
ul.menu{
    list-style:none;
    width:797px;
}
ul.menu > li{
    float:left;
    width:265px;
    height:542px;
    border-right:1px solid #777;
    background-repeat:no-repeat;
    background-color:transparent;
}
ul.menu > li.last{
    border:none;
}
.bg1{
    background-image: url(../images/1.jpg);
}
.bg2{
    background-image: url(../images/2.jpg);
}
.bg3{
    background-image: url(../images/3.jpg);
}
ul.menu > li > a{
    float:left;
    width:265px;
    height:50px;
    margin-top:450px;
    text-align:center;
    line-height:50px;
    color:#ddd;
    background-color:#333;
    letter-spacing:1px;
    cursor:pointer;
    text-decoration:none;
    text-shadow:0px 0px 1px #fff;
}
ul.menu > li ul{
    list-style:none;
    float:left;
    margin-top:-180px;
    width:100%;
    height:110px;
    padding-top:20px;
    background-repeat:no-repeat;
    background-color:transparent;
}
ul.menu > li ul li{
    display:none;
}
ul.menu > li ul.sub1{
    background-image:url(../images/bg1sub.png);
}
ul.menu > li ul.sub2{
    background-image:url(../images/bg2sub.png);
}
ul.menu > li ul.sub3{
    background-image:url(../images/bg3sub.png);
}
ul.menu > li ul li a{
    color:#fff;
    text-decoration:none;
    line-height:30px;
    margin-left:20px;
    text-shadow:1px 1px 1px #444;
    font-size:11px;
}
ul.menu > li ul.sub1 li{
    display:block;
}
ul.menu > li ul li a:hover{
    border-bottom:1px dotted #fff;
}