.content {
	background-image: url(images/chara-bg01.gif);
	background-repeat: no-repeat;
	background-color : #ffffff ;
	padding : 0px;
	border-right : 1px solid #ff6666;
	border-left : 1px solid #ff6666;
	border-top : 1px solid #ff6666;
	border-bottom : 0px solid #ff6666;
	height : 520px;
	}

.cha-sel {
	z-index: 5 ;
	position:relative;
	margin-right : auto;
	margin-left : auto;
	padding : 15px 0px 0px 0px;
	width : 780px;
	}
.cha-sel dt {
	text-align : center ;
	vertical-align:baseline;
	vertical-align:text-bottom;
	display: table-row ;
	}
.cha-sel dd {
	top:50px;
	position : absolute ;
	height: 260px ;
	width : 780px ;
	background-color : ;
	font-family: Verdana, Arial, sans-serif;
	font-size: medium;
	margin : 0px;
	padding :0px;
	display: table-cell;
	}
.cha-sel dd img{
	align : bottom left;
	vertical-align:bottom;
	vertical-align:text-bottom;
	border:0px;
	}
.cha-sel ul{
	margin:0px;
	padding : 0px ;
	}
.cha-sel li{
	border:0px;
	margin:0px;
	padding : 0px ;
	position:relative;
	font-size: 14px;
	text-align : center ;
	list-style-position : outside;
	list-style-type: none;
	font-weight : bold;
	}
.off ol {
	left:0px;
	color:#ffffff;
	margin:0px;
	padding : 2px ;
	position:absolute;
	overflow:hidden;
	width: 0px;
	height:0px;
	z-index: 0 ;
	}
.on ol {
	z-index: 5 ;
	position:absolute;
	width: 280px;
	margin:0px;
	padding : 2px ;
	overflow:hidden;
	overflow:visible;
	}
.on li {
	z-index: 5 ;
	position:relative;
	width: 280px;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN";
	height:16px;
	padding : 3px 0px 2px 0px ;
	margin:0px;
	}
.on p {
	cursor : pointer;
	}

#name {
	font-size:14px;
	height:20px;


	}
#name a{
	text-decoration : none;
	font-size:18px;
	}

.img-p01 {
	background-image: url(images/chara-hea1.gif);
	background-repeat: no-repeat;
	position : absolute ;
	top: 26px ; left: 330px ;
	z-index: 9 ;
	}
.ch-p01	{
	background-image: url(images/chara-hea2.gif);
	background-repeat: no-repeat;
	position : absolute ;
	top: 26px ; left: 330px ;
	z-index:10;
	}
.ch-p01 ol {
	background-color:#ffdeef;
	border : 1px solid #ff0082;
	left:-65px;
	}
.ch-p01 li {
	border-bottom : 1px solid #ff0082;
	}
.ch-p01 li#name {
	border-bottom : 2px solid #ff0082;
	}
.ch-p01 li#name a {
	color:#ff0082;
	}
.img-p07 {
	background-image: url(images/chara-yor1.gif);
	background-repeat: no-repeat;
	position : absolute ;
	top: 5px ; left: 222px ;
	z-index: 5 ;
	}
.ch-p07	{
	background-image: url(images/chara-yor2.gif);
	background-repeat: no-repeat;
	position : absolute ;
	top: 5px ; left: 222px ;
	z-index:10;
	}
.ch-p07 ol {
	background-color:#ffeaff;
	border : 1px solid #af00af;
	left:-60px;
	}
.ch-p07 li {
	border-bottom : 1px solid #af00af;
	}
.ch-p07 li#name {
	border-bottom : 2px solid #af00af;
	}
.ch-p07 li#name a {
	color:#ff0082;
	}
.img-p08 {
	background-image: url(images/chara-lil1.gif);
	background-repeat: no-repeat;
	position : absolute ;
	top: 25px ; left: 175px ;
	z-index: 6 ;
	}
.ch-p08 {
	background-image: url(images/chara-lil2.gif);
	background-repeat: no-repeat;
	position : absolute ;
	top: 25px ; left: 175px ;
	z-index:10;
	}
.ch-p08 ol {
	background-color:#eaffea;
	border : 1px solid #007800;
	left:-100px;
	}
.ch-p08 li {
	border-bottom : 1px solid #007800;
	}
.ch-p08 li#name {
	border-bottom : 2px solid #007800;
	}
.ch-p08 li#name a {
	color:#007800;
	}
.img-p09 {
	background-image: url(images/chara-mei1.gif);
	background-repeat: no-repeat;
	position : absolute ;
	top: 5px ; left: 120px ;
	z-index: 4 ;
	}
.ch-p09 {
	background-image: url(images/chara-mei2.gif);
	background-repeat: no-repeat;
	position : absolute ;
	top: 5px ; left: 120px ;
	z-index:10;
	}
.ch-p09 ol {
	background-color:#ffeaea;
	border : 1px solid #ff0000;
	left:-105px;
	}
.ch-p09 li {
	border-bottom : 1px solid #ff0000;
	}
.ch-p09 li#name {
	border-bottom : 2px solid #ff0000;
	}
.ch-p09 li#name a {
	color:#ff0000;
	}
.img-p10 {
	background-image: url(images/chara-kir1.gif);
	background-repeat: no-repeat;
	position : absolute ;
	top: 45px ; left: 2px ;
	z-index: 3 ;
	}
.ch-p10 {
	background-image: url(images/chara-kir2.gif);
	background-repeat: no-repeat;
	position : absolute ;
	top: 45px ; left: 2px ;
	z-index:10;
	}
.ch-p10 ol {
	background-color:#eaeaff;
	border : 1px solid #0000ff;
	left:30px;
	}
.ch-p10 li {
	border-bottom : 1px solid #0000ff;
	}
.ch-p10 li#name {
	border-bottom : 2px solid #0000ff;
	}
.ch-p10 li#name a {
	color:#0000ff;
	}
.img-p02 {
	background-image: url(images/chara-sak1.gif);
	background-repeat: no-repeat;
	position : absolute ;
	top: 26px ; left: 400px ;
	z-index: 8 ;
	}
.ch-p02	{
	background-image: url(images/chara-sak2.gif);
	background-repeat: no-repeat;
	position : absolute ;
	top: 26px ; left: 400px ;
	z-index:10;
	}
.ch-p02 ol {
	background-color:#d2fffb;
	border : 1px solid #008a7f;
	left:-90px;
	}
.ch-p02 li {
	border-bottom : 1px solid #008a7f;
	}
.ch-p02 li#name {
	border-bottom : 2px solid #008a7f;
	}
.ch-p02 li#name a {
	color:#008a7f;
	}
.img-p03 {
	background-image: url(images/chara-mao1.gif);
	background-repeat: no-repeat;
	position : absolute ;
	top: 10px ; left: 440px ;
	z-index: 4 ;
	}
.ch-p03 {
	background-image: url(images/chara-mao2.gif);
	background-repeat: no-repeat;
	position : absolute ;
	top: 10px ; left: 440px ;
	z-index:10;
	}
.ch-p03 ol {
	background-color:#efcebb;
	border : 1px solid #844624;
	left:-65px;
	}
.ch-p03 li {
	border-bottom : 1px solid #844624;
	}
.ch-p03 li#name {
	border-bottom : 2px solid #844624;
	}
.ch-p03 li#name a {
	color:#844624;
	}
.img-p04 {
	background-image: url(images/chara-kam1.gif);
	background-repeat: no-repeat;
	position : absolute ;
	top: 5px ; left: 545px ;
	z-index:5 ;
	}
.ch-p04 {
	background-image: url(images/chara-kam2.gif);
	background-repeat: no-repeat;
	position : absolute ;
	top: 5px ; left: 545px ;
	z-index:10;
	}
.ch-p04 ol {
	background-color:#eddac3;
	border : 1px solid #804c27;
	left:-90px;
	}
.ch-p04 li {
	border-bottom : 1px solid #804c27;
	}
.ch-p04 li#name {
	border-bottom : 2px solid #804c27;
	}
.ch-p04 li#name a {
	color:#804c27;
	}
.img-p05 {
	background-image: url(images/chara-kon1.gif);
	background-repeat: no-repeat;
	position : absolute ;
	top: 60px ; left: 620px ;
	z-index: 6 ;
	}
.ch-p05 {
	background-image: url(images/chara-kon2.gif);
	background-repeat: no-repeat;
	position : absolute ;
	top: 60px ; left: 620px ;
	z-index:10;
	}
.ch-p05 ol {
	background-color:#cee7be;
	border : 1px solid #3b840e;
	left:-125px;
	}
.ch-p05 li {
	border-bottom : 1px solid #3b840e;
	}
.ch-p05 li#name {
	border-bottom : 2px solid #3b840e;
	}
.ch-p05 li#name a {
	color:#3b840e;
	}
.img-p06 {
	background-image: url(images/chara-ris1.gif);
	background-repeat: no-repeat;
	position : absolute ;
	top: 80px ; left: 695px ;
	z-index: 7 ;
	}
.ch-p06 {
	background-image: url(images/chara-ris2.gif);
	background-repeat: no-repeat;
	position : absolute ;
	top: 80px ; left: 695px ;
	z-index:10;
	}
.ch-p06 ol {
	background-color:#ddd0f2;
	border : 1px solid #461498;
	left:-160px;
	}
.ch-p06 li {
	border-bottom : 1px solid #461498;
	}
.ch-p06 li#name {
	border-bottom : 2px solid #461498;
	}
.ch-p06 li#name a {
	color:#461498;
	}


.ar-sel {
	margin-right : auto;
	margin-left : auto;
	padding : 270px 0px 0px 0px;
	width : 798px;
	}
.ar-sel dt {
	text-align : center ;
	vertical-align:baseline;
	vertical-align:text-bottom;
	display: table-row ;
	}
.arcana-bar ul{
	background-color:# ;
	z-index: 0 ;
	padding : 5px 99px 0px 99px;
	}
.arcana-bar li{
	background-color:# ;
	position:relative;
	z-index: 0 ;
	font-size: 14px;
	height : 120px ;
	width: 60px;
	float : left;
	text-align:center;
	list-style-type: none;
	font-weight : bold;
	}
.arcana-bar li p{
	position:relative;
	cursor : pointer;
	height: 120px ;
	widht: 60px ;
	}

.off-a ol {
	text-decoration : none;
	left:0px;
	background-color:# ;
	margin:0px;
	padding : 0px ;
	position:absolute;
	overflow:hidden;
	border:0px;
	width: 0px;
	height:0px;
	z-index: 0 ;
	}

.on-a ol {
	text-decoration : none;
	z-index: 1 ;
	position:absolute;
	width: 240px;
	background-color:# ;
	margin:0px;
	padding : 2px ;
	overflow:hidden;
	overflow:visible;
	}
.on-a li {
	text-decoration : none;
	z-index: 0 ;
	position:relative;
	width: 240px;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN";
	height:16px;
	padding : 3px 0px 2px 0px ;
	margin:0px;
	}
#name-a {
	text-decoration : none;
	color:#000000;
	height:20px;
	background-color:#ffffff;
	}
#name-a a{
	text-decoration : none;
	font-size:16px;
	}


.a-10b {
	background-image: url(images/arcana-10M.gif);
	}
.a-10m{
	background-color:#eaeaff;
	border : 1px solid #0000ff;
	left:-95px;
	}
.a-10m li#name-a a{
	color:#0000ff;
	}
.a-06b {
	background-image: url(images/arcana-06M.gif);
	}
.a-06m{
	background-color:#ffeaea;
	border : 1px solid #ff0000;
	left:-95px;
	}
.a-06m li#name-a a{
	color:#ff0000;
	}
.a-08b {
	background-image: url(images/arcana-08M.gif);
	}
.a-08m{
	background-color:#eaffea;
	border : 1px solid #007800;
	left:-95px;
	}
.a-08m li#name-a a{
	color:#007800;
	}
.a-07b {
	background-image: url(images/arcana-07M.gif);
	}
.a-07m{
	background-color:#ffeaff;
	border : 1px solid #af00af;
	left:-95px;
	}
.a-07m li#name-a a{
	color:#af00af;
	}
.a-01b {
	background-image: url(images/arcana-01M.gif);
	}
.a-01m{
	background-color:#ffdeef;
	border : 1px solid #ff0082;
	left:-95px;
	}
.a-01m li#name-a a{
	color:#ff0082;
	}
.a-02b {
	background-image: url(images/arcana-02M.gif);
	}
.a-02m{
	background-color:#d2fffb;
	border : 1px solid #008a7f;
	left:-95px;
	}
.a-02m li#name-a a{
	color:#008a7f;
	}
.a-05b {
	background-image: url(images/arcana-05M.gif);
	}
.a-05m{
	background-color:#efcebb;
	border : 1px solid #844624;
	left:-95px;
	}
.a-05m li#name-a a{
	color:#844624;
	}
.a-03b {
	background-image: url(images/arcana-03M.gif);
	}
.a-03m{
	background-color:#eddac3;
	border : 1px solid #804c27;
	left:-95px;
	}
.a-03m li#name-a a{
	color:#804c27;
	}

.a-04b {
	background-image: url(images/arcana-04M.gif);
	}
.a-04m{
	background-color:#cee7be;
	border : 1px solid #3b840e;
	left:-95px;
	}
.a-04m li#name-a a{
	color:#3b840e;
	}
.a-09b {
	background-image: url(images/arcana-09M.gif);
	}
.a-09m{
	background-color:#ddd0f2;
	border : 1px solid #461498;
	left:-95px;
	}
.a-09m li#name-a a{
	color:#461498;
	}