/* elements */
/* ////////////////////////////////////////////////////// */

body {
	font-size             : 0.8em;
	color                 : #eaeaea;
	background            : #000000;
}

a {
	outline               : none;
	color                 : #00fff0;
	text-decoration       : none;
}

img {
	display               : block;
}

a:hover img {
 opacity                : 0.8;
}

strong {
	font-weight           : bold;
}



/* section */
/* ////////////////////////////////////////////////////// */

div.section {
	width: 100%;
}

div.sectionbox {
	width: 800px;
	padding: 170px 30px 30px 30px;
	margin-left : 250px;
	line-height: 1.6;
	color: #FFFFFF;
}

div.sectionbox a:hover {
	text-decoration: none;
}

div.sectionbox h2 {
	text-indent         : -9999px;
	width               : 410px;
	height              : 110px;
	background-position : 0 0;
	background-repeat   : none;
	margin-bottom       : 30px;
	position: absolute;
	left: 260px;
	top: 30px;
}



/* menu */
/* ////////////////////////////////////////////////////// */

#menu {
	width   : 200px;
	position: fixed;
	_position: absolute;
	left: 30px;
	top: 30px;
}

#menu ul.menu a {
	text-indent : -99999px;
	display: block;
	width: 200px;
	height: 50px;
	background-position : 0 0 ;
	background-repeat : repeat-x;
 }

#menu li.top a {
	background-image : url("../img/menu_top.png");
}

#menu li.story a {
	background-image : url("../img/menu_story.png");
}

#menu li.character a {
	background-image : url("../img/menu_character.png");
}

#menu li.casefile a {
	background-image : url("../img/menu_casefile_new.png");
}

#menu li.screenshot a {
	background-image : url("../img/menu_screenshot_new.png");
}

#menu li.system a {
	background-image : url("../img/menu_system_new.png");
}

#menu li.message a {
	background-image : url("../img/menu_message.png");
}

#menu li.product a {
	background-image : url("../img/menu_product.png");
}

#menu ul.menu a:hover {
	background-position :  200px 0;
}


#menu ul.banner {
	width: 200px;
	padding-left : 30px;
}


#menu ul.banner a {
	display: block;
	width: 165px;
	margin-bottom : 5px;
 }


/* header */
/* ////////////////////////////////////////////////////// */

#header {
	width      : 100%;
	background : #000000;
	padding    : 20px;
}

#header,
#header dl            { width : 98%;}

#header dd {
	padding-right : 10px;
}




/* footer */
/* ////////////////////////////////////////////////////// */

#footer {
	width      : 100%;
	background : #000000;
	padding    : 20px;
}

#footer,
#footer dl            { width : 98%;}

#footer dd {
	padding-right : 10px;
}

#footer dd.copyright {
	text-indent : -99999px;
	width       : 440px;
	height      : 50px;
	background  : url("../img/copyright.png") 0 0 no-repeat;
}



/* style */
/* ////////////////////////////////////////////////////// */

.center {
	text-align            : center;
}

div.text p {
	line-height           : 1.4;
	margin-top            : 0.5em;
	margin-bottom         : 0.5em;
}

.notice {
	color                 : #818990;
}


/* float layout */
/* ////////////////////////////////////////////////////// */

*.left {
	float                : left;
	display              : block;
}

*.right {
	float                : right;
	display              : block;
}



/* clearfix */
/* ////////////////////////////////////////////////////// */

.clearfix:after {
	content        : ".";
	height         : 0px;
	clear          : both;
	visibility     : hidden;
	display        : block;
}

.clearfix {
	display        : inline-block;
}

/*\*/
* html .clearfix {
	height         : 1%;
}

.clearfix {
	display        : block;
}