/* ======== */


.mainSpace {
	width: 960px;
	height: 580px;
	margin: 0px auto;
	padding: 20px 0px 0px 0px;
	background-color: #000;
}
.title {
	width: 960px;
	height: 100px;
	margin: 0px 0px 30px 0px;
	padding: 0px;
	background-image: url(../images/title.gif);
}
.main {
	width: 930px;
	height: 420px;
	margin: 0px;
	padding: 0px 0px 30px 21px;
}
.txt01 {
	width: 918px;
	height: 20px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	background-image: url(../images/txt01.gif);
	float: left;
	background-repeat: no-repeat;
	background-position: right;
}
.txt02 {
	width: 880px;
	height: 20px;
	margin: 30px 0px 0px 0px;
	padding: 0px;
	background-image: url(../images/txt02.gif);
	float: left;
	background-repeat: no-repeat;
	background-position: right;
}
.mainImg {
	width: 410px;
	height: 570px;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/chara_img2.jpg);
	float: left;
	background-repeat: no-repeat;
}
.txt2 {
	width: 200px;
	height: 130px;
	margin: 160px 0px 0px 20px;
	padding: 0px;
	background-image: url(../images/txt2.gif);
	float: left;
}

.chara1 {
	width: 92px;
	height: 390px;
	margin: 0px;
	padding: 0px;
	float: left;
}
.chara1 a{
	width: 92px;
	height: 390px;
	margin: 0px;
	padding: 0px;
	display: block;
	text-indent: -9999px;
	background-image: url(../images/imgB01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.chara1 a:hover {
	background-position: right top;
}
.chara2 {
	width: 127px;
	height: 390px;
	margin: 0px;
	padding: 0px;
	float: left;
}
.chara2 a{
	width: 127px;
	height: 390px;
	margin: 0px;
	padding: 0px;
	display: block;
	text-indent: -9999px;
	background-image: url(../images/imgB02.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.chara2 a:hover {
	background-position: right top;
}
.chara3 {
	width: 112px;
	height: 390px;
	margin: 0px;
	padding: 0px;
	float: left;
}
.chara3 a{
	width: 112px;
	height: 390px;
	margin: 0px;
	padding: 0px;
	display: block;
	text-indent: -9999px;
	background-image: url(../images/imgB03.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.chara3 a:hover {
	background-position: right top;
}
.chara4 {
	width: 87px;
	height: 390px;
	margin: 0px;
	padding: 0px;
	float: left;
}
.chara4 a{
	width: 87px;
	height: 390px;
	margin: 0px;
	padding: 0px;
	display: block;
	text-indent: -9999px;
	background-image: url(../images/imgB04.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.chara4 a:hover {
	background-position: right top;
}
.chara5 {
	width: 112px;
	height: 390px;
	margin: 0px;
	padding: 0px;
	float: left;
}
.chara5 a{
	width: 112px;
	height: 390px;
	margin: 0px;
	padding: 0px;
	display: block;
	text-indent: -9999px;
	background-image: url(../images/imgB05.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.chara5 a:hover {
	background-position: right top;
}
.chara6 {
	width: 87px;
	height: 390px;
	margin: 0px;
	padding: 0px;
	float: left;
}
.chara6 a{
	width: 87px;
	height: 390px;
	margin: 0px;
	padding: 0px;
	display: block;
	text-indent: -9999px;
	background-image: url(../images/imgB06.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.chara6 a:hover {
	background-position: right top;
}
.chara7 {
	width: 92px;
	height: 390px;
	margin: 0px;
	padding: 0px;
	float: left;
}
.chara7 a{
	width: 92px;
	height: 390px;
	margin: 0px;
	padding: 0px;
	display: block;
	text-indent: -9999px;
	background-image: url(../images/imgB07.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.chara7 a:hover {
	background-position: right top;
}
.chara8 {
	width: 102px;
	height: 390px;
	margin: 0px;
	padding: 0px;
	float: left;
}
.chara8 a{
	width: 102px;
	height: 390px;
	margin: 0px;
	padding: 0px;
	display: block;
	text-indent: -9999px;
	background-image: url(../images/imgB08.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.chara8 a:hover {
	background-position: right top;
}
.chara9{
	width: 107px;
	height: 390px;
	margin: 0px;
	padding: 0px;
	float: left;
}
.chara9 a{
	width: 107px;
	height: 390px;
	margin: 0px;
	padding: 0px;
	display: block;
	text-indent: -9999px;
	background-image: url(../images/imgB09.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.chara9 a:hover {
	background-position: right top;
}