/* environment */



/* ===== top page ===== */
.sidenavibio		{
			 margin-top: 0.4em;
			 margin-bottom: 1.3em;
			}
h1.main			{
			 margin: 0;
			 padding: 0;
			}
h2.ver2			{
			 font-size: 90%;
			}
h4.mark			{
			 border-left: 0.5em solid #000;
			 padding-left: 0.6em;
			}


/* bgbox */
.ecobg01		{
			 background: #fff url(../../common/img/ecobgimg01.gif) no-repeat right bottom;
			}
.ecobg02		{
			 background: #fff url(../../common/img/ecobgimg02.gif) no-repeat right bottom;
			}

/* torikumi */
.torikumi		{
			 margin: 10px 0 0 0;
			 padding-right: 10px;
			}
.xten			{
			 background: url(../../common/img/x-ten.gif) repeat-x 0 50%;
			}
.yten			{
			 background: url(../../common/img/y-ten.gif) repeat-y 50% 0;
			}


/* ===== paragraph ===== */
.bgtype05_env		{
			 background-image: url(/environment/common/img/titlebar_bg3.gif);
			 background-repeat: repeat-x;
			}
.bgtype06_env		{
			 background-image: url(/environment/common/img/titlebar_bg4.gif);
			 background-repeat: repeat-x;
			}
.bgtype05_2_env		{
			 background-image: url(/environment/common/img/titlebar_bg3_2.gif);
			 background-repeat: repeat-x;
			}
.bgtype06_2_env		{
			 background-image: url(/environment/common/img/titlebar_bg4_2.gif);
			 background-repeat: repeat-x;
			}




/* ===== form ===== */
.formnav		{
			 padding: 0 0 5 0;
			 margin: 0px;
			}
input.wid		{
			 width: 110px;
			 padding: 0;
			 margin: 0;
			}



* ===== text ===== */

.leadclass		{
			 color		: #000;
			 font-size	: 85%;
			 line-height	: 1.2;
			 font-weight	: bold;
			 padding-bottom	: 10px;
			}
.subtitle		{
			 font-size	: 0.6em;
			 line-height	: 100%;
			 margin-top	: 3px;
			 display: block;
			}
.mainclasslargebold	{
			 font-size	: 90%;
			 line-height	: 1.4;
			 font-weight	: bold;
			}
p.first			{ margin-top: 0px; padding-top: 0px;}
sup			{ padding-right	: 2px;}
sub			{
			 font-size	: smaller;
			 vertical-align: baseline;
			}
.f_q			{
			 font-size:80%;
			 font-weight:bold;
			 color: #669933 ;
			}
.f_a			{
			 font-size:80%;
			 font-weight:bold;
			 color: #006699 ;
			}
.tbl-mgn		{ margin: 0 3px 0 5px;}
.phbox			{
			 color: #555;
			 font-size: 71%;
			 line-height: 1.2;
			 border: 1px solid #ccc;
			 padding: 4px;
			}
.phbox img		{ margin-bottom: 2px;}



/* ===== icon h ===== */
h2.icon			{
			 font-size	: 95%;
			 margin		: 0;
			 paddin		: 0;
			 top		: 0px;
			}
.icontxt		{
			 font-size	: 75%;
			 font-weight	: normal;
			 font-family	: Arial,sans-serif;
			}

/* topbgline */
.ecotopbgline01		{ background-image: url(/environment/img/ecotopbgline01.jpg);}
.ecotopbgline02		{ background-image: url(/environment/img/ecotopbgline02.jpg);}




/* ===== fontcolor ===== */
.f_green		{ color: #393;}
.f_green2		{ color: #093;}
.f_blue			{ color: #069;}
.f_blue2		{ color: #039;}
.f_purple		{ color: #339;}
.f_purple2		{ color: #669;}
.f_yellow		{ color: #f90;}
.f_white		{ color: #fff;}
.f_brown		{ color: #8B4513;}
.f_orange		{ color: #f60;}
.f_orange2		{ color: #c30;}
.f_red			{ color: #f00;}
.f_red2			{ color: #c00;}

/* ===== color ===== */
.blue			{ background-color: #d8e8f8;}
.blue2			{ background-color: #39c;}
.gray			{ background-color: #ccc;}
.gray2			{ background-color: #eee;}
.gray3			{ background-color: #f5f5f5;}
.white			{ background-color: #fff;}

/* ===== margin ===== */
.margin-la		{ margin-left: 5px;}
.margin-lb		{ margin-left: 10px;}
.margin-lc		{ margin-left: 15px;}
.margin-ld		{ margin-left: 20px;}
.margin-le		{ margin-left: 25px;}
.margin-lf		{ margin-left: 30px;}

.margin-ra		{ margin-right: 5px;}
.margin-rb		{ margin-right: 10px;}
.margin-rc		{ margin-right: 15px;}
.margin-rd		{ margin-right: 20px;}
.margin-re		{ margin-right: 25px;}
.margin-rf		{ margin-right: 30px;}

.margin-ta		{ margin-top: 5px;}
.margin-tb		{ margin-top: 10px;}
.margin-tc		{ margin-top: 15px;}
.margin-td		{ margin-top: 20px;}
.margin-te		{ margin-top: 25px;}
.margin-tf		{ margin-top: 30px;}

.margin-ba		{ margin-bottom: 5px;}
.margin-bb		{ margin-bottom: 10px;}
.margin-bc		{ margin-bottom: 15px;}
.margin-bd		{ margin-bottom: 20px;}
.margin-be		{ margin-bottom: 25px;}
.margin-bf		{ margin-bottom: 30px;}

.margin-lra		{ margin: 0px 5px 0px 5px;}
.margin-lrb		{ margin: 0px 10px 0px 10px;}
.margin-lrc		{ margin: 0px 15px 0px 15px;}
.margin-lrd		{ margin: 0px 20px 0px 20px;}
.margin-lre		{ margin: 0px 25px 0px 25px;}
.margin-lrf		{ margin: 0px 30px 0px 30px;}

.margin-tba		{ margin: 5px 0px 5px 0px;}
.margin-tbb		{ margin: 10px 0px 10px 0px;}
.margin-tbc		{ margin: 15px 0px 15px 0px;}
.margin-tbd		{ margin: 20px 0px 20px 0px;}
.margin-tbe		{ margin: 25px 0px 25px 0px;}
.margin-tbf		{ margin: 30px 0px 30px 0px;}


.padding-la		{ padding-left: 5px;}
.padding-lb		{ padding-left: 10px;}
.padding-lc		{ padding-left: 15px;}
.padding-ld		{ padding-left: 20px;}
.padding-le		{ padding-left: 25px;}
.padding-lf		{ padding-left: 30px;}

.padding-ra		{ padding-right: 5px;}
.padding-rb		{ padding-right: 10px;}
.padding-rc		{ padding-right: 15px;}
.padding-rd		{ padding-right: 20px;}
.padding-re		{ padding-right: 25px;}
.padding-rf		{ padding-right: 30px;}

.padding-ta		{ padding-top: 5px;}
.padding-tb		{ padding-top: 10px;}
.padding-tc		{ padding-top: 15px;}
.padding-td		{ padding-top: 20px;}
.padding-te		{ padding-top: 25px;}
.padding-tf		{ padding-top: 30px;}

.padding-ba		{ padding-bottom: 5px;}
.padding-bb		{ padding-bottom: 10px;}
.padding-bc		{ padding-bottom: 15px;}
.padding-bd		{ padding-bottom: 20px;}
.padding-be		{ padding-bottom: 25px;}
.padding-bf		{ padding-bottom: 30px;}

.padding-lra		{ padding: 0px 5px 0px 5px;}
.padding-lrb		{ padding: 0px 10px 0px 10px;}
.padding-lrc		{ padding: 0px 15px 0px 15px;}
.padding-lrd		{ padding: 0px 20px 0px 20px;}
.padding-lre		{ padding: 0px 25px 0px 25px;}
.padding-lrf		{ padding: 0px 30px 0px 30px;}

.padding-tba		{ padding: 5px 0px 5px 0px;}
.padding-tbb		{ padding: 10px 0px 10px 0px;}
.padding-tbc		{ padding: 15px 0px 15px 0px;}
.padding-tbd		{ padding: 20px 0px 20px 0px;}
.padding-tbe		{ padding: 25px 0px 25px 0px;}
.padding-tbf		{ padding: 30px 0px 30px 0px;}

/* ===== float ===== */
.clear-b		{ clear: both;}
.clear-l		{ clear: left;}
.clear-r		{ clear: right;}
.float-l		{ float: left;}
.float-r		{ float: right;}

/* ===== details ===== */
p.first			{ margin-top: 2px; padding-top: 2px;}
.txt-l			{ text-align: left;}
.txt-r			{ text-align: right;}
.txt-c			{ text-align: center;}
.txt-vtt		{ vertical-align: text-top;}
.txt-vtb		{ vertical-align: text-bottom;}
.txt-vt			{ vertical-align: top;}
.txt-vb			{ vertical-align: bottom;}
.txt-vm			{ vertical-align: middle;}







/* add 2008
***********************************************************************/
/* index topics */
.topictab		{
			 float: right;
			 margin: 2px;
			}
.topictab img		{
			 margin-right: 1px;
			 padding: 0;
			}
.tabtopicsbg		{
			 background: #f6f6e2 url(../../common/img/topics_bg.gif) repeat-y 0 0;
			}
.topictabtxt		{
			 margin: 0;
			 padding: 10px;
			}
.topictabphoto		{
			 margin: 0;
			 padding-left:10px;
			 padding-top: 10px;
			}
#topic0,#topic1,#topic2		{ display: none;}


/* topics */
.topictbl		{
			 background-color: #e1f4fb;
			}
.topictbl tr		{
			 vertical-align: top;
			}
.topictbl-l		{background-color: #e1f4fb; width: 10px;}
.topictbl-c		{background-color: #e1f4fb; width: 438px;}
.topictbl-r		{background-color: #e1f4fb; width: 10px;}

.topictbl-c h3		{
			 color: #039;
			 line-height: 1.4;
			}



.producticonbg01	{
			 background: url(../../product/img/iconbg01.gif) no-repeat right bottom;
			}
.producticonbg02	{
			 background: url(../../product/img/iconbg02.gif) no-repeat right bottom;
			}
.producticonbg03	{
			 background: url(../../product/img/iconbg03.gif) no-repeat right bottom;
			}
.producticonbg04	{
			 background: url(../../product/img/iconbg04.gif) no-repeat right bottom;
			}
.producticonbg05	{
			 background: url(../../product/img/iconbg05.gif) no-repeat right bottom;
			}
.producticonbg06	{
			 background: url(../../product/img/iconbg06.gif) no-repeat right bottom;
			}

.officeiconbg01		{
			 background: url(../../office/img/iconbg01.gif) no-repeat right bottom;
			}
.officeiconbg02		{
			 background: url(../../office/img/iconbg02.gif) no-repeat right bottom;
			}
.officeiconbg03		{
			 background: url(../../office/img/iconbg03.gif) no-repeat right bottom;
			}

.manaiconbg01		{
			 background: url(../../management/img/iconbg01.gif) no-repeat right bottom;
			}

.dataiconbg01		{
			 background: url(../../data/img/iconbg01.gif) no-repeat right bottom;
			}
.dataiconbg02		{
			 background: url(../../data/img/iconbg02.gif) no-repeat right bottom;
			}
.dataiconbg03		{
			 background: url(../../data/img/iconbg03.gif) no-repeat right bottom;
			}



/* table */
.tblclass		{
			 padding: 3px;
			}
.tblclass th		{
			 font-size: 80%;
			 color: #fff;
			 text-align: left;
			 padding: 6px 3px;
			}
.tblclass td		{
			 background-color: #edfaff;
			}
.tblclass td.mblue	{
			 background-color: #c6ddf3;
			}





/*
----------------------------------------------------------------------------------------------
japan css
----------------------------------------------------------------------------------------------
*/









/* ===========add 2009========== */

sup			{
			 vertical-align: top;
			 padding-right	: 0.1em;
			}
sub			{
			 font-size	: 89%;
			 vertical-align: -0.1em;
			}
dl.asteriskclass	{
			 line-height: 1.3;
			 margin: 0.8em 0 0 0;
			 padding: 0;
			}
dl.asteriskclass dt	{
			 margin: 0;
			 padding: 0;
			}
dl.asteriskclass dd	{
			 margin: -1.3em 0 0 0.8em;
			 padding: 0;
			}
dl.asteriskclass2	{
			 line-height: 1.3;
			 margin: 0.8em 0 0 0;
			 padding: 0;
			}
dl.asteriskclass2 dt	{
			 margin: 0;
			 padding: 0;
			}
dl.asteriskclass2 dd	{
			 margin: -1.3em 0 0 1.6em;
			 padding: 0;
			}
dl.asteriskclasslarge	{
			 line-height: 1.0;
			 margin: 0.8em 0 0 0;
			 padding: 0;
			}
dl.asteriskclasslarge dt	{
			 font-size: 120%;
			 margin: 0;
			 padding: 0;
			}
dl.asteriskclasslarge dd	{
			 margin: -1.2em 0 0 0.7em;
			 padding: 0;
			}
dl.asteriskmainclass	{
			 line-height: 1.4;
			 margin: 0.8em 0 0 0;
			 padding: 0;
			}
dl.asteriskmainclass dt	{
			 margin: 0;
			 padding: 0;
			}
dl.asteriskmainclass dt img	{
			 vertical-align: middle;
			}
dl.asteriskmainclass dd	{
			 margin: -1.4em 0 0.6em 1.4em;
			 padding: 0;
			}
dl.asteriskclasstarget	{
			 line-height: 1.4;
			 margin: 0;
			 padding: 0;
			}
dl.asteriskclasstarget dt	{
			 margin: 0;
			 padding: 0;
			}
dl.asteriskclasstarget dt img	{
			 vertical-align: middle;
			}
dl.asteriskclasstarget dd	{
			 margin: -1.4em 0 0.6em 1.4em;
			 padding: 0;
			}
dl.asteriskmainclass2	{
			 line-height: 1.6;
			 margin: 0.8em 0 0 0;
			 padding: 0;
			}
dl.asteriskmainclass2 dt	{
			 margin: 0;
			 padding: 0;
			}
dl.asteriskmainclass2 dd	{
			 margin: -1.6em 0 0 4em;
			 padding: 0;
			}
dl.asteriskmainlarge	{
			 line-height: 1.4;
			 margin: 0.8em 0 0 0;
			 padding: 0;
			}
dl.asteriskmainlarge dt	{
			 font-size: 120%;
			 margin: 0;
			 padding: 0;
			}
dl.asteriskmainlarge dd	{
			 margin: -1.6em 0 0.6em 0.8em;
			 padding: 0;
			}			
table.visiontbl		{
			 border: 0;
			 margin: 0;
			 padding: 0;
			}
table.visiontbl caption	{
			 font-size: 90%;
			 font-weight: bold;
			 color: #fff;
			 background-color: #de6a08;
			 text-align: left;
			 margin: 0;
			 padding: 0.3em 0.5em;
			}
table.visiontbl th	{
			 background-color: #f7b155;
			 font-weight: normal;
			 margin: 0;
			 padding: 0.3em 0.5em;
			}
table.visiontbl td	{
			 background-color: #feeec4;
			 margin: 0;
			 padding: 0.3em 0.5em;
			}



/* indextopicsbox */
.featuretab		{width: 448px;
			 position: absolute;
			 top: 0px;
			/* left:370px;
			 background: #fff;*/
			 text-align: right;
			}
.featuretab img		{
			 margin-left: 1px;
			}
.featurebg01		{
			 width: 448px;
			 height: 150px;
			}
.featurebg02		{
			 width: 448px;
			 height: 150px;
			}
.featurebg03		{
			 width: 448px;
			 height: 150px;
			}
#featureimg0,#featureimg1,#featureimg2
			{ display: none;}

.topicsbg01		{
			 width: 448px;
			 height: 120px;
			}
.topicsbg02		{
			 width: 448px;
			 height: 120px;
			}
.topicsbg03		{
			 width: 448px;
			 height: 120px;
			}
#topicsimg0,#topicsimg1,#topicsimg2
			{ display: none;}

table.tblbio th		{
			 font-size: 80%;
			 color: #444;
			 background-color: #d8e8f8;
			 margin: 0;
			 padding: 0;
			}
table.tblbio td		{
			 font-size: 18px;

			 margin: 0;
			}
table.tblbio td div.bga	{
			 background: #fff url(/environment/biodiversity/img/02_bga.gif) no-repeat 100% 50%;
			 margin: 0.3em 0;
			}
table.tblbio td div.bgb	{
			 background: #fff url(/environment/biodiversity/img/02_bgb.gif) no-repeat 0 50%;
			 margin: 0.3em 0;
			}
table.tblbio td div.bgc	{
			 background: #fff url(/environment/biodiversity/img/02_bgc.gif) no-repeat 0 50%;
			 margin: 0.3em 0;
			}
table.tblbio td div.bgd	{
			 background: #fff url(/environment/biodiversity/img/02_bgd.gif) no-repeat 0 50%;
			 margin: 0.3em 0;
			}