/* main
----------------------------------------------- */
#main, #main-top{
clear:both;
margin:80px 0 0 0;
width:728px;
}

#main{
background:url(../images/main-back.gif) repeat-y;
}

h1{
width:718px;
padding:5px 0 5px 10px;
font-size:18px;
background:#a6ba1f url(../images/csr/top/title-icon.jpg) no-repeat 668px 5px;
color:#ffffff;
line-height:40px;
vertical-align:middle;
}

*html h1{
width:728px;
}

/* top
----------------------------------------------- */
#gaia{
width:673px;
height:76px;
background:url(../images/csr/top/gaia.jpg) no-repeat;
color:#075b8b;
padding:88px 0 0 55px;
font-size:14px;
font-weight:bold;
}

*html #gaia{
width:728px;
height:164px;
}

#concept{
margin:-30px 0 20px 50px;
}

#down{
margin:-50px 10px 0 0;
_margin:-50px 5px -20px 0;
width:270px;
font-size:16px;
font-weight:bold;
text-align:right;
float:right;
}

#down span{
display:block;
padding:60px 0 0 0;
}

#down a{
color:#a6ba1f;
}

#menu-top{
clear:both;
}

#down2007{
margin:-50px 10px 0 0;
_margin:-50px 5px 0 0;
width:270px;
font-size:16px;
font-weight:bold;
text-align:right;
float:right;
}

#down2007 span{
display:block;
padding:60px 0 0 0;
}

#down2007 a{
color:#a6ba1f;
}

#menu-top{
clear:both;
}

.chapter01{
width:177px;
float:left;
}

.chapter02{
width:192px;
float:left;
}

.chapter03{
width:181px;
border-right:1px solid #B7C742;
float:left;
}

.chapter01 h2, .chapter02 h2, .chapter03 h2{
padding:0 0 0 18px;
width:159px;
height:26px;
background:url(../images/csr/top/menu.jpg) no-repeat;
color:#ffffff;
font-size:12px;
line-height:26px;
vertical-align:middle;
}

.chapter02 h2{
width:174px;
}

.chapter03 h2{
width:163px;
}

*html .chapter01 h2{
width:177px;
}

*html .chapter02 h2{
width:192px;
}

*html .chapter03 h2{
width:181px;
}

#menu-top ul{
padding:5px 0 0 0;
border-bottom:1px solid #B7C742;
border-left:1px solid #B7C742;
height:482px;
}

#menu-top ul ul{
padding:5px 0 0 0;
border-bottom:none;
border-left:none;
min-height:100px;
_height:100px;
}

#menu-top li{
margin:0 5px 5px 20px;
}

#menu-top li li{
margin:0 0 0 15px;
padding:0 5px 5px 0;
_border-bottom:1px dashed #999999;
}

*html #menu-top li li{
margin:0;
}

/* menu area
----------------------------------------------- */
#menu{
width:160px;
margin:6px 0 0 0;
padding:3px 5px;
float:left;
}

#menu ul{
list-style:none;
}

.chapter-title a{
display:block;
padding:5px 0 0 16px;
width:144px;
height:35px;
background:url(../images/csr/chapter/menu.jpg) no-repeat;
color:#333333;
font-weight:bold;
line-height:130%;
vertical-align:middle;
overflow:hidden;
}

.chapter-title a:hover{
color:#ffffff;
background:url(../images/csr/chapter/menu.jpg) no-repeat 0 -40px;
}

*html .chapter-title a, *html .chapter-title-stay{
width:160px;
height:40px;
}

.chapter-title-stay{
padding:5px 0 0 16px;
width:144px;
background:url(../images/csr/chapter/menu.jpg) no-repeat 0 -40px;
color:#ffffff;
font-weight:bold;
vertical-align:middle;
}

#menu .chapter-title-stay ul{
margin:19px 0 0 -16px;
padding:5px 0 0 0;
border:1px solid #B7C742;
width:158px;
color:#333333;
font-weight:normal;
line-height:130%;
list-style:disc;
}

#menu .chapter-title-stay ul.menu-adjust01{
margin:2px 0 0 -16px;
_margin:1px 0 0 -16px;
}

#menu .chapter-title-stay ul.menu-adjust02{
margin:1px 0 0 -16px;
}

.chapter-title-stay li{
margin:0 5px 5px 20px;
}

*html #menu .chapter-title-stay ul{
width:160px;
}

#menu .chapter-title-stay ul ul{
margin:0 0 0 -2px;
width:140px;
border:none;
list-style:circle;
}

*html #menu .chapter-title-stay ul ul{
width:135px;
}

/* contents
----------------------------------------------- */
#contents{
margin:10px 0 0 0;
width:548px;
float:right;
position:relative;
}

#contents p{
margin:5px 0 15px 0;
padding:0 5px;
}

#contents #greeting p{
margin:5px 0 30px 0;
padding:0 15px;
}

#contents h2{
margin:0 0 5px 0;
padding:3px 0 3px 5px;
height:24px;
font-size:14px;
line-height:24px;
vertical-align:middle;
background:url(../images/csr/chapter/sub-title.jpg) no-repeat;
border-bottom:4px solid #B7C742;
color:#3982de;
}

#contents h2.two{
padding:0 0 3px 5px;
height:32px;
line-height:120%;
background:url(../images/csr/chapter/sub-title.jpg) repeat-y bottom;
}

#president{
line-height:150%;
float:right;
}

#president span{
font-size:16px;
font-weight:bold;
}

#president img{
margin:5px 0 0 0;
}

#president p{
float:left;
}

/* envi
----------------------------------------------- */
.pad{
padding:5px 15px;
}

#contents h3{
clear:both;
margin:0 0 5px 0;
padding:0 0 0 5px;
font-size:14px;
color:#a6ba1f;
border-bottom:1px solid #a6ba1f;
}

#contents h3.catch{
color:#000000;
border-bottom:none;
text-align:center;
}

#contents h3.quality{
color:#075b8b;
border-bottom:1px solid #075b8b;
}

#contents h3.social{
clear:both;
color:#8b75a9;
border-bottom:1px solid #8b75a9;
}

#contents h3#chemi, #contents h3#river{
margin:40px 0 5px 0;
}

#contents h4{
margin:0 0 5px 0;
padding:0 0 0 5px;
font-size:12px;
color:#a6ba1f;
}

#contents h4.social-sub{
color:#8b75a9;
}

.pad ol, .pad ul{
margin:0 20px 20px 30px;
}

.pad li{
margin:0 0 8px 0;
}

.pad ol ol{
margin:5px 20px 5px 30px;
}

.fig{
text-align:center;
}

.fig img, .fig-img{
margin:10px 0 20px 0;
}

.fig span{
display:block;
float:right;
}

.fig span img{
margin:10px 0 5px 0;
}

.bdr{
border:1px solid #999999;
}

p#iso-j{
position:absolute;
top:220px;
left:440px;
border:1px solid #999999;
padding:0;
}

*html p#iso-j{
top:230px;
}

p#iso-e{
position:absolute;
top:388px;
left:440px;
border:1px solid #999999;
padding:0;
}

table{
width:410px;
font-size:12px;
line-height:160%;
}

th{
padding:3px 5px 8px 5px;
font-weight:normal;
vertical-align:top;
text-align:right;
}

td{
padding:3px 5px 8px 5px;
}

table.color-table{
margin:0 0 30px 15px;
width:500px;
font-size:12px;
line-height:160%;
background:#c0c94a;
border-style:none;
}

table.color-table th{
padding:4px 0;
font-weight:bold;
background:#e4e4e4;
text-align:center;
border-style:none;
}

table.color-table td{
padding:3px 5px;
background:#ffffff;
border-style:none;
}

.w240{
width:240px;
}

.let-10{
font-size:10px;
}

.products{
margin:0 0 30px 15px;
padding:30px 0 20px 0;
width:500px;
height:750px;
background:url(../images/csr/envi/products-back.jpg) no-repeat;
}

.products ul{
margin:0 10px;
_margin:0 10px 15px 10px;
list-style:none;
_height:1%;
}

.products li{
margin:0 0 15px 0;
width:240px;
text-align:center;
line-height:130%;
float:left;
}

.products img{
margin:0 0 3px 0;
}

.products dl{
clear:both;
margin:0 15px;
padding:5px;
background:#f0ebcd;
}

.products dt{
padding:0 0 0 14px;
font-weight:bold;
background:url(../images/csr/envi/circle.gif) no-repeat left center;
}

.products dt span{
padding:0 14px 0 0;
background:url(../images/csr/envi/circle.gif) no-repeat right center;
}

.products dd{
padding:0 5px;
}

.note{
font-size:10px;
line-height:130%;
float:right;
}

.note span{
margin:0 0 0 11px;
}

/* quality
----------------------------------------------- */
.let-blue{
color:#075b8b;
}

.iso{
padding:10px;
background:#cbdaee;
_height:1%;
}

.iso dl{
clear:both;
}

.iso ul{
margin:10px 30px 0 10px;
list-style:none;
}

.marr01{
margin:0 29px 0 0;
}

.marr02{
margin:0 3px 0 0;
}

#contents .iso p{
text-align:center;
}

#contents .iso img{
margin:0 20px;
}

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

#system{
width:500px;
height:540px;
background:url(../images/csr/quality/system.gif) no-repeat;
}

#meth01{
margin:0 15px 0 185px;
padding:40px 0 0 0;
}

#meth02{
margin:0 15px 0 185px;
padding:70px 0 0 0;
}

#meth03{
margin:0 15px 0 185px;
padding:35px 0 0 0;
_padding:30px 0 0 0;
}

#system li{
margin:0;
}

.fig-left{
margin:10px 0;
float:left;
}

.fig-right{
margin:10px 0;
float:right;
}

.flt-left{
margin:10px 20px 10px 0;
float:left;
}

.flt-right{
margin:10px 0 10px 10px;
float:right;
}

.img-right{
margin:0 0 0 10px;
float:right;
}

/* social
----------------------------------------------- */
#codec{
margin:0 0 20px 0;
width:520px;
_width:518px;
background:url(../images/csr/social/codec-back.gif) no-repeat;
}

#codec-left{
width:250px;
float:left;
}

#codec-right{
width:250px;
float:right;
}

#codec p{
margin:5px 0 8px 0;
padding:3px 0 0 0;
font-weight:bold;
text-align:center;
}

#codec ul{
margin:0 0 0 22px;
}

#codec li{
margin:0 0 3px 0;
}

#menu-top:after, #main:after, #codec:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

.let-purple{
color:#8b75a9;
}

#contents p.pad-right{
width:230px;
float:left;
}

.w165{
width:165px;
}

/* download
----------------------------------------------- */
#area{
margin:-40px 0 0 0;
_height:1%;
}

#area dl{
margin:0 0 0 20px;
width:360px;
float:left;
}

#area dt{
margin:0 0 5px 0;
border-bottom:1px solid #a6ba1f;
color:#a6ba1f;
font-size:16px;
font-weight:bold;
}

#area dd{
margin:0 0 0 20px;
}

#area a{
display:block;
height:50px;
padding:0 40px 0 0;
background:url(../images/pdf.gif) no-repeat right top;
}

#pdf{
list-style:none;
}

#pdf li{
margin:0 0 10px 0;
border-bottom:1px solid #999999;
}

#pdf ul{
margin:-30px 0 10px 10px;
list-style:none;
}

#pdf li li{
margin:0 0 5px 0;
border-bottom:none;
}