@charset "shift_jis"; 



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

body#character #main {
	width       : 950px !important;
}



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

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



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

body#character h2 {
	text-indent : -9999px;
	width       :780px;
	height      : 80px;
	background-repeat   : no-repeat;
	background-position : 0 0;
}



/* h3 */
/*//////////////////////////////////////////////////////*/

body#character h3 {
	display     : none;
}



/* h4 */
/*//////////////////////////////////////////////////////*/

body#character h4 {
	color            : #417687;
	font-weight      : bold;
	font-size        : 1.2em;
	margin           : 1em 0 0.5em 0;
}



/* pagelink */
/*//////////////////////////////////////////////////////*/

body#character #pagelink {
	text-indent      : -9999px;
	width            : 950px;
	height           : 75px;
	display          : block;
}

body#character #pagelink ul {
	width            : 950px;
	height           : 75px;
	background       : url("../character/img/20101006/pagelink_bg.jpg") 0 0 no-repeat;
}

body#character #pagelink li {
	float            : left;
}

body#character #pagelink li.index,
body#character #pagelink li.index a {
	width            : 66px;
}

body#character #pagelink li.player,
body#character #pagelink li.player a {
	width            : 309px;
}

body#character #pagelink li.enemy,
body#character #pagelink li.enemy a {
	width            : 274px;
}

body#character #pagelink li a {
	height           : 75px;
	background-repeat   : repeat-y;
	background-position : 0 0;
	display          : block;
}

body#character #pagelink li.index a {
	background-image : url("../character/img/20101006/pagelink_index.jpg");
}

body#character #pagelink li.player a {
	background-image : url("../character/img/20101006/pagelink_player.jpg");
}

body#character #pagelink li.enemy a {
	background-image : url("../character/img/20101006/pagelink_enemy.jpg");
}

body#character #pagelink li.current a,
body#character #pagelink li a:hover {
	background-position : 0 75px !important;
}



/*//////////////////////////////////////////////////////*/
/* index */
/*//////////////////////////////////////////////////////*/


#character_index {
	width       : 780px;
	height      : 500px;
	text-align  : center;
	margin      : 0 auto;
	padding-top : 40px;
}

#character_index ul {
	width       : 780px;
	margin      : 0 auto;
}

#character_index li {
	margin-bottom : 20px;
}

#character_index li a {
	text-indent : -9999px;
	width       : 780px;
	height      : 174px;
	display     : block;
	background-position : 0 0;
	background-repeat   : repeat-y;
}

#character_index li.player a {
	background-image : url("../character/img/20101006/index_player.jpg");
}

#character_index li.enemy a {
	background-image : url("../character/img/20101006/index_enemy.jpg");
}

#character_index li a:hover {
	background-position : 0 174px !important;
}


/*//////////////////////////////////////////////////////*/
/* player */
/*//////////////////////////////////////////////////////*/


/* chara_01 */

body#character #slider_player .chara_01 {
	width      : 950px;
	height     : 1150px;
	background : url("../character/img/20101006/chara_01.jpg") 0 0 no-repeat;
}

body#character #slider_player .chara_01 h2 {
	display    : none;
}

body#character #slider_player .chara_01 div.tsubaki {
	text-align : right;
	width      : 330px;
	position   : relative;
	top        : 710px;
	left       : 0px;
}

body#character #slider_player .chara_01 div.sumire {
	width      : 420px;
	position   : relative;
	top        : 100px;
	left       : 490px;
}


/* chara_02 */

body#character #slider_player .chara_02 {
	width      : 950px;
	height     : 1050px;
	background : url("../character/img/20101006/chara_02.jpg") 0 0 no-repeat;
}

body#character #slider_player .chara_02 h2 {
	display    : none;
}

body#character #slider_player .chara_02 div.kikyou {
	width      : 380px;
	position   : relative;
	top        : 85px;
	left       : 450px;
}

body#character #slider_player .chara_02 div.botan {
	text-align : right;
	width      : 380px;
	position   : relative;
	top        : 600px;
	left       : 50px;
}


/* chara_03 */

body#character #slider_player .chara_03 {
	width      : 950px;
	height     : 1050px;
	background : url("../character/img/20101006/chara_03.jpg") 0 0 no-repeat;
}

body#character #slider_player .chara_03 h2 {
	display    : none;
}

body#character #slider_player .chara_03 div.suzuran {
	width      : 380px;
	position   : relative;
	top        : 135px;
	left       : 480px;
}

body#character #slider_player .chara_03 div.sion {
	text-align : right;
	width      : 380px;
	position   : relative;
	top        : 600px;
	left       : 30px;
}

/* controls */

body#character #player #controls {
	text-indent      : -9999px;
	width            : 950px;
	height           : 80px;
	display          : block;
}

body#character #player #controls ol.controls {
	width            : 950px;
	position         : relative;
	left             : 46px;
}

body#character #player #controls ol.controls li {
	width            : 194px;
	display          : block;
	float            : left;
}

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

body#character #player #controls ol.controls li a span.chara_01{
	background-image : url("../character/img/20101006/c_chara_01.jpg");
}

body#character #player #controls ol.controls li a span.chara_02{
	background-image : url("../character/img/20101006/c_chara_02.jpg");
}

body#character #player #controls ol.controls li a span.chara_03{
	background-image : url("../character/img/20101006/c_chara_03.jpg");
}

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



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


/* boss_01 */

body#character #slider_enemy .boss_01 {
	width      : 950px;
	height     : 520px;
	background : url("../character/img/20101006/boss_01.jpg") 0 0 no-repeat;
}

body#character #slider_enemy .boss_01 h2 {
	display    : none;
}

body#character #slider_enemy .boss_01 div.hiiragi {
	width      : 330px;
	position   : relative;
	top        : 160px;
	left       : 570px;
}

/* boss_02 */

body#character #slider_enemy .boss_02 {
	width      : 950px;
	height     : 520px;
	background : url("../character/img/20101006/boss_02.jpg") 0 0 no-repeat;
}

body#character #slider_enemy .boss_02 h2 {
	display    : none;
}

body#character #slider_enemy .boss_02 div.syuumeigiku {
	width      : 380px;
	position   : relative;
	top        : 160px;
	left       : 570px;
}

/* controls */

body#character #enemy #controls {
	text-indent      : -9999px;
	width            : 950px;
	height           : 80px;
	display          : block;
}

body#character #enemy #controls ol.controls {
	width            : 950px;
	position         : relative;
	left             : 46px;
}

body#character #enemy #controls ol.controls li {
	width            : 175px;
	display          : block;
	float            : left;
}

body#character #enemy #controls ol.controls li a span.e {
	width            : 175px;
	height           : 70px;
	display          : block;
	background-repeat   : repeat-y;
	background-position : 0 0;
}

body#character #enemy #controls ol.controls li a span.chara_01{
	width            : 165px;
	background-image : url("../character/img/20101006/e_chara_01.jpg");
}

body#character #enemy #controls ol.controls li a span.chara_02{
	width            : 185px;
	background-image : url("../character/img/20101006/e_chara_02.jpg");
}

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



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

body#character div.slider {
	width:950px;
	position:relative; /* Fixing fade in IE6 and IE7 */
}

body#character div.slider img{
	border:none;
}

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

body#character div.slider li { 
	width:950px;
	overflow:hidden; 
}


body#character div.slider #controls li {
	display  : inline;
}

body#character div.slider #controls li a {
	display  : block;
}

body#character div.slider p {
	line-height : 1.4;
}

body#character div.slider p.cv {
	line-height : 1.2;
	font-weight : bold;
}

body#character div.slider p.voice {
	display     : none;
}



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

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

body#character #pagelink ul,
body#character #controls ol.controls {
	display        : inline-block;
}

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

body#character #pagelink ul,
body#character #controls ol.controls {
	display        : block;
}