@charset "utf-8";
/* CSS Document */

#main_character_list{
	width:842px;
	height:515px;
	position:relative;
	margin:0px auto;
}

#main_character_list li {
	position:absolute;
	width:165px;
	height:242px;
	overflow:hidden;
}

#main_character_list li:hover img {
	margin-left:-165px;
}

#character_01{left:0px;		top:265px;}
#character_02{left:338px;	top:0px;}
#character_03{left:506px;	top:15px;}
#character_04{left:677px;	top:0px;}
#character_05{left:168px;	top:20px;}
#character_06{left:0px;		top:12px;}
#character_07{left:337px;	top:253px;}
#character_08{left:506px;	top:268px;}
#character_09{left:173px;	top:273px;}
#character_10{left:676px;	top:253px;}

#more_character {
	width:798px;
	height:205px;
	overflow:hidden;
	margin:0px auto;
	margin-top:10px;
}

#more_character:hover img {
	margin-top:-205px;
}


/* detail */
.detailTbl {
	width:786px;
	margin:0px auto;
	border-top:2px solid #caaf76;
	border-left:2px solid #caaf76;
	border-bottom:2px solid #caaf76;
	background:url(/tv/onep/character/img/cell_bg.png);
	color:#fff;
}

.category {
	height: 49px;
	line-height: 49px;
	text-align: center;
	color: #CAAF76;
	position: relative;
	border-bottom: 2px solid #CAAF76;
	border-right: 2px solid #CAAF76;
	font-size: 14px;
}

.category div {
	position: absolute;
	right: 0px;
	top: 0px;
	padding-right: 15px;
	padding-left: 30px;
	background: url(../../character/img/mark.png);
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 12px;
}

.character {
	float:left;
	height:267px;
	border-bottom:2px solid #caaf76;
}

.detail {
	width:213px;
	height:267px;
	float:left;
	border-left:2px solid #caaf76;
	border-bottom:2px solid #caaf76;
	border-right:2px solid #caaf76;
}

.blank2 {
	float:left;
	height:267px;
	width:391px;
	border-bottom:2px solid #caaf76;
	border-right:2px solid #caaf76;
}

.chara_name {
	height:32px;
	line-height:32px;
	color:#caaf76;
	border-bottom:2px solid #caaf76;
	padding-left:10px;
}

.chara_detailTxt {
	padding: 11px;
	line-height: 150%;
	font-size: 12px;
}

/* category */
.categoryTbl table {
	width:185px;
}


#character_wrapper {
	width:798px;
	margin:0px auto;
}

#btn_mugiwara{
	width:798px;
	height:187px;
	overflow:hidden;
}

#btn_mugiwara:hover img {
	margin-top:-187px;
}

#btn_marine {
	width:392px;
	height:136px;
	overflow:hidden;
	margin-top:12px;
	float:left;
}

#btn_marine:hover img {
	margin-top:-136px;
}

#btn_sevenworlds {
	width:392px;
	height:136px;
	overflow:hidden;
	margin-top:12px;
	margin-left:13px;
	float:left;
}

#btn_sevenworlds:hover img {
	margin-top:-136px;
}

.categoryTbl {
	border-left:2px solid #caaf76;
	border-top:2px solid #caaf76;
	width:788px;
	margin:0px auto;
	margin-top:36px;
	
	line-height:1.2em;
	background:url(/tv/onep/character/img/cell_bg.png);
}

.story {
	width: 786px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	float: left;
	border-bottom: 2px solid #CAAF76;
	border-right: 2px solid #CAAF76;
	padding-top: 2px;
	padding-bottom: 2px;
}

.place {
	float:left;
	width:195px;
	height:120px;
	position:relative;
	border-right:2px solid #caaf76;
	border-bottom:2px solid #caaf76;
}

.chara_categoryTtl {
	height: 22px;
	line-height: 22px;
	background: url(../../character/img/cell_bg2.png);
	padding-left: 7px;
	color: #CAAF76;
	border-bottom: 2px solid #CAAF76;
}

.group {
	float:left;
	width:195px;
	height:120px;
	position:relative;
	border-right:2px solid #caaf76;
	border-bottom:2px solid #caaf76;
}

.blank {
	float:left;
	width:195px;
	height:120px;
	border-right:2px solid #caaf76;
	border-bottom:2px solid #caaf76;
}

.group .chara_categoryTtl {
	height:22px;
	line-height:22px;
	background:url(/tv/onep/character/img/cell_bg3.png);
}

.place td, .group td {
	vertical-align: top !important;
	padding-top: 8px;
	padding-left: 8px;
	font-size: 11px;
	line-height: 140%;
}