@charset "utf-8";

/* CSS Document */

#character h2{
	/*height:66px;*/
}

#character .left{

	float:left;

	width:266px;

}

#character .left li{

	margin:3px 0;

}

#character .left li a,

#character .left li{

	display:block;

	height:58px;

	width:205px;

	background-repeat:no-repeat;

}

#character .left li a{

	background-image:inherit;

}

#character .left li a:hover{

	background-position:0 -58px;

}

#character .left li.focus a{

	background-image:url(../images/focus.gif);

	background-position:right top;

}

#character .left li.focus a:hover{

	background-position:right top;

}

#character .left li.focus{

	background-position:0 -116px;

	height:67px;

}

#character .left h2{

	padding:5px 0 0 15px;

	color:#af3541;

	font-size:20px;

}

#character .left img{

	width:155px;

}

#character .right{

	float:left;

	width:733px;

}

#character .right .area1{

	margin:0 0 15px;

}

#character .right .area1 .slide,
#character .right .area1 .video
{
	overflow:hidden;
	height:195px;
	float:left;
	width:456px;
	text-align:center;
	padding-bottom:5px;
}

#character .right .area1 .video{

	width:276px;

}

#character .right .nav{
	height:14px;
	background:url(../images/backAndNext.gif) no-repeat center center;
	clear:both;
	text-align:center;
	line-height:14px;
	position:relative;
	right:27px;
}
#character .right .area .nav {
width:126px;
}

#character .right .nav a{

	font-size:14px;

	color:#008c8c;

	font-weight:bold;

}

#character .right .nav a.back,#character .right .nav a.next{font-size:12px}
#character .right .nav a.back{
	padding:0 0 0 16px;
}
#character .right .nav a.next{
	padding:0 15px 0 9px;
}

#character .right h3{

	color:#af3541;

	padding:0 0 5px 0;

}

#character .right .area2,
#character .right .area3{
	float:left;
	width:201px;
}

#character .right .area2{
	width:517px;
	padding:4px 15px 0 0 !important;
	padding:4px 15px 0 0;
}

#character .right .area2 p{
	/*text-indent:20px;*/
	padding:0 0 15px;
	line-height:18px;
	text-align:justify;
}
#character .right .area3{padding-top:0px !important;padding-top:2px;}
#character .right .area3 p{
	padding:10px 10px 6px 10px;
}
#character .right .area3 p img{
	width:130px;
}

#character .right .page{

	float:left;

}

#character .right .page a{

	font-size:14px;

	color:#008c8c;

	font-weight:bold;

}

#character .right .page a.on{

	color:#ed4f4d;

}

#character .right .area3 .nav{
	float:right;
	clear:none;
	width:125px;
}

#character .right .area4{

	clear:both;

	width:520px;

	padding:15px 0;

}

#character .right .area4 h3, #character .right .area4 p,#character .right .area4 p a{

	display:inline;

	color:#af3541;

}

#character .right .area4 p{

	font-size:14px;

	line-height:18px;

}

#character .right .area5 .page{

	clear:both;

}

#character .right .area5 .nav{
	clear:none;
	float:right;
	width:124px;
}

#character .right .area5{

	overflow:hidden;

	padding:10px 0 15px;

}

#character .right .area5 li a.imgCon{
	padding:10px;
	text-align:center;
	background:#FFF;
	overflow:hidden;
	display:block;
	cursor:default;
}

#character .right .area5 li{

	float:left;

	padding:5px;

}

#character .right .area5 li a img,

#character .right .area5 li a.imgCon{

	height:112px;

	width:112px;

}

#character .right .area5 li .name{

	width:132px;

	text-align:center;

	background:#07a5b6;

	color:#FFF;

	line-height:20px;

}