.hero	{
	margin : 0 auto ;
	width : 780px ;
	height : 310px ;
	background : url('img/hero.png')   top left no-repeat ;
	border : 1px #666 solid ;
	}

.cha-a	{
	margin : 0 auto ;
	width : 780px ;
	height : 630px ;
	background : url('img/stand-a.png')   top left no-repeat ;
	border : 1px #666 solid ;
	}

.cha-b	{
	margin : 0 auto ;
	width : 780px ;
	height : 630px ;
	background : url('img/stand-b.png')   top left no-repeat ;
	border : 1px #666 solid ;
	}

.cha-c	{
	margin : 0 auto ;
	width : 780px ;
	height : 630px ;
	background : url('img/stand-c.png')   top left no-repeat ;
	border : 1px #666 solid ;
	}

.cha-d	{
	margin : 0 auto ;
	width : 780px ;
	height : 630px ;
	background : url('img/stand-d.png')   top left no-repeat ;
	border : 1px #666 solid ;
	}

.cha-e	{
	margin : 0 auto ;
	width : 780px ;
	height : 630px ;
	background : url('img/stand-e.png')   top left no-repeat ;
	border : 1px #666 solid ;
	}

.chara-navi	{
	margin : 30px auto 0 auto ;
	width : 780px ;
	height : 140px ;
	background : url('img/navi-bg.png') top left no-repeat ;
	border : 1px #666 solid ;
	}

.chara-navi span , .chara-navi span a	{
	display : inline-block ;
	height : 140px ;
	}

.chara-navi span a:hover	{
	background : none !important;
	}

.chara-navi span.ca , .chara-navi span.ce	{
	width : 162px ;
	}

.chara-navi span.cb , .chara-navi span.cc , .chara-navi span.cd	{
	width : 152px ;
	}

.chara-navi span.ca a	{
	width : 162px ;
	background : url('img/navi-on-a.png') top left no-repeat ;
	}

.chara-navi span.cb a	{
	width : 152px ;
	background : url('img/navi-on-b.png') top left no-repeat ;
	}

.chara-navi span.cc a	{
	width : 152px ;
	background : url('img/navi-on-c.png') top left no-repeat ;
	}

.chara-navi span.cd a	{
	width : 152px ;
	background : url('img/navi-on-d.png') top left no-repeat ;
	}

.chara-navi span.ce a	{
	width : 162px ;
	background : url('img/navi-on-e.png') top left no-repeat ;
	}



.characters	{
	margin : 30px auto 0 auto ;
	width : 780px ;
	height : 630px ;
	background : url('img/chara-bg.png')   top left no-repeat ;
	border : 1px #666 solid ;
	}

.characters span , .characters span a	{
	display : inline-block ;
	height : 630px ;
	}

.characters span a:hover	{
	background : none !important;
	}

.characters span.ca , .characters span.ce	{
	width : 162px ;
	}

.characters span.cb , .characters span.cc , .characters span.cd	{
	width : 152px ;
	}

.characters span.ca a	{
	width : 162px ;
	background : url('img/chara-on-a.png') top left no-repeat ;
	}

.characters span.cb a	{
	width : 152px ;
	background : url('img/chara-on-b.png') top left no-repeat ;
	}

.characters span.cc a	{
	width : 152px ;
	background : url('img/chara-on-c.png')   top left no-repeat ;
	}

.characters span.cd a	{
	width : 152px ;
	background : url('img/chara-on-d.png')   top left no-repeat ;
	}

.characters span.ce a	{
	width : 162px ;
	background : url('img/chara-on-e.png')   top left no-repeat ;
	}