@charset "UTF-8";
/* CSS Document */

h2 {
	background-image: url(../images/chara-h2.gif);
	height: 42px;
	width: 1024px;
	font-size: 1px;
	text-indent: -9999px;
	margin-bottom: 18px;
	margin-top: 16px;
}

/** キャラクター別背景設定 **/
#chara-01-bg {
	background-image: url(../images/chara-01-bg.jpg);
	background-repeat: no-repeat;
	height: 703px;
	width: 1024px;
}
#chara-02-bg {
	background-image: url(../images/chara-02-bg.jpg);
	background-repeat: no-repeat;
	height: 703px;
	width: 1024px;
}
#chara-03-bg {
	background-image: url(../images/chara-03-bg.jpg);
	background-repeat: no-repeat;
	height: 703px;
	width: 1024px;
}
#chara-04-bg {
	background-image: url(../images/chara-04-bg.jpg);
	background-repeat: no-repeat;
	height: 703px;
	width: 1024px;
}
#chara-05-bg {
	background-image: url(../images/chara-05-bg.jpg);
	background-repeat: no-repeat;
	height: 703px;
	width: 1024px;
}

/** 右側メニューエリア **/
#chara-menu {
	float: right;
	width: 179px;
	height: 281px;
}
#chara-menu ul {
}
#chara-menu ul li {
}
/** ================================================== **/
#chara-menu-01 {
	margin-top: 39px;
}
#chara-menu-01 a {
	height: 37px;
	width: 150px;
	display: block;
	text-indent: -9999px;
	background-image: url(../images/chara-menu.gif);
	background-position: 0px -39px;
}
#chara-menu-01 a:hover {
	background-image: url(../images/chara-menu.gif);
	background-position: -179px -39px;
}
/** -------------------------------------------------- **/
#chara-menu-01-page {
	margin-top: 39px;
}
#chara-menu-01-page a {
	height: 37px;
	width: 150px;
	display: block;
	text-indent: -9999px;
	background-image: url(../images/chara-menu.gif);
	background-position: -179px -39px;
}
#chara-menu-01-page a:hover {
}
/** ================================================== **/
#chara-menu-02 {
	margin-top: 15px;
}
#chara-menu-02 a {
	height: 37px;
	width: 150px;
	display: block;
	text-indent: -9999px;
	background-image: url(../images/chara-menu.gif);
	background-position: 0px -91px;
}
#chara-menu-02 a:hover {
	background-image: url(../images/chara-menu.gif);
	background-position: -179px -91px;
}
/** -------------------------------------------------- **/
#chara-menu-02-page {
	margin-top: 15px;
}
#chara-menu-02-page a {
	height: 37px;
	width: 150px;
	display: block;
	text-indent: -9999px;
	background-image: url(../images/chara-menu.gif);
	background-position: -179px -91px;
}
#chara-menu-02-page a:hover {
}
/** ================================================== **/
#chara-menu-03 {
	margin-top: 15px;
}
#chara-menu-03 a {
	height: 37px;
	width: 150px;
	display: block;
	text-indent: -9999px;
	background-image: url(../images/chara-menu.gif);
	background-position: 0px -141px;
}
#chara-menu-03 a:hover {
	background-image: url(../images/chara-menu.gif);
	background-position: -179px -141px;
}
/** -------------------------------------------------- **/
#chara-menu-03-page {
	margin-top: 15px;
}
#chara-menu-03-page a {
	height: 37px;
	width: 150px;
	display: block;
	text-indent: -9999px;
	background-image: url(../images/chara-menu.gif);
	background-position: -179px -141px;
}
#chara-menu-03-page a:hover {
}
/** ================================================== **/
#chara-menu-04 {
	margin-top: 15px;
}
#chara-menu-04 a {
	height: 37px;
	width: 150px;
	display: block;
	text-indent: -9999px;
	background-image: url(../images/chara-menu.gif);
	background-position: 0px -193px;
}
#chara-menu-04 a:hover {
	background-image: url(../images/chara-menu.gif);
	background-position: -179px -193px;
}
/** -------------------------------------------------- **/
#chara-menu-04-page {
	margin-top: 15px;
}
#chara-menu-04-page a {
	height: 37px;
	width: 150px;
	display: block;
	text-indent: -9999px;
	background-image: url(../images/chara-menu.gif);
	background-position: -179px -193px;
}
#chara-menu-04-page a:hover {
}
/** ================================================== **/
#chara-menu-05 {
	margin-top: 15px;
}
#chara-menu-05 a {
	height: 37px;
	width: 150px;
	display: block;
	text-indent: -9999px;
	background-image: url(../images/chara-menu.gif);
	background-position: 0px -245px;
}
#chara-menu-05 a:hover {
	background-image: url(../images/chara-menu.gif);
	background-position: -179px -245px;
}
/** -------------------------------------------------- **/
#chara-menu-05-page {
	margin-top: 15px;
}
#chara-menu-05-page a {
	height: 37px;
	width: 150px;
	display: block;
	text-indent: -9999px;
	background-image: url(../images/chara-menu.gif);
	background-position: -179px -245px;
}
#chara-menu-05-page a:hover {
}
/** ================================================== **/

/** 左側コンテンツエリア **/
#chara-detail {
	width: 845px;
	font-size: 1px;
	float: left;
	display: none;
}