@charset "utf-8";

/* all
----------------------------------------------- */
*{
margin:0;
padding:0;
}

html{
font-size:70%;
font-family:Arial, Helvetica, sans-serif;
}

body{
color:#333333;
font-size:120%;
line-height:140%;
background:url(../images/bg.jpg) repeat-x;
}

#page{
margin:0 auto;
padding:0 15px;
width:820px;
background:url(../images/main-mid.png) repeat-y;
}

#container{
background:#f6f7fb url(../images/container-back.jpg) no-repeat;
}

img{
border:none;
}

/* header
----------------------------------------------- */
#header{
position:relative;
width:820px;
height:83px;
background:url(../images/header-back.png) no-repeat;
}

h1{
position:absolute;
top:14px;
left:32px;
}

#contact{
position:absolute;
top:20px;
right:20px;
}

#contact a, #contact span{
padding:0 12px 0 0;
color:#ffffff;
font-weight: bold;
background:url(../images/contact-arrow.gif) no-repeat right;
text-decoration:none;
}

/* main
----------------------------------------------- */
#main{
position:relative;
padding:0 0 0 210px;
}

#contents{
margin:0 auto;
width:600px;
min-height:600px;
}

/* contents
----------------------------------------------- */
h2#main-img{
margin:0 0 -15px 10px;
width:577px;
}

h2{
margin:0 0 5px 0;
font-size:160%;
}

h3{
font-size:140%;
}

h4{
font-size:120%;
}

h3 img, h4 img{
margin:0 0 0 5px;
vertical-align:middle;
}

.box{
margin:0 0 10px 0;
padding:20px 0 0 0;
background:url(../images/box-top.png) no-repeat;
}

.box div{
margin:5px 0 0 0;
padding:0 25px;
background:url(../images/box-mid.png) repeat-y;
}

.bot{
padding:0 !important;
}

.box p{
padding:0 0 5px 0;
}

.box ul{
padding:0 0 0 20px;
}

.box ol{
margin:10px 0 0 30px;
padding:0;
}

.box ol li{
padding:0 0 10px 0;
}

.box ol ul{
margin:0 0 10px 20px;
}

.box ol ul li{
padding:0 0 3px 0;
}

.box ul.service-link{
margin:-3px 0 0 0;
padding:0 0 5px 20px;
list-style:circle;
}

.box ul.service-link li{
margin:0 0 3px 0;
line-height:130%;
}

.let-bld{
font-weight:bold;
}
.let-bld-M{
margin-top: 5px;
line-height: 130%;
font-weight:bold;
}

hr{
margin:8px 0;
border:none;
}

.p-anc{
margin:15px 0 0 80px;
list-style:none;
}

.p-anc li{
margin:0 10px 0 0;
float:left;
}

.p-anc a{
padding:5px 10px;
border:1px outset #999999;
float:left;
}

.p-anc a:hover{
border:1px inset #999999;
background:#efefef;
}

.to-top{
margin:-15px 20px 10px 0;
text-align:right;
}

p.fig{
margin-top: 10px;
}

.mT5{
margin-top: 5px;
}
p.email{
	font-size: 120%;
}

/* menu
----------------------------------------------- */
#global{
position:absolute;
top:0;
left:22px;
}

#menu{
margin:0 0 15px 0;
list-style:none;
}

#menu ul{
margin:0;
list-style:none;
}

#menu li{
width:210px;
}

#menu a, #menu span{
display:block;
width:203px;
height:26px;
text-indent:-9999px;
overflow:hidden;
}

#menu span{
margin:0 0 -4px -3px;
}

a#g-home{
background:url(../images/global.gif) no-repeat;
}

a#g-home:hover{
background:url(../images/global.gif) no-repeat -203px 0;
}

a#g-about{
background:url(../images/global.gif) no-repeat 0 -26px;
}

a#g-about:hover{
background:url(../images/global.gif) no-repeat -203px -26px;
}

a#g-service{
background:url(../images/global.gif) no-repeat 0 -52px;
}

a#g-service:hover{
background:url(../images/global.gif) no-repeat -203px -52px;
}

a#g-asia{
height:22px;
background:url(../images/global.gif) no-repeat 0 -78px;
}

a#g-asia:hover{
background:url(../images/global.gif) no-repeat -203px -78px;
}

a#g-jp{
height:22px;
background:url(../images/global.gif) no-repeat 0 -100px;
}

a#g-jp:hover{
background:url(../images/global.gif) no-repeat -203px -100px;
}

a#g-cn{
height:22px;
background:url(../images/global.gif) no-repeat 0 -122px;
}

a#g-cn:hover{
background:url(../images/global.gif) no-repeat -203px -122px;
}

a#g-kr{
height:22px;
background:url(../images/global.gif) no-repeat 0 -144px;
}

a#g-kr:hover{
background:url(../images/global.gif) no-repeat -203px -144px;
}

a#g-tw{
height:22px;
background:url(../images/global.gif) no-repeat 0 -166px;
}

a#g-tw:hover{
background:url(../images/global.gif) no-repeat -203px -166px;
}

a#g-ph{
height:22px;
background:url(../images/global.gif) no-repeat 0 -188px;
}

a#g-ph:hover{
background:url(../images/global.gif) no-repeat -203px -188px;
}

a#g-au{
height:22px;
background:url(../images/global.gif) no-repeat 0 -210px;
}

a#g-au:hover{
background:url(../images/global.gif) no-repeat -203px -210px;
}

a#g-nz{
height:22px;
background:url(../images/global.gif) no-repeat 0 -232px;
}

a#g-nz:hover{
background:url(../images/global.gif) no-repeat -203px -232px;
}

a#g-eu{
background:url(../images/global.gif) no-repeat 0 -254px;
}

a#g-eu:hover{
background:url(../images/global.gif) no-repeat -203px -254px;
}

a#g-us{
background:url(../images/global.gif) no-repeat 0 -280px;
}

a#g-us:hover{
background:url(../images/global.gif) no-repeat -203px -280px;
}

a#g-ca{
background:url(../images/global.gif) no-repeat 0 -306px;
}

a#g-ca:hover{
background:url(../images/global.gif) no-repeat -203px -306px;
}

a#g-global{
background:url(../images/global.gif) no-repeat 0 -332px;
}

a#g-global:hover{
background:url(../images/global.gif) no-repeat -203px -332px;
}

a#g-reach{
background:url(../images/global.gif) no-repeat 0 -358px;
}

a#g-reach:hover{
background:url(../images/global.gif) no-repeat -203px -358px;
}

a#g-related{
height:50px;
background:url(../images/global.gif) no-repeat 0 -384px;
}

a#g-related:hover{
background:url(../images/global.gif) no-repeat -203px -384px;
}

a#g-msds{
background:url(../images/global.gif) no-repeat 0 -434px;
}

a#g-msds:hover{
background:url(../images/global.gif) no-repeat -203px -434px;
}

a#g-contact{
height:28px;
background:url(../images/global.gif) no-repeat 0 -460px;
}

a#g-contact:hover{
background:url(../images/global.gif) no-repeat -203px -460px;
}

span#g-home{
width:213px;
height:31px;
background:url(../images/g-home.png) no-repeat;
}

span#g-about{
width:213px;
height:31px;
background:url(../images/g-about.png) no-repeat;
}

span#g-service{
width:213px;
height:31px;
background:url(../images/g-service.png) no-repeat;
}

span#g-global{
width:213px;
height:31px;
background:url(../images/g-global.png) no-repeat;
}

span#g-reach{
width:213px;
height:31px;
background:url(../images/g-reach.png) no-repeat;
}

span#g-related{
width:213px;
height:55px;
background:url(../images/g-related.png) no-repeat;
}

span#g-msds{
width:213px;
height:31px;
background:url(../images/g-msds.png) no-repeat;
}

span#g-contact{
width:213px;
height:31px;
background:url(../images/g-contact.png) no-repeat;
}


#bnr{
margin:0 0 0 20px;
width:158px;
list-style:none;
}

/* form
----------------------------------------------- */
.w400{
width:400px;
}

td ul{
margin:0 !important;
list-style:none;
}

label{
margin:0 0 0 3px;
}

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

/* footer
----------------------------------------------- */
#footer{
margin:0 auto;
padding:0 15px;
width:820px;
height:45px;
background:url(../images/footer-back.png) no-repeat;
font-size:90%;
}

#footer ul{
margin:6px 0 0 15px;
list-style:none;
float:left;
}

#footer li{
display:inline;
padding:0 0 0 10px;
background:url(../images/footer-arrow.gif) no-repeat left;
}

#footer a{
padding:0 3px 0 0;
color:#38618e;
}

#footer p{
text-indent:-9999px;
}

#main:after, .photo:after, .tab:after, .box:after, .box div:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}