@charset "utf-8";

img { border: 0; }
table { border-collapse: collapse; }
td, th { vertical-align: top; }
a{
	overflow: hidden;
	outline: none;	/* IE＆opera */
	color: white;
}
a:active{color: white;}
a:visited{color: white;}
a:link{color: white;}
body {
	margin: 0;
	padding: 0;
	background: black;
	text-align: center;
}
body,
td,
th {
	font-family: "メイリオ","Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
			"MS Pゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
	color: white;
	font-size: 90%;
}
#container {
	margin: auto;
	width: 900px;
	position: relative;
	text-align: left;
}

.spacer {
	clear: both;
}


/* #header --------------------------------------------------------------------- */

#header {
	position: relative;
	z-index: 4;
	height: 65px;
	padding: 9px 0 0;
}
#header .logo {
	display: block;
	float: left;
}
#header p {
	margin: 0;
	padding: 0;
	position: absolute;
	right: 5px;
	top: 10px;
}
#header .contactMe {
	position: absolute;
	right: 5px;
	top: 35px;
}
#header .language {
	position: absolute;
	right: 7px;
	top: 63px;
}

/* #menu --------------------------------------------------------------------- */
#menu ul,
#menu ul li {
	margin: 0;
	padding: 0;
}
#menu ul {
	padding-left: 27px;
}
#menu ul li {
	font-weight: bold;
	list-style: none;
}
#menu li a{
	text-shadow:1px 1px 2px #000;

}
#menu ul li a {
	text-decoration: none;
}
#menu ul li a:hover {
	color: #EE0000;
}
#menu ul li .red {
	color: red;
}
#menu #banner{
	display:none;
}

.about #menu .about,
.history #menu .history,
.news #menu .news,
.media #menu .media,
.gallery #menu .gallery,
.store #menu .store{
	color:red;
}

/* #contents --------------------------------------------------------------------- */

#contents {
	width: 900px;
}


/* #footer --------------------------------------------------------------------- */

#footer {
	clear:both;
	width: 900px;
	padding: 10px 0;
}

/* IE対策 透過PNG --------------------------------------------------------------------- */

* html #banner img,
* html .character,
* html #main #contents #messageBox #boxRight img,
* html #main #contents #messageBox #boxLeft img,
* html #second #menu .banner2 img{
	behavior: expression(IEPNGFIX.fix(this));
}