@charset "utf-8";

/* *****************************************************
base
***************************************************** */

body,
div,
p,
ul,
ol,
li,
dl,
dt,
dd,
table,
th,
td,
img,
h1,
h2,
h3,
h4,
h5,
h6,
form,
strong,
em,
hr,
a
	{
	margin: 0;
	padding: 0;
	color: #333;
	background-color: transparent;
	border: 0;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 100%; /* 16px */
	list-style: none;
	}

body
	{
	margin: 0;
	padding: 0;
	font-size: 85%; /* 14px */
	line-height: 173%; /* 22px */
	/* background: url(./i/top_1.jpg) center top no-repeat; */
	}

a,
a:link,
a:visited
	{
	color: #4d93bc;
	text-decoration: underline;
	}

a:hover,
a:active
	{
	color: #333;
	text-decoration: underline;
	}

#base
	{
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	/* border-top: 12px solid #95cc7f; */
	border-bottom: 34px solid #39a00f;
	}

/* *****************************************************
header
***************************************************** */
#header
	{
	border-bottom: 4px solid #028d01;
	}
	
#header2
	{
	position: relative;
	width: 980px;
	height: 104px;
	clear: both;
	margin:  0 auto;
	}

#hdLogo-env
	{
	position: absolute;
	top: 14px;
	left: 0;
	}

#hdLogo-counter
	{
	position: absolute;
	top: 14px;
	left: 257px;
/*left: 145px;*/
/*	left: 102px; */
	}

#hdLink-lang
	{
	position: absolute;
	top: 10px;
	right: 9px;
	}

#hdLink-contact
	{
	position: absolute;
	top: 31px;
	right: 5px;
	padding-left:  28px;
	background: url(/plaza/i/email.png) left top no-repeat;
	}

/* --------------
gnavi
-------------- */
#gnav
	{
	position: relative;
	top: 66px;
	left: 0;
	height:38px;
	background:#fff;
	clear:both;
	overflow:hidden;
	width: 980px;
	}

#gnav ul
	{
	position: relative;
	clear:both;
	/zoom: 1;
	}
	
#gnav ul:before,
#gnav ul:after
	{
	content: "";
	display: table;
	}

#gnav ul:after
	{
	clear:both;
	}

#gnav ul li
	{
	float: left;
	height:38px;
	}

#gnav ul li a,
#gnav ul li span
	{
	display: block;
	height:38px;
	/* text-indent: -9999em; */
	overflow:hidden;
	}

#gnav ul li a
	{
	outline: none;
	}

/* #gnavTop */
#gnav ul li#gnavTop a
	{
	width:190px;
	background-image: url(/en/i/gnav_btn01_off.png);
	}
	
#gnav ul li#gnavTop a:hover
	{
	background-image: url(/en/i/gnav_btn01_on.png);
	}

#gnav ul li#gnavTop
	{
	z-index: 8;
	width:190px;
	}

#gnav ul li#gnavTop a:hover,
#gnav ul li#gnavFramework a:hover,
#gnav ul li#gnavRoadmap a:hover,
#gnav ul li#gnavDocuments a:hover
	{
	background: none;
	}

/* #gnavFramework */
#gnav ul li#gnavFramework a
	{
	width:190px;
	background-image: url(/en/i/gnav_btn02_off.png);
	}

#gnav ul li#gnavFramework a:hover
	{
	background-image: url(/en/i/gnav_btn02_on.png);
	}

#gnav ul li#gnavFramework
	{
	z-index: 6;
	width:190px;
	}

/* #gnavRoadmap */
#gnav ul li#gnavRoadmap a
	{
	width:190px;
	background-image: url(/en/i/gnav_btn03_off.png);
	}

#gnav ul li#gnavRoadmap a:hover
	{
	background-image: url(/en/i/gnav_btn03_on.png);
	}

#gnav ul li#gnavRoadmap
	{
	z-index: 4;
	width:190px;
	}

/* #gnavDocuments */
#gnav ul li#gnavDocuments a
	{
	width:190px;
	background-image: url(/en/i/gnav_btn04_off.png);
	}

#gnav ul li#gnavDocuments a:hover
	{
	background-image: url(/en/i/gnav_btn04_on.png);
	}

#gnav ul li#gnavDocuments
	{
	z-index: 2;
	width:190px;
	}

/* #gnav active */
#top #gnav ul li#gnavTop a	{background-image: url(/en/i/gnav_btn01_on.png);	}
#framework #gnav ul li#gnavFramework a	{	background-image: url(/en/i/gnav_btn02_on.png);	}
#roadmap #gnav ul li#gnavRoadmap a	{	background-image: url(/en/i/gnav_btn03_on.png);	}
#documents #gnav ul li#gnavDocuments a	{	background-image: url(/en/i/gnav_btn04_on.png);	}


#top #gnav ul li#gnavTop	{z-index: 10;	}
#framework #gnav ul li#gnavFramework	{	z-index: 10;	}
#roadmap #gnav ul li#gnavRoadmap	{	z-index: 10;	}
#documents #gnav ul li#gnavDocuments	{	z-index: 10;	}


/* *****************************************************
contents
***************************************************** */
#contents
	{
	width: 980px;
	height: auto;
	clear: both;
	margin: 20px auto 0;
	padding: 0;
	}

/*
h1
	{
	color: #3a3a3a;
	font-size: 165%;
	font-weight: bold;
	line-height: 137%;
	width: 910px;
	height: 68px;
	clear: both;
	background: #eee;
	margin-bottom: 16px;
	padding: 10px 10px 0 20px;
	background: url(./i/h1_bk.png) left top repeat-x;
	}*/

h1
	{
	margin-bottom: 23px;
	}

h2
	{
	font-size: 130%;
	line-height: 130%;
	border-bottom: 4px solid #028d01;
	margin-bottom: 15px;
	padding-top: 2px;
	}

p
	{
	margin-bottom: 20px;
	}

.lead
	{
	margin-left: 10px;
	}

.listData
	{
	margin-left:  10px;
	}

.listData li
	{
	margin-bottom:  15px;
	padding-left:  20px;
	background: url(./i/arrow.png) 0 5px no-repeat;
	}

.listData .pdf
	{
	margin-bottom:  15px;
	padding-left:  20px;
	background: url(/en/i/pdf.png) top right no-repeat;
	}


.toggle-btn img
	{
	cursor: pointer;
	}
 
.toggle-area
	{
	display: none;
	}

#area-h1
	{
	position: relative;
	}

#area-h1 .area-h1-link
	{
	position: absolute;
	top:  12px;
	right:  11px;
	}

#area-h1 .area-h1-link a
	{
	display: block;
	width:  267px;
	height:  28px;
	/* text-indent: -9999px; */
	}


/* *****************************************************
footer
***************************************************** */

#footer
	{
	position: relative;
	width: 980px;
	height: auto;
	clear: both;
	margin:  80px auto 0;
	}

#ftAddress
	{
	margin: 0 0 5px 19px;
	}

#ftLogo-env
	{
	position: absolute;
	top: 50px;
	right: 18px;
	}

/* fnavi */

#fnav,
#ftLink
	{
	background:#fff;
	clear:both;
	overflow:hidden;
	margin-bottom:  10px;
	padding: 0 0 10px 19px;
	border-bottom: 1px solid #333;
	}

#ftLink
	{
	font-size: 90%;
	margin-bottom:  0;
	border-bottom: none;
	}

#fnav ul,
#ftLink ul
	{
	position: relative;
	clear:both;
	/zoom: 1;
	}
	
#fnav ul:before,
#fnav ul:after,
#ftLink ul:before,
#ftLink ul:after
	{
	content: "";
	display: table;
	}

#fnav ul:after,
#ftLink ul:after
	{
	clear:both;
	}

#fnav ul li,
#ftLink ul li
	{
	float: left;
	padding: 0 10px 0 0;
	/* background: url(./i/vertical_border.png) 0 3px no-repeat; */
	}


/* #fnav ftLink active */
#top #fnav ul li#fnavTop a,
#framework #fnav ul li#fnavFramework a,
#roadmap #fnav ul li#fnavRoadmap a,
#documents #fnav ul li#fnavDocuments a,
#privacy #ftLink ul li#ftLinkPrivacy a,
#copyright #ftLink ul li#ftLinkCopyright a
	{
	color: #333;
	text-decoration: none;
	}



/* *****************************************************
slideshow
***************************************************** */

#slideshow
	{
	width: 425px;
	height: 406px;
	background: url(./i/slideshow_bg.png) 0 0 no-repeat;
	}

#mainImage
	{
	position: relative;
	}

#mainImage div
	{
	position: relative;
	}

#mainImage p
	{
	display: none;
	left: 13px;
	top: 12px;
	position: absolute;
	}

#mainImage p#MI0
	{
	display: block;
	}

#slideThumbnail
	{
	position: relative;
	margin-top: 341px;
	margin-left: 8px;
	}
#slideThumbnail p
	{
	float: left;
	margin-right:10px;
	}

#slideThumbnail #SI0
	{
	margin-left:5px;
	}

#slideThumbnail #SI4
	{
	margin-right:5px;
	}