html {
	height: 100%;
	overflow-y: scroll;
}


#character_title{ 
	width:306px;
	height:66px;
	background: url(../img/character_title.png) no-repeat;
}


#c_menu_box{ 
	width:850px;
	height:180px;
	z-index:5;
	position:relative;
	
	margin:10px 0 0 20px;
}

.c_menu_chara{ 
	width:85px;
	height:85px;
	display: inline-block;
	_display: inline;
	margin:0 2px;
	
}


#c_chara_box{
	width:1100px;
	height:950px;
	
	position:relative;
	left:0px;
	top:10px;
	
	padding:10px 20px;
	
	background-color:#fff;
	filter:alpha(opacity=80);
	-moz-opacity:0.80;
	-khtml-opacity: 0.80;
	opacity:0.80;
}
#c_chara_box_left{
	width:550px;
	height:950px;
	
	float: left;
	z-index:5;
	position:relative;
	
	filter:alpha(opacity=1);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity:1;
}

#c_chara_sum{ 
	width:540px;
	height:370px;
	margin-top:50px;
}


#c_chara_text{ 
	width:396px;
	height:252px;
}

#c_chara_sum1{ 
	width:172px;
	height:172px;
	float: left;
	margin-left:5px;
}
#c_chara_sum2{ 
	width:172px;
	height:172px;
	float: left;
	margin-left:5px;
}
#c_chara_sum3{ 
	width:172px;
	height:172px;
	float: left;
	margin-left:5px;
}
#c_chara_sum4{ 
	width:172px;
	height:172px;
	float: left;
	margin-top:15px;
	margin-left:5px;
}

#c_chara_sum5{ 
	width:172px;
	height:172px;
	float: left;
	margin-top:15px;
	margin-left:5px;
}


#c_chara_box_right{ 
	width:500px;
	height:1030px;
	margin-top:0px;
	margin-left:-100px;
	float: left;
}
#c_chara_box_right2{ 
	width:500px;
	height:1030px;
	float: left;
	top:0px;
	left:100px;
	position:relative;
}
#c_chara_box_right3{ 
	width:500px;
	height:1030px;
	margin-top:20px;
	margin-left:-10px;
	float: left;
}
#c_chara_box_right4{ 
	width:500px;
	height:1030px;
	margin-top:100px;
	margin-left:0px;
	float: left;
}
#c_chara_box_right5{ 
	width:500px;
	height:1030px;
	margin-top:70px;
	margin-left:50px;
	float: left;
}