/* CSS Document */

.subnavi .subnavi_hed{
	background-image:url(../schoollife/images/h1.gif);
}


/*--main--*/
#main{
	width:720px;
	margin-left:223px;
	background-repeat:no-repeat;
}




#main h1{
	background-image:url(../chara/images/chara_h1.gif);
	background-position:left top;
}


#main h1.item{
	background-image:url(../chara/images/item_h1.gif);
	background-position:left top;
}



h4{
	font-size:small;
	background-image:url(../chara/images/studentdata.gif);
	background-repeat:no-repeat;
	background-position:left top;
	text-indent:-9999px;
	height:20px;
}



.chara_data{
	background-image:url(../chara/images/studentdata.gif);
	background-position:center bottom;
	margin-left:310px;
	width:390px;
	padding:5px;
	border:#ccc 1px solid;
}

.chara_data p{
	padding:5px;
}

.chara_dataimg{
	margin-bottom:15px;
}


/*--キャラ画像--*/


.chara01_img,
.chara02_img,
.chara03_img,
.chara04_img,
.chara05_img,
.chara06_img,
.chara07_img,
.chara08_img{

	float:left;
	width:300px;
	height:550px;
	margin-left:5px;
	display:block;
	text-indent:-9999px;
	background-repeat:no-repeat;
}

.chara01_img2,
.chara02_img2,
.chara03_img2,
.chara04_img2,
.chara05_img2,
.chara06_img2,
.chara07_img2,
.chara08_img2{
	padding-left:5px;
	margin-top:10px;
	width:403px;
	height:303px;
	display:block;
	text-indent:-9999px;
	background-position:right top;
	float:left;
}




.chara01_img{
	background-image:url(../chara/images/chara01.gif);
}

.chara01_img2{
	background-image:url(../chara/images/chara01.gif);
}




.chara02_img{
	background-image:url(../chara/images/chara02.gif);
}

.chara02_img2{
	background-image:url(../chara/images/chara02.gif);
}


.chara03_img{
	background-image:url(../chara/images/chara03.gif);
}

.chara03_img2{
	background-image:url(../chara/images/chara03.gif);
}

.chara04_img{
	background-image:url(../chara/images/chara04.gif);
;}

.chara04_img2{
	background-image:url(../chara/images/chara04.gif);
}


.chara05_img{
	background-image:url(../chara/images/chara05.gif);
}

.chara05_img2{
	background-image:url(../chara/images/chara05.gif);
}


.chara06_img{
	background-image:url(../chara/images/chara06.gif);
}

.chara06_img2{
	background-image:url(../chara/images/chara06.gif);

}


.chara07_img{
	background-image:url(../chara/images/chara07.gif);
}

.chara07_img2{	
	background-image:url(../chara/images/chara07.gif);
}

.chara08_img{
	background-image:url(../chara/images/chara08.gif);
}

.chara08_img2{	
	background-image:url(../chara/images/chara08.gif);
}

/*--生徒紹介最初のページ(chara.html)--*/

ul.chara_list {
	background-image:url(../images/txt-bg.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
}

.chara_list li a{
	background-repeat:no-repeat;
	display:block;
	height:215px;
	margin:0;
	overflow:hidden;
	padding:0;
	text-indent:-9999px;
	width:160px;
}

.chara_list li{
	float:left;
	margin-top:10px;
}

	li#chara01 a{
		margin-right:20px;;
		background-image:url(../chara/images/chara_btn.gif);
		background-repeat:no-repeat;
		background-position: -160px 0px;
	}

	li#chara01 a:hover{
		background-position: left top;
	}
	
	

	li#chara02 a{
		margin-right:20px;;
		background-image:url(../chara/images/chara_btn.gif);
		background-repeat:no-repeat;
		background-position: -160px -215px;
	}

	li#chara02 a:hover{
		background-position: 0 -215px;
	}
	
	
	

	li#chara03 a{
		margin-right:20px;;
		background-image:url(../chara/images/chara_btn.gif);
		background-repeat:no-repeat;
		background-position: -160px -430px;
	}

	li#chara03 a:hover{
		background-position: 0 -430px;
	}
	
	
	

	li#chara04 a{
		background-image:url(../chara/images/chara_btn.gif);
		background-repeat:no-repeat;
		background-position: -160px -645px;
	}

	li#chara04 a:hover{
		background-position: 0 -645px;
	}
	
	
	

	li#chara05 a{
		margin-right:20px;;
		background-image:url(../chara/images/chara_btn.gif);
		background-repeat:no-repeat;
		background-position: -160px -860px;
	}

	li#chara05 a:hover{
		background-position: 0 -860px;
	}
	
	

	li#chara06 a{
		margin-right:20px;;
		background-image:url(../chara/images/chara_btn.gif);
		background-repeat:no-repeat;
		background-position: -160px -1075px;
	}

	li#chara06 a:hover{
		background-position: 0 -1075px;
	}	

	li#chara07 a{
		margin-right:20px;;
		background-image:url(../chara/images/chara_btn.gif);
		background-repeat:no-repeat;
		background-position: -160px -1290px;
	}

	li#chara07 a:hover{
		background-position: 0 -1290px;
	}	

	li#chara08 a{
		margin-right:20px;;
		background-image:url(../chara/images/chara_btn.gif);
		background-repeat:no-repeat;
		background-position: -160px -1505px;
	}

	li#chara08 a:hover{
		background-position: 0 -1505px;
	}	
/*--備品--*/

#main .item_txt{
	width:370px;
	float:left;
	padding:0 5px 10px 10px;
	margin-bottom:10px;
}

#main .item_img{
	float:right;
}

#main .item_img p{
	text-align:center;
}


#i2 {
	background-image:url(../chara/images/item02-bg.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
}