/* CSS Document */

body {
	margin:0px;
	padding:0;
	background-color:#000;
	background-image:url(../img/BG.png);
	background-position:center top;
	background-repeat:repeat-x;
	font-family: "Lucida Grande", "segoe UI", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
	font-size: 14px;
	line-height:1.2em;
}

ul,li {
	margin:0px;
	padding:0px;
}
a {color:#ff227a;
	text-decoration:none;
}
a:hover {text-decoration:underline;}

#container {
	width:1000px;
	height:100%;
	border-left:1px solid #49410c;
	border-right:1px solid #49410c;
	margin:0 auto;
}

#menubox {
	width:950px;
	height:50px;
	padding-left:25px;
	padding-right:25px;
	position:absolute;
	bottom:13px;
	z-index:100;
	display:flex;
	justify-content:space-between;
	list-style:none;
	background-image: -moz-linear-gradient(top, transparent, #000000);
	background-image: -ms-linear-gradient(top, transparent, #000000);
	background-image: -o-linear-gradient(top, transparent, #000000);
	background-image: -webkit-gradient(linear, center top, center bottom, from(transparent), to(#000000));
	background-image: -webkit-linear-gradient(top, transparent, #000000);
	background-image: linear-gradient(top, transparent, #000000);
}
#menubox a,
#menubox li {
	width:150px;
	height:50px;
	display:block;
	overflow:hidden;
	line-height:100em;
	background-position:center top;
}
#menubox li:hover {background-position:center bottom;}
#navi_point {background-image:url(../img/menu/point.png);}
#navi_story {background-image:url(../img/menu/story.png);}
#navi_chara {background-image:url(../img/menu/character.png);}
#navi_gallery {background-image:url(../img/menu/gallery.png);}
#navi_special {background-image:url(../img/menu/special.png);}
#navi_product {background-image:url(../img/menu/product.png);}

#navi_top {
	width:122px;
	height:15px;
	position:absolute;
	left:0;
	bottom:73px;
	overflow:hidden;
	line-height:100em;
	background-image:url(../img/menu/top.png);
	background-position:center top;
}
#navi_top:hover {background-position:center bottom;}
#navi_top a{
	width:100%;
	height:100%;
	display:block;
}


#footer {
	width:1000px;
	height:30px;
	position:relative;
	border-top:1px solid #49410c;
	border-bottom:1px solid #49410c;
	background-image:url(../img/BG_footer.png);
	z-index:500;
}

address {
	text-align:center;
	margin:6px auto;
	color:#FFF;
	font-style:normal;
	font-size:9pt;
}

#guilty {
	width:51px;
	height:20px;
	position:absolute;
	right:12px;
	top:5px;
}