@charset "utf-8";
/*
#upper_menu li.character a {
	background-position: 0 -24px;
}
*/

/*----- レイアウト -----*/
#banner {
			top: 580px;
		}
		
footer ul {
			padding-left: 45px;
			padding-top: 60px;
			height: 35px;
		}	

#footer_contact {
			position: relative;
			top: -36px;
			left: 770px;
			width: 33px;
			height: 19px;
		}


		
/*----- character line up -----*/
#chara{
	position:  absolute;
}

	.charaset1 #chara .c7{
	position: absolute;
	top: 140px;
	left: 42px;
	width: 194px;
	height: 401px;
	overflow: hidden;
	background: url(../images/character/cp7.png) 0 0 no-repeat;
	}
	.charaset1 #chara .c8{
	position: absolute;
	top: 134px;
	left: 245px;
	width: 137px;
	height: 391px;
	overflow: hidden;
	background: url(../images/character/cp8.png) 0 0 no-repeat;
	}
	.charaset1 #chara .c9{
	position: absolute;
	top: 141px;
	left: 356px;
	width: 185px;
	height: 386px;
	overflow: hidden;
	background: url(../images/character/cp9.png) 0 0 no-repeat;
	}
	.charaset1 #chara .c10{
	position: absolute;
	top: 87px;
	left: 461px;
	width: 176px;
	height: 438px;
	overflow: hidden;
	background: url(../images/character/cp10.png) 0 0 no-repeat;
	}
	.charaset1 #chara .c17{
	position: absolute;
	top: 67px;
	left: 181px;
	width: 198px;
	height: 458px;
	overflow: hidden;
	background: url(../images/character/cp17.png) 0 0 no-repeat;
	}
	.charaset1 #chara .c18{
	position: absolute;
	top: 107px;
	left: 258px;
	width: 160px;
	height: 418px;
	overflow: hidden;
	background: url(../images/character/cp18.png) 0 0 no-repeat;
	}
	.charaset1 #chara .c19{
	position: absolute;
	top: 73px;
	left: 537px;
	width: 226px;
	height: 452px;
	overflow: hidden;
	background: url(../images/character/cp19.png) 0 0 no-repeat;
	}
	.charaset1 #chara .c20{
	position: absolute;
	top: 83px;
	left: 569px;
	width: 373px;
	height: 441px;
	overflow: hidden;
	background: url(../images/character/cp20.png) 0 0 no-repeat;
	}
	.charaset1 #chara .c21{
	position: absolute;
	top: 147px;
	left: 760px;
	width: 190px;
	height: 378px;
	overflow: hidden;
	background: url(../images/character/cp21.png) 0 0 no-repeat;
	}


	/* charaset2 */
	.charaset2 #chara .c1{
	position: absolute;
	top: 139px;
	left: 75px;
	width: 198px;
	height: 401px;
	overflow: hidden;
	background: url(../images/character/cp1.png) 0 0 no-repeat;
	}
	.charaset2 #chara .c2{
	position: absolute;
	top: 97px;
	left: 240px;
	width: 208px;
	height: 446px;
	overflow: hidden;
	background: url(../images/character/cp2.png) 0 0 no-repeat;
	}
	.charaset2 #chara .c3{
	position: absolute;
	top: 160px;
	left: 360px;
	width: 337px;
	height: 390px;
	overflow: hidden;
	background: url(../images/character/cp3.png) 0 0 no-repeat;
	}
	.charaset2 #chara .c4{
	position: absolute;
	top: 85px;
	left: 530px;
	width: 206px;
	height: 472px;
	overflow: hidden;
	background: url(../images/character/cp4.png) 0 0 no-repeat;
	}
	.charaset2 #chara .c5{
	position: absolute;
	top: 138px;
	left: 555px;
	width: 308px;
	height: 427px;
	overflow: hidden;
	background: url(../images/character/cp5.png) 0 0 no-repeat;
	}
	.charaset2 #chara .c6{
	position: absolute;
	top: 85px;
	left: 625px;
	width: 390px;
	height: 473px;
	overflow: hidden;
	background: url(../images/character/cp6.png) 0 0 no-repeat;
	}
	
	/* charaset3 */
	.charaset3 #chara .c11{
	position: absolute;
	top: 118px;
	left: 7px;
	width: 515px;
	height: 408px;
	overflow: hidden;
	background: url(../images/character/cp11.png) 0 0 no-repeat;
	}
	.charaset3 #chara .c12{
	position: absolute;
	top: 136px;
	left: 71px;
	width: 378px;
	height: 394px;
	overflow: hidden;
	background: url(../images/character/cp12.png) 0 0 no-repeat;
	}
	.charaset3 #chara .c13{
	position: absolute;
	top: 81px;
	left: 116px;
	width: 549px;
	height: 448px;
	overflow: hidden;
	background: url(../images/character/cp13.png) 0 0 no-repeat;
	}
	.charaset3 #chara .c14{
	position: absolute;
	top: 129px;
	left: 523px;
	width: 171px;
	height: 433px;
	overflow: hidden;
	background: url(../images/character/cp14.png) 0 0 no-repeat;
	}
	.charaset3 #chara .c15{
	position: absolute;
	top: 42px;
	left: 552px;
	width: 289px;
	height: 482px;
	overflow: hidden;
	background: url(../images/character/cp15.png) 0 0 no-repeat;
	}
	.charaset3 #chara .c16{
	position: absolute;
	top: 92px;
	left: 684px;
	width: 262px;
	height: 432px;
	overflow: hidden;
	background: url(../images/character/cp16.png) 0 0 no-repeat;
	}

img.area
{
	display: block;
	position: absolute;
	top: 80px;
	left: 0;	
}


/*----- character movie -----*/
#charamov {
	position: absolute;
	top: 350px;
	left: 740px;
	width: 209px;
	height: 128px;
	overflow: hidden;
	}

.ch1 a{
	display: block;
	height: 256px;
	background: url(../images/character/chara1_mov.png) 0 0 no-repeat;
	}
.ch3 a{
	display: block;
	height: 256px;
	background: url(../images/character/chara3_mov.png) 0 0 no-repeat;
	}
.ch4 a{
	display: block;
	height: 256px;
	background: url(../images/character/chara4_mov.png) 0 0 no-repeat;
	}
.ch5 a{
	display: block;
	height: 256px;
	background: url(../images/character/chara5_mov.png) 0 0 no-repeat;
	}
.ch6 a{
	display: block;
	height: 256px;
	background: url(../images/character/chara6_mov.png) 0 0 no-repeat;
	}
.ch11 a{
	display: block;
	height: 256px;
	background: url(../images/character/chara11_mov.png) 0 0 no-repeat;
	}
.ch12 a{
	display: block;
	height: 256px;
	background: url(../images/character/chara12_mov.png) 0 0 no-repeat;
	}
.ch13 a{
	display: block;
	height: 256px;
	background: url(../images/character/chara13_mov.png) 0 0 no-repeat;
	}
.ch14 a{
	display: block;
	height: 256px;
	background: url(../images/character/chara14_mov.png) 0 0 no-repeat;
	}
.ch15 a{
	display: block;
	height: 256px;
	background: url(../images/character/chara15_mov.png) 0 0 no-repeat;
	}
.ch16 a{
	display: block;
	height: 256px;
	background: url(../images/character/chara16_mov.png) 0 0 no-repeat;
	}
.chAll a{
	display: block;
	height: 256px;
	background: url(../images/character/charaAll_mov.png) 0 0 no-repeat;
	}
.chCs {
	display: block;
	height: 256px;
	background: url(../images/character/chara_mov_cs.png) 0 0 no-repeat;
	}

#charamov a:hover, #charamov a:active {
		background-position: 0 -128px;
	}

/*----- sub category -----*/
#page1 {
	position: absolute;
	top: 356px;
	left: 1px;
	width: 115px;
	height: 99px;
	overflow:hidden;
}
	#page1 a {
		display: block;
		height: 130px;
	}
	#page1 a:hover, #page1 a:active {
		background-position: 0 -165px;
	}

#page2 {
	position: absolute;
	top: 357px;
	left: 5px;
	width: 115px;
	height: 83px;
	overflow: hidden;
}
	#page2 a {
		display: block;
		height: 130px;
	}
	#page2 a:hover, #page1 a:active {
		background-position: 0 -165px;
	}

#page3 {
	position: absolute;
	top: 349px;
	left: 849px;
	width: 113px;
	height: 99px;
}
	#page3 a {
		display: block;
		height: 130px;
	}
	#page3 a:hover, #page3 a:active {
		background-position: 0 -165px;
	}
#page4 {
	position: absolute;
	top: 349px;
	left: 848px;
	width: 113px;
	height: 99px;
}
	#page4 a {
		display: block;
		height: 130px;
	}
	#page4 a:hover, #page4 a:active {
		background-position: 0 -165px;
	}

.page1_btn_s {
	width: 115px;
	height: 149px;
	overflow: hidden;
	background: url(../images/character/arrow_l.gif);
}
.page2_btn_s {
	width: 115px;
	height: 149px;
	overflow: hidden;
	background: url(../images/character/arrow_l_chara3.gif);
}
.page3_btn_s{
	width: 163px;
	height: 99px;
	background: url(../images/character/arrow_right.gif);
	/*background: url(../images/character/arrow_r_unopen.png);*/
}
.page4_btn_s {
	width: 163px;
	height: 99px;
	background: url(../images/character/arrow_r.gif);
}

/*----- expansion button -----
.expansion {
	position: absolute;
	top: 337px;
	left: 250px;
	width: 173px;
	height: 43px;
	overflow: hidden;
}

	.expansion a {
		display: block;
		height: 87px;
	}
	
	.expansion a:hover, .expansion a:active {
		background-position: 0 -46px;
	}

	.expansion a, .expansion a:visited {
		background: url(../images/character/expansion_btn.png);
	}*/
	
/*----- expanded -----*/
#close_btn {
	position: absolute;
	top: 60px;
	left: 380px;
	width: 148px;
	height: 42px;
	overflow: hidden;
}
	#close_btn a, #close_btn:visited {
		display: block;
		width: 148px;
		height: 84px;				
		background: url(../images/character/return_btn.png) 0 0 no-repeat;
	}
	#close_btn a:hover, #close_btn:active {
		background-position: 0 -42px;
	}

#page_btn1{
	position: absolute;
	top: 578px;
	left: 580px;
	width: 143px;
	height: 90px;
}
#page_btn2{
	position:  absolute;
	top: 590px;
	left: 735px;
	width: 143px;
	height: 90px;
}





/*--- BUTTONS -----------------------*/
#chara_btn {
	position: absolute;
	top: 410px;
	left: 10px;
	width: 960px;
	height: 100px;
}

#show ul {
	position: absolute;
	top: 0px;
	left: 35px;
}
#show li {
	height: 42px;
	overflow: hidden;
	float: left;
}
#show li#shifuku2 a {
	display: block;
	width: 141px;
	height: 42px;
	background: url(../images/character/shifuku2.png) 0 0 no-repeat;
	cursor: default;
}

	#show li#shifuku a,
	#show li#zenshin a{
		display: block;
		height: 84px;
	}
	/*
	#show li#shifuku a:hover, #show li#shifuku a:active
	*/
	#show li#zenshin a:hover, #show li#zenshin a:active {
		background-position: 0 -42px;
	}
	#show li#shifuku a, #show li#shifuku a:visited {
		width: 147px;
		background: url(../images/character/shifuku_fuse.png) 0 0 no-repeat;
		cursor: default;
	}
	#show li#zenshin a, #show li#zenshin a:visited {
		width: 141px;
		background: url(../images/character/zenshin.png) 0 0 no-repeat;
	}


/*--- CHARA TEXT -----------------------*/
.chara_text {
	position: absolute;
	top:400px;
	left: 350px;
	width: 500px;
	height: 100px;
	display: block;
	font-weight: bold;
	color: white;
	font-size: 13px;
	line-height: 160%;
}

/*--- UNDER MENU --------------------------*/

#under_menu1 {
			position: absolute;
			display:block;
			top: 484px;
			left: 5px;
			width: 954px;
			height: 55px;
			background: url(../images/character/under_menu_area.png) 0 0 no-repeat;
		}
#under_menu2 {
			position: absolute;
			display:block;
			top: 484px;
			left: 5px;
			width: 954px;
			height: 55px;
			background: url(../images/character/under_menu_area.png) 0 0 no-repeat;
		}
#under_menu3 {
			position: absolute;
			display:block;
			top: 480px;
			left: 5px;
			width: 954px;
			height: 55px;
			background: url(../images/character/under_menu_area3.png) 0 0 no-repeat;
		}

#under_menu1 ul{
	position :absolute;
	top: 17px;
	left: 176px;
}
#under_menu2 ul {
	position :absolute;
	top: 17px;
	left: 60px;
}
#under_menu3 ul {
	position :absolute;
	top: 17px;
	left: 60px;
}
#under_menu1 li {
	height: 27px;
	overflow: hidden;
	float: left;
}
#under_menu2 li {
	height: 25px;
	overflow: hidden;
	float: left;
}
#under_menu3 li {
	height: 23px;
	overflow: hidden;
	float: left;
}
#under_menu3 li.menu1 {
	height: 28px;
	overflow: hidden;
	float: left;
}

	#under_menu1 li.menu1 a,
	#under_menu1 li.menu2 a,
	#under_menu1 li.menu3 a,
	#under_menu1 li.menu4 a,
	#under_menu1 li.menu5 a,
	#under_menu1 li.menu6 a,
	#under_menu1 li.menu7 a,
	#under_menu1 li.menu8 a,
	#under_menu1 li.menu9 a,
	#under_menu1 li.menu10 a {
		display: block;
		height: 24px;
	}
	#under_menu1 li.menu10{
		padding-left: 15px;
	}
	
	#under_menu1 li.menu1 a:hover, #under_menu1 li.menu1 a:active,
	#under_menu1 li.menu2 a:hover, #under_menu1 li.menu2 a:active,
	#under_menu1 li.menu3 a:hover, #under_menu1 li.menu3 a:active,
	#under_menu1 li.menu4 a:hover, #under_menu1 li.menu4 a:active,
	#under_menu1 li.menu5 a:hover, #under_menu1 li.menu5 a:active,
	#under_menu1 li.menu6 a:hover, #under_menu1 li.menu6 a:active,
	#under_menu1 li.menu7 a:hover, #under_menu1 li.menu7 a:active,
	#under_menu1 li.menu8 a:hover, #under_menu1 li.menu8 a:active,
	#under_menu1 li.menu9 a:hover, #under_menu1 li.menu9 a:active {
		background-position: 0 -27px;
	}
	
	
	#under_menu1 li.menu1 a, #under_menu1 li.menu1 a:visited {
		width: 74px;
		background: url(../images/character/menu1_1.png) 0 0 no-repeat;
	}
	#under_menu1 li.menu2 a, #under_menu1 li.menu2 a:visited {
		width: 67px;
		background: url(../images/character/menu1_2.png) 0 0 no-repeat;
	}
	#under_menu1 li.menu3 a, #under_menu1 li.menu3 a:visited {
		width: 45px;
		background: url(../images/character/menu1_3.png) 0 0 no-repeat;
	}
	#under_menu1 li.menu4 a, #under_menu1 li.menu4 a:visited {
		width: 77px;
		background: url(../images/character/menu1_4.png) 0 0 no-repeat;
	}
	#under_menu1 li.menu5 a, #under_menu1 li.menu5 a:visited {
		width: 77px;
		background: url(../images/character/menu1_5.png) 0 0 no-repeat;
	}
	#under_menu1 li.menu6 a, #under_menu1 li.menu6 a:visited {
		width: 67px;
		background: url(../images/character/menu1_6.png) 0 0 no-repeat;
	}
	#under_menu1 li.menu7 a, #under_menu1 li.menu7 a:visited {
		width: 64px;
		background: url(../images/character/menu1_7.png) 0 0 no-repeat;
	}
	#under_menu1 li.menu8 a, #under_menu1 li.menu8 a:visited {
		width: 83px;
		background: url(../images/character/menu1_8.png) 0 0 no-repeat;
	}
	#under_menu1 li.menu9 a, #under_menu1 li.menu9 a:visited {
		width: 57px;
		background: url(../images/character/menu1_9.png) 0 0 no-repeat;
	}
	#under_menu1 li.menu10 a, #under_menu1 li.menu10 a:visited {
		width: 97px;
		background: url(../images/character/menu_r.png) 0 0 no-repeat;
	}


	#under_menu2 li.menu1 a,
	#under_menu2 li.menu2 a,
	#under_menu2 li.menu3 a,
	#under_menu2 li.menu4 a,
	#under_menu2 li.menu5 a,
	#under_menu2 li.menu6 a,
	#under_menu2 li.menu7 a,
	#under_menu2 li.menu8 a{
		display: block;
		height: 50px;
	}
	#under_menu2 li.menu1{
		padding-right: 15px;
		margin-left:36px;
	}
	#under_menu2 li.menu2{
		margin-top: -1px;
	}
	#under_menu2 li.menu8{
		padding-left: 15px;
	}

	#under_menu2 li.menu2 a:hover, #under_menu2 li.menu2 a:active,
	#under_menu2 li.menu3 a:hover, #under_menu2 li.menu3 a:active,
	#under_menu2 li.menu4 a:hover, #under_menu2 li.menu4 a:active,
	#under_menu2 li.menu5 a:hover, #under_menu2 li.menu5 a:active,
	#under_menu2 li.menu6 a:hover, #under_menu2 li.menu6 a:active,
	#under_menu2 li.menu7 a:hover, #under_menu2 li.menu7 a:active
	/*
	#under_menu2 li.menu8 a:hover, #under_menu2 li.menu8 a:active
	*/
	{
		background-position: 0 -25px;
	}

	#under_menu2 li.menu1 a, #under_menu2 li.menu1 a:visited {
		width: 95px;
		background: url(../images/character/menu_l.png) 0 0 no-repeat;
	}
	#under_menu2 li.menu2 a, #under_menu2 li.menu2 a:visited {
		width: 68px;
		background: url(../images/character/menu3.png) 0 0 no-repeat;
	}
	#under_menu2 li.menu3 a, #under_menu2 li.menu3 a:visited {
		width: 74px;
		background: url(../images/character/menu4.png) 0 0 no-repeat;
	}
	#under_menu2 li.menu4 a, #under_menu2 li.menu4 a:visited {
		width: 55px;
		background: url(../images/character/menu5.png) 0 0 no-repeat;
	}
	#under_menu2 li.menu5 a, #under_menu2 li.menu5 a:visited {
		width: 57px;
		background: url(../images/character/menu6.png) 0 0 no-repeat;
	}
	#under_menu2 li.menu6 a, #under_menu2 li.menu6 a:visited {
		width: 58px;
		background: url(../images/character/menu7.png) 0 0 no-repeat;
	}
	#under_menu2 li.menu7 a, #under_menu2 li.menu7 a:visited {
		width: 88px;
		background: url(../images/character/menu8.png) 0 0 no-repeat;
	}
	#under_menu2 li.menu8 a, #under_menu2 li.menu8 a:visited {
		width: 96px;
		background: url(../images/character/menu_r.png) 0 0 no-repeat;
	}
	
	/*under_menu3*/
	#under_menu3 li.menu1 a,	
	#under_menu3 li.menu2 a,
	#under_menu3 li.menu3 a,
	#under_menu3 li.menu4 a,
	#under_menu3 li.menu5 a,
	#under_menu3 li.menu6 a,
	#under_menu3 li.menu7 a{
		display: block;
		height: 50px;
	}
	#under_menu3 li.menu1{
		padding-right: 15px;
	}
	
	#under_menu3 li.menu2 a:hover, #under_menu3 li.menu2 a:active,
	#under_menu3 li.menu3 a:hover, #under_menu3 li.menu3 a:active,
	#under_menu3 li.menu4 a:hover, #under_menu3 li.menu4 a:active,
	#under_menu3 li.menu5 a:hover, #under_menu3 li.menu5 a:active,
	#under_menu3 li.menu6 a:hover, #under_menu3 li.menu6 a:active,
	#under_menu3 li.menu7 a:hover, #under_menu3 li.menu7 a:active{
		background-position: 0 -23px;
	}
	
	#under_menu3 li.menu1 a, #under_menu3 li.menu1 a:visited {
		width: 95px;
		background: url(../images/character/menu_l.png) 0 0 no-repeat;
	}
	#under_menu3 li.menu2 a, #under_menu3 li.menu2 a:visited {
		width: 94px;
		background: url(../images/character/menu3_2.png) 0 0 no-repeat;
	}
	#under_menu3 li.menu3 a, #under_menu3 li.menu3 a:visited {
		width: 53px;
		background: url(../images/character/menu3_3.png) 0 0 no-repeat;
	}
	#under_menu3 li.menu4 a, #under_menu3 li.menu4 a:visited {
		width: 95px;
		background: url(../images/character/menu3_4.png) 0 0 no-repeat;
	}
	#under_menu3 li.menu5 a, #under_menu3 li.menu5 a:visited {
		width: 104px;
		background: url(../images/character/menu3_5.png) 0 0 no-repeat;
	}
	#under_menu3 li.menu6 a, #under_menu3 li.menu6 a:visited {
		width: 95px;
		background: url(../images/character/menu3_6.png) 0 0 no-repeat;
	}
	#under_menu3 li.menu7 a, #under_menu3 li.menu7 a:visited {
		width: 80px;
		background: url(../images/character/menu3_7.png) 0 0 no-repeat;
	}
	
	
/*****************キャラクターNEWマーク************************/

#ch_new1{
	position: absolute;
	display:block;
	top: 92px;
	left: 197px;
	width: 57px;
	height: 16px;
	background: url(../images/common/new.png);
}

#ch_new2{
	position:absolute;
	display:block;
	top: 122px;
	left: 374px;
	width: 57px;
	height: 16px;
	background: url(../images/common/new.png);
}

#ch_new3{
	position: absolute;
	display:block;
	top: 88px;
	left: 579px;
	width: 57px;
	height: 16px;
	background: url(../images/common/new.png);
	
}

#ch_new4{
	position: absolute;
	display:block;
	top: 100px;
	left: 782px;
	width: 57px;
	height: 16px;
	background: url(../images/common/new.png);
	
}
#ch_new5{
	position: absolute;
	display:block;
	top: 142px;
	left: 839px;
	width: 57px;
	height: 16px;
	background: url(../images/common/new.png);
	
}

/**************************************************************/