@charset 'utf-8';

/* heading Element
-------------------------------------------------- */

#mainArea .categoryTitle {
	padding: 4px 0px 5px;
	margin: 0px 30px 16px;
}

#mainArea h1 {
	padding: 0px;
	margin: 0px 0px 26px 30px;
	font-weight: bold;
	font-size: 110%;
	color: #333333;
}

#mainArea h2 {
	padding: 1px 0px 12px;
	margin: 21px 30px 6px;
	font-size: 130%;
	line-height: 1.3;
	font-weight: bold;
	color: #333333;
	background: url(/shared/images/h2_bg_bottom.gif) no-repeat left bottom;
}

#mainArea h2 span {
	padding: 0px 0px 0px 20px;
	background: url(/shared/images/h2_bg_line.gif) no-repeat 0px 6px;
	display: block;
}

#mainArea h3 {
	padding: 4px 0px 5px;
	margin: 0px 30px 6px;
	font-size: 120%;
	line-height: 1.3;
	color: #333333;
	font-weight: bold;
}

#mainArea h3 span {
	padding: 1px 0px 0px 19px;
	margin: 0px;
	display: block;
	background: url(/shared/images/h3_bg_line.gif) no-repeat 0px 6px;
}

#mainArea h4 {
	padding: 1px 0px;
	margin: 0px 30px 6px;
	font-size: 100%;
	line-height: 1.4;
	color: #333333;
	font-weight: bold;
}

/* paragraph Element
-------------------------------------------------- */

#mainArea p {
	padding: 0px;
	margin: 0px 30px 16px;
	text-align: justify;
	text-justify: distribute;
}

#mainArea .strongType_010 {
	font-weight: bold;
}

#mainArea .strongType_020 {
	color: #000000;
	font-weight: bold;
}

#mainArea .colorRed {
	color: #ef2b2d;
}

#mainArea .colorPink {
	color: #e9838e;
}

#mainArea .left {
	text-align: left;
}

#mainArea .center {
	text-align: center;
}

#mainArea .right {
	text-align: right;
}

#mainArea .floatLeft {
	float: left;
}

#mainArea .floatRight {
	float: right;
}

/* image Element
-------------------------------------------------- */

#mainArea .image {
	padding: 4px 0px 5px;
	margin: 0px;
}

#mainArea .caption {
	padding: 0px 0px 2px;
	margin: 0px;
	font-size: 75%;
	line-height: 1.6;
	color: #666;
}

/* lackBorderTable
-------------------------------------------------- */

#mainArea .lackBorderTable {
	width: 670px;
	padding: 4px 0px 5px;
	margin: 0px 30px 16px;
}

#mainArea .lackBorderTable table {
	width: 100%;
	padding: 0px;
	margin: 0px;
	border: none;
	font-size: 100%;
	line-height: 1.85;
}

#mainArea .lackBorderTable .caption {
	font-size: 95%;
	font-weight: bold;
	line-height: 1.1;
	color: #666666;
	margin: 0px 0px 4px;
	padding: 0px;
}

#mainArea .lackBorderTable .caption span {
	display: block;
	float: left;
}

#mainArea .lackBorderTable .caption span.subCaption {
	display: block;
	float: right;
	font-weight: normal;
	color: #666666;
}

#mainArea .lackBorderTable tbody th {
	padding: 5px 9px 3px;
	border-color: #999999;
	border-style: solid;
	border-width: 1px 0px 1px 0px;
	color: #353535;
	vertical-align: top;
	text-align: left;
	background: #f9f9f9;
	line-height: 1.8;
}

#mainArea .lackBorderTable table td {
	padding: 5px 9px 3px;
	border-color: #cccccc;
	border-style: solid;
	border-width: 1px 0px 1px 0px;
	vertical-align: top;
	background: #ffffff;
	line-height: 1.8;
}

#mainArea .lackBorderTable ul li {
	line-height: 1.4;
}

#mainArea .lackBorderTable .normalType {
	font-weight: normal;
}

#mainArea .lackBorderTable .right{
	text-align: right !important;
}

#mainArea .lackBorderTable .left{
	text-align: left !important;
}

#mainArea .lackBorderTable .center{
	text-align: center !important;
}

/* generalTable
-------------------------------------------------- */

#mainArea .generalTable {
	width: 670px;
	padding: 4px 0px 5px;
	margin: 0px 30px 16px;
}

#mainArea .generalTable table {
	width: 100%;
	padding: 0px;
	margin: 0px;
	border-color: #cccccc;
	border-style: solid;
	border-width: 1px;
	font-size: 100%;
	line-height: 1.85;
}

#mainArea .generalTable .caption {
	font-size: 95%;
	font-weight: bold;
	line-height: 1.1;
	color: #666666;
	margin: 0px 0px 4px;
	padding: 0px;
}

#mainArea .generalTable .caption span {
	display: block;
	float: left;
}

#mainArea .generalTable .caption span.subCaption {
	display: block;
	float: right;
	font-weight: normal;
	color: #666666;
}

#mainArea .generalTable thead th {
	padding: 5px 9px 3px;
	border-color: #cccccc;
	border-style: solid;
	border-width: 0px 1px 1px 0px;
	font-weight: bold;
	color: #ffffff;
	vertical-align: top;
	text-align: left;
	background: #999999;
	white-space: nowrap;
	line-height: 1.8;
}

#mainArea .generalTable tbody th {
	padding: 5px 9px 3px;
	border-color: #cccccc;
	border-style: solid;
	border-width: 0px 1px 1px 0px;
	color: #333333;
	vertical-align: top;
	text-align: left;
	background: #ffedef;
	line-height: 1.8;
}

#mainArea .generalTable tbody .changeBgGray {
	background: #f9f9f9;
}

#mainArea .generalTable tbody .changeBgBrown {
	background: #c66005;
}

#mainArea .generalTable tbody .title {
	font-weight: bold;
	color: #ffffff;
}

#mainArea .generalTable table td {
	padding: 5px 9px 3px;
	border-color: #cccccc;
	border-style: solid;
	border-width: 0px 1px 1px 0px;
	vertical-align: top;
	background: #ffffff;
	line-height: 1.8;
}

#mainArea .generalTable ul li {
	line-height: 1.4;
}

#mainArea .generalTable .normalType {
	font-weight: normal;
}

#mainArea .generalTable .right{
	text-align: right !important;
}

#mainArea .generalTable .left{
	text-align: left !important;
}

#mainArea .generalTable .center{
	text-align: center !important;
}

/* attention Element
-------------------------------------------------- */

#mainArea ul.attention {
	padding: 2px 0px 0px;
	margin: 0px 40px 16px;
	list-style: none;
	font-size: 85%;
}

#mainArea ul.attention li {
	padding: 0px 0px 0px 1em;
	margin: 0px 0px 3px;
	color: #999999;
	text-indent: -1em;
	background: none;
	line-height: 1.5;
}

#mainArea ul.attention li.strong {
	color: #ef2b2d;
	text-indent: -1em;
	background: none;
}

#mainArea ul.notes {
	padding: 1px 0px 0px;
	margin: 0px 10px 16px;
	list-style: none;
	font-size: 85%;
}

#mainArea ul.notes li {
	padding: 0px 0px 0px 1.4em;
	margin: 0px 0px 3px;
	text-indent: -1.3em;
	line-height: 1.4;
	color: #999999;
	background: none;
}

#mainArea ul.notes li span {
	color: #ff0000;
	font-weight: bold;
}

/* list Element
-------------------------------------------------- */

/* ul */
#mainArea ul {
	padding: 0px;
	margin: 0px 40px 16px;
	list-style: none;
	font-size: 100%;
}

#mainArea ul li {
	padding: 0px 0px 0px 21px;
	margin: 0px 0px 4px;
	line-height: 1.6;
	color: #333333;
	background: url(/shared/images/bullet_middle.gif) no-repeat 4px 7px;
}

/* ol */
#mainArea ol {
	padding: 1px 0px 0px 30px;
	margin: 0px 40px 16px;
	list-style: decimal;
}

#mainArea ol li {
	padding:0px;
	margin: 0px 0px 9px;
	line-height: 1.4;
}

/* link Element
-------------------------------------------------- */

#mainArea ul.link {
	padding: 0px;
	margin: 0px 40px 16px;
}

#mainArea ul.link li {
	padding: 0px;
	margin: 0px 12px 4px 0px;
	background: url(/shared/images/arrow_small_right.gif) no-repeat 3px 5px;
}

#mainArea ul.link li.middleLink {
	padding-top: 1px;
	background: url(/shared/images/arrow_middle_right.gif) no-repeat 0px 4px;
}

#mainArea ul.link li.outsideLink {
	background: url(/shared/images/link_icon_outside.gif) no-repeat 1px 5px;
}

#mainArea ul.link li.pdfLink {
	background: url(/shared/images/link_icon_pdf.gif) no-repeat 1px 4px;
}

#mainArea ul.link a {
	padding: 0px 0px 0px 19px;
	margin: 0px;
}

#mainArea ul.link li {
	padding-left: 19px;
	text-indent: -19px;
}

/* siegeTextType1
-------------------------------------------------- */

#mainArea .siegeTextType1 {
	width: 670px;
	padding: 4px 0px 5px;
	margin: 0px 30px 16px;
}

#mainArea .siegeTextType1 .base {
	width: 668px;
	padding: 11px 0px 10px;
	margin: 0px;
	border: 1px solid #cccccc;
	background: #f9f9f9;
}

#mainArea .siegeTextType1 .base p {
	padding: 0px;
	margin: 0px 15px;
}

/* siegeTextType2
-------------------------------------------------- */

#mainArea .siegeTextType2 {
	width: 670px;
	padding: 4px 0px 5px;
	margin: 0px 30px 16px;
}

#mainArea .siegeTextType2 .base {
	width: 668px;
	padding: 11px 0px 10px;
	margin: 0px;
	border: 1px solid #ffaab5;
	background: #ffffff;
}

#mainArea .siegeTextType2 .base p {
	padding: 0px;
	margin: 0px 15px;
}

/* siegeTextType3
-------------------------------------------------- */

#mainArea .siegeTextType3 {
	width: 670px;
	padding: 4px 0px 5px;
	margin: 0px 30px 16px;
}

#mainArea .siegeTextType3 .base {
	width: 668px;
	padding: 11px 0px 10px;
	margin: 0px;
	border: 1px solid #ec9896;
	background: #ffebec;
}

#mainArea .siegeTextType3 .base p {
	padding: 0px;
	margin: 0px 15px;
	color: #d96055;
}

/* pluginElement
-------------------------------------------------- */

#mainArea .pluginElement {
	width: 670px;
	padding: 4px 0px 5px;
	margin: 0px 30px 16px;
}

#mainArea .pluginElement .body {
	padding: 1px;
	border: 1px solid #cccccc;
	background: #f9f9f9;
}

#mainArea .pluginElement .twoColumns {
	width: 666px;
	padding: 7px 0px 9px;
	margin: 0px;
}

#mainArea .pluginElement .twoColumns .column {
	width: 110px;
	padding: 0px 0px 0px 14px;
	float: left;
}

#mainArea .pluginElement .twoColumns .columnEnd {
	width: 517px;
	padding: 7px 13px 0px 0px;
	margin: 0px;
	float: right;
}

#mainArea .pluginElement .pluginImg {
	width: 110px;
	padding: 0px;
	margin: 0px;
}

#mainArea .pluginElement p {
	padding: 4px 0px 1px;
	margin: 0px 14px 5px;
	line-height: 1.4;
	color: #555555;
}

#mainArea .pluginElement ul.link {
	padding: 0px;
	margin: 0px 0px 8px;
	list-style: none;
	font-size: 90%;
	line-height: 1.8;
}

#mainArea .pluginElement ul.link li {
	padding: 2px 0px 5px;
	padding-left: 20px;
	text-indent: -20px;
	margin: 0px 0px 1px;
	line-height: 1.35;
}

#mainArea .pluginElement ul.link li.fileLink {
	padding: 2px 0px 5px 20px;
	background: url(/shared/images/link_icon_outside.gif) no-repeat 2px 5px;
}

#mainArea .pluginElement ul.link a {
	padding: 0px 0px 0px 20px;
	margin: 0px;
}

/* figureBox
-------------------------------------------------- */

#mainArea .figureBox {
	width: 670px;
	padding: 4px 0px 5px;
	margin: 0px 30px 16px;
}

#mainArea .figureBox .boxBody {
	width: 650px;
	padding: 9px;
	margin: 0px;
	border: 1px solid #cccccc;
}

#mainArea .figureBox .caption {
	font-size: 95%;
	font-weight: bold;
	line-height: 1.1;
	color: #666666;
	margin: 0px 0px 4px;
	padding: 0px;
}

#mainArea .figureBox .figureImg {
	width: 647px;
	padding: 0px;
	margin: 0px;
}

/* hr Element
-------------------------------------------------- */

#mainArea .hr {
	height: 1px;
	padding: 4px 0px 5px;
	margin: 31px 30px;
	background: url(/shared/images/hr_010.gif) repeat-x 0px 3px;
}

/* oneColumnsType1
-------------------------------------------------- */

#mainArea .oneColumnsType1 {
	width: 670px;
	padding: 0px;
	margin: 0px 30px 16px;
}

/* twoColumnsType1
-------------------------------------------------- */

#mainArea .twoColumnsType1 {
	width: 670px;
	padding: 0px;
	margin: 0px 30px 16px;
}

#mainArea .twoColumnsType1 .column {
	width: 325px;
	float: left;
}

#mainArea .twoColumnsType1 .columnEnd {
	width: 325px;
	float: right;
}

/* twoColumnsType2
-------------------------------------------------- */

#mainArea .twoColumnsType2 {
	width: 670px;
	padding: 0px;
	margin: 0px 30px;
}

#mainArea .twoColumnsType2 .column {
	width: 455px;
	float: left;
}

#mainArea .twoColumnsType2 .columnEnd {
	width: 180px;
	padding: 0px;
	margin: 0px;
	float: right;
}

#mainArea .twoColumnsType2 .image {
	padding: 4px 0px 5px;
	margin: 0px;
	text-align: right;
}

#mainArea .twoColumnsType2 .caption {
	padding: 2px 0px;
	margin: 0px 0px 16px;
}

#mainArea .twoColumnsType2 .column p {
	padding: 0px;
	margin: 0px 0px 16px;
}

/* twoColumnsType3
-------------------------------------------------- */

#mainArea .twoColumnsType3 {
	width: 670px;
	padding: 0px;
	margin: 0px 30px 16px;
}

#mainArea .twoColumnsType3 .column {
	width: 330px;
	float: left;
}

#mainArea .twoColumnsType3 .columnEnd {
	width: 330px;
	float: right;
}

/* threeColumnsType1
-------------------------------------------------- */

#mainArea .threeColumnsType1 {
	width: 670px;
	padding: 0px;
	margin: 0px 30px 16px;
}

#mainArea .threeColumnsType1 .column {
	width: 210px;
	margin: 0px 20px 0px 0px;
	float: left;
}

#mainArea .threeColumnsType1 .columnEnd {
	width: 210px;
	float: right;
}

/* fourColumnsType1
-------------------------------------------------- */

#mainArea .fourColumnsType1 {
	width: 670px;
	padding: 0px;
	margin: 0px 30px 16px;
}

#mainArea .fourColumnsType1 .column {
	width: 151px;
	margin: 0px 22px 0px 0px;
	float: left;
}

#mainArea .fourColumnsType1 .columnEnd {
	width: 151px;
	float: right;
}

/* gridColumnType1
-------------------------------------------------- */

#mainArea .gridColumnType1,
#mainArea .gridColumnType3 {
	width: 670px;
	padding: 4px 0px 5px;
	margin: 0px 0px 16px 30px;
}

#mainArea .gridColumnType2,
#mainArea .gridColumnType4 {
	width: 330px;
	padding: 4px 0px 5px;
	margin: 0px 30px 16px;
}

#mainArea .gridColumnType1 .layoutBase,
#mainArea .gridColumnType3 .layoutBase {
	width: 670px;
	padding: 0px;
	margin: 0px;
	background: url(/shared/images/grid_bg_010.gif) left top repeat-y;
}

#mainArea .gridColumnType1 .layoutHead,
#mainArea .gridColumnType3 .layoutHead {
	width: 670px;
	padding: 0px;
	margin: 0px;
	background: url(/shared/images/grid_bg_head_010.gif) left top no-repeat;
}

#mainArea .gridColumnType1 .layoutBottom,
#mainArea .gridColumnType3 .layoutBottom {
	width: 650px;
	padding: 10px 10px 8px;
	margin: 0px;
	background: url(/shared/images/grid_bg_bottom_010.gif) left bottom no-repeat;
}

#mainArea .gridColumnType2 .layoutBase,
#mainArea .gridColumnType4 .layoutBase {
	width: 330px;
	padding: 0px;
	margin: 0px;
	background: url(/shared/images/grid_bg_020.gif) left top repeat-y;
}

#mainArea .gridColumnType2 .layoutHead,
#mainArea .gridColumnType4 .layoutHead {
	width: 330px;
	padding: 0px;
	margin: 0px;
	background: url(/shared/images/grid_bg_head_020.gif) left top no-repeat;
}

#mainArea .gridColumnType2 .layoutBottom,
#mainArea .gridColumnType4 .layoutBottom {
	width: 310px;
	padding: 10px 10px 8px;
	margin: 0px;
	background: url(/shared/images/grid_bg_bottom_020.gif) left bottom no-repeat;
}

#mainArea .gridColumnType1 .leftColumn,
#mainArea .gridColumnType2 .leftColumn,
#mainArea .gridColumnType3 .leftColumn,
#mainArea .gridColumnType4 .leftColumn {
	width: 310px;
	padding: 0px;
	margin: 0px;
	float: left;
}

#mainArea .gridColumnType1 .rightColumn,
#mainArea .gridColumnType2 .rightColumn,
#mainArea .gridColumnType3 .rightColumn,
#mainArea .gridColumnType4 .rightColumn {
	width: 310px;
	padding: 0px;
	margin: 0px;
	float: right;
}

#mainArea .gridColumnType1 .columnBody,
#mainArea .gridColumnType2 .columnBody,
#mainArea .gridColumnType3 .columnBody,
#mainArea .gridColumnType4 .columnBody {
	padding: 0px;
	margin: 0px;
}

#mainArea .gridColumnType1 .images,
#mainArea .gridColumnType2 .images {
	width: 80px;
	padding: 0px 0px 4px;
	margin: 0px;
	float: left;
}

#mainArea .gridColumnType3 .images,
#mainArea .gridColumnType4 .images {
	width: 110px;
	padding: 0px 0px 4px;
	margin: 0px;
	float: left;
}

#mainArea .gridColumnType1 .textBox,
#mainArea .gridColumnType2 .textBox {
	width: 222px;
	padding: 3px 0px 0px;
	margin: 0px;
	float: right;
}

#mainArea .gridColumnType3 .textBox,
#mainArea .gridColumnType4 .textBox {
	width: 192px;
	padding: 3px 0px 0px;
	margin: 0px;
	float: right;
}

#mainArea .gridColumnType1 .textBox h2,
#mainArea .gridColumnType2 .textBox h2,
#mainArea .gridColumnType3 .textBox h2,
#mainArea .gridColumnType4 .textBox h2,
#mainArea .gridColumnType1 .textBox h3,
#mainArea .gridColumnType2 .textBox h3,
#mainArea .gridColumnType3 .textBox h3,
#mainArea .gridColumnType4 .textBox h3 {
	padding: 0px 4px;
	margin: 0px 0px 7px;
	border: none;
	background: none;
}

#mainArea .gridColumnType1 .textBox h2.linkTitle,
#mainArea .gridColumnType2 .textBox h2.linkTitle,
#mainArea .gridColumnType3 .textBox h2.linkTitle,
#mainArea .gridColumnType4 .textBox h2.linkTitle,
#mainArea .gridColumnType1 .textBox h3.linkTitle,
#mainArea .gridColumnType2 .textBox h3.linkTitle,
#mainArea .gridColumnType3 .textBox h3.linkTitle,
#mainArea .gridColumnType4 .textBox h3.linkTitle {
	padding: 0px 4px 0px 13px;
	margin: 0px 0px 7px;
	background: url(/shared/images/arrow_small_right.gif) no-repeat 0px 6px;
}

#mainArea .gridColumnType1 .textBox p,
#mainArea .gridColumnType2 .textBox p,
#mainArea .gridColumnType3 .textBox p,
#mainArea .gridColumnType4 .textBox p {
	padding: 0px 3px;
	margin: 0px;
}

/* gridOneColumnType1
-------------------------------------------------- */

#mainArea .gridOneColumnType1,
#mainArea .gridOneColumnType2 {
	width: 670px;
	padding: 4px 0px 5px;
	margin: 0px 0px 16px 30px;
}

#mainArea .gridOneColumnType1 .layoutBase,
#mainArea .gridOneColumnType2 .layoutBase {
	width: 670px;
	padding: 0px;
	margin: 0px;
	background: url(/shared/images/grid_one_bg_010.gif) left top repeat-y;
}

#mainArea .gridOneColumnType1 .layoutHead,
#mainArea .gridOneColumnType2 .layoutHead {
	width: 670px;
	padding: 0px;
	margin: 0px;
	background: url(/shared/images/grid_one_bg_head_010.gif) left top no-repeat;
}

#mainArea .gridOneColumnType1 .layoutBottom,
#mainArea .gridOneColumnType2 .layoutBottom {
	width: 640px;
	padding: 10px 15px 9px;
	margin: 0px;
	background: url(/shared/images/grid_one_bg_bottom_010.gif) left bottom no-repeat;
}

#mainArea .gridOneColumnType1 .boxBody,
#mainArea .gridOneColumnType2 .boxBody {
	padding: 0px;
	margin: 0px;
}

#mainArea .gridOneColumnType1 .images {
	width: 92px;
	padding: 6px 0px 4px;
	margin: 0px;
	float: left;
}

#mainArea .gridOneColumnType2 .images {
	width: 122px;
	padding: 6px 0px 4px;
	margin: 0px;
	float: left;
}

#mainArea .gridOneColumnType1 .textBox {
	width: 548px;
	padding: 3px 0px 0px;
	margin: 0px;
	float: left;
}

#mainArea .gridOneColumnType2 .textBox {
	width: 518px;
	padding: 3px 0px 0px;
	margin: 0px;
	float: left;
}

#mainArea .gridOneColumnType1 .textBox h2,
#mainArea .gridOneColumnType2 .textBox h2,
#mainArea .gridOneColumnType1 .textBox h3,
#mainArea .gridOneColumnType2 .textBox h3 {
	padding: 0px;
	margin: 0px 0px 2px;
	border: none;
	background: none;
}

#mainArea .gridOneColumnType1 .textBox p,
#mainArea .gridOneColumnType2 .textBox p {
	padding: 0px;
	margin: 0px 0px 5px;
}

#mainArea .gridOneColumnType1 .textBox ul.link,
#mainArea .gridOneColumnType2 .textBox ul.link {
	margin: 0px;
}

/* twoLinkBoxType1
-------------------------------------------------- */

#mainArea .twoLinkBoxType1 {
	width: 670px;
	padding: 4px 0px 5px;
	margin: 0px 30px 16px;
}

#mainArea .twoLinkBoxType1 .leftColumn {
	width: 323px;
	padding: 0px;
	margin: 0px;
	float: left;
}

#mainArea .twoLinkBoxType1 .rightColumn {
	width: 323px;
	padding: 0px;
	margin: 0px;
	float: right;
}

#mainArea .twoLinkBoxType1 h2 {
	padding: 0px;
	margin: 0px 0px 11px;
	background: none;
}

#mainArea .twoLinkBoxType1 ul.link {
	padding: 0px;
	margin: 0px 2px;
}

/* Change Margin
-------------------------------------------------- */

body .changeMargin0 {
	margin: 0px !important;
}

body .changeMarginSide0 {
	margin-left: 0px !important;
	margin-right: 0px !important;
}

body .changeMarginTop0 {
	margin-top: 0px !important;
}

body .changeMarginBottom0 {
	margin-bottom: 0px !important;
}

/* Change Padding
-------------------------------------------------- */

body .changePadding0 {
	padding: 0px !important;
}

body .changePaddingSide0 {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

body .changePaddingTop0 {
	padding-top: 0px !important;
}

body .changePaddingBottom0 {
	padding-bottom: 0px !important;
}

/* clearfix
-------------------------------------------------- */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}

.clearfix {
	display:inline-block;
}

/*\*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
/**/

/* clear
-------------------------------------------------- */

.clear {
	clear: both;
}
