@charset "shift_jis"; 



/* h1 */
/*//////////////////////////////////////////////////////*/

body#stage h1 {
	background-image : url("../stage/img/h1.jpg");
}



/* h2 */
/*//////////////////////////////////////////////////////*/

body#stage h2 {
	width            : 780px;
	height           : 150px;
}

body#stage p.description {
	margin-bottom    : 10px;
}



/* contents */
/*//////////////////////////////////////////////////////*/

body#stage #main {
	width       : 780px !important;
}



/* stagebox */
/*//////////////////////////////////////////////////////*/

#stagebox {
	padding     : 30px 0 30px 0;
}


/* controls */
/*//////////////////////////////////////////////////////*/

body#stage #controls {
	text-indent      : -9999px;
	width            : 780px;
	height           : 90px;
	display          : block;
	position         : relative;
	left             : -11px;
}

body#stage #controls ol.controls {
	width            : 780px;
	height           : 90px;
	position         : relative;
	background : url("../stage/img/controls.jpg") 0 0 no-repeat;
}

body#stage #controls ol.controls li {
	width            : 130px;
	display          : block;
	float            : left;
}

body#stage #controls ol.controls li a span.c {
	width            : 130px;
	height           : 70px;
	display          : block;
	background-repeat   : repeat-y;
	background-position : 0 0;
}

body#stage #controls ol.controls li a span.stage01{
	background : url("../stage/img/c_stage01.jpg");
}

body#stage #controls ol.controls li a span.stage02{
	background : url("../stage/img/c_stage02.jpg");
}

body#stage #controls ol.controls li.current a span span,
body#stage #controls ol.controls li a span span.c:hover {
	background-position : 0 70px;
}




/* slider */
/*//////////////////////////////////////////////////////*/

body#stage #slider {
	width:780px;
	position:relative; /* Fixing fade in IE6 and IE7 */
}

body#stage #slider img{
	border:none;
	display    : block;
}

body#stage #slider ul, body#stage #slider li{
	margin:0;
	padding:0;
	list-style:none;
}

body#stage #slider li { 
	width:780px;
	overflow:hidden; 
}


body#stage #slider #controls li {
	display  : inline;
}

body#stage #slider #controls li a {
	display  : block;
}



/* stagestory */
/*//////////////////////////////////////////////////////*/

body#stage #stagestory {
	color      : #333333;
	line-height : 1.4;
	width      : 780px;
	height     : 120px;
	background : url("../stage/img/stage01/stagestory.jpg") 0 0 no-repeat;
	margin-bottom : 20px;
	margin     : 0 auto 20px auto;
}

body#stage #stagestory h3 {
	display    : none;
}

body#stage #stagestory dl {
	width      : 400px;
	text-align : left;
}



/* enemy */
/*//////////////////////////////////////////////////////*/

body#stage #slider table.enemy {
	width           : 780px;
	margin-bottom   : 10px;
}

body#stage #slider table.enemy th,
body#stage #slider table.enemy td {
	text-align : center;
	border-collapse : collapse;
}
body#stage #slider table.enemy td img {
	text-align : center;
	display         : block;
	margin          : 0 auto;
}

body#stage #slider table.enemy thead th {
	color           : #ffffff;
	font-weight     : bold;
	padding         : 0.5em 1em;
}

body#stage #slider table.enemy tbody th {
	color           : #443913;
	background      : #c9c3ad;
	font-weight     : normal;
	padding         : 0.4em 0em 0.25em 0em;
}

body#stage #slider table.enemy td {
	color           : #333333;
	background      : #ffffff;
}

/* enemy01 */
body#stage #slider table.enemy01 th,
body#stage #slider table.enemy01 td { border     : solid 1px #846f19;}
body#stage #slider table.enemy01 thead th { background : #ac8e4e;}

/* enemy02 */
body#stage #slider table.enemy02 th,
body#stage #slider table.enemy02 td { border     : solid 1px #7d3ea1;}
body#stage #slider table.enemy02 thead th { background : #a777c3;}


/* enemy03 */
body#stage #slider table.enemy03 th,
body#stage #slider table.enemy03 td { border     : solid 1px #8e2222;}
body#stage #slider table.enemy03 thead th { background : #b34040;}



/* stage01 */
/*//////////////////////////////////////////////////////*/

body#stage #slider li.stage01 {
	width      : 780px;
	height     : 1600px;
}

body#stage #stagestory.stage01 dl {
	width      : 400px;
	position   : relative;
	top        : 45px;
	left       : 220px;
}



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

body#stage #controls ol.controls:after {
	content        : ".";
	height         : 0px;
	clear          : both;
	visibility     : hidden;
	display        : block;
}

body#stage #controls ol.controls {
	display        : inline-block;
}

/*\*/
* html body#stage #controls ol.controls {
	height         : 1%;
}

body#stage #controls ol.controls {
	display        : block;
}