@charset "UTF-8";

/** キャラクターページ **/
	#character_courage {
		width:785px;
		height:680px;
		overflow:hidden;
		background:url(../img/character/char_courage.png) top left no-repeat;
	}
	#character_grief {
		width:785px;
		height:750px;
		overflow:hidden;
		background:url(../img/character/char_grief.png) top left no-repeat;
	}
	#character_wisdom {
		width:785px;
		height:680px;
		overflow:hidden;
		background:url(../img/character/char_wizdom.png) top left no-repeat;
	}
	#character_impress {
		width:785px;
		height:680px;
		overflow:hidden;
		background:url(../img/character/char_impress.png) top left no-repeat;
	}
	#character_loveny {
		width:785px;
		height:680px;
		overflow:hidden;
		background:url(../img/character/char_loveny.png) top left no-repeat;
	}
	#character_far {
		width:785px;
		height:680px;
		overflow:hidden;
		background:url(../img/character/char_far.png) top left no-repeat;
	}
	#character_hinata {
		width:785px;
		height:680px;
		overflow:hidden;
		background:url(../img/character/char_hinata.png) top left no-repeat;
	}
	#characterMain {
		display:none;
	}

	#characterMenu {
		float:right;
		width:190px;
		overflow:hidden;
		padding-right:10px;
		xborder:1px solid #00ff00;
	}

	#characterMenu h2 {
		width:190px;
		height:33px;
		text-indent:-9999px;
		overflow:hidden;
	}
		#characterMenu .t1 {
			background:url(../img/character/sprite_character.png) 0px 0px no-repeat;
		}
		#characterMenu .t2 {
			background:url(../img/character/sprite_character.png) 0px -300px no-repeat;
		}
		#characterMenu .t3 {
			background:url(../img/character/sprite_character.png) 0px -600px no-repeat;
		}

	#characterMenu .b1 {
		height:215px;
			background:url(../img/character/sprite_character.png) 0px -33px no-repeat;
	}
		#characterMenu .b1 ul li a {
			display:block;
			width:190px;
			height:48px;
			text-indent:-9999px;
			overflow:hidden;
			background:url(../img/character/sprite_character.png) 0px 0px no-repeat;
		}
		#characterMenu .b1 ul .c1 a {		background-position:0px -33px;	}
		#characterMenu .b1 ul .c1 a:hover {		background-position:-300px -33px;	}
		#characterMenu .b1 ul .c2 a {		background-position:0px -81px;	}
		#characterMenu .b1 ul .c2 a:hover {		background-position:-300px -81px;	}
		#characterMenu .b1 ul .c3 a {		background-position:0px -129px;	}
		#characterMenu .b1 ul .c3 a:hover {		background-position:-300px -129px;	}
		#characterMenu .b1 ul .c4 a {		background-position:0px -177px;	}
		#characterMenu .b1 ul .c4 a:hover {		background-position:-300px -177px;	}


	#characterMenu .b2 {
		height:190px;
			background:url(../img/character/sprite_character.png) 0px -333px no-repeat;
	}
		#characterMenu .b2 ul li a {
			display:block;
			width:190px;
			height:48px;
			text-indent:-9999px;
			overflow:hidden;
			background:url(../img/character/sprite_character.png) 0px 0px no-repeat;
		}
		#characterMenu .b2 ul .c1 a {		background-position:0px -333px;	}
		#characterMenu .b2 ul .c1 a:hover {		background-position:-300px -333px;	}
		#characterMenu .b2 ul .c2 a {		background-position:0px -381px;	}
		#characterMenu .b2 ul .c2 a:hover {		background-position:-300px -381px;	}
		
	#characterMenu .b3 {
		height:110px;
			background:url(../img/character/sprite_character.png) 0px -633px no-repeat;
	}
		#characterMenu .b3 ul li a {
			display:block;
			width:190px;
			height:110px;
			text-indent:-9999px;
			overflow:hidden;
			background:url(../img/character/sprite_character.png) 0px -633px no-repeat;
		}
		#characterMenu .b3 ul .c1 a:hover {		background-position:-300px -633px;	}