a:hover   {
	color: #999;
	text-decoration: none;
}
a:active  {
	color: #FFF;
	text-decoration: none;
}

a.menu:link    {
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}
a.menu:visited {
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}
a.menu:hover   { color: lightgrey; text-decoration: none; font-weight: bold;}
a.menu:active  { color: lightgrey; text-decoration: underline; font-weight: bold;}

table.frame{
width:980px;
border-spacing: 0px;
padding: 1px;
border:0px solid;
}


table.menu{
width:980px;
border-spacing: 0px;
border:0px solid white;
background-color:white;
}

td.menu {
text-align: center;
width:123px;
padding: 5px 2px 5px 2px;
background-color:#555555;
border:1px solid white;
}

td.menuA {
text-align: center;
width:123px;
padding: 5px 2px 5px 2px;
background-color:lightgrey;
border:1px solid white;
font-weight:bold;
color: black;
}

td.menuEng {
text-align: center;
width:123px;
padding: 5px 2px 5px 2px;
background-color:#555555;
border:1px solid white;
}

td.titletext {
	padding: 0px;
	border:0px solid white;
	vertical-align:center;
	text-align:center;
	font-size: 28pt;
	font-family: "ＭＳ ゴシック",sans-serif;
	font-stretch:wider;
	font-weight:bold;
	color: white;
	height: 100;
	vertical-align: bottom;
}

table.subtitle{
width:980px;
height:180px;
border-spacing: 0px;
border:0px solid red;
background-color:white;
}

td.subtitle {
padding: 0px;
border:0px solid white;
vertical-align:bottom;
text-align:center;
}

table.submenu{
width:976px;
border-spacing: 0px;
border:0px solid;
}

td.submenu {
text-align: center;
padding: 5px 2px 5px 2px;
border:0px solid;
background-color:#555555;
}

td.submenuA {
text-align: center;
padding: 5px 2px 5px 2px;
border:1px solid;
background-color:lightgrey;
font-weight:bold;
color: black;
width: 195px;
}

td.submenuN {
padding: 5px 2px 5px 2px;
border:0px solid;
width: 195px;
}

td.submenuMovie {
text-align: center;
padding: 5px 2px 5px 2px;
border:0px solid;
background-color:#228b22;
}

table.general {
	border-spacing: 0px;
	border-collapse: collapse;
	border:1px solid #555555;
	background-color:white;
	width: 900px;
	margin-left: 5%;
	margin-right: 5%;
	font-size: 11pt;
	font-family: "ＭＳ ゴシック",sans-serif;
}

table.plain {
	border-spacing: 0px;
	border-collapse: collapse;
	border: 0px;
	background-color:white;
	width: 900px;
	margin-left: 5%;
	margin-right: 5%;
}

table.list {
	border-spacing: 0px;
	border-collapse: collapse;
	border:1px solid #555555;
	background-color:white;
	width: 100%;
}

td.lista {
width:4px;
background-color:#555555;
border:0px solid #555555;
}

td.listb {
width:4px;
background-color:#727272;
border:0px solid #727272;
}

td.listc {
width:4px;
background-color:#A9A9A9;
border:0px solid #A9A9A9;
}

td.list {
text-align: center;
padding: 10px 2px 10px 2px;
background-color:lightgrey;
border:0px solid lightgrey;
color: midnightblue;
letter-spacing: 2px;
font-weight:bold;
font-family: "ＭＳ ゴシック",sans-serif;
}

p.list {
color: black;
margin-left: 5%;
margin-right: 5%;
line-height: 150%; 
}

p.listR {
color: black;
margin-left: 5%;
margin-right: 5%;
line-height: 150%; 
text-align:right;
}

p.listC {
	color: black;
	margin-left: 5%;
	margin-right: 5%;
	line-height: 150%;
	text-align:center;
	width: 900px;
}

p.white {
color: white;
line-height: 150%; 
}

p {
	color: black;
	margin-left: 5%;
	margin-right: 5%;
	line-height: 120%;
	width: 900px;
}

div {
color: black;
line-height: 150%; 
}

td.staffN {
text-align: left;
vertical-align: bottom;
padding: 10px 2px 0px 10px;
border:2px solid white;
}

td.staffP {
vertical-align: bottom;
padding: 2px 2px 2px 2px;
background-color:#555555;
border:2px solid white;
}

td.generalA1 {
	padding: 10px 10px 10px 10px;
	background-color:#555555;
	border:1px solid lightgray;
	color: white;
	line-height: 120%;
}

td.generalA2 {
	padding: 10px 10px 10px 10px;
	background-color:lightgrey;
	border:1px solid white;
	color: midnightblue;
	line-height: 120%;
}

td.generalA3 {
	padding: 10px 10px 10px 10px;
	background-color:white;
	border:1px solid lightgrey;
	color: black;
	line-height: 120%;
}

hr.copyright {
size:1px;
color:#555555;
border-style:dotted;
}


.left {
border:0px;
float: left;
margin: 0px 20px 0px 20px; 
}

img.staff {
border:0px;
height:150px;
width:200;
}

#s3slider {
   width: 600px; /* important to be same as image width */
   height: 410px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3sliderContent {
   width: 600px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0px; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   text-align: center;
   letter-spacing: 4px;
   width: 600px;
   background-color: #FFFFFF;
   filter: alpha(opacity=60); /* here you can set the opacity of box with text */
   -moz-opacity: 0.6; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.6; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #000000;
   display: none; /* important */
   top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
}