@charset 'utf-8';

/* pageTitle
-------------------------------------------------- */

#pageTitle h1 {
	width: 690px;
	height: 92px;
	padding: 0px;
	margin: 0px 0px 20px;
}

/* head
-------------------------------------------------- */

#mainArea .twoColumnType1 .headCommitment {
	width: 225px;
	height: 18px;
	padding: 0px;
	margin: 12px 0px 6px;
	background: url(/en/csr/hd_activity/images/head_commitment_001_on.gif) left top no-repeat;
}

#mainArea .twoColumnType1 .headEarthquake {
	width: 300px;
	height: 18px;
	padding: 0px;
	margin: 12px 0px 6px;
	background: url(/en/csr/hd_activity/images/head_earthquake_001_on.gif) left top no-repeat;
}

#mainArea .twoColumnType1 .headGlobal {
	width: 258px;
	height: 18px;
	padding: 0px;
	margin: 12px 0px 6px;
	background: url(/en/csr/hd_activity/images/head_global_001_on.gif) left top no-repeat;
}

#mainArea .twoColumnType1 .headProduct {
	width: 300px;
	height: 18px;
	padding: 0px;
	margin: 12px 0px 6px;
	background: url(/en/csr/hd_activity/images/head_product_001_on.gif) left top no-repeat;
}

#mainArea .twoColumnType1 .headHighlight1 {
	width: 300px;
	height: 18px;
	padding: 0px;
	margin: 12px 0px 6px;
	background: url(/en/csr/hd_activity/images/head_highlight1_001_on.gif) left top no-repeat;
}

#mainArea .twoColumnType1 .headHighlight2 {
	width: 300px;
	height: 18px;
	padding: 0px;
	margin: 12px 0px 6px;
	background: url(/en/csr/hd_activity/images/head_highlight2_001_on.gif) left top no-repeat;
}

#mainArea .twoColumnType1 .headManagement {
	width: 121px;
	height: 18px;
	padding: 0px;
	margin: 12px 0px 6px;
	background: url(/en/csr/hd_activity/images/head_management_001_on.gif) left top no-repeat;
}

#mainArea .twoColumnType1 .headEnvironment {
	width: 180px;
	height: 18px;
	padding: 0px;
	margin: 12px 0px 6px;
	background: url(/en/csr/hd_activity/images/head_environment_001_on.gif) left top no-repeat;
}

#mainArea .twoColumnType1 .headSociality {
	width: 119px;
	height: 18px;
	padding: 0px;
	margin: 12px 0px 6px;
	background: url(/en/csr/hd_activity/images/head_sociality_001_on.gif) left top no-repeat;
}

#mainArea .twoColumnType1 .headGroup {
	width: 192px;
	height: 16px;
	padding: 0px;
	margin: 12px 0px 6px;
	background: url(/en/csr/hd_activity/images/head_group_001_on.gif) left top no-repeat;
}

#mainArea .twoColumnType1 .headDownload,
#mainArea .twoColumnType2 .headDownload {
	width: 97px;
	height: 18px;
	padding: 0px;
	margin: 12px 0px 6px;
	background: url(/en/csr/hd_activity/images/head_download_001_on.gif) left top no-repeat;
}

#mainArea .twoColumnType1 .headCommitment a,
#mainArea .twoColumnType1 .headEarthquake a,
#mainArea .twoColumnType1 .headGlobal a,
#mainArea .twoColumnType1 .headProduct a,
#mainArea .twoColumnType1 .headHighlight1 a,
#mainArea .twoColumnType1 .headHighlight2 a,
#mainArea .twoColumnType1 .headManagement a,
#mainArea .twoColumnType1 .headEnvironment a,
#mainArea .twoColumnType1 .headSociality a,
#mainArea .twoColumnType1 .headGroup a,
#mainArea .twoColumnType1 .headDownload a,
#mainArea .twoColumnType2 .headDownload a {
	padding: 0px;
	margin: 0px;
	display: block;
}

#mainArea .twoColumnType1 .headCommitment a:hover {
	width: 225px;
	height: 18px;
	background-color: transparent;
}

#mainArea .twoColumnType1 .headEarthquake a:hover {
	width: 298px;
	height: 18px;
	background-color: transparent;
}

#mainArea .twoColumnType1 .headGlobal a:hover {
	width: 258px;
	height: 18px;
	background-color: transparent;
}

#mainArea .twoColumnType1 .headProduct a:hover {
	width: 300px;
	height: 18px;
	background-color: transparent;
}

#mainArea .twoColumnType1 .headHighlight1 a:hover {
	width: 300px;
	height: 18px;
	background-color: transparent;
}

#mainArea .twoColumnType1 .headHighlight2 a:hover {
	width: 300px;
	height: 18px;
	background-color: transparent;
}

#mainArea .twoColumnType1 .headManagement a:hover {
	width: 121px;
	height: 18px;
	background-color: transparent;
}

#mainArea .twoColumnType1 .headEnvironment a:hover {
	width: 180px;
	height: 18px;
	background-color: transparent;
}

#mainArea .twoColumnType1 .headSociality a:hover {
	width: 119px;
	height: 18px;
	background-color: transparent;
}

#mainArea .twoColumnType1 .headGroup a:hover {
	width: 192px;
	height: 16px;
	background-color: transparent;
}

#mainArea .twoColumnType1 .headDownload a:hover,
#mainArea .twoColumnType2 .headDownload a:hover {
	width: 97px;
	height: 18px;
	background-color: transparent;
}

#mainArea .twoColumnType1 .headCommitment a:hover img,
#mainArea .twoColumnType1 .headEarthquake a:hover img,
#mainArea .twoColumnType1 .headGlobal a:hover img,
#mainArea .twoColumnType1 .headProduct a:hover img,
#mainArea .twoColumnType1 .headHighlight1 a:hover img,
#mainArea .twoColumnType1 .headHighlight2 a:hover img,
#mainArea .twoColumnType1 .headManagement a:hover img,
#mainArea .twoColumnType1 .headEnvironment a:hover img,
#mainArea .twoColumnType1 .headSociality a:hover img,
#mainArea .twoColumnType1 .headGroup a:hover img,
#mainArea .twoColumnType1 .headDownload a:hover img,
#mainArea .twoColumnType2 .headDownload a:hover img {
	visibility:hidden;
}

/* twoColumnType1
-------------------------------------------------- */

#mainArea .twoColumnType1 {
	width: 670px;
	padding: 3px 0px 0px;
	margin: 3px 10px 16px;
}

#mainArea .twoColumnType1 .layout_001 {
	width: 670px;
	padding: 0px;
	margin: 0px;
	background: url(/en/csr/hd_activity/images/contents_bg_001.gif) left top repeat-y;
}

#mainArea .twoColumnType1 .layout_002 {
	width: 670px;
	padding: 0px;
	margin: 0px;
	background: url(/en/csr/hd_activity/images/contents_bg_head_001.gif) left top no-repeat;
}

#mainArea .twoColumnType1 .body {
	width: 670px;
	padding: 0px 0px 10px;
	margin: 0px;
	background: url(/en/csr/hd_activity/images/contents_bg_bottom_001.gif) left bottom no-repeat;
}

#mainArea .twoColumnType1 .leftColumn {
	width: 305px;
	padding: 0px;
	margin: 0px;
	float: left;
}

#mainArea .twoColumnType1 .rightColumn {
	width: 312px;
	padding: 0px;
	margin: 0px;
	float: right;
}

#mainArea .twoColumnType1 .leftColumn .leftBody {
	width: 300px;
	padding: 0px;
	margin: 0px 0px 0px 12px;
}

#mainArea .twoColumnType1 .rightColumn .rightBody {
	width: 300px;
	padding: 0px;
	margin: 0px 14px 0px 0px;
}

#mainArea .twoColumnType1 .images {
	padding: 0px;
	margin: 0px;
}

#mainArea .twoColumnType1 .body p {
	padding: 0px;
	margin: 5px 0px 0px 0px;
}

/* twoColumnType2
-------------------------------------------------- */

#mainArea .twoColumnType2 {
	width: 326px;
	/*padding: 3px 0px 0px;
	margin: 0px 10px 9px;*/
	padding: 3px 0px 0px;
	margin: 3px 10px 16px;
}

#mainArea .twoColumnType2 .layout_001 {
	width: 326px;
	padding: 0px;
	margin: 0px;
	background: url(/en/csr/hd_activity/images/contents_bg_002.gif) left top repeat-y;
}

#mainArea .twoColumnType2 .layout_002 {
	width: 326px;
	padding: 0px;
	margin: 0px;
	background: url(/en/csr/hd_activity/images/contents_bg_head_002.gif) left top no-repeat;
}

#mainArea .twoColumnType2 .body {
	width: 326px;
	padding: 0px 0px 10px;
	margin: 0px;
	background: url(/en/csr/hd_activity/images/contents_bg_bottom_002.gif) left bottom no-repeat;
}

#mainArea .twoColumnType2 .contentsBody {
	width: 300px;
	padding: 1px 0px 0px;
	margin: 0px 0px 0px 12px;
}

#mainArea .twoColumnType2 .images {
	padding: 0px;
	margin: 0px;
}

#mainArea .twoColumnType2 .contentsBody p {
	padding: 0px;
	margin: 5px 0px 0px 0px;
}

/* paragraph
-------------------------------------------------- */

#mainArea em {
	font-style:italic;
}
.navigationBox em {
	font-style:italic;
}