@charset "utf-8";
body#chaIndex #sub,
body#chaIndex #headline,
body#chaIndex .toTop { display:none; }
html { background:url(../img/bg_html.png) repeat-x left top #e6f5fa !important; }

body#chaIndex { background:url(../img/bg_main.png) repeat-x left bottom; }

body#chaIndex #wrapper {
	width:100%;
	background-image:url(../img/bg_totop.png),url(../img/bg_main.png);
	background-repeat: no-repeat,repeat-x;
	background-position: left bottom, left bottom;
	position:relative;
}
body#chaIndex #header,
body#chaIndex #main { margin:0 auto; }
body#chaIndex #main {
	overflow:hidden;
	width:919px;
	padding-bottom:180px;
/*	margin-top:-30px;*/
}
body#chaIndex #main #charaNav {
	width:890px;
	margin:0 auto;
	background:url(../img/bg_nav.png) no-repeat left top;
	height:136px;
}
body#chaIndex #main #charaNav li {
	float:left;
	width:88px;display:inline;
}
body#chaIndex #main #charaNav li#cn01 { margin-left:30px; }
body#chaIndex #main #charaNav li#cn02 { margin-left:20px; }
body#chaIndex #main #charaNav li#cn03,
body#chaIndex #main #charaNav li#cn04,
body#chaIndex #main #charaNav li#cn05 { margin-left:17px; }
body#chaIndex #main #charaNav li#cn06 { margin-left:18px; }
body#chaIndex #main #charaNav li a,
body#chaIndex #main #charaNav li.selected a {
	overflow:hidden;
	display:block;
	width:88px;
	height:136px;
	text-indent:-9999em;
	background-image:url(../img/bg_nav.png);
	background-repeat:no-repeat;
	background-position:-30px -140px;
}
body#chaIndex #main #charaNav li a:hover { background:none; }
body#chaIndex #main #charaNav li#cn02 a { background-position:-138px -140px; }
body#chaIndex #main #charaNav li#cn03 a { background-position:-243px -140px; }
body#chaIndex #main #charaNav li#cn04 a { background-position:-348px -140px; }
body#chaIndex #main #charaNav li#cn05 a { background-position:-453px -140px; }
body#chaIndex #main #charaNav li#cn06 a {
	background-position:-559px -140px;
	width:300px;
}
body#chaIndex #main #tabs {
	width:890px;
	margin:0 auto;
	background:url(../img/bg_character.gif) no-repeat left bottom;
}
body#chaIndex #main #tabs .section {
	min-height:320px;
	_height:320px;
	padding:20px 50px 20px 350px;
	position:relative;
}
body#chaIndex #main #tabs .section h2 { margin-bottom:20px; }
body#chaIndex #main #tabs .section p,
body#chaIndex #main #tabs .section dl {
	line-height:1.3;
	margin-bottom:1em;
}
body#chaIndex #main #tabs .section .figChara {
	position:absolute;
	top:20px;
	left:20px;
}
body#chaIndex #main #tabs .section img.floatR {
	float:right;
	display:block;
	margin-top:-30px;
	margin-bottom:30px;
}
body#chaIndex #main #tabs .section dl { clear:both; }
body#chaIndex #main #tabs .section dl dt {
	width:87px;
	padding-left:20px;
}
body#chaIndex #main #tabs .section dl dd {
	background:url(../img/bg_profile.png) no-repeat;
	height:30px;
	margin:-25px 0 10px 0;
	padding-left:130px;
	padding-top:8px;
}