@charset "Shift_JIS";
@import "init.css";

/***************************************
   common
***************************************/
html, body {
  height: 100%;
  text-align: center;
}
.clear:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
}
/*
a:hover img {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}
img {
  behavior: expression(IEPNGFIX.fix(this));
}
*/

/***************************************
	top
***************************************/
body#top {
  background: url(../img/top/bg_body.jpg) no-repeat center center;
  background-attachment: fixed;
  background-color: #CCCCCC;
}
body#top div#contents {
  position: relative;
  width: 900px;
  height: 100%;
  min-height: 630px;
  margin: 0 auto;
  background: url(../img/top/bg.jpg) no-repeat center top #000000;
}
body#top div#contents ul {
  float: left;
}
body#top div#contents ul li {
  padding-top: 20px;
}
body#top div#contents ul li a:hover img {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}
body#top div#contents ul li.wait img {
  filter: alpha(opacity=40);
  -moz-opacity: 0.4;
  opacity: 0.4;
}
body#top div#contents div.right {
  float: right;
  padding-right: 20px;
}
body#top div#contents div.right dl {
  padding-top: 20px;
}
body#top div#contents div.right dl dd a img {
  padding-bottom: 5px;
}
body#top div#contents div.right dl dt {
  font-weight: bold;
}
body#top div#contents div.right dl dt,
body#top div#contents div.right dl dd {
  color: #FFFFFF;
  text-align: center;
  font-size: 125%;
}
body#top div#contents div.right dl dd a {
  color: #FFFFFF;
}

/***************************************
	dir
***************************************/
div#header_dir {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  padding: 0;
  background-color: #999999;
}
div#header_dir ul {
  width: 900px;
  height: 30px;
  margin: 0 auto;
}
div#header_dir ul li {
  float: left;
}
div#header_dir ul li a:hover img {
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
}




*{
	margin:0;
	padding:0;
}
a{
	text-decoration: none;
	outline: none;
}
a:hover{
	text-decoration: underline;
}
img{
	border:none;
}
body#home {
	overflow:hidden;/*Needed to eliminate scrollbars*/
	background: url(../img/bg_body.gif) no-repeat center center;
}


#content{
	margin:0px auto;
	height:100px;
	width:100%;
	bottom:5%;
	z-index: 3;
	background: url(../img/bg_content.png) repeat 90%;
	position:absolute;
}
#left {
	position: absolute;
	left: 20px;
	top: 10px;
}
#left p {
	line-height: 130%;
	font-style: italic;
	font-size: 125%;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#left p a {
	font-weight: bold;
	font-style: normal;
}
#right {
	position: absolute;
	top: 15px;
	right: 10px;
	height: 70px;
}
#right h1 {
	padding-bottom: 5px;
	font-weight: bold;
}
#right p {
	padding-bottom: 5px;
}
#right p a:hover img {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}

#supersize{
	position:fixed;
}
#supersize img, #supersize a{
	height:100%;
	width:100%;
	position:absolute;
	z-index: 0;
}
#supersize .prevslide, #supersize .prevslide img{
	z-index: 1;
}
#supersize .activeslide, #supersize .activeslide img{
	z-index: 2;
}