@charset 'utf-8';

/* h1
-------------------------------------------------- */

#mainArea h1 {
	padding: 0px;
	margin: 0px 0px 23px;
	background: none;
}

/* h2
-------------------------------------------------- */

#mainArea h2 {
	padding: 0px;
	margin: 0px 1px 12px;
	background: none;
}

/* h3
-------------------------------------------------- */

#mainArea h3 {
	padding: 0px 0px 4px;
	margin: 10px 0px 2px;
	background: none;
	border-bottom: 2px solid #30a6c5;
	font-size: 100%;
	font-weight: bold;
}

#mainArea h3.borderNone {
	border: none;
}

/* conceptTwoColumnsType1
-------------------------------------------------- */

#mainArea .conceptTwoColumnsType1 {
	width: 638px;
	padding: 0px 1px;
	margin: 0px 0px 14px;
}

#mainArea .conceptTwoColumnsType1 .column {
	width: 384px;
	float: left;
}

#mainArea .conceptTwoColumnsType1 .columnEnd {
	width: 235px;
	float: right;
}

/* conceptUtilityBoxType1
-------------------------------------------------- */

#mainArea .conceptUtilityBoxType1 {
	width: 384px;
	padding: 0px;
	margin: 0px 0px 5px;
}

#mainArea .conceptUtilityBoxType1 p {
	padding: 0px;
	margin: 0px;
}

#mainArea .conceptUtilityBoxType1 .textBox {
	width: 384px;
	padding: 0px 0px 0px;
	margin: 4px 0px 2px;
}

#mainArea .conceptUtilityBoxType1 .textBox .column {
	width: 128px;
	padding: 0px;
	margin: 0px;
	float: left;
}

#mainArea .conceptUtilityBoxType1 .textBox .columnEnd {
	width: 98px;
	padding: 0px 0px 0px 30px;
	margin: 0px;
	float: right;
}

#mainArea .conceptUtilityBoxType1 .hr {
	height: 1px;
	padding: 0px 0px;
	margin: 0px;
	background: url(/character/shared/images/concept_hr_010.gif) 0px 0px repeat-x;
}

/* chartColumnType1
-------------------------------------------------- */

#mainArea .chartColumnType1 {
	width: 640px;
	padding: 3px 0px 4px;
	margin: 0px 0px 14px;
}

#mainArea .chartColumnType1 .column {
	width: 98px;
	padding: 0px;
	margin: 0px;
	float: left;
}

#mainArea .chartColumnType1 .columnEnd {
	width: 148px;
	padding: 0px;
	margin: 0px;
	float: right;
}

#mainArea .chartColumnType1 .image {
	padding: 0px;
	margin: 0px 0px 8px;
}

#mainArea .chartColumnType1 p {
	padding: 0px;
	margin: 0px;
	text-align: center;
	font-size: 85%;
	color: #cccccc;
}

/* chartImage
-------------------------------------------------- */

#mainArea .chartImage {
	width: 640px;
	padding: 8px 0px 0px;
	margin: 0px 0px 8px;
	text-align: center;
}

/* outlineColumnType1
-------------------------------------------------- */

#mainArea .outlineColumnType1 {
	width: 640px;
	padding: 3px 0px 4px;
	margin: 0px 0px 14px;
}

#mainArea .outlineColumnType1 .column {
	width: 398px;
	padding: 0px;
	margin: 0px;
	float: left;
}

#mainArea .outlineColumnType1 .columnEnd {
	width: 231px;
	padding: 0px;
	margin: 0px;
	float: right;
}

#mainArea .outlineColumnType1 .generalTable {
	width: 398px;
	padding: 0px;
	margin: 0px;
}

#mainArea .outlineColumnType1 .generalTable table {
	width: 100%;
	padding: 0px;
	margin: 0px;
	border-color: #464646;
	border-style: solid;
	border-width: 1px;
	/*\*//*/
	revise: MacIE5.0bug;
	width: 99%;
	/**/
	font-size: 100%;
}

#mainArea .outlineColumnType1 .generalTable thead th {
	padding: 3px 10px 2px;
	border-color: #464646;
	border-style: solid;
	border-width: 0px 1px 1px 0px;
	font-weight: bold;
	color: #dcdddd;
	vertical-align: top;
	text-align: left;
	background: #333333;
}

#mainArea .outlineColumnType1 .generalTable tbody th {
	padding: 3px 10px 2px;
	border-color: #464646;
	border-style: solid;
	border-width: 0px 1px 1px 0px;
	color: #dcdddd;
	vertical-align: top;
	text-align: left;
	background: #666666;
}

#mainArea .outlineColumnType1 .generalTable table td {
	padding: 3px 10px 2px;
	border-color: #464646;
	border-style: solid;
	border-width: 0px 1px 1px 0px;
	vertical-align: top;
	color: #333333;
	background: #c9c9c9;
}