div#top div#main div#titleCharacter {
	background-image: url(../image/character/title_character.jpg);
	width: 640px;
	height: 50px;
	margin-bottom: 10px;
	text-indent: -9999px;
}
div#top div#main ul#subMenu a.charaList {
	background-image: url(../image/character/submenu_list.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 26px;
	width: 132px;
	display: block;
}
div#top div#main ul#subMenu a.correlation {
	background-image: url(../image/character/submenu_correlation.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 26px;
	width: 192px;
	display: block;
}
div#top div#main ul#subMenu a.item {
	background-image: url(../image/character/submenu_item.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 26px;
	width: 152px;
	display: block;
}
div#top div#main ul#subMenu li a.charaList:hover {
	background-position: 0px -26px;
}
div#top div#main ul#subMenu li a.correlation:hover {
	background-position: 0px -26px;
}
div#top div#main ul#subMenu li a.item:hover {
	background-position: 0px -26px;
}
div#top div#main ul#subMenu a.charaList_o {
	background-image: url(../image/character/submenu_list.gif);
	background-repeat: no-repeat;
	background-position: 0px -26px;
	height: 26px;
	width: 132px;
	display: block;
}
div#top div#main ul#subMenu a.correlation_o {
	background-image: url(../image/character/submenu_correlation.gif);
	background-repeat: no-repeat;
	background-position: 0px -26px;
	height: 26px;
	width: 192px;
	display: block;
}
div#top div#main ul#subMenu a.item_o {
	background-image: url(../image/character/submenu_item.gif);
	background-repeat: no-repeat;
	background-position: 0px -26px;
	height: 26px;
	width: 152px;
	display: block;
}
div#top div#main ul#subMenu a.correlation_soon {
	background-image: url(../image/character/submenu_correlation.gif);
	background-repeat: no-repeat;
	background-position: 0px -52px;
	height: 26px;
	width: 192px;
	display: block;
}
div#top div#main ul#subMenu a.item_soon {
	background-image: url(../image/character/submenu_item.gif);
	background-repeat: no-repeat;
	background-position: 0px -52px;
	height: 26px;
	width: 152px;
	display: block;
}
div#top div#main ul#list {
	margin-top: 20px;
	width: 620px;
	list-style-type: none;
	float: left;
	display: block;
	padding-right: 10px;
	padding-left: 10px;
}
div#top div#main ul#list li {
	float: left;
	margin-bottom: 10px;
}
div#top div#main ul#list li.caltrop {
	background-image: url(../image/common/icon_caltrop.jpg);
	background-repeat: no-repeat;
	background-position: 145px center;
	padding-right: 20px;
}

div#top div#main ul#list li a.chara01 {
	background-image: url(../image/character/btn_chara01.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 120px;
	width: 140px;
}
div#top div#main ul#list li a {
	text-indent: -9999px;
}

div#top div#main ul#list li a.chara02 {
	background-image: url(../image/character/btn_chara02.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 120px;
	width: 140px;
}
div#top div#main ul#list li a.chara03 {
	background-image: url(../image/character/btn_chara03.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 120px;
	width: 140px;
}
div#top div#main ul#list li a.chara04 {
	background-image: url(../image/character/btn_chara04.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 120px;
	width: 140px;
}
div#top div#main ul#list li a.chara05 {
	background-image: url(../image/character/btn_chara05.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 120px;
	width: 140px;
}
div#top div#main ul#list li a.chara06 {
	background-image: url(../image/character/btn_chara06.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 120px;
	width: 140px;
}
div#top div#main ul#list li a.chara07 {
	background-image: url(../image/character/btn_chara07.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 120px;
	width: 140px;
}
div#top div#main ul#list li a.chara08 {
	background-image: url(../image/character/btn_chara08.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 120px;
	width: 140px;
}
div#top div#main ul#list li a.chara09 {
	background-image: url(../image/character/btn_chara09.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 120px;
	width: 140px;
}
div#top div#main ul#list li a.chara10 {
	background-image: url(../image/character/btn_chara10.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 120px;
	width: 140px;
}
div#top div#main ul#list li a.chara11 {
	background-image: url(../image/character/btn_chara11.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 120px;
	width: 140px;
}
div#top div#main ul#list li a.chara12 {
	background-image: url(../image/character/btn_chara12.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 120px;
	width: 140px;
}
div#top div#main ul#list li a.chara13 {
	background-image: url(../image/character/btn_chara13.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 120px;
	width: 140px;
}
div#top div#main ul#list li a.chara14 {
	background-image: url(../image/character/btn_chara14.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 120px;
	width: 140px;
}
div#top div#main ul#list li a.chara15 {
	background-image: url(../image/character/btn_chara15.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 120px;
	width: 140px;
}
div#top div#main ul#list li a.chara16 {
	background-image: url(../image/character/btn_chara16.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 120px;
	width: 140px;
}
div#top div#main ul#list li a.chara17 {
	background-image: url(../image/character/btn_chara17.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 120px;
	width: 140px;
}
div#top div#main ul#list li a.chara18 {
	background-image: url(../image/character/btn_chara18.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 120px;
	width: 140px;
}
div#top div#main ul#list li a.chara19 {
	background-image: url(../image/character/btn_chara19.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 120px;
	width: 140px;
}
div#top div#main ul#list li a.chara20 {
	background-image: url(../image/character/btn_chara20.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 120px;
	width: 140px;
}
div#top div#main ul#list li a.chara21 {
	background-image: url(../image/character/btn_chara21.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 120px;
	width: 140px;
}
div#top div#main ul#list li a.chara22 {
	background-image: url(../image/character/btn_chara22.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 120px;
	width: 140px;
}
div#top div#main ul#list li a:hover {
	background-position: 0px -120px;
}
div#top  div#main  p#chara_info  {
	font-size: 78%;
	line-height: 1.2em;
	color: #FFFFFF;
	letter-spacing: 0.05em;
	display: block;
	float: left;
	width: 360px;
	padding-top: 60px;
	padding-left: 260px;
}
div#top div#main div#chara01 {
	background-image: url(../image/character/img_chara01.jpg);
	width: 620px;
	background-repeat: no-repeat;
	background-position: 0px 10px;
	height: 500px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	margin-bottom: 10px;
}
div#top div#main div#chara02 {
	background-image: url(../image/character/img_chara02.jpg);
	width: 620px;
	background-repeat: no-repeat;
	background-position: 0px 10px;
	height: 500px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	margin-bottom: 10px;
}
div#top div#main div#chara03 {
	background-image: url(../image/character/img_chara03.jpg);
	width: 620px;
	background-repeat: no-repeat;
	background-position: 0px 10px;
	height: 500px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	margin-bottom: 10px;
}
div#top div#main div#chara04 {
	background-image: url(../image/character/img_chara04.jpg);
	width: 620px;
	background-repeat: no-repeat;
	background-position: 0px 10px;
	height: 500px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	margin-bottom: 10px;
}
div#top div#main div#chara05 {
	background-image: url(../image/character/img_chara05.jpg);
	width: 620px;
	background-repeat: no-repeat;
	background-position: 0px 10px;
	height: 500px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	margin-bottom: 10px;
}
div#top div#main div#chara06 {
	background-image: url(../image/character/img_chara06.jpg);
	width: 620px;
	background-repeat: no-repeat;
	background-position: 0px 10px;
	height: 500px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	margin-bottom: 10px;
}
div#top div#main div#chara07 {
	background-image: url(../image/character/img_chara07.jpg);
	width: 620px;
	background-repeat: no-repeat;
	background-position: 0px 10px;
	height: 500px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	margin-bottom: 10px;
}
div#top div#main div#chara08 {
	background-image: url(../image/character/img_chara08.jpg);
	width: 620px;
	background-repeat: no-repeat;
	background-position: 0px 10px;
	height: 500px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	margin-bottom: 10px;
}
div#top div#main div#chara09 {
	background-image: url(../image/character/img_chara09.jpg);
	width: 620px;
	background-repeat: no-repeat;
	background-position: 0px 10px;
	height: 500px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	margin-bottom: 10px;
}
div#top div#main div#chara10 {
	background-image: url(../image/character/img_chara10.jpg);
	width: 620px;
	background-repeat: no-repeat;
	background-position: 0px 10px;
	height: 500px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	margin-bottom: 10px;
}
div#top div#main div#chara11 {
	background-image: url(../image/character/img_chara11.jpg);
	width: 620px;
	background-repeat: no-repeat;
	background-position: 0px 10px;
	height: 500px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	margin-bottom: 10px;
}
div#top div#main div#chara12 {
	background-image: url(../image/character/img_chara12.jpg);
	width: 620px;
	background-repeat: no-repeat;
	background-position: 0px 10px;
	height: 500px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	margin-bottom: 10px;
}
div#top div#main div#chara13 {
	background-image: url(../image/character/img_chara13.jpg);
	width: 620px;
	background-repeat: no-repeat;
	background-position: 0px 10px;
	height: 500px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	margin-bottom: 10px;
}
div#top div#main div#chara14 {
	background-image: url(../image/character/img_chara14.jpg);
	width: 620px;
	background-repeat: no-repeat;
	background-position: 0px 10px;
	height: 500px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	margin-bottom: 10px;
}
div#top div#main div#chara15 {
	background-image: url(../image/character/img_chara15.jpg);
	width: 620px;
	background-repeat: no-repeat;
	background-position: 0px 10px;
	height: 500px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	margin-bottom: 10px;
}
div#top div#main div#chara16 {
	background-image: url(../image/character/img_chara16.jpg);
	width: 620px;
	background-repeat: no-repeat;
	background-position: 0px 10px;
	height: 500px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	margin-bottom: 10px;
}
div#top div#main div#chara17 {
	background-image: url(../image/character/img_chara17.jpg);
	width: 620px;
	background-repeat: no-repeat;
	background-position: 0px 10px;
	height: 500px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	margin-bottom: 10px;
}
div#top div#main div#chara18 {
	background-image: url(../image/character/img_chara18.jpg);
	width: 620px;
	background-repeat: no-repeat;
	background-position: 0px 10px;
	height: 500px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	margin-bottom: 10px;
}
div#top div#main div#chara19 {
	background-image: url(../image/character/img_chara19.jpg);
	width: 620px;
	background-repeat: no-repeat;
	background-position: 0px 10px;
	height: 500px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	margin-bottom: 10px;
}
div#top div#main div#chara20 {
	background-image: url(../image/character/img_chara20.jpg);
	width: 620px;
	background-repeat: no-repeat;
	background-position: 0px 10px;
	height: 500px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	margin-bottom: 10px;
}
div#top div#main div#chara21 {
	background-image: url(../image/character/img_chara21.jpg);
	width: 620px;
	background-repeat: no-repeat;
	background-position: 0px 10px;
	height: 500px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	margin-bottom: 10px;
}
div#top div#main div#chara22 {
	background-image: url(../image/character/img_chara22.jpg);
	width: 620px;
	background-repeat: no-repeat;
	background-position: 0px 10px;
	height: 500px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	margin-bottom: 10px;
}

