@charset "UTF-8";

/* CSS Document created by Bob Edenbach at nature asia-pacific */

body {
	background: #56ac37 url(../img/green_bkg.gif) repeat-x top left;
	font-size: small;
	margin: 0;
	padding: 0;
	font-family: verdana, arial, Helvetica, sans-serif;
}

* html body {
	font-size: x-small; /* for IE5 Win */
	f\ont-size: small; /* for other IE versions */
}

#container {
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
	width: 757px;
}

#masthead {
	height: 140px;
	width: 757px;
	padding-top: 9px;
	background: url(../img/masthead_top.gif) top left no-repeat;
}

#masthead h1 {
	margin: 0;
	padding: 0;
}

#mainContent {
	clear: both;
	margin: 0;
	padding: 30px 20px 10px 20px;
	width: 707px;
	border-left: solid 5px #a7c882;
	border-right: solid 5px #a7c882;
	background-color: #fff;
}

#header {
	height: 35px;
	margin: 0 0 20px 0;
}

ul, li, p {
	font: normal 110%/170% Verdana, Arial, Helvetica, sans-serif;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333;
}

#mainContent p,
#mainContent h1,
#mainContent h2  {margin-left: 20px}

h1 {
	padding: 0;
	font-size: 170%;
	color: #5ebd02;
}

h2 {
	font-size: 120%;
	line-height: 100%;
	color: #006F58;
	border-left: solid 12px #006F58;
	border-bottom: dotted 1px #006F58;
	padding: 0 0 3px 5px;
	margin: 2em 0 0.6em 0;
}

h3 {
	clear: left;
	font-size: 110%;
	margin-left: 20px;
}

#mainContent .highlight h2 {margin-left: 0}

strong {font-weight: normal}

em {font-style: normal}

a:link, a:visited {
	color: #5ebd02;
	text-decoration: none;
}

a:hover {
	color: #00a8ff;
	text-decoration: underline;
}

a img {
	border: none;
}

a.pdf {
	padding-right: 22px;
	background: url(../img/pdf.gif) no-repeat right top;
}

abbr {border-bottom: dotted 1px #999}

.img {
	float: right;
	width: 195px;
	margin: 5px 0 10px 20px;
	border: solid 1px #a4cc7e;
	padding: 3px;
	text-align: center;
}

.img_lt {
	float: left;
	width: 196px;
	margin: 5px 20px 10px 20px;
	border: solid 1px #a4cc7e;
	padding: 3px;
	text-align: center;
}

.img h2 {
	font-size: 70%;
	margin: 0;
	padding: 0;
	color: #FF701C;
}

div.caption {
	font: normal 90%/130% Verdana, Arial, Helvetica, sans-serif;
}

p {margin: 0 0 0.8em 0;}

p.caption {
	clear: right;
	float: right;
	width: 200px;
	font: normal 100%/140% Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 0 3px;
	margin:0 0 0px 0px !important;
}

p.caption_lt {
	clear: left;
	float: left;
	width: 200px;
	font: normal 90%/130% Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 0 3px;
	margin: 0 20px 5px 20px !important;
}

p.name {
	font-size: 130%;
	font-weight: bold;
	color: #5ebd02;
	margin: 0;
}

.rule {
	height: 1px;
	margin: 1.5em 45px 1.5em 55px;
	border-bottom: dotted 1px #a4cc7e;
}

.read, .read a {
	font-size: 100%;
}


.quote {
	float: left;
	width: 250px;
	font-size: 140%;
	line-height: 160%;
	color: #2C8C32;
	font-weight: bold;
	margin: 5px 10px 5px 20px;
	font-family: Garamond, "Times New Roman", Times, serif;
}

ul.profile {
	list-style-type: none;
	margin: 0 0 1em 1.5em;
	padding: 0 0 0 1.5em;
	font-size: 100%;
}

ol.points {
	padding-left: 60px;
}

a.btn {
	display: block;
	float: right;
	background: url(../img/lt_blue-btn.png) no-repeat top left;
	width: 180px;
	height: 42px;
	line-height: 42px;
	font-size: 130%;
	text-align: center;
	color: #002b7a;
	font-weight: bold;
}

a.btn:hover {
	color: #014fdf;
	text-decoration: none;
}

.tabActive {
	position:relative;
	top:1px;
	display:block;
	width:70px;
	height:46px;
	cursor:default;
	outline-color:invert;
	outline-style:none;
	outline-width:medium;
}

.tab {
	position:relative;
	top:1px;
	display:block;
	width:70px;
	height:46px;
	background-position:-140px 50%;
	cursor:pointer;
	outline-color:invert;
	outline-style:none;
	outline-width:medium;
}

.tab:hover {
	background-position:-70px 50%
}

#intro {
	background-image:url(../img/tab_jpn.png);
}
#agro {
	background-image:url(../img/tab_rice.png);
}
#fish {
	background-image:url(../img/tab_fish.png);
}
#water {
	background-image:url(../img/tab_water.png);
}
#land {
	background-image:url(../img/tab_property.png);
}
#policy {
	background-image:url(../img/tab_policy.png);
}

.clearfloat {
	clear:both;
	font-size:1px;
	height: 0pt;
	line-height:0px;
}

ul#toc {
	float: right;
	margin: 5px 0 1.5em 1.5em;
	padding: 0;
	list-style-type: none;
}

ul#toc p {
	color: #006F58;
	padding: 2px 0px 0px 0px;
	font-weight: bold;
	margin: 0;
	border-bottom: solid 3px #76aa44;
}

ul#toc li {
	padding: 0.3em 5px;
}

ul#toc li#on {
	color: #00a8ff;
	background: url(../img/bullet_green.png) left no-repeat;
	padding-left: 10px;
}

.highlight {
	float: right;
	width: 186px;
	margin: 5px 0 10px 20px;
	border: solid 1px #FE7D12;
	padding: 10px;
	background-color: #fff5e4;
}

.highlight h2 {
	margin: 0 0 0.5em 0;
}

.highlight p {margin-left: 0 !important}

.highlight .more {
	margin: 0;
	padding: 0;
	text-align: right;
}

ul#links {
	margin: 3em 0 0 2em;
	padding-bottom: 1em;
	list-style-type: square;
}

ul#links li {
	list-style-type: square;
	font-size: 110%;
	margin: 0.7em 0;
	color: #333;
}

.small {
	font-size: 90%;
	color: #666;
}

.pageNav {
	margin: 20px 0 0 0;
	clear: both;
}

.pageNav p {
	float: right;
	font-size: 90%;
	color: #666;
	margin-bottom: 0;
	padding-bottom: 0;
}

.footerNav {
	margin: 1.5em 0 0 0;
	border-top: 1px solid #a4cc7e;
}

.footerNav p#lang {
	float: left;
	font-size: 90%;
	margin: 0.5em 0 0 0;
	padding: 0;
}

.footerNav p {
	float: right;
	font-size: 90%;
	color: #666;
	margin: 0.5em 0 0 0;
	padding: 0;
}

#footer {
	clear: both;
	padding-top: 20px;
	margin-bottom: 15px;
	background: url(../img/footer_btm.png) top left no-repeat;
	font-size: 85%;
	color: #fff;
	padding-left: 20px;
}

#hokkaido {
	width: 400px;
	border: solid 1px #fe6512;
	background-color: #fff5e4;
}

.lightbox_img img {
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}

.print {display: none}

/* spry styles */

.SlidingPanels {
	border:medium none;
	float: left;
	position: relative;
	width: 697px;
	padding: 0px;
}

.SlidingPanelsContentGroup {
	border:medium none;
	position: relative;
	float: left;
	width: 10000px;
	margin: 0px;
	padding: 0px;
}

.SlidingPanelsContent {
	border:medium none;
	float: left;
	width: 697px;
	overflow: hidden;
	margin: 0px;
	padding: 0 0 20px 0;
}

.SlidingPanelsAnimating * {
	overflow: hidden !important;
}

.slidingTabPanelWrapper {
	clear: both;
	background:url(../img/tab_shadow.png) bottom center no-repeat;
	border-bottom:1px solid #BCBCBC;
	height:46px;
	margin:20px 0 10px 20px;
	display: none;
}

.slidingTabPanel {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0 auto;
	padding:0;
	width:458px;
	height:46px;
}

.slidingTabPanel LI {
	list-style:none;
	float:left;
	width:70px;
	margin:0 2px;
}