@charset "utf-8";
/* CSS Document */

/*******************************************************
リセット
*******************************************************/

*{
	margin: 0;
	padding: 0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-decoration: none;
}

ul,ol{
	list-style: none;
}

img{
	border: 0;
	vertical-align: top;
}

a{
	outline: 0;
}



/**********************************************************
全体
**********************************************************/

body{
	text-align: center;
	background-color: #000000;
	/*overflow:hidden;*/
}

/*#backImage{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 800px;
	height: 575px;
	margin-top: -300px;
	margin-left: -400px;
}*/

/*#flashContent{
	position: relative;
	width: 450px;
	height: 615px;
	margin: 0 auto;
}*/


#flashContent{
	position: absolute;
	z-index: 10;
	width: 800px;
	height: 575px;
	top: 50%;
	left: 50%;
	margin-top: -250px;
	margin-left: -400px;
}

/*#flashContent{
	position: absolute;
	z-index: 10;
	width: 350px;
	height: 500px;
	top: 50%;
	left: 50%;
	margin-top: -300px;
	margin-left: -230px;
	width:100%;
	height:100%;	
}*/

#expo2015{
	clear: both;
	position: absolute;
	z-index: 15;
	width: 200px;
	height: 283px;
	top: 50%;
	left: 50%;
	margin-top: -100px;
	margin-left: 36px;
}

#gnavi{
	clear: both;
	position: absolute;
	z-index: 15;
	width: 600px;
	height: 50px;
	top: 50%;
	left: 50%;
	margin-top: 245px;
	margin-left: -300px;
	background:url(../img/Gnavi1.png) no-repeat top left transparent;
}

#gnavi ul li{
	/*position: relative;
	width: 100px;
	height: 50px;*/
	float: left;
}

#gnavi ul li a{
	position: relative;
	display: block;
	width: 100px;
	height: 50px;
	font-size: 14px;
	text-align: center;
	line-height: 50px;
	color: #576535;
}

#gnavi ul li a:hover{color:#fff;}

/*#gnaviA{
	position: relative;
	width: 600px;
	height: 50px;
	margin: 0 auto;
	background:url(../img/Gnavi1.png) no-repeat top left transparent;
}*/

/*#gnaviA ul li{*/
	/*position: relative;
	width: 100px;
	height: 50px;*/
	/*float: left;
}*/

/*#gnaviA ul li a{
	position: relative;
	display: block;
	width: 100px;
	height: 50px;
	font-size: 14px;
	text-align: center;
	line-height: 50px;
	color: #576535;
}

#gnaviA ul li a:hover{color:#fff;}*/

a#home:hover{
	background: url(../img/Gnavi1.png) no-repeat bottom left transparent;
}

a#art1:hover{
	background: url(../img/Gnavi1.png) no-repeat -100px -50px transparent;
}

a#art2:hover{
	background: url(../img/Gnavi1.png) no-repeat -200px -50px transparent;
}

a#art3:hover{
	background: url(../img/Gnavi1.png) no-repeat -300px -50px transparent;
}

a#art4:hover{
	background: url(../img/Gnavi1.png) no-repeat -400px -50px transparent;
}

a#access:hover{
	background: url(../img/Gnavi1.png) no-repeat -500px -50px transparent;
}

#artName{
	font-size: 16px;
	font-weight: lighter;
	text-align:center;
	color:#CCC;
}

/*#permanente{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 200px;
	height: 20px;
	top: 50%;
	left: 50%;
	margin-top: -250px;
	margin-left: -380px;
	font-weight: lighter;
	font-size: 12px;
	color: #fff;
}*/