/*
	ヘッダ画像を指定 - 1040*112
*/
div#header{
	background:url(../img/lr_characters_head.jpg) no-repeat;
}

/*
	BG画像を指定 - 940*757
*/
div#char_box{
	display:block;
	width:940px;
	height:757px;
	overflow:hidden;
	z-index:0;
}

.slide{
	position:relative;
	width:7520px;
	height:757px;
	top:0px;
	left:0px;
}

div#char_select{
	position:absolute;
	width:912px;
	height:38px;
	margin:14px 0 0 14px;
	z-index:5;
}

div#char_select h2{
	display:none;
}

div#char_select ul{
	position:absolute;
	display:block;
	width:912px;
	height:38px;
	background:url(../img/lr_char_select.png) no-repeat;
	_background:url(../img/lr_char_select.gif) no-repeat;
	background-position:left -38px;
}

div#char_select li{
	float:left;
	cursor:pointer;
}

div#char_select li a{
	display:block;
	width:130px;
	height:38px;
}
div#char_select li a.other{
	width:94px;
}

div#char_select li a.extra{
	width:38px;
}

div#char_select ul li a span{
	display:none;
}

/*
	マウスオン＆アクティブの適用_キャラクターセレクト
*/
div#char_select li.char1 a:hover,li.char a span:hover{
	background:url(../img/lr_char_select.png) left -76px no-repeat;
}
div#char_select li.char2 a:hover{
	background:url(../img/lr_char_select.png) -130px -76px no-repeat;
}
div#char_select li.char3 a:hover{
	background:url(../img/lr_char_select.png) -260px -76px no-repeat;
}
div#char_select li.char4 a:hover{
	background:url(../img/lr_char_select.png) -390px -76px no-repeat;
}
div#char_select li.char5 a:hover{
	background:url(../img/lr_char_select.png) -520px -76px no-repeat;
}
div#char_select li.char6 a:hover{
	background:url(../img/lr_char_select.png) -650px -76px no-repeat;
}
div#char_select li.char7 a:hover{
	background:url(../img/lr_char_select.png) -780px -76px no-repeat;
}
div#char_select li.char8 a:hover{
	background:url(../img/lr_char_select.png) right -76px no-repeat;
}

div#char_select li.char1 a:active{
	background:url(../img/lr_char_select.png) left -114px no-repeat;
}
div#char_select li.char2 a:active{
	background:url(../img/lr_char_select.png) -130px -114px no-repeat;
}
div#char_select li.char3 a:active{
	background:url(../img/lr_char_select.png) -260px -114px no-repeat;
}
div#char_select li.char4 a:active{
	background:url(../img/lr_char_select.png) -390px -114px no-repeat;
}
div#char_select li.char5 a:active{
	background:url(../img/lr_char_select.png) -520px -114px no-repeat;
}
div#char_select li.char6 a:active{
	background:url(../img/lr_char_select.png) -650px -114px no-repeat;
}
div#char_select li.char7 a:active{
	background:url(../img/lr_char_select.png) -780px -114px no-repeat;
}
div#char_select li.char8 a:active{
	background:url(../img/lr_char_select.png) right -114px no-repeat;
}

div#yuzu{
	display:block;
	width:940px;
	height:757px;
	background:url(../img/lr_char_yuzu.jpg) no-repeat;
}

div#ranka{
	display:block;
	width:940px;
	height:757px;
	background:url(../img/lr_char_ranka.jpg) no-repeat;
}
div#yuuto{
	display:block;
	width:940px;
	height:757px;
	background:url(../img/lr_char_yuuto.jpg) no-repeat;
}
div#neko{
	display:block;
	width:940px;
	height:757px;
	background:url(../img/lr_char_neko.jpg) no-repeat;
}
div#nae{
	display:block;
	width:940px;
	height:757px;
	background:url(../img/lr_char_nae.jpg) no-repeat;
}
div#fuyuka{
	display:block;
	width:940px;
	height:757px;
	background:url(../img/lr_char_fuyuka.jpg) no-repeat;
}
div#other{
	display:block;
	width:940px;
	height:757px;
	background:url(../img/lr_char_other.jpg) no-repeat;
}
div#extra{
	display:block;
	width:940px;
	height:757px;
	background:url(../img/lr_char_kagari.jpg) no-repeat;
}

div#yuzu,div#ranka,div#yuuto,div#neko,div#nae,div#fuyuka,div#other,div#extra{
	float:left;
	z-index:3;
}

div.voice{
	display:block;
	position:relative;
	width:306px;
	height:128px;
	left:625px;
	top:620px;
	text-indent:-9999px;
}

div.voice ul{
	display:block;
	margin:74px 0 0 185px;
}

div.voice ul li{
	float:left;
	width:32px;
	height:32px;
	margin-right:7px;
}

div.voice ul li a{
	display:block;
	width:32px;
	height:32px;
}

div.voice ul li.cv1 a:hover{
	background:url(../img/lr_charVoiceButton.png) 0 0 no-repeat;
}
div.voice ul li.cv2 a:hover{
	background:url(../img/lr_charVoiceButton.png) -32px 0 no-repeat;
}
div.voice ul li.cv3 a:hover{
	background:url(../img/lr_charVoiceButton.png) -64px 0 no-repeat;
}

div.voice ul li.cv1 a:active{
	background:url(../img/lr_charVoiceButton.png) 0 -32px no-repeat;
}
div.voice ul li.cv2 a:active{
	background:url(../img/lr_charVoiceButton.png) -32px -32px no-repeat;
}
div.voice ul li.cv3 a:active{
	background:url(../img/lr_charVoiceButton.png) -64px -32px no-repeat;
}

div#yuzu .voice{
	background:url(../img/lrCharVoice.png) 0 0 no-repeat;
	_background:url(../img/lrCharVoice.gif) 0 0 no-repeat;
}
div#ranka .voice{
	background:url(../img/lrCharVoice.png) 0 -128px no-repeat;
	-background:url(../img/lrCharVoice.gif) 0 -128px no-repeat;
}
div#yuuto .voice{
	background:url(../img/lrCharVoice.png) 0 -256px no-repeat;
	_background:url(../img/lrCharVoice.gif) 0 -256px no-repeat;
}
div#neko .voice{
	background:url(../img/lrCharVoice.png) 0 -384px no-repeat;
	_background:url(../img/lrCharVoice.gif) 0 -384px no-repeat;
}
div#nae .voice{
	background:url(../img/lrCharVoice.png) 0 -512px no-repeat;
	_background:url(../img/lrCharVoice.gif) 0 -512px no-repeat;
}
div#fuyuka .voice{
	background:url(../img/lrCharVoice.png) 0 -640px no-repeat;
	_background:url(../img/lrCharVoice.gif) 0 -640px no-repeat;
}

div#extra .voice{
	background:url(../img/lrCharVoice.png) 0 -384px no-repeat;
	_background:url(../img/lrCharVoice.gif) 0 -384px no-repeat;
}

.hide{
	display:none;
}

span.text{
	position:absolute;
	clear:both;
	display:block;
	margin:217px 0 0 22px;
	width:280px;
	font-size:13px;
	line-height:24px;
	letter-spacing:1.5px;
}

div#other{
	position:relative;
}

span.subtext{
	position:absolute;
	display:block;
	width:165px;
	height:55px;
	font-size:11px;
	line-height:18px;
}

span.odama{
	margin:134px 0 0 22px;
}
span.ryojo{
	margin:265px 0 0 144px;
}
span.mine{
	margin:134px 0 0 270px;
}
span.akira{
	margin:265px 0 0 394px;
}
span.shido{
	margin:134px 0 0 518px;
}
span.tomozou{
	margin:265px 0 0 642px;
}
span.taruko{
	margin:134px 0 0 765px;
}