@charset 'utf-8';

/* body
-------------------------------------------------- */

body {
	background: #f8eed2;
}

#wrapperArea {
	width: 100%;
	padding: 0px;
	margin: 0px auto;
	text-align: left;
}

#bodyArea {
	width: 890px;
	padding: 0px;
	margin: 0px auto;
}

/* header
-------------------------------------------------- */

#header {
	width: 100%;
	height: 516px;
	padding: 0px;
	margin: 0px auto;
	position: relative;
	background: none;
}

#header .alternativeImage {
	width: 100%;
	height: 516px;
	padding: 0px;
	margin: 0px auto;
	text-align: center;
	background: #f8eed2;
}

#header .flash {
	padding: 0px;
	margin: 0px;
	z-index: 0;
}

/* logo
-------------------------------------------------- */

#wrapperArea .logo_010 {
	display: block;
	font-size: 1px;
	line-height: 1;
	te\xt-indent: -10000px;
	color: #000000;
	text-align: center;
	text-decoration: none;
}

/* mainArea
-------------------------------------------------- */

.mainAreaDefaultGrid #mainArea {
	width: 652px;
	padding: 0px;
	margin: 0px;
	float: left;
}

/* footerNavigation
-------------------------------------------------- */

#footerNavigation {
	width: 890px;
	padding: 0px;
	margin: 0px auto 3px;
	background: #4a4943;
}

/* footer
-------------------------------------------------- */

#footer {
	width: 890px;
	padding: 0px;
	margin: 0px auto;
	background: #000000;
}

/* leftArea
-------------------------------------------------- */

#leftArea {
	width: 235px;
	padding: 0px;
	margin: 0px 3px 0px 0px;
	float: left;
}

/* bannerBox_010
-------------------------------------------------- */

#leftArea .bannerBox_010 {
	width: 235px;
	height: 164px;
	padding: 0px;
	margin: 0px 0px 3px;
	position: relative;
}

#leftArea .bannerBox_010 .banner_earth {
	position: absolute;
	top: 0px;
	left: 0px;
}

#leftArea .bannerBox_010 .btn_010 {
	position: absolute;
	top: 130px;
	left: 10px;
}

#leftArea .bannerBox_010 .btn_020 {
	position: absolute;
	top: 130px;
	left: 116px;
}

/* bannerBox_020
-------------------------------------------------- */

#leftArea .bannerBox_020 {
	width: 235px;
	padding: 0px;
	margin: 0px 0px 3px;
	background: #ffffff;
}

#leftArea .bannerBox_020 .layoutHead {
	width: 235px;
	padding: 0px;
	margin: 0px;
	background: url(/images/banner_bg_head.gif) left top no-repeat;
}

#leftArea .bannerBox_020 .layoutBottom {
	width: 235px;
	padding: 15px 0px 7px 0px;
	margin: 0px;
	background: url(/images/banner_bg_bottom.gif) left bottom no-repeat;
}

#leftArea .bannerBox_020 .banner_010 {
	width: 212px;
	padding: 0px 12px 5px 11px;
	margin: 0px;
}

/* banner_010
-------------------------------------------------- */

#leftArea .banner_010 {
	width: 235px;
	padding: 0px;
	margin: 0px 0px 3px;
}

/* campaignBanner
-------------------------------------------------- */

#mainArea .campaignBanner {
	padding: 0px;
	margin: 0px 0px 3px;
}

/* contentsWrapper
-------------------------------------------------- */

#mainArea .contentsWrapper {
	width: 652px;
	padding: 0px;
	margin: 0px 0px 3px;
	background: #ffffff;
}

#mainArea .contentsWrapper .layoutHead {
	width: 652px;
	padding: 0px;
	margin: 0px;
	background: url(/images/contents_bg_head_home.gif) left top no-repeat;
}

#mainArea .contentsWrapper .layoutBottom {
	width: 652px;
	padding: 15px 0px 11px;
	margin: 0px;
	background: url(/images/contents_bg_bottom_home.gif) left bottom no-repeat;
}

#mainArea h2.titleAbout {
	width: 622px;
	padding: 0px;
	margin: 0px 15px 9px;
	background: none;
}

#mainArea h2.titleActivity {
	width: 622px;
	padding: 0px;
	margin: 0px 15px 9px;
	background: none;
}

#mainArea h2.titleTopics {
	width: 622px;
	padding: 0px;
	margin: 0px 15px 13px;
	background: none;
}

#mainArea h2.titleNews {
	width: 622px;
	padding: 0px;
	margin: 0px 0px 10px;
	background: none;
}

#mainArea h2.titleInfo {
	width: 622px;
	padding: 0px;
	margin: 0px 15px 12px;
	background: none;
}

#mainArea h2.titleCampaign {
	width: 622px;
	padding: 0px;
	margin: 0px 15px 13px;
	background: none;
}

#mainArea .readActivity {
	padding: 0px;
	margin: 0px 15px 15px;
}

/* bannerBox_010
-------------------------------------------------- */

#mainArea .bannerBox_010 {
	width: 647px;
	padding: 5px 0px;
	margin: 0px auto;
}

#mainArea .bannerBox_010 .banner_010 {
	width: 647px;
	padding: 0px;
	margin: 0px auto 10px;
}

#mainArea .bannerBox_010 .banner_020 {
	width: 320px;
	padding: 0px;
	margin: 0px;
	float: left;
}

#mainArea .bannerBox_010 .banner_030 {
	width: 320px;
	padding: 0px;
	margin: 0px;
	float: right;
}

/* irregularBox
-------------------------------------------------- */

#mainArea .irregularBox {
	width: 652px;
	height: 238px;
	padding: 0px;
	margin: 0px;
	background: url(/images/irregular_bg_010.gif) left top no-repeat;
}

#mainArea .irregularBox h2 {
	padding: 18px 0px 0px 29px;
	margin: 0px 0px 17px;
	background: none;
}

#mainArea .irregularBox p {
	padding: 0px;
	margin: 0px 0px 15px 30px;
	background: none;
}

#mainArea .irregularBox .btn_010 {
	width: 217px;
	padding: 0px 12px 0px 103px;
	margin: 0px;
	float: left;
}

#mainArea .irregularBox .btn_020 {
	width: 217px;
	padding: 0px;
	margin: 0px;
	float: left;
}

/* imagesBox_010
-------------------------------------------------- */

#mainArea .imagesBox_010 {
	width: 622px;
	height: 118px;
	padding: 0px;
	margin: 0px 15px;
	position: relative;
}

#mainArea .imagesBox_010 .photo_010 {
	position: absolute;
	top: 2px;
	left: 0px;
}

#mainArea .imagesBox_010 .title_010 {
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 0px;
	left: 300px;
	background: none;
}

#mainArea .imagesBox_010 .text_010 {
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 27px;
	left: 301px;
	background: none;
}

#mainArea .imagesBox_010 .btn_010 {
	position: absolute;
	top: 66px;
	left: 300px;
}

/* test imagesBox_010
-------------------------------------------------- */

#mainArea .imagesBox_020 {
	width: 622px;
	height: 137px;
	padding: 0px;
	margin: 0px 15px;
	position: relative;
}

/* fourColumnsType1
-------------------------------------------------- */

#mainArea .fourColumnsType1 {
	width: 622px;
	padding: 0px;
	margin: 0px 15px 10px;
}

#mainArea .fourColumnsType1 .layoutBase {
	width: 622px;
	padding: 0px;
	margin: 0px;
}

#mainArea .fourColumnsType1 .layoutHead {
	width: 622px;
	padding: 0px;
	margin: 0px;
}

#mainArea .fourColumnsType1 .layoutBottom {
	width: 622px;
	padding: 0px;
	margin: 0px;
}

#mainArea .fourColumnsType1 .bgBaseType1 {
	background: url(/images/fcbg_010.gif) left top repeat-y;
}

#mainArea .fourColumnsType1 .bgHeadType1 {
	background: url(/images/fcbg_head_010.gif) left top no-repeat;
}

#mainArea .fourColumnsType1 .bgBottomType1 {
	background: url(/images/fcbg_bottom_010.gif) left bottom no-repeat;
}

#mainArea .fourColumnsType1 .bgBaseType2 {
	background: url(/images/fcbg_020.gif) left top repeat-y;
}

#mainArea .fourColumnsType1 .bgHeadType2 {
	background: url(/images/fcbg_head_020.gif) left top no-repeat;
}

#mainArea .fourColumnsType1 .bgBottomType2 {
	background: url(/images/fcbg_bottom_020.gif) left bottom no-repeat;
}

#mainArea .fourColumnsType1 .bgBaseType3 {
	background: url(/images/fcbg_030.gif) left top repeat-y;
}

#mainArea .fourColumnsType1 .bgHeadType3 {
	background: url(/images/fcbg_head_030.gif) left top no-repeat;
}

#mainArea .fourColumnsType1 .bgBottomType3 {
	background: url(/images/fcbg_bottom_030.gif) left bottom no-repeat;
}

#mainArea .fourColumnsType1 .bgBaseType4 {
	background: url(/images/fcbg_040.gif) left top repeat-y;
}

#mainArea .fourColumnsType1 .bgHeadType4 {
	background: url(/images/fcbg_head_040.gif) left top no-repeat;
}

#mainArea .fourColumnsType1 .bgBottomType4 {
	background: url(/images/fcbg_bottom_040.gif) left bottom no-repeat;
}

#mainArea .fourColumnsType1 .columnBody {
	width: 612px;
	_width: 622px;
	_w\idth: 612px;
	padding: 6px 5px 2px 5px;
	margin: 0px;
}

#mainArea .fourColumnsType1 .column {
	width: 137px;
	padding: 0px;
	margin: 0px 22px 0px 0px;
	float: left;
}

#mainArea .fourColumnsType1 .columnEnd {
	width: 135px;
	padding: 0px;
	margin: 0px;
	float: right;
}

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

#mainArea .fourColumnsType1 h3 {
	width: 135px;
	padding: 0px 0px 1px;
	margin: 0px;
	font-size: 100%;
	font-weight: normal;
	line-height: 1.3;
}

/* topicsBox
-------------------------------------------------- */

#mainArea .topicsBox {
	width: 622px;
	padding: 0px 0px 4px;
	margin: 0px 15px;
}

#mainArea .topicsBox .layoutBase {
	width: 622px;
	padding: 0px;
	margin: 0px;
	background: url(/images/topics_bg.gif) left top repeat-y;
}

#mainArea .topicsBox .layoutHead {
	width: 622px;
	padding: 0px;
	margin: 0px;
	background: url(/images/topics_bg_head.gif) left top no-repeat;
}

#mainArea .topicsBox .layoutBottom {
	width: 616px;
	_width: 622px;
	_w\idth: 616px;
	padding: 3px;
	margin: 0px;
	background: url(/images/topics_bg_bottom.gif) left bottom no-repeat;
}

#mainArea .topicsBox .titleTopics {
	width: 136px;
	padding: 0px;
	margin: 0px;
	float: left;
}

#mainArea .topicsBox p {
	width: 475px;
	padding: 5px 0px 0px 0px;
	margin: 0px;
	float: left;
}

/* topicsSection
-------------------------------------------------- */

#mainArea .topicsSection {
	width: 622px;
	padding: 6px 0px 4px;
	margin: 0px 15px;
}

#mainArea .topicsSection .layoutBase {
	width: 622px;
	padding: 0px;
	margin: 0px;
	background: url(/images/tps_bg.gif) left top repeat-y;
}

#mainArea .topicsSection .layoutHead {
	width: 622px;
	padding: 0px;
	margin: 0px;
	background: url(/images/tps_bg_head.gif) left top no-repeat;
}

#mainArea .topicsSection .layoutBottom {
	width: 592px;
	_width: 622px;
	_w\idth: 592px;
	padding: 3px 15px 7px;
	margin: 0px;
	background: url(/images/tps_bg_bottom.gif) left bottom no-repeat;
}

#mainArea .topicsSection p {
	width: 475px;
	padding: 5px 0px 0px 0px;
	margin: 0px;
}

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

#mainArea .twoColumnType1 {
	width: 622px;
	padding: 0px 0px 4px;
	margin: 0px 15px;
}

#mainArea .twoColumnType1 .column {
	width: 163px;
	padding: 3px 0px 0px;
	margin: 0px;
	float: left;
}

#mainArea .twoColumnType1 .columnEnd {
	width: 447px;
	padding: 0px;
	margin: 0px;
	float: right;
}

#mainArea .twoColumnType1 h3 {
	width: 447px;
	padding: 0px 0px 2px;
	margin: 0px;
	line-height: 1.3;
	font-size: 100%;
	font-weight: bold;
}

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

#mainArea .twoColumnType1 p.read {
	padding: 0px;
	margin: 0px;
	line-height: 1.2;
}

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

#mainArea .twoColumnType2 {
	width: 622px;
	padding: 0px 0px 4px;
	margin: 0px 15px 7px;
}

#mainArea .twoColumnType2 .layoutBase {
	width: 622px;
	padding: 0px;
	margin: 0px;
}

#mainArea .twoColumnType2 .layoutHead {
	width: 622px;
	padding: 0px;
	margin: 0px;
}

#mainArea .twoColumnType2 .layoutBottom {
	width: 600px;
	_width: 622px;
	_w\idth: 600px;
	padding: 9px 11px 11px;
	margin: 0px;
}

#mainArea .twoColumnType2 .bgBaseType1 {
	background: url(/images/tcbg_010.gif) left top repeat-y;
}

#mainArea .twoColumnType2 .bgBaseType2 {
	background: url(/images/tcbg_020.gif) left top repeat-y;
}

#mainArea .twoColumnType2 .bgHeadType1 {
	background: url(/images/tcbg_head_010.gif) left top no-repeat;
}

#mainArea .twoColumnType2 .bgHeadType2 {
	background: url(/images/tcbg_head_020.gif) left top no-repeat;
}

#mainArea .twoColumnType2 .bgBottomType1 {
	background: url(/images/tcbg_bottom_010.gif) left bottom no-repeat;
}

#mainArea .twoColumnType2 .bgBottomType2 {
	background: url(/images/tcbg_bottom_020.gif) left bottom no-repeat;
}

#mainArea .twoColumnType2 .leftColumn {
	width: 284px;
	padding: 0px;
	margin: 0px;
	float: left;
}

#mainArea .twoColumnType2 .rightColumn {
	width: 284px;
	padding: 0px;
	margin: 0px;
	float: right;
}

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

#mainArea .twoColumnType2 .thumbnail {
	width: 60px;
	padding: 2px 0px 0px;
	margin: 0px;
	float: left;
}

#mainArea .twoColumnType2 .text {
	width: 214px;
	padding: 0px;
	margin: 0px;
	float: right;
}

#mainArea .twoColumnType2 h3 {
	width: 214px;
	padding: 0px 0px 2px;
	margin: 0px;
	line-height: 1.3;
	font-size: 100%;
	font-weight: bold;
}

#mainArea .twoColumnType2 .text p {
	padding: 0px;
	margin: 0px;
	line-height: 1.2;
}

/* threeColumnsType1
-------------------------------------------------- */

#mainArea .threeColumnsType1 {
	width: 622px;
	padding: 0px 0px 4px;
	margin: 0px 15px;
}

#mainArea .threeColumnsType1 .layoutBase {
	width: 622px;
	padding: 0px;
	margin: 0px;
}

#mainArea .threeColumnsType1 .layoutHead {
	width: 622px;
	padding: 0px;
	margin: 0px;
}

#mainArea .threeColumnsType1 .layoutBottom {
	width: 622px;
	padding: 0px;
	margin: 0px;
}

#mainArea .threeColumnsType1 .bgBaseType1 {
	background: url(/images/thcbg_010.gif) left top repeat-y;
}

#mainArea .threeColumnsType1 .bgHeadType1 {
	background: url(/images/thcbg_head_010.gif) left top no-repeat;
}

#mainArea .threeColumnsType1 .bgBottomType1 {
	background: url(/images/thcbg_bottom_010.gif) left bottom no-repeat;
}

#mainArea .threeColumnsType1 .bgBaseType2 {
	background: url(/images/thcbg_020.gif) left top repeat-y;
}

#mainArea .threeColumnsType1 .bgHeadType2 {
	background: url(/images/thcbg_head_020.gif) left top no-repeat;
}

#mainArea .threeColumnsType1 .bgBottomType2 {
	background: url(/images/thcbg_bottom_020.gif) left bottom no-repeat;
}

#mainArea .threeColumnsType1 .bgBaseType3 {
	background: url(/images/thcbg_030.gif) left top repeat-y;
}

#mainArea .threeColumnsType1 .bgHeadType3 {
	background: url(/images/thcbg_head_030.gif) left top no-repeat;
}

#mainArea .threeColumnsType1 .bgBottomType3 {
	background: url(/images/thcbg_bottom_030.gif) left bottom no-repeat;
}

#mainArea .threeColumnsType1 .columnBody {
	width: 610px;
	_width: 622px;
	_w\idth: 610px;
	padding: 7px 6px 10px;
	margin: 0px;
}

#mainArea .threeColumnsType1 .leftColumn {
	width: 189px;
	padding: 0px;
	margin: 0px 22px 0px 0px;
	float: left;
}

#mainArea .threeColumnsType1 .centerColumn {
	width: 189px;
	padding: 0px;
	margin: 0px 21px 0px 0px;
	float: left;
}

#mainArea .threeColumnsType1 .rightColumn {
	width: 189px;
	padding: 0px;
	margin: 0px;
	float: left;
}

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

#mainArea .threeColumnsType1 h3 {
	width: 189px;
	padding: 0px;
	margin: 0px;
	font-size: 100%;
	font-weight: normal;
	line-height: 1.25;
}

/* titleBox
-------------------------------------------------- */

#mainArea .titleBox {
	padding: 0px;
	margin: 0px 15px;
	position: relative;
}

#mainArea .titleBox .rssLink {
	position: absolute;
	top: 0px;
	left: 492px;
}

/* bannerSupport
-------------------------------------------------- */

#mainArea h2.bannerSupport {
	width: 652px;
	padding: 0px;
	margin: 0px;
}

/* backToTopNavigation
-------------------------------------------------- */

#mainArea #backToTopNavigation {
	width: 652px;
	padding: 0px 0px 26px;
	margin: 0px;
}