@charset='utf-8';
/*-------------  all
---------------------*/

.clear {
clear:both;
}

.btm {
padding-bottom:0px!important;
margin-bottom:0px!important;
}



/*-------------  list
---------------------*/

ol.number {
margin:10px 0 0 20px;
padding:0;
}

ol.number li {
list-style:none;
text-indent:-1.1em;
_text-indent:-1.2em;
margin:0;
padding:0 0 5px 0;
}

ol.number2 li {
line-height:140%;
}

ul.number2 li {
line-height:140%;
}

ol.number3 {
margin:10px 0 0 20px;
padding:0;
}

ol.number3 li {
list-style:none;
text-indent:-1.1em;
_text-indent:-1.2em;
margin:0;
padding:0 0 5px 0;
line-height:140%;
}


/*-------------  page layout
---------------------*/

div.contents {
width:535px;
margin-left:10px;
padding:0;
}

div.contents .txtctn {
margin:0 10px;
text-indent:1em;
}

div.contents .txtctn2 {
margin:0 10px 0 0;
text-indent:1em;
}

div.contents .txtctn3 {
margin:0 10px;
}

div.contents .txtctn4 {
margin:20px 10px; 0
}

div.contents .noindent {
text-indent:0!important;
}

div.contents .listindent1 {
text-indent:-1.5em!important;
_text-indent:-2em!important;
padding-left:1.5em;
_padding-left:2em;
}

div.contents .listindent2 {
text-indent:-1em!important;
_text-indent:-1.5em!important;
padding-left:1em;
_padding-left:1.5em;
}

div.contents .columnborder .txtctn {
margin:0;
text-indent:1em;
}

.contents p {
line-height:1.5;
}

*html .contents p {
font-size:12px;
}



.compliance{
clear:both;
}

.environment{
clear:both;
margin-top:0;
}

.procurement{
clear:both;
margin-top:0;
}

.safety{
clear:both;
margin-top:0;
}

.society{
clear:both;
margin-top:0;
}

.contribution{
clear:both;
margin-top:0;
}

.disclosure{
clear:both;
}

/*------blanklink-------*/
.csrblanka{
background: no-repeat left;
padding-left:22px;
}

.csrblankb{
background: no-repeat left;
padding-left:17px;
}



/*-------------  clearfix
---------------------*/

.clearfix:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix{display: inline-table;}


/* mac \*/

* html .clearfix{height: 100%;}

*html .clearfix{height: 1%;}

.clearfix{display: block;}


/*----- text -----*/

div.infotxt {
padding-top:20px;
}

.smalltxt{
font-size:8pt!important;
}

.smalltxtup{
font-size:8pt!important;
margin-top:-20px;
_margin-top:-25px;
padding-bottom:10px;
}

.smalltxtup2{
font-size:8pt!important;
margin-top:-22px;
padding-bottom:0px;
}

.txt_center{
text-align:center;
}

.txt_right{
text-align:right;
}

.txt_left{
text-align:left!important;
}

.txtbold{
font-weight:bold;
}

/*------img------*/

div.img {
float:right;
margin-left:15px;
}

div.img_01 {
margin:0px;
padding:20px 0 0 0;
}

div.img_02 {
margin:0px;
padding:20px 0 20px 0;
}

div.part3hr{
width:535px;
margin-bottom:20px;
clear:both;
}

div.part3hr .img_3parthr {
float:left;
margin:0px;
padding-right:11px;
}

div.part3hr .img_3parthr_right {
float:right;
margin:0px;
padding-right:0px;
}


div.img_3part {
float:left;
margin:0px;
padding-right:5px;
}

div.img_3part_right {
float:right;
margin:0px;
padding-right:0px;
}

/*----- h tag -----*/

/* h4 */

h4.message{
margin:25px 0 10px 0;
}

div.policy h4 {
font-size:11pt;
color:#666666;
font-weight:bold;
padding:25px 0  1px 0;
border-bottom: 3px solid #666666;
margin:0 0 10px 0;
clear:both;
}

div.compliance h4 {
font-size:11pt;
color:#666666;
font-weight:bold;
padding:25px 0  1px 0;
border-bottom: 3px solid #666666;
margin:0 0 10px 0;
clear:both;
}

div.environment h4 {
font-size:11pt;
color:#00a74c;
font-weight:bold;
padding-bottom:1px;
border-bottom: 3px solid #00a74c;
margin:25px 0 10px 0;
}

div.procurement h4 {
font-size:11pt;
color:#777cbb;
font-weight:bold;
padding-bottom:1px;
border-bottom: 3px solid #777cbb;
margin:25px 0 10px 0;
}

div.safety h4 {
font-size:11pt;
color:#265a96;
font-weight:bold;
padding-bottom:1px;
border-bottom: 3px solid #265a96;
margin:25px 0 10px 0;
}

div.society h4 {
font-size:11pt;
color:#f2a209;
font-weight:bold;
padding-bottom:1px;
border-bottom: 3px solid #f2a209;
margin:25px 0 10px 0;
}

div.disclosure h4 {
font-size:11pt;
color:#666666;
font-weight:bold;
padding-bottom:1px;
border-bottom: 3px solid #666666;
margin:25px 0 10px 0;
}

div.contribution h4 {
font-size:11pt;
color:#ea6e7f;
font-weight:bold;
padding-bottom:1px;
border-bottom: 3px solid #ea6e7f;
margin:25px 0 10px 0;
}

/* h5 */


h5 {
font-weight:bold;
background-color:#eeeeee;
line-height:1.2;
border-bottom:1px solid #cccccc;
margin:20px 0 10px 0;
padding:8px 10px 6px 10px;
clear:both;
}

h5 span{
font-weight: normal;
}

h6 {
line-height:1.5;
font-weight:bold;
margin:20px 0 0 0;
padding:2px 2px 2px 10px;
}

/*------column------*/

/* column container */

dl.column {
margin:0;
padding:0;
}

dl.column dt {
color:#ffffff;
font-weight:bold;
background-color:#666666;
line-height:2.3;
margin:20px 0 0 0;
padding-left:10px;
}


dl.column dd {
_width:100%;
background-color:#eeeeee;
padding:10px;
margin:0;
}

/* column layout */

dl.column dd  dt{
font-size:9pt;
color:#333333;
font-weight:normal;
background:none;
line-height:normal;
padding:0 0 10px 0;
margin:0;
}

dl.column dd dl {
padding:0;
margin:0;
}

dl.column dd dl dd {
padding:0;
margin:0;
}

/* column layout ol */

dl.column dd dl dd ol {
font-size:9pt;
margin:0 0 0 18px;
_margin:0 0 0 23px;
}

dl.column dd dl dd ol li{
font-size:9pt;
font-weight:bold;
list-style-type:decimal;
list-style-position:outside;
padding:0 0 10px 0;
}

dl.column dd dl dd ol li ul {
padding-top:5px;
}

dl.column dd dl dd ol li ul li{
font-size:9pt;
font-weight:normal;
background-image:none;
list-style-type:none;
list-style-position:outside;
list-style-image:none;
padding:0;
margin:0;
}


/* column layout ul */

dl.column dd  ul li{
font-weight:bold;
background-image:;
list-style-image:none;
list-style-position:outside;
background-repeat: no-repeat;
background-position: left 2px;
_background-position: left 5px;
padding-left:15px;
margin:0 0 5px 0;
}

dl.column dd  ul li ul{
padding:5px 0 0 0;
}

dl.column dd  ul li ul li{
font-size:9pt;
font-weight:normal;
background-image:none;
list-style-image:none;
padding:0;
margin:0;
}

.clcolumn_p1{margin-left:1em;}

/* column layout img */

dl.column dd  ul li ul li.imgcolumn_01 {
float:right;
padding-left:15px;
}

dl.column dd  ul li.column_employ_li{
font-weight:normal;
background-image:;
list-style-image:none;
background-repeat: no-repeat;
background-position: left 2px;
_background-position: left 5px;
padding-left:12px;
margin:0 0 10px 0;
text-indent:-1em;
}

dl.column dd  ul li.column_employ_li2{
font-weight:normal;
background-image:;
list-style-image:none;
background-repeat: no-repeat;
background-position: left 2px;
_background-position: left 5px;
padding-left:12px;
margin:0 0 10px 0;
}


/* -------------images------------- */

/*180px right*/
/*250px right*/

.imgright{
float:right;
padding:0 10px 25px 15px;
}

.imgrightbt0{
float:right;
padding:0 10px 0 15px;
}


.imgright2{
float:right;
padding:10px 0 15px 15px;
}


.imgright3{
float:right;
margin:0 10px 20px 20px;
}

.imgright4{
float:right;
padding:0 10px 0px 15px;
_padding:0 10px -10px 15px;
}

.imgright5{
float:right;
padding:0 0 0px 15px;
}

.imgright6{
float:right;
padding:0 10px 25px 15px;
width:180px;
margin-top:38px;
}

.imgright7{
float:right;
padding:0 0 0 15px;
}

.imgright122l{
float:right;
margin:0 10px 20px 15px;
width:122px;
}

.imgright122r{
float:right;
margin:0 10px 20px 0;
width:122px;
}

.imgright180{
float:right;
padding:0 10px 25px 15px;
width:180px;
}

.imgright250{
float:right;
padding:0 10px 25px 15px;
width:250px;
}

.imgright250p{
float:right;
padding:24px 10px 0 10px;
width:250px;
}

.imgright250c{
float:right;
padding:0 10px 10px 10px;
_padding:0 10px 0 10px;
width:250px;
}

.fleft230{
float:left;
width:230px;
}

.columnborder .imgright{
float:right;
margin-right:0;
padding:0 0 15px 15px;
}

/*250px 2block*/

.part2 .img250l{
float:left;
margin:0;
width:250px;
padding:0;
}

.part2 .img250r{
float:right;
margin:0;
width:250px;
padding:0;
}

/*250px 2block*/

.part2 .img250l2{
float:left;
margin:0;
width:250px;
padding:0 0 0 10px;
}

.part2 .img250r2{
float:right;
margin:0;
width:250px;
padding:0 10px 0 0;
}

/*downenv*/

.downenv .img250l{
float:left;
margin:0 0 0 10px;
padding:0;
}

.downenv .img250r{
float:left;
margin:0 0 0 80px;
padding:0;
}


/*262px 2block*/
.part2hr{
width:535;
clear:both;
margin-bottom:11px;
}

.part2hr .img262l{
float:left;
margin:0;
width:262px;
padding:0;
}

.part2hr .img262r{
float:right;
margin:0;
width:262px;
padding:0;
}


/*-----------figure container dt---------*/

.title_cap {
font-weight:bold;
background-image:;
background-repeat: no-repeat;
background-position: left top;
padding:0 0 0 15px;
line-height:1.2!important;
margin:0 0 5px 10px;
}

.title_cap2 {
font-weight:bold;
background-image:;
background-repeat: no-repeat;
background-position: left top;
_background-position: left center;
padding:0 0 0 12px;
_padding:4px 0 0 12px;
line-height:1.2!important;
margin:0 0 10px 0;
}

/*ie銉忋儍銈?/

* html .title_cap2 {
padding:0 0 0 12px;
} 

.title_cap3 {
font-weight:bold;
background-image:;
background-repeat: no-repeat;
background-position: left top;
padding:0 0 0 12px;
font-size:8pt;
_font-size:7pt;
line-height:1.2!important;
margin:0 0 5px 0;
}

.title_cap4 {
font-weight:bold;
background-image:;
background-repeat: no-repeat;
background-position: left top;
padding:0 0 0 12px;
line-height:1.2!important;
margin:0 0 10px 0;
}

/*ie銉忋儍銈?/

*html .title_cap4 {
background-position: left center;
padding:0 0 4px 12px;
}



/*535px*/

dl.figure {
margin:10px 0 0 0;
padding:0;
}

dl.figure dt {
font-weight:bold;
background-image:;
background-repeat: no-repeat;
background-position: left top;
padding:0 0 0 15px;
line-height:1.2;
margin:0 0 5px 0;
}

dl.figure dd {
margin:0;
padding:0;
}

/*250px*/

dl.figure02 {
float:left;
margin:10px 0 0 0;
padding:0;
}

dl.figure02 dt {
font-weight:bold;
background-image:;
background-repeat: no-repeat;
background-position: left top;
padding-left:15px;
line-height:1.2;
margin:0 0 5px 0;
}

dl.figure02 dd {
margin:0;
padding:0;
}

dl.figure02_l {
float:left;
margin:10px 35px 0 0;
padding:0;
}

.gray_back .figure02_l {
float:left;
margin:10px 15px 0 0;
padding:0;
}

dl.figure02_l dt {
font-weight:bold;
background-image:;
background-repeat: no-repeat;
background-position: left top;
padding-left:15px;
line-height:1.2;
margin:0 0 5px 0;
}

dl.figure02_l dd {
margin:0;
padding:0;
}




/*right_180px*/

div.figure04_ctn {
padding-top:20px;
clear:both;
}

div.figure180r_ctn {
margin:0 0 0 0;
padding:0 10px 0 15px;
width:180px;
float:right;
}

dl.figure04 {
width:180px;
float:right;
margin:0;
padding:0 0 0 15px;
}

dl.figure04 dt {
font-weight:bold;
background-image:;
background-repeat: no-repeat;
background-position: left top;
line-height:1;
padding-left:15px;
margin:0 0 5px 0;
}

dl.figure04 dd {
margin:0;
padding:0;
}

/*right_250px*/

div.figure250r_ctn {
margin:0 0 0 0;
padding:0 10px 0 15px;
width:250px;
float:right;
}



div .figure250r_ctn .figure250r {
width:250px;
margin:0 0 0 0;
padding:0 0 20px 0;
}

div .figure250r_ctn .figure250r dt {
font-weight:bold;
background-image:;
background-repeat: no-repeat;
background-position: left top;
padding:0 0 0 15px;
line-height:1.2;
margin:0 0 5px 0;
width:250px;
}

div .figure250r_ctn .figure250r dd {
margin:0;
padding:0;
width:250px;
}



/*center400px*/

div.figure400_ctn {
padding-top:20px;
text-align:center;
clear:both;
}

dl.figure400 {
width:400px;
margin:0 auto;
}

dl.figure400 dt {
width:400px;
text-align:left;
font-weight:bold;
background-image:;
background-repeat: no-repeat;
background-position: left top;
line-height:1.2;
margin: 0 0 5px 0;
padding:0 0 0 15px;

}

dl.figure400 dd {
margin:0;
padding:0;
}

/*------------- frontpage
-------------------------*/

div.frontcontainer {
float:left;
width:555px;
height:auto;
background-color:#eaeaea;
margin:0px;
padding:0 0 10px 0px;
}

div.frontcontainer h3 {
float:left;
padding:10px 0 0 10px;
}


div.frontcontainer ul {
margin:0px;
padding:0px;
}

div.frontcontainer ul li{
list-style-image:none;
margin:5px 0 5px 5px;
padding:0;
}



/*----------------  fivecategory
------------------------------*/


div.fivecategory {
margin:0;
padding:0;
}

div.fivecategory ul{
margin:0;
padding:0;
}

div.fivecategory li{
float:left;
width:111px;
margin:0;
padding:0;
}


/*----------------  message.html
------------------------------*/

p.message_ph {
float:right;
padding-left:20px;
margin:0px;
}

/*-------------- compliance.html
------------------------------*/

/* ---columna--- */
.columna {
margin:20px 0 0 0;
}

.columna .columntitle {
color:#ffffff;
font-weight:bold;
background-color:#db6f79;
line-height:2.3;
padding-left:10px;
}

.columna .columnt_sub{
color:#333333;
font-weight:bold;
background-color:#ebb9b8;
line-height:2.3;
padding-left:10px;
}

.columna dl{
margin:0;
padding:0;
line-height:1.5;
}
.columna dt{
margin:2px 0 0 0;
padding:10px 5px 2px 10px;
background:#eeeeee;
}
.columna dd{
margin:0;
padding:0 5px 10px 28px;
background:#eeeeee;
}

.columna ol{
margin:0;
padding:0;
}

dl.columncompb {
margin:0 0 20px 10px;
padding:15px;
background:#eeeeee;
width:220px;
_width:250px;
}

dl.columncompb  dt {
font-weight:bold;
margin:0;
padding:0 0 5px 0;
line-height:1.5;
}


dl.columncompb  dd {
margin:0;
}

dl.columncompb  dd p{
text-indent:-1em;
padding-left:1em;
}


dl.columnsafe {
margin:0;
padding:0;
}

dl.columnsafe dt {
color:#ffffff;
font-weight:bold;
background-color:#666666;
line-height:2.3;
margin:20px 0 0 0;
padding-left:10px;
}


dl.columnsafe dd {
_width:100%;
background-color:#eeeeee;
padding:10px;
margin:0;
}

dl.columnsafe dd li{
line-height:1.5;
text-indent:-1em;
padding-left:1em;
}

/*--table fo comp--*/

.comp_table{
margin:20px 10px;
padding:0;
font-size:9pt;
border:#333333 1px solid;
border-collapse:collapse;
}

.comp_table th,
.comp_table td {
padding:4px;
border:#333333 1px solid;
}

.comp_table thead th {
background-color:#db6f79;
color: #ffffff;
font-weight:bold;
}

.comp_table tbody th {
background-color:#ebb9b8;
color: #333333;
font-weight:bold;
}

.comp_table tbody td {
background-color:#eeeeee;
text-align:center;
}

/*--comp columnborder--*/

.compliance .columnborder{
border:#932825 1px solid;
padding:0 10px 10px 10px;
margin:20px 0;
}

.compliance .columnborder h4{
margin-top:10px;
}

/*--env columnborder--*/

.environment .columnborder{
border:#00a74c 1px solid;
padding:0 10px 10px 10px;
margin:20px 0;
}

/*--safety columnborder--*/

.safety .columnborder{
border:#2289ce 1px solid;
padding:0 10px 10px 10px;
margin:20px 0;
}

.society .columnborder{
border:#f4b640 1px solid;
padding:0 10px 10px 10px;
margin:20px 0;
}

/* all */
.columnborder p {
padding:0;
}

.columnborder .comp_table .comp_col3{
background:#f3d9d7;
}


.columnborder .dl_gray{
background:#eeeeee;
padding:10px;
margin:10px;
}

.columnborder .dl_gray dt{
margin:5px 0;
}

.columnborder .dl_gray dd{
margin-bottom:15px;
}

.columnborder .dl_gray dd dl{
font-size:9pt;
margin:0;
}

.columnborder .dl_gray dd ul{
margin:0;
padding:0;
}


dl.columnoffice {
margin:10px 10px 20px 10px;
padding:15px;
background:#eeeeee;
}

dl.columnoffice   dt {
font-weight:bold;
margin:0;
padding:0 0 5px 0;
line-height:1.5;
}


dl.columnoffice   dd {
margin:0;
}

dl.columnoffice   dd p{
text-indent:-1em;
padding-left:1em;
}

/*--table for normal--*/

.nor_table{
border-collapse:collapse;
font-size:9pt;
margin:20px 10px;
padding:0;
border:#333333 1px solid;
border-collapse:collapse;
}


.nor_table th,
.nor_table td {
padding:4px;
border:#333333 1px solid;
}

.nor_table thead th {
background-color:#eee;
color: #333333;
}

.nor_table tbody td {
background-color:#dfdfdf;
}

.nor_table tbody td.col2 {
background-color:#ccc;
}

/*------------------------------------------- feature
---------------------------------------------------*/




div.feature .txtctn { text-indent: 0.7em; }
div.feature .txtctnho { text-indent: 0.7em; }

/* thailandindex */
div.feature div.thailandindex {
width:551px;
padding:0 2px;
background:  no-repeat left top;
}

div.feature div.thailandindex h4 { margin: 22px 0 0 18px; }

div.feature div.thailandindex img.map { float: right; margin: 0 10px 0 0; _margin: 0 5px 0 0; }

/* malaysiaindex */
div.feature div.malaysiaindex {
width:551px;
padding:0 2px;
background:  no-repeat left top;
}

div.feature div.malaysiaindex div.indextxt { width: 275px; margin: 0 0 15px 15px; padding: 25px 0 10px 0; }
div.feature div.malaysiaindex div.indextxt p.txtctn { color: #666666; font-weight: bold; }

div.feature div.malaysiaindex div.map { float: right; width: 230px; margin: 0 13px 5px 0; _margin: 0 4px 5px 0; }
div.feature div.malaysiaindex div.map img { margin-bottom: 20px; }

div.feature div.malaysiaindex h4 { margin: 0 0 15px 0; padding: 0; }

div.feature div.malaysiaindex h5 { margin: 0 0 10px 0; }

/* hokkaidoindex */
div.feature div.hokkaidoindex {
width:551px;
padding:0 2px;
background:  no-repeat left top;
}

div.feature div.hokkaidoindex div.indextxt { width: 265px; margin: 0 18px 5px 18px; padding: 25px 0 5px 0; }
div.feature div.hokkaidoindex div.indextxt p.txtctn { color: #666666; font-weight: bold; }
div.feature div.hokkaidoindex div.indextxt p.txtctnho { color: #666666; font-weight: normal; }

div.feature div.hokkaidoindex div.map { float: right; width: 230px; margin: 10px 15px 5px 0; _margin: 15px 8px 5px 0; }
div.feature div.hokkaidoindex div.map img { margin-bottom: 15px; }

div.feature div.hokkaidoindex h4 { margin-bottom: 15px; }

div.feature div.hokkaidoindex dl.column01, div.feature div.hokkaidoindex dl.column02 {
margin: 0 0 15px 0;
padding: 15px 15px 5px 15px;
background: #f9f5ec;
border-bottom: 8px solid #efd1df;
}

div.feature div.hokkaidoindex dl.column02 { margin-bottom: 40px; }

div.feature div.hokkaidoindex dl.column01 dt, div.feature div.hokkaidoindex dl.column02 dt {
font-size: 9pt;
font-weight: bold;
background: none;
border-bottom: 1px solid #e7b9cf;
margin: 0;
}

div.feature div.hokkaidoindex dl.column01 dd, div.feature div.hokkaidoindex dl.column02 dd { margin: 15px 0 0 0; }

div.feature div.hokkaidoindex dl.column01 img, div.feature div.hokkaidoindex dl.column02 img { float: left; }

div.feature div.hokkaidoindex dl.column02 ul { margin: 0; }

div.feature div.hokkaidoindex dl.column02 li { margin-bottom: 10px; _margin-bottom: 0; }

div.feature div.hokkaidoindex dl.column01 p { text-indent: 0; margin-left: 117px; margin-bottom: 10px; }

div.feature div.hokkaidoindex dl.column02 p { text-indent: 0; margin-left: 82px; margin-bottom: 10px; }

div.feature div.hokkaidoindex dl.column01 p img, div.feature div.hokkaidoindex dl.column02 p img { float: none; }


div.feature div.thailandindex ul, div.feature div.malaysiaindex ul, div.feature div.hokkaidoindex ul {
clear: both;
margin: 0 8px;
}

div.feature div.thailandindex ul li, div.feature div.malaysiaindex ul li, div.feature div.hokkaidoindex ul li { padding-bottom: 5px; line-height: 1; }

div.feature div.contents { margin-top: 32px; }

div.feature div.contents h4.left { clear: none;  margin: 15px 0; text-indent: 0; }

div.feature div.contents .txtctn { margin-left: 0; }


/* box */
div.feature div.indexcontetns div.box { background: #eeeeee; margin-bottom: 50px; padding-top:10px; margin-top:10px; }

div.feature div.indexcontetns div.box h4 { float: left; margin: 20px 0 20px 15px; }

div.feature div.indexcontetns div.box div.figure180r_ctn { margin: 20px 15px 20px 0; padding: 0; }

div.feature div.indexcontetns div.box ul { clear: both; margin: 0 10px; padding-bottom: 8px; }

div.feature div.indexcontetns div.box ul li { margin-bottom: 2px; padding: 0; }


/*column*/
div.feature div.contents ul.column {
margin: 24px 0;
padding: 0;
}

div.feature div.contents ul.column li {
padding: 10px;
margin-bottom: 10px;
}

div.feature div.contents ul.column img { float: left; }

div.feature div.contents ul.column li p {
text-indent: 0;
line-height: 1.6;
margin-left: 117px;
}

div.feature div.contents ul.column li p img { margin-top: 12px; }

/*sei*/
div.feature div.contents ul.column .columnsei{
background:#ddbec2;
border-bottom: 8px solid #9e305a;
}

/*siam*/
div.feature div.contents ul.column .columnsiam{
background:#e0d1b6;
border-bottom: 8px solid #a58653;
}

/*sewt*/
div.feature div.contents ul.column .columnsewt{
background:#b2c9cc;
border-bottom: 8px solid #007b7c;
}

/*sht*/
div.feature div.contents ul.column .columnsht{
background:#c8b7d0;
border-bottom: 8px solid #612f7c;
}

/*sht*/
div.feature div.contents ul.column .columnset{
background:#afc1d1;
border-bottom: 8px solid #136e90;
}

/*malaysia*/
div.feature div.contents ul.column .columnmalaysia{
background:#f3e7d0;
border-bottom: 8px solid #d0a55e;
}

/*---------------------------eye2009---------------------------*/

.eyetopbox1{
padding:0;
background:#5e79bc;
margin-bottom:20px;
}

.eyetopbox2{
padding:0;
background:#45a460;
margin-bottom:20px;
}

.eyetopbox3{
padding:0;
background:#db7c92;
margin-bottom:20px;
}

.eyetopleft{
padding:15px;
float:left;
width:255px;
_width:285px;
}


.eyetopright{
padding:0;
float: right;
width:250px;
}

.eyetopleft h5{
clear:both;
padding:1px 0;
margin:0 0 15px 0;
background: none;
border:none;
}

.eyetopleft h6{
clear:both;
padding:1px 0;
margin:15px 0 5px 0;
background: none;
border:none;
}

.eyetopleft p{
color:#ffffff;
}

.eyetopright img{
margin:0;
padding:0;
vertical-align:top;
}

/*-----swpc----- */


.eye2009swpc{
background:#dbdced;
padding:10px 0 0 10px;
margin:20px 0;
}

div.imgbottom26 {
padding-bottom: 26px;
}

/*-----鐮旂┒闁嬬櫤----- */

.info_captionfe{
margin:0;
font-size:9pt!important;
line-height:1.2;
padding-top:10px;
color:#333!important;
text-indent:0;
}

.info_captionfe2{
clear:both
margin:0px;
font-size:9pt!important;
line-height:1.2;
padding-top:10px;
color:#666!important;
}




/*------column--------*/
.columneye2009{
background:#efe3cd;
padding:10px;
}

.columneye2009 h6{
margin:0 0 5px 0;
padding:0;
}

.columneye2009 .imgrighteye2009{
float:right;
margin-left:20px;
}

.columneye2009 .imgrighteye2009 .info_caption{
margin-left:0px;
padding-left:0;
}


/*------------------------- enviroment
------------------------------------*/
/*--table fo env--*/

.env_table{
margin:20px 10px 0 10px;
padding:0;
font-size:9pt;
border:#333333 1px solid;
border-collapse:collapse;
}

.env_table p{
font-size:9pt;
}

.tablew515{
width:515px;
}

.tablew310{
width:310px;
}

.w50p{
width:50%;
}

.w100p{
width:95%;
}

.env_table th,
.env_table td {
padding:4px;
border:#333333 1px solid;
}

.env_table thead th {
background-color:#55b768;
color: #ffffff;
font-weight:bold;
text-align:left;
}

.env_table tbody th {
background-color:#b1d0b0;
color: #333333;
font-weight:bold;
text-align:left;
}

.env_table tbody td {
background-color:#eeeeee;
}

tbody .w1em {
width:1em;
text-align: center;
}

.env_table2{
padding:0;
font-size:7pt;
line-height:1.5;
border-collapse:collapse;
}

.env_table2 td{
padding:10px 2px;
border-bottom:#333333 1px solid;
border-top:#333333 1px solid;
}
/*--dd env--*/

.figure250r dd{
font-size:9pt;
}

.figure250r_ctn dd .env_table{
margin:0;
padding:0;
border:#333333 1px solid;
border-collapse:collapse;
}

.figure250r_ctn dd .info_caption{
margin:0;
}


/*------------- enviroment_policy.html
------------------------------------*/

.environment .column dt{
background-color:#55b768;
}

.environment .column .clcolumn dt{
background-color:#eeeeee!important;
font-weight:bold;
margin:0;
padding:0;
}

.environment .column .clcolumn dd{
margin:2px 0 10px 0;
}


/* ---columnb--- */
.environment .columnb {
margin:20px 0 0 0;
}

.environment .columnb .columntitle {
color:#ffffff;
font-weight:bold;
background-color:#55b768;
line-height:2.3;
padding-left:10px;
}


.environment .columnb dl{
margin:0;
padding:0;
line-height:1.5;
background:#00a74c;
border-top:#ffffff 2px solid;
height:1%;
}



.environment .columnb .dtgreen{
margin:0;
padding:5px 5px 5px 10px;
color:#ffffff;
width:90px;
float:left;
clear:left;
height:1%;
}


.environment .columnb dd{
margin:0 0 0 100px;
padding:8px;
background:#eeeeee;
border-left:#ffffff 2px solid;
height:1%;
}



.environment .columnb ol{
margin:0 0 0 1em;
padding:0;
}

.environment .columnb ul{
margin:0 0 0 1em;
padding:0;
}



/*------------- enviroment_action.html
------------------------------------*/

.info_border{
border:#999999 1px solid;
margin-top:10px;
padding:10px;
}

.info_border dl{
margin:0;
padding:0;
}

.info_border dt{
margin:0;
width:60px;
clear:both;
float:left;
padding:0;
}

.info_border dd{
margin:0;
padding-bottom:5px;
width:440px;
float:left;
}


/*------------- enviroment_impact.html
------------------------------------*/

.info_caption{
margin:0 10px;
font-size:8pt;
_font-size:7pt;
line-height:1.2;
padding-top:5px;
}

.info_caption li{
font-size:8pt;
}

.info_captioncl{
margin:0 10px;
font-size:9pt!important;
line-height:1.2;
padding-top:10px;
color:#666!important;
}

.info_captioncl p{
color:#666!important;
}

.info_captioncl2{
margin:0;
font-size:9pt!important;
line-height:1.2;
padding-top:10px;
color:#666!important;
}

.info_captioncl2 p{
color:#666!important;
}

.info_captioncl3{
margin:0;
font-size:9pt!important;
line-height:1.2;
padding-top:0;
color:#666!important;
}

.info_captioncl3 p{
color:#666!important;
}

.info_captioncl4{
margin:0;
margin-left:1em;
font-size:9pt!important;
line-height:1.2;
color:#666!important;
text-indent:1em;
}

.info_captioncl5{
margin-top:20px;
}
.gray_part6{
background:#eeeeee;
padding:0 10px 10px 10px;
margin-top:20px;
clear:both;
}

/*165px*/

.gray_part6 .img165 {
float:left;
width:165px;
margin:10px 0 0 0;
padding:0;
}


.gray_part6 .img165l {
float:left;
width:165px;
margin:10px 10px 0 0;
padding:0;
}
/*------------- enviroment_recycling.html
------------------------------------*/

.columnf{
margin-top:10px;
margin:10px 20px 0 20px;
background-color:#eeeeee;
padding:10px;
line-height:1.5;
}





/*------------- enviroment_impact.html
------------------------------------*/

.columngray p {
padding:0;
}

.columngray .comp_table .comp_col3{
background:#f3d9d7;
}

.columngray .dl_gray{
background:#eeeeee;
padding:10px;
margin:10px;
}

.columngray .dl_gray dt{
margin:5px 0;
}

.columngray .dl_gray dd{
margin-bottom:15px;
}

.columngray .dl_gray dd dl{
font-size:9pt;
margin:0;
}

.columngray .dl_gray dd ul{
margin:0;
padding:0;
line-height:1.5;
}


/*------------- enviroment_warming.html
------------------------------------*/

.wareco{
}

.warecoleft {
float:left;
width:290px;
}

.warecoright {
float:right;
width:180px;
padding-right:15px
}

dl.ecooffdl dt{
margin-top:10px;
}

dl.ecooffdl dd{
line-height:1.5;
margin-top:3px;
}









/*----------enviroment_procurement.html
------------------------------------*/

.columntitleb {
color:#ffffff;
font-weight:bold;
background-color:#55b768;
line-height:2.3;
padding-left:10px;
margin:20px 0 0 0;
}

.procurellist{
margin-left:1.2em;
}
.procurellist li{
font-weight:normal!important;
}






.columnd{
margin-top:10px;
background-color:#eeeeee;
padding:10px;
}

.columnd h6{
margin-top:0;
}

.columnd p{
margin-bottom:5px;
}

/*------------------------- procurement
------------------------------------*/

.procurement .column dt{
background-color:#9293c9;
}

.procurement .column .clcolumn dt{
background-color:#eeeeee!important;
font-weight:bold;
margin:0;
padding:0;
}

.procurement .column .clcolumn dd{
margin:2px 0 10px 0;
}



.proc_table{
margin:20px 10px 0 10px;
padding:0;
font-size:9pt;
border:#333333 1px solid;
border-collapse:collapse;
}

.proc_table th,
.proc_table td {
padding:4px;
border:#333333 1px solid;
}

.proc_table thead th {
background-color:#a0a0d0;
color: #ffffff;
font-weight:bold;
text-align:left;
}

.proc_table tbody th {
background-color:#a0a0d0;
color: #333333;
font-weight:bold;
text-align:left;
}

.proc_table tbody td {
background-color:#eeeeee;
}

/*------------------------------safety
------------------------------------*/

.safety .column dt{
background-color:#2289ce;
}

.safety_table01{
margin-top:20px;
padding:0;
font-size:9pt;
border:none;
line-height:1.5;
}

.safety_table01 th{
background:#666666;
font-weight:bold;
padding:4px;
color:#ffffff;
width:50%;
}

.safety_table01 td{
background:#eeeeee;
border-left:#666666 3px solid;
vertical-align:top;
padding:4px 4px 4px 10px;
}

.qtable{
padding:0;
font-size:9pt;
border:none;
border-collapse:collapse;
}
.qtable td{
padding:2px 4px;
font-weight:bold;
}

.t-center{text-align:center;}

/*------health.html----------*/

.backgray dt{
background-color:#eeeeee!important;
}

.listhealth1{
margin-left:1.5em;
margin-bottom:10px;
}

.listhealth1 li{
font-weight:normal!important;
background:none!important;
text-indent:-1.8em;
}


.listhealth2{
margin-left:0.5em;
}

.listhealth2 li span{
margin-left:0.5em;
}

/*------------------------------ society
--------------------------------------*/
.society .column dt{
background-color:#f4b640;
}

.leftblock{
width:260px;
float:left;
}


/*------------------------- contribution
--------------------------------------*/
.contribution .column dt{
background-color:#ef8e97;
}

.contpgdl dt{
font-weight:bold;
font-size:9pt;
}

.contpgdl dl{
margin-left:0;
}

.contpgdl dl dd{
margin-left:0;
}

.contpgdl dl dd li{
text-indent:-1em;
padding-left:1em;
}

.contpgdl dd{
font-size:9pt;
line-height:1.5;
}

.contpgdl dd li{
font-size:9pt;
}

.contpgdl dd p{
font-size:9pt;
line-height:1.5;
}

.contpgdl dd .txtmain{
margin-right:10px;
}

.contpgdl dd .rightblockcont{
float:right;
margin :0 10px;
width:250px;
}

.contpgpt2{
margin:10px 0;
}

.contpgpt2 .img243l{
float:left;
width:243px;
}

.contpgpt2 .img243r{
float:right;
width:243px;
}

.contpgpt2 .img286l{
float:left;
width:286px;
}

.contpgpt2 .img200r{
float:right;
width:200px;
}


.contpgpt3{
margin:10px 0;
}

.contpgpt3 .img160l{
float:left;
width:160px;
padding-right:13px;
}

.contpgpt3 .img160r{
float:right;
width:160px;
}



/*-------life.html--------*/
.listlife{
margin-left:35px;
text-indent:-1.2em;
_text-indent:-1.6em;
line-height:1.5;
}

/*-------hr.html--------*/

.borderall{
border:#666666 1px solid;
}


.society .column dt{
font-size:9pt;
line-height:1.2;
padding:5px 0 5px 10px;
}

@media print{


.society .column dt{
font-size:9pt;
line-height:1.2;
margin-top:1px;
padding:5px 0 5px 10px;
}


.disclosure .column dt {
background:#666666;
line-height:2;
}

}

/*-------contribution.html--------*/
.columnc{
margin-top:10px;
background-color:#eeeeee;
padding:10px;
}

.columnc .columntitle{
background-color:#f4b640;
padding:2px 10px;
font-weight:bold;
color:#ffffff;
}


.columnc dt{
font-weight:bold;
}

.columnc .part2{
padding:10px 35px;
}

.columnc .part2 .img180l{
width:180px;
float:left;
}

.columnc .part2 .img180r{
width:180px;
float:right;
}

.society .columnborder dl{
margin:0;
line-height:1.5;
}

.society .columnborder .columnc{
background:#eee;
margin:10px 0;
padding:0;
width:240px;
}
.rightblock250{
margin-top:20px;
float:right;
width:250px;
}
.leftblock240{
float:left;
width:240px;
}

.img122l{
float:left;
width:122px;
}
.img122r{
float:right;
width:122px;
}
.columnc table {
margin:10px;
}
.columnc table td{
margin:0;
padding:2px;
vertical-align:top;
line-height:1.4;
font-size:9pt;
}

.wid6em{
width:6em;

}


/*銉偣銉?/

.contli{
width:300px;
display:block;
text-indent:0;
padding: 5px 0 0 1em;
margin:0;
}

.contli2{
text-indent:-1.2em;
_text-indent:-1.6em;
line-height:1.5;
margin-top: 5px;
}

/*------------------------- disclosure
------------------------------------*/

/*--table fo disc--*/

.disc_table{
margin:20px 10px 0 10px;
padding:0;
font-size:9pt;
border:#333333 1px solid;
border-collapse:collapse;
}

.disc_table th,
.disc_table td {
padding:4px 10px;
border:#333333 1px solid;
}

.disc_table thead th {
background-color:#faa61a;
color: #ffffff;
font-weight:bold;
}

.disc_table tbody th {
background-color:#fecf8c;
color: #333333;
font-weight:bold;
}

.disc_table tbody td {
background-color:#eeeeee;
}




/*------------- disclosure_index.html
------------------------------------*/

.disclosure span.bold { font-weight: bold; }

/* ---column--- */
.disclosure .column dt {
background:#666666
}

.disclosure .column dd dt {
background:none;
font-weight:bold;
margin: 15px 0 0 0;
}

.disclosure .column dd dd {
margin: 0 0 0 15px;
_margin: 0 0 0 17px;
}

.disclosure .column dd dd p.info_caption {
font-size:8pt; margin: 0;
}


/*-------------------------- table
--------------------------------*/


.bob_none{
border-bottom: none!important;
}

div.contents th{
text-align:left;
}
/*------------------------------edit.html
-------------------------------------*/
.leftblockedit{
width:250px;
float:left;
margin:0;
}
.rightblockedit{
width:250px;
float:right;
_margin-top:2px;
}

/*------------------------------edit.html
-------------------------------------*/
.listdown{
margin-left:10px;
}

.listdown li{
margin-bottom:10px;
background:  left top no-repeat;
padding-left:15px;
line-height:1.2;
}

.listdown span{
font-size:8pt;
}


/*---------list-----------*/
sub {
vertical-align:bottom;
}

sup {
vertical-align:super;
}

.titlegray{
background-color:#666666!important;
}


.nomark li{
background:none!important;
padding-left:0!important;
}


.wbal{
word-break: break-all;
}

/* --------margin-------- */

.mg00{
margin:0!important;
}

.mgt0{
margin-top:0px!important;
}

.mgt5{
margin-top:5px!important;
}

.mgt10{
margin-top:10px!important;
}

.mgt15{
margin-top:15px!important;
}

.mgt20{
margin-top:20px!important;
}

.mgt30{
margin-top:30px!important;
}

.mgb10{
margin-bottom:10px!important;
}

.mgb20{
margin-bottom:20px!important;
}

.mgb20ff{
margin-bottom:20px!important;
_margin-bottom:0px!important;
}

.mglr10{
margin-left:10px!important;
margin-right:10px!important;
}

.mgl0{
margin-left:0!important;
}

.mgr0{
margin-right:0!important;
}

.mglt10{
margin-top:10px!important;
margin-left:10px!important;
}

.pdr0{
padding-right:0!important;
}

.pdb20{
padding-bottom:20px!important;
}

.pdl1em{
padding-left:1em;
}

.pdl10{
padding:0 10px;
}

.pdl15{
padding-left:15px;
}

.pdl30{
padding-left:30px;
}

.mgl10{
margin-left:10px!important;
}

.mgl13{
margin-left:13px!important;
}

.mgl30{
margin-left:30px!important;
}

.mgl55{
margin-left:55px!important;
}

.mgl65{
margin-left:65px!important;
}

.mgr10{
margin-right:10px!important;
}

.mgr11{
margin-left:30px;
}

.title_back{
font-size:18px;
color:#666; 
width:555px; 
height:37px; 
background-image:;
}

.title_main{
padding:5px 0 0 30px;
line-height:1.6;
font-weight:bold;
}

.height200{
height:200px;
}

.newline{
text-indent:-1em;
padding-left:2em;
}

/*ie*/
.title_main{
>font-family: "銉°偆銉偑", "锛汲 锛般偞銈枫儍銈?, sans-serif;
}

/*2015 indexcontetns--------------------------------*/

*:first-child html .h1-title { 
position:static; /*ie7*/
} 

.indexcontetns .h2-title {
margin-bottom: 15px;
}

.indexcontetns h3{
text-align: center;
vertical-align:middle;
color: #fff;
padding: 12px 0 8px 0;
font-weight: normal;
margin-bottom: 1em;
}

img.nationalflag{
vertical-align: middle;
  margin-right: 10px;
  margin-top: -2px;
}

.indexcontetns h3#h3_main{
background: #008f63;
}

.indexcontetns h3#h3_main_topics{
background: #f0a400;
}

.indexcontetns h3#h3_2015{
background: #d50c17;
}

.indexcontetns h3#h3_2011{
background: #0074a1;
}

.indexcontetns h3#h3_2010{
background: #25b7aa;
}

.indexcontetns h3#h3_2009{
background: #111184;
}

.indexcontetns h3#h3_2008{
background: #e790ba;
}

.indexcontetns h3#h3_2008-2{
background: #0099d9;
overflow:hidden;
}

.indexcontetns h3#h3_2008-2 span{
width:200px;
float:left;
text-align: center;
margin-left:80px;
}

.indexcontetns h3#h3_2007{
background: #ba4620;
}

div.feature .indexcontetns div.box{
  padding: 20px;
}

.indexcontetns .box p{
padding:0 3px 0 5px;
overflow:hidden;	
}

.indexcontetns .btnbg{
background:#fff;	
padding:10px;
margin-bottom:10px;
border: 1px solid #ddd;
}

#main .indexcontetns .box p.link-1 {
   margin: 0; 
   line-height: 1.5em; 
   padding: 0 0 0 25px;
   font-weight: bold;
}

#main .indexcontetns .box p.link-1 a {
  color: #666;
  display:block;
}

#main .indexcontetns .box p.link-1 span {
   font-size:86%;
}

#main .indexcontetns .box p.link-1 span.stext {
   font-weight: normal;
  color: #111;

}