@charset "utf-8";

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

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

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

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;
}

#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:10px;
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;
}

#news{
position:absolute;
top:30px;
right:20px;
}

#news a, #news 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:650px;
}

/* 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 8px 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-whats{
background:url(../images/global.gif) no-repeat 0 -52px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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-whats{
width:213px;
height:31px;
background:url(../images/g-whats.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-partners{
width:213px;
height:31px;
background:url(../images/g-partners.png) no-repeat;
}

span#g-news{
width:213px;
height:31px;
background:url(../images/g-news.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;
}

/* ’ljÁ
----------------------------------------------- */
h2.h2_html{
	line-height:1.2em;
	color: #32579d;
}
h3.h3_html{
	line-height:1.2em;
	margin-bottom: 5px;
}
h3.h3_indent{
	margin-left: 1.2em;
	text-indent: -1.2em;
}
.t_right{
	text-align: right;
}
p.news_indent01{
	margin: -5px 0px -5px 1em;
}
p.news_indent02{
	margin-left: 3em;
	margin-bottom: -5px;
	text-indent: -0.5em;
}
p.news_indent_qa{
	margin-left: 2em;
	text-indent: -2em;
}
span.news_q{
	color: #0000ff;
}
span.news_a{
	color: #ff0000;
}
table.table_news{
	width: 550px;
	border-collapse: collapse;
	border: 1px solid #000000;
}
table.table_news th,table.table_news td{
	padding: 3px;
	border: 1px solid #000000;
}
table.table_news th{
	width: 135px;
	font-weight: normal;
	text-align: left;
}
th p.p_indent{
	padding-left: 8px;
}
table.table_news td{
	width: 140px;
	text-align: center;
}
table.table_news td.bg_green{ background-color: #ccffcc; 1px solid #aaaaaa; }
table.table_news td.bg_yellow{ background-color: #ffff99; border: 1px solid #aaaaaa; }
table.table_news td.bg_blue{ background-color: #ccffff; border: 1px solid #aaaaaa; }
table.table_news td.no_border{
	border: none;
}
table.table_border{
	width: 550px;
	border-collapse: collapse;
	border: 1px solid #000000;
}
table.table_border th,table.table_border td{
	padding: 3px;
	border: 1px solid #000000;
}

p.pagetop{
	margin-top: 5px;
	padding-right: 3px;
	text-align: right;
}
p.service_inent{
	margin-top: -5px;
	margin-left: 1em;
	text-indent: -1em;
}
p.case_inent{
	margin-left: 1.5em;
	text-indent: -1.5em;
}
ul.ul_news{
	margin-top: 10px;
}
ul.ul_news li{
	margin-bottom: 8px;
}
ul.ul_news li span{
	color: #ff0000;
	font-weight: bold;
}

div.bg_none{
	background: none;
	margin: 0px;
	padding: 0px;
}

div.whats_box{
	min-height: 400px;
}
dl.whats dd{
	margin-bottom: 15px;
}
h2.h2_whats{
	line-height:1.2em;
	margin-bottom: 10px;
}
h3.h3_whats{
	line-height:1.2em;
	font-size: 1.2em;
	margin-top: 10px;
	margin-bottom: 10px;
}

.mT10{ margin-top: 10px; }
.mT20{ margin-top: 20px; }