@charset "utf-8";

* {
	margin: 0;
	padding: 0;
}

/* 文字装飾とかこまごましたの */
a {
	text-decoration: none;
	color: #00f;
}

a:hover {
	background-color: #ff6;
}

a:visited {
	color: #72a;
}

strong {
	font-size: 100%;
	font-weight: bold;
	color: #f20;
}

s {
	color: #b99;
}

.fc {
	clear: both;
}

body {
	background-image: url("../imgs/common/back.gif");
	background-color: #fae7e7;
	text-align: center;
}

body div {
	text-align: left;
}

div#container {
	width: 760px;
	margin: 0 auto;
	color: #823;
	background-color: #fff;
	font-family: sans-serif;
	font-size: 100%;
}

div#header {
	width: 760px;
	height: 380px;
	background-image: url("../imgs/common/header1.jpg");
}


div#footer {
	clear: both;
	width: 100%;
	padding: 4px 0;
	color: #fff;
	background-color: #ffaccf;
	text-align: center;
	font-size: 80%;
	font-weight: bold;
}


/* メニュー */
div#menu {
	width: 760px;
	height: 70px;
}

div#menu ul {
	border: none;
	list-style-type: none;
}

div#menu ul li {
	float: left;
	display: inline;
	border: none;
}

div#menu ul li a {
	display: block;
	height: 70px;
}

div#menu ul li#index     a       { background-image: url("../imgs/common/u01.gif"); width: 114px; }
div#menu ul li#index     a:hover { background-image: url("../imgs/common/d01.png"); width: 114px; }
div#menu ul li#story     a       { background-image: url("../imgs/common/u02.gif"); width: 110px; }
div#menu ul li#story     a:hover { background-image: url("../imgs/common/d02.png"); width: 110px; }
div#menu ul li#character a       { background-image: url("../imgs/common/u03.gif"); width: 110px; }
div#menu ul li#character a:hover { background-image: url("../imgs/common/d03.png"); width: 110px; }
div#menu ul li#graphic   a       { background-image: url("../imgs/common/u04.gif"); width: 110px; }
div#menu ul li#graphic   a:hover { background-image: url("../imgs/common/d04.png"); width: 110px; }
div#menu ul li#download  a       { background-image: url("../imgs/common/u05.gif"); width: 110px; }
div#menu ul li#download  a:hover { background-image: url("../imgs/common/d05.png"); width: 110px; }
div#menu ul li#diary     a       { background-image: url("../imgs/common/u06.gif"); width: 112px; }
div#menu ul li#diary     a:hover { background-image: url("../imgs/common/d06.png"); width: 112px; }
div#menu ul li#dummy     a       { background-image: url("../imgs/common/u07.gif"); width:  94px; }
div#menu ul li#dummy     a:hover { background-image: url("../imgs/common/d07.png"); width:  94px; }

div.ret { width: 100%; padding: 8px 0; text-align: center; }
div.ret a { font-weight: bold; }