/*
--------------------------------------------------
	character layout
--------------------------------------------------
*/


#chara{
	margin: 0;
	padding: 0;
}

#character{
	font-size: 10px;
	line-height: 150%;
}

#character-ex{
	text-align:center;
	height: 50px;
}

.chara-pct{
	margin: 15px 15px 5px 15px;
}

#wrap2 h3 { 
/*	page-break-before: always;*/
	text-indent: -9999px;/**/
	font-size: 0;/**/
	line-height: 0%;
} 

#wrap2 img {
	border: 0;/**/
	}

.chara_box0{
	width:905px;
	float:left;
}

.chara_box{
	width:840px;
	float:left;
	page-break-before: always;
}
.top_box{
	width:840px;
/*	background: #FFFF00;*/
	float:left;
}

#charaList {
	width: 555px;
	height: 441px;
	margin: 0;
	padding: 0;
}

#charaList li {
	width: 253px;
	height: 217px;
	margin: 0 0 11px 17px;
	float: left;
	display: inline;
	position: relative;
}

#charaList li a{
	width: 253px;
	height: 217px;
	float: left;
	display: inline;
	position: relative;
}


#charaList .bakabon {
	width: 253px;
	height: 217px;
	left: 0px;
	background:transparent url(../../character/images/bakabon_all.gif) no-repeat 0px -217px;
	}

#charaList .osomatsu {
	width: 253px;
	height: 217px;
	left: 0px;
	background:transparent url(../../character/images/osomatsu_all.gif) no-repeat 0px -217px;
	}

#charaList .ataro {
	width: 253px;
	height: 217px;
	left: 0px;
	background:transparent url(../../character/images/ataro_all.gif) no-repeat 0px -217px;
	}

#charaList .akko {
	width: 253px;
	height: 217px;
	left: 0px;
	background:transparent url(../../character/images/akko_all.gif) no-repeat 0px -217px;
	}

#charaList .bakabon a:hover{
	background:transparent url(../../character/images/bakabon_all.gif) no-repeat 0px 0px;
	}

#charaList .osomatsu a:hover{
	background:transparent url(../../character/images/osomatsu_all.gif) no-repeat 0px 0px;
	}

#charaList .ataro a:hover{
	background:transparent url(../../character/images/ataro_all.gif) no-repeat 0px 0px;
	}

#charaList .akko a:hover{
	background:transparent url(../../character/images/akko_all.gif) no-repeat 0px 0px;
	}


#charaList a:link, a:visited, a:active {
	color: #000000;
	text-decoration: none;
}


#menu_box{
	width: 550px;
	height: 45px;
	margin: 110px 0px 0px 48px;/**/
}

#chara-menu {
	height: 42px;
	margin: 0px 0 0 0 ;
	position: relative;
	}
#chara-menu li {
	position: absolute;
	display: block;
	height: 42px;
	font-size: 9px;
	text-indent: -1000em;
	/*\*//*/ letter-spacing: -1000em; /* for macIE */
	}
#chara-menu li a {
	display: block;
	height: 42px;
	text-decoration: none;
	}
#chara-menu .c-menu {
	width: 110px;
	left: 0px;
	background:transparent url(../../character/images/up_menu.gif) no-repeat 0px -42px;
	}
#chara-menu .bakabon {
	width: 110px;
	left: 110px;
	background:transparent url(../../character/images/up_menu.gif) no-repeat -110px -42px;
	}
#chara-menu .osomatsu {
	width: 110px;
	left: 220px;
	background:transparent url(../../character/images/up_menu.gif) no-repeat -220px -42px;
	}
#chara-menu .ataro {
	width: 110px;
	left: 330px;
	background:transparent url(../../character/images/up_menu.gif) no-repeat -330px -42px;
	}
#chara-menu .akko {
	width: 110px;
	left: 440px;
	background:transparent url(../../character/images/up_menu.gif) no-repeat -440px -42px;
	}

#chara-menu .c-menu_over {
	width: 110px;
	left: 0px;
	background:transparent url(../../character/images/up_menu.gif) no-repeat 0px 0px;
	}
#chara-menu .bakabon_over {
	width: 110px;
	left: 110px;
	background:transparent url(../../character/images/up_menu.gif) no-repeat -110px 0px;
	}
#chara-menu .osomatsu_over {
	width: 110px;
	left: 220px;
	background:transparent url(../../character/images/up_menu.gif) no-repeat -220px 0px;
	}
#chara-menu .ataro_over {
	width: 110px;
	left: 330px;
	background:transparent url(../../character/images/up_menu.gif) no-repeat -330px 0px;
	}
#chara-menu .akko_over {
	width: 110px;
	left: 440px;
	background:transparent url(../../character/images/up_menu.gif) no-repeat -440px 0px;
	}

#chara-menu .c-menu a:hover {
	background:transparent url(../../character/images/up_menu.gif) no-repeat 0px -0px;
	}
#chara-menu .bakabon a:hover {
	background:transparent url(../../character/images/up_menu.gif) no-repeat -110px 0px;
	}
#chara-menu .osomatsu a:hover {
	background:transparent url(../../character/images/up_menu.gif) no-repeat -220px 0px;
	}
#chara-menu .ataro a:hover {
	background:transparent url(../../character/images/up_menu.gif) no-repeat -330px 0px;
	}
#chara-menu .akko a:hover {
	background:transparent url(../../character/images/up_menu.gif) no-repeat -440px 0px;
	}


#chara-eng_text{
	font-size:11px;
	width: 519px;
	height: 114px;
	margin: 8px 18px 0px 18px;/**/
/*	background: #CCCCCC;*/
}


#chara-eng_text p{
	line-height: 1.27em;
/*	padding: 20px 15px 5px 18px;*/
}

#unagi_eng{
	background:transparent url(../../english/character/bakabon/images/unagi_eng.gif) no-repeat 15px 15px;
}
#b-mama_eng{
	background:transparent url(../../english/character/bakabon/images/b_mama_eng.gif) no-repeat 15px 15px;
}
#b-papa_eng{
	background:transparent url(../../english/character/bakabon/images/b_papa_eng.gif) no-repeat 15px 15px;
}
#hajime_eng{
	background:transparent url(../../english/character/bakabon/images/hajime_eng.gif) no-repeat 15px 15px;
}
#omawari_eng{
	background:transparent url(../../english/character/bakabon/images/omawari_eng.gif) no-repeat 15px 15px;
}
#rerere_eng{
	background:transparent url(../../english/character/bakabon/images/rerere_eng.gif) no-repeat 15px 15px;
}
#bakabon_eng{
	background:transparent url(../../english/character/bakabon/images/bakabon_eng.gif) no-repeat 15px 15px;
}

#nyarome_eng{
	background:transparent url(../../english/character/ataro/images/nyarome_eng.gif) no-repeat 15px 15px;
}
#boss_eng{
	background:transparent url(../../english/character/ataro/images/boss_eng.gif) no-repeat 15px 15px;
}
#beshi-kemnpas_eng{
	background:transparent url(../../english/character/ataro/images/beshi-kemnpas_eng.gif) no-repeat 15px 15px;
}
#deco_eng{
	background:transparent url(../../english/character/ataro/images/deco_eng.gif) no-repeat 15px 15px;
}
#ataro_eng{
	background:transparent url(../../english/character/ataro/images/ataro_eng.gif) no-repeat 15px 15px;
}
#butamatsu_eng{
	background:transparent url(../../english/character/ataro/images/butamatsu_eng.gif) no-repeat 15px 15px;
}
#xgoro_eng{
	background:transparent url(../../english/character/ataro/images/xgoro_eng.gif) no-repeat 15px 15px;
}


#osomatsu_eng{
	background:transparent url(../../english/character/osomatsu/images/osomatsu_eng.gif) no-repeat 15px 15px;
}
#iyami_eng{
	background:transparent url(../../english/character/osomatsu/images/iyami_eng.gif) no-repeat 15px 15px;
}
#dayo_eng{
	background:transparent url(../../english/character/osomatsu/images/dayo_eng.gif) no-repeat 15px 15px;
}
#chibita_eng{
	background:transparent url(../../english/character/osomatsu/images/chibita_eng.gif) no-repeat 15px 15px;
}
#dekapan_eng{
	background:transparent url(../../english/character/osomatsu/images/dekapan_eng.gif) no-repeat 15px 15px;
}
#o_papa_mama_eng{
	background:transparent url(../../english/character/osomatsu/images/o_papa_mama_eng.gif) no-repeat 15px 15px;
}
#totoko_eng{
	background:transparent url(../../english/character/osomatsu/images/totoko_eng.gif) no-repeat 15px 15px;
}
#hatabo_eng{
	background:transparent url(../../english/character/osomatsu/images/hatabo_eng.gif) no-repeat 15px 15px;
}

#akko_eng{
	background:transparent url(../../english/character/akko/images/akko_eng.gif) no-repeat 15px 15px;
}




#bk-wrap-eng{
	width: 555px;
	height: 34px;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(../../english/character/bakabon/images/bakabon_eng_01.gif);
	margin: 0;
	padding: 0;
	clear: both;
}
#bk_content {
	padding: 0px 0px 13px 0;
/*	height: 435px;*/
	width: 555px;
	background-repeat: no-repeat;
	background-position: left bottom;
	background-image: url(../../character/bakabon/images/bakabon_03.gif);
/*	float: right;*/
/*	border: solid 1px #4F80FF;*/
	}


* html #bk_content{
	/*\*//*/ display: inline-block; /* for macIE */
	}
#bk_content:after { /* for modern browser */
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}


	
#chara-bkList{
	width: 555px;
	background-image: url(../../character/bakabon/images/bakabon_02.gif);
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
}

#oso-wrap-eng {
	width: 555px;
	height: 34px;
	background-position: right top;
	background: url(../../english/character/osomatsu/images/osmt_eng_01.gif) no-repeat;
	margin: 0;
	padding: 0;
	clear: both;
}
#oso_content {
	padding: 0px 0px 13px 0;
/*	height: 435px;*/
	width: 555px;
	background-repeat: no-repeat;
	background-position: left bottom;
	background-image: url(../../character/osomatsu/images/osomatsu_03.gif) ;
/*	float: right;*/
/*	border: solid 1px #4F80FF;*/
	}
	
	
#chara-osoList{
	width: 555px;
	background: url(../../character/osomatsu/images/osomatsu_02.gif) no-repeat;
	margin: 0;
	padding: 0;
}

#atr-wrap-eng{
	width: 555px;
	height: 34px;
	background-position: right top;
	background: url(../../english/character/ataro/images/ataro_eng_01.gif) no-repeat;
	margin: 0;
	padding: 0;
	clear: both;
}
#atr_content {
	padding: 0px 0px 13px 0;
/*	height: 435px;*/
	width: 555px;
	background-repeat: no-repeat;
	background-position: left bottom;
	background-image: url(../../character/ataro/images/ataro_03.gif) ;
/*	float: right;*/
/*	border: solid 1px #4F80FF;*/
	}
	
	
#chara-atrList{
	width: 555px;
	background: url(../../character/ataro/images/ataro_02.gif) no-repeat;
	margin: 0;
	padding: 0;
}

#akko-wrap-eng{
	width: 555px;
	height: 34px;
	background-position: right top;
	background: url(../../english/character/akko/images/akko_eng_01.gif) no-repeat;
	margin: 0;
	padding: 0;
	clear: both;
}
#akko_content {
	padding: 0px 0px 13px 0;
/*	height: 435px;*/
	width: 555px;
	background-repeat: no-repeat;
	background-position: left bottom;
	background-image: url(../../character/akko/images/h_akko_03.gif) ;
/*	float: right;*/
/*	border: solid 1px #4F80FF;*/
	}
	
	
#chara-akkoList{
	width: 555px;
	background: url(../../character/akko/images/h_akko_02.gif) no-repeat;
	margin: 0;
	padding: 0;
}

#chara-eng_textbox{
	margin: 0px 50px 0px 50px;
	font-size:10px;
	line-height: 1.4em;
	width: 350px;
	font-family: Georgia, 'Times New Roman', serif;
}

#chara-eng_textbox2{
	margin: 0px 50px 0px 50px;
	font-size:10px;
	line-height: 1.4em;
	width: 525px;
	font-family: Georgia, 'Times New Roman', serif;
}

div.cp{
	position:relative;
	width:420px;
	height:595px;
}
span.pg{
	position:absolute;
	display:block;
	width:100%;
	margin: 15px 15px 0px 15px;
	height:100%;
	background-image:url(../images/spacer.gif);
}

div.chara_box th,td {
	padding: 0;
	margin: 0;
	}