@charset "utf-8";

/* CSS Document */

/*=========================================================================
purpose :
for TOP page
scope :
/index.html
note :

=========================================================================*/


h1{ height:0;overflow:hidden; }

#mainArea{
	width:100%;
	margin-top:-7px;
	background:#008d49 url(/english/img/index/main/bg_forest.jpg) no-repeat center top;
	height:346px;
	text-align:left;
	position:relative;
}
#mainMsk{
	position:absolute;
	width:100%;
	height:346px;
	top:0;
	z-index:0;
}
#mainArea .inner{
	width:920px;
	margin:0 auto;
	padding:15px 0 0;
}

#mainArea #mainBn{
	width:920px;
	height:316px;
	background:url(/english/img/index/main/bg_base.gif) no-repeat;
	position:relative;
}
#mainArea #mainBn .menu ul.lmenu{
	position:absolute;
	top:0;
	left:0;
	z-index:10;
	width:248px;
}
#mainArea #mainBn .menu ul.lmenu li{
	display:block;
	position:relative;
	width:248px;
	line-height:0;
	vertical-align:bottom;
}
#mainArea #mainBn .menu ul.lmenu li a{
	display:block;
	width:248px;
	height:63px;
	background:url(/english/img/index/main/menu0_130318.gif) no-repeat;
	line-height:normal;
}
#mainArea #mainBn .menu ul.lmenu li.menu0 a{
	height:64px;
}
#mainArea #mainBn .menu ul.lmenu li.menu1 a,
#mainArea #mainBn .menu ul.lmenu li.menu1 a:link,
#mainArea #mainBn .menu ul.lmenu li.menu1 a:visited{
	background-position:0 -64px;
}
#mainArea #mainBn .menu ul.lmenu li.menu1 a:active,
#mainArea #mainBn .menu ul.lmenu li.menu1 a:hover,
#mainArea #mainBn .menu ul.lmenu li.menu1 a.cur{
	background-position:-250px -64px !important;
}
#mainArea #mainBn .menu ul.lmenu li.menu2 a,
#mainArea #mainBn .menu ul.lmenu li.menu2 a:link,
#mainArea #mainBn .menu ul.lmenu li.menu2 a:visited{
	background-position:0 -127px;
}
#mainArea #mainBn .menu ul.lmenu li.menu2 a:active,
#mainArea #mainBn .menu ul.lmenu li.menu2 a:hover,
#mainArea #mainBn .menu ul.lmenu li.menu2 a.cur{
	background-position:-250px -127px !important;
}
#mainArea #mainBn .menu ul.lmenu li.menu3 a,
#mainArea #mainBn .menu ul.lmenu li.menu3 a:link,
#mainArea #mainBn .menu ul.lmenu li.menu3 a:visited{
	background-position:0 -190px;
}
#mainArea #mainBn .menu ul.lmenu li.menu3 a:active,
#mainArea #mainBn .menu ul.lmenu li.menu3 a:hover,
#mainArea #mainBn .menu ul.lmenu li.menu3 a.cur{
	background-position:-250px -190px !important;
}
#mainArea #mainBn .menu ul.lmenu li.menu4 a,
#mainArea #mainBn .menu ul.lmenu li.menu4 a:link,
#mainArea #mainBn .menu ul.lmenu li.menu4 a:visited{
	background-position:0 -253px;
}
#mainArea #mainBn .menu ul.lmenu li.menu4 a:active,
#mainArea #mainBn .menu ul.lmenu li.menu4 a:hover,
#mainArea #mainBn .menu ul.lmenu li.menu4 a.cur{
	background-position:-250px -253px !important;
}
#mainArea #mainBn .menu ul.lmenu li a span{
	display:none;
}
#mainArea #mainBn .menu div.menuCont{
	position:absolute;
	top:6px;
	left:253px;
	z-index:10;
}
#mainArea #mainBn .menu div.menuCont h2{
	padding:17px 0 0 10px;
	margin:0;
}
#mainArea #mainBn .menu div.menuCont div.menuCont1{
	position:relative;
	z-index:10;
	width:661px;
	height:304px;
	background:url(/english/img/index/main/bg_menucont1.jpg) no-repeat;
}
#mainArea #mainBn .menu div.menuCont div.menuCont2{
	position:relative;
	z-index:10;
	width:661px;
	height:304px;
	background:url(/english/img/index/main/bg_menucont2.jpg) no-repeat;
}
#mainArea #mainBn .menu div.menuCont div.menuCont3{
	position:relative;
	z-index:10;
	width:661px;
	height:304px;
	background:url(/english/img/index/main/bg_menucont3_130318.jpg) no-repeat;
}
#mainArea #mainBn .menu div.menuCont div.menuCont4{
	position:relative;
	z-index:10;
	width:661px;
	height:304px;
	background:url(/english/img/index/main/bg_menucont4.jpg) no-repeat;
}
#mainArea #mainBn .menu div.menuCont p.close{
	position:absolute;
	top:0;
	right:0;
	width:60px;
	height:21px;
}
#mainArea #mainBn .menu div.menuCont p.close a{
	position:relative;
	display:block;
	width:60px;
	height:21px;
}
#mainArea #mainBn .menu div.menuCont p.close a span{
	display:none;
}


#mainArea #mainBn .menu div.menuCont ul{
	position:relative;
}
#mainArea #mainBn .menu div.menuCont ul li{
	position:absolute;
	width:302px;
}
#mainArea #mainBn .menu div.menuCont div.menuCont1 ul li.menucont1-1,
#mainArea #mainBn .menu div.menuCont div.menuCont2 ul li.menucont2-1,
#mainArea #mainBn .menu div.menuCont div.menuCont3 ul li.menucont3-1,
#mainArea #mainBn .menu div.menuCont div.menuCont4 ul li.menucont4-1{
	top:43px;
	left:19px;
}
#mainArea #mainBn .menu div.menuCont div.menuCont1 ul li.menucont1-2,
#mainArea #mainBn .menu div.menuCont div.menuCont2 ul li.menucont2-2,
#mainArea #mainBn .menu div.menuCont div.menuCont3 ul li.menucont3-2,
#mainArea #mainBn .menu div.menuCont div.menuCont4 ul li.menucont4-2{
	top:43px;
	left:340px;
}
#mainArea #mainBn .menu div.menuCont div.menuCont1 ul li.menucont1-3,
#mainArea #mainBn .menu div.menuCont div.menuCont2 ul li.menucont2-3,
#mainArea #mainBn .menu div.menuCont div.menuCont3 ul li.menucont3-3,
#mainArea #mainBn .menu div.menuCont div.menuCont4 ul li.menucont4-3 {
	top:126px;
	left:19px;
}
#mainArea #mainBn .menu div.menuCont div.menuCont1 ul li.menucont1-4,
#mainArea #mainBn .menu div.menuCont div.menuCont2 ul li.menucont2-4,
#mainArea #mainBn .menu div.menuCont div.menuCont3 ul li.menucont3-4,
#mainArea #mainBn .menu div.menuCont div.menuCont4 ul li.menucont4-4 {
	top:126px;
	left:340px;
}
#mainArea #mainBn .menu div.menuCont ul li a{
	display:block;
	width:302px;
	height:64px;
}
#mainArea #mainBn .menu div.menuCont ul li a,
#mainArea #mainBn .menu div.menuCont ul li a:link,
#mainArea #mainBn .menu div.menuCont ul li a:visited{
	background-position:0 0;
	background-repeat:no-repeat;
}
#mainArea #mainBn .menu div.menuCont ul li a:active,
#mainArea #mainBn .menu div.menuCont ul li a:hover{
	background-position:0 -70px;
}
#mainArea #mainBn .menu div.menuCont ul li a span{
	display:none;
}
#mainArea #mainBn .menu div.menuCont ul li.menucont1-1 a{
	background-image:url(/english/img/index/main/btn_menucont1_1.gif);
}
#mainArea #mainBn .menu div.menuCont ul li.menucont1-2 a{
	background-image:url(/english/img/index/main/btn_menucont1_2.gif);
}
#mainArea #mainBn .menu div.menuCont ul li.menucont1-3 a{
	background-image:url(/english/img/index/main/btn_menucont1_3_130318.gif);
}
#mainArea #mainBn .menu div.menuCont ul li.menucont1-4 a{
	background-image:url(/english/img/index/main/btn_menucont1_4.gif);
}

#mainArea #mainBn .menu div.menuCont ul li.menucont2-1 a{
	background-image:url(/english/img/index/main/btn_menucont2_1_130318.gif);
}
#mainArea #mainBn .menu div.menuCont ul li.menucont2-2 a{
	background-image:url(/english/img/index/main/btn_menucont2_2.gif);
}
#mainArea #mainBn .menu div.menuCont ul li.menucont2-3 a{
	background-image:url(/english/img/index/main/btn_menucont2_3.gif);
}
#mainArea #mainBn .menu div.menuCont ul li.menucont2-4 a{
	background-image:url(/english/img/index/main/btn_menucont2_4.gif);
}

#mainArea #mainBn .menu div.menuCont ul li.menucont3-1 a{
	background-image:url(/english/img/index/main/btn_menucont3_1_130318.gif);
}
#mainArea #mainBn .menu div.menuCont ul li.menucont3-2 a{
	background-image:url(/english/img/index/main/btn_menucont3_2.gif);
}
#mainArea #mainBn .menu div.menuCont ul li.menucont3-3 a{
	background-image:url(/english/img/index/main/btn_menucont3_3.gif);
}
#mainArea #mainBn .menu div.menuCont ul li.menucont3-4 a{
	background-image:url(/english/img/index/main/btn_menucont3_4.gif);
}

#mainArea #mainBn .menu div.menuCont ul li.menucont4-1 a{
	background-image:url(/english/img/index/main/btn_menucont4_1.gif);
}
#mainArea #mainBn .menu div.menuCont ul li.menucont4-2 a{
	background-image:url(/english/img/index/main/btn_menucont4_2.gif);
}
#mainArea #mainBn .menu div.menuCont ul li.menucont4-3 a{
	background-image:url(/english/img/index/main/btn_menucont4_3.gif);
}
#mainArea #mainBn .menu div.menuCont ul li.menucont4-4 a{
	background-image:url(/english/img/index/main/btn_menucont4_4.gif);
}

#mainArea #mainBn .menu .mainMenuOvr{
	display:none;
}
#mainArea #mainBn .maps{
	width:671px;
	height:314px;
	background:url(/english/img/index/main/map0_130318.gif) no-repeat;
	position:absolute;
	top:1px;
	left:248px;
}
#mainArea #mainBn .maps img{
	position:absolute;
	top:0;
	left:0;
}

/* Important Announcements */
.importantInfo{
	background:#e9eaee url(/img/index/bg_important_info.gif) no-repeat left bottom;
	border-top:solid 1px #fff;
}
.importantInfo .pad{
	width:920px;
	margin:0 auto;
	text-align:left;
	padding:7px 0 5px;
	position:relative;
}
.importantInfo h2{
	position:absolute;
	left:0;
	top:7px;
	background:url(/english/img/index/ttl_important_info.gif) no-repeat left bottom;
	width:183px;
	height:17px;
	text-indent:-20em;
	overflow:hidden;
}
.importantInfo dl{
	padding-left:197px;
	letter-spacing:-1em;
    vertical-align:top;
    padding-bottom:3px;
}
.importantInfo dl dt{
    display:inline-block;
    display:-moz-inline-box;
    /display:inline;
    /zoom:1;
    letter-spacing:normal;
	width:85px;
	font-size:90%;
	font-weight:bold;
	vertical-align:top;
}
.importantInfo dl dt span{
	width:85px;
	display:block;
}
.importantInfo dl dd{
    display:inline-block;
    display:-moz-inline-box;
    /display:inline;
    /zoom:1;
    letter-spacing:normal;
	width:638px;
	vertical-align:top;
}
.importantInfo dl dd p{
	width:638px;
	display:block;
	line-height:1.3;
}

#content #mainContent{
	width:920px !important;
	float:none !important;
}

/* 3COL MENU */
#mainContent .col3Menu{
	background:url(/english/img/index/bg_3cols.gif) no-repeat left bottom;
	margin-right:-25px;
	/width:945px;
	letter-spacing:-1em;
}
#mainContent .col3Menu .col{
	width:315px;
	display:inline-block;
	display:-moz-inline-box;
	/display:inline;
	/zoom:1;
	vertical-align:top;
	letter-spacing:normal;
}
#mainContent .col3Menu .col > div{
	display:block;
	width:290px;
}
#mainContent .col3Menu .col .inner{
	padding:0 20px 30px 20px;
	_padding-right:45px;
}
#mainContent .col3Menu .col .inner p{
	padding-top:10px;
}

/* NEWS RELEASE/IR/CSR */
#mainContent .news{
	width:920px;
}
#mainContent .news ul{
	border-bottom:solid 1px #c8c8c8;
	letter-spacing:-1em;
	padding:0 9px;
}
#mainContent .news ul span{
	visibility:hidden;
}
#mainContent .news ul li.tabNews01{
	display:inline-block;
	display:-moz-inline-box;
	/display:inline;
	/zoom:1;
	width:132px;
	letter-spacing:normal;
	margin-bottom:-1px;
}
#mainContent .news ul li.tabNews01 > div{
	display:block;
	width:132px;
}
#mainContent .news ul li.tabNews01 a{
	display:block;
	width:129px;
	height:34px;
	background:url(/english/img/index/news/tab_news.gif) no-repeat;
	text-decoration:none;
	outline:0 none;
}
#mainContent .news ul li.tabNews02{
	display:inline-block;
	display:-moz-inline-box;
	/display:inline;
	/zoom:1;
	width:122px;
	letter-spacing:normal;
	margin-bottom:-1px;
}
#mainContent .news ul li.tabNews02 > div{
	display:block;
	width:122px;
}
#mainContent .news ul li.tabNews02 a{
	display:block;
	width:119px;
	height:34px;
	background:url(/english/img/index/news/tab_ir.gif) no-repeat;
	text-decoration:none;
	outline:0 none;
}

#mainContent .news ul li.tabNews03{
	display:inline-block;
	display:-moz-inline-box;
	/display:inline;
	/zoom:1;
	width:122px;
	letter-spacing:normal;
	margin-bottom:-1px;
}
#mainContent .news ul li.tabNews03 > div{
	display:block;
	width:122px;
}
#mainContent .news ul li.tabNews03 a{
	display:block;
	width:157px;
	height:34px;
	background:url(/english/img/index/news/tab_csr.gif) no-repeat;
	text-decoration:none;
	outline:0 none;
}
#mainContent .news ul li a,
#mainContent .news ul li a:link,
#mainContent .news ul li a:visited{
	background-position:0 0;
}
#mainContent .news ul li a:active,
#mainContent .news ul li a:hover{
	background-position:0 -35px;
}
#mainContent .news ul li a.curr{
	background-position:0 -70px !important;
}

#mainContent .news dl{
	padding:0 20px;
}
#mainContent .news dl.first dt,
#mainContent .news dl.first dd{
	margin-top:10px;
	border-top:0 none;
}
#mainContent .news dl:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#mainContent .news dl{
	display:inline-table;
	min-height:1%;
}
/* \*/
html #mainContent .news dl{
	* height:1%;
}
#mainContent .news dl{
	display:block;
}
/* */
#mainContent .news dl dt{
	width:100px;
	float:left;
	font-weight:bold;
	font-size:90%;
	border-top:dotted 1px #808080;
	padding:10px 0;
}
#mainContent .news dl dd{
	width:780px;
	float:left;
	border-top:dotted 1px #808080;
	padding:10px 0;
}

#mainContent .news .moreBox{
	display:block;
	position:relative;
	width:920px;
	background:url(/english/img/index/news/box_more.gif) no-repeat 20px 0;
}
#mainContent .news .moreBox p{
	position:relative;
	width:880px;
	margin-left:20px;
	_background-color:#e9eaee;
	min-height:22px;
	_height:22px;
	padding-top:2px;
	text-align:right;
}
#mainContent .news .moreBox a{
	margin-right:5px;
}

#mainContent .news .boxNews02,
#mainContent .news .boxNews03{
	display:none;
}

#Block_Annoucement {
	padding: 11px;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: 15px;
	text-align: center;
	margin: 15px auto;
	width: 920px;
	border-top:#cecece 1px solid;
	border-bottom:#cecece 1px solid;
}