@charset "utf-8";

#tp01 #contents { background-image:none; }
#tp01 #contents li img,
#tp01 #contents dt img,
#tp01 #contents dd img { vertical-align:bottom; }

#tp01 #contents a { color:#3399cc; text-decoration:none; }
#tp01 #contents a:hover { color:#cc0000; text-decoration:underline; }

#tp01 #contents .twoColumn { overflow:hidden; zoom:1; padding:20px 0; }
#tp01 #contents .leftCol { width:280px; float:left; }
#tp01 #contents .rightCol { width:680px; float:right; }

#tp01 #contents .icnTri { padding-left:10px; background:url(/img/2013/icn-link-tri.gif) left no-repeat; }
#tp01 #contents .icnTri:hover { background:url(/img/2013/icn-link-tri-on.gif) left no-repeat; }
#tp01 #contents .icnCircle { padding-left:16px; background:url(/img/2013/icn-link-circle.gif) left no-repeat; }
#tp01 #contents .icnCircle:hover { background:url(/img/2013/icn-link-circle-on.gif) left no-repeat; }


#product { overflow:hidden; zoom:1; }
#product h2 { margin-bottom:10px; }
#product .productContainer { position:relative; }
#product .worldwide { position:absolute; top:273px; left:91px; z-index:1; }
#product ul { width:182px; overflow:hidden; zoom:1; float:left; }
#product ul li { float:left; margin-top:1px; }
#product ul li.north,
#product ul li.europe { margin-top:0px; }
#product ul li.europe,
#product ul li.middle,
#product ul li.asia { margin-left:1px; }
#product .map { width:798px; height:363px; background:url(/img/2013/pd-map.gif) no-repeat; float:right; position:relative; }
#product .map p { position:absolute; z-index:1; }
#product .map .north { left:98px; top:110px; }
#product .map .europe { left:358px; top:110px; }
#product .map .asia { left:628px; top:130px; }
#product .map .middle { left:378px; top:160px; }
#product .map .latin { left:176px; top:257px; }
#product .map .africa { left:358px; top:210px; }
#product .map .oceania { left:628px; top:265px; }

#news .titleSet { margin-bottom:10px; position:relative; width:280px; height:37px; }
#news .titleSet h2 { position:absolute; z-index:1; }
#news .titleSet a.rss { position:absolute; z-index:2; width:33px; height:15px; display:block; text-indent:-9999px; overflow:hidden; background:url(/img/2013/hl-news.jpg) -236px -15px no-repeat; top:15px; left:236px; }
#news p.upIcon img, #news p.downIcon img { display:block; }
#news dl { padding:11px 10px 10px; background:url(/img/2013/nr-dot.gif) top repeat-x #f6fcff; overflow:hidden; zoom:1; }
#news dl:hover { background-color:#ffebeb; }
#news dl:first-child { background-image:none; padding-top:10px; }
#news dt { width:195px; float:right; font-weight:bold; line-height:1.1; }
#news dd.pict { width:60px; float:left; }
#news dd.text { width:195px; float:right; margin-top:5px; }
#news dd.text p { padding-left:9px; line-height:1.2; }
#news dd.text p img { margin-left:5px; vertical-align:middle; }

#verticalScroll { height:300px; overflow:hidden; }

#emargency { margin-top:15px; border:4px solid #eeeeee; padding:10px; }
#emargency a { display:block; background-position:0px 5px !important; }

#banner { padding-top:5px; }
#banner li { padding-top:10px; }
#banner a { display:block; }
#banner span.pict { display:block; }
#banner span.pict img { border:4px solid #eeeeee; }
#banner span.pict img:hover { border-color:#ffcccc; }
#banner span.icnTri { display:block; margin-top:5px; }

#business { overflow:hidden; zoom:1; }
#business h2 { margin-bottom:10px; }
#business .cell01 { float:left; width:220px; }
#business .cell02 { float:left; margin-left:10px; width:220px; }
#business .cell03 { float:right; width:220px; }

#business .cell11 { float:left; margin-top: 10px; width:330px; }
#business .cell12 { float:left; margin-top: 10px; margin-left:10px; width:330px; }

#business .title { margin-top:4px; }
#business .text { margin-top:3px; }

#topics { margin-top:20px; }
#topics h2 { margin-bottom:10px; }
#topics dl { overflow:hidden; zoom:1; }
#topics dt { width:450px; float:right; font-weight:bold; line-height:1.1; font-size:130%; letter-spacing:1px; }
#topics dt a { display:block; }
#topics dt .icnCircle { background-position:0px 1px !important; }
#topics dd.pict { width:220px; float:left; }
#topics dd.text { width:450px; float:right; }
#topics dd.text p { margin-top:10px; }

#about { margin-top:20px; }
#about h2 { margin-bottom:10px; }
#about .scrollArea { overflow:hidden; zoom:1; }
#about .scrollArea .leftIcon { float:left; margin-top:5px; }
/*#about .scrollArea .leftIcon a { display:block; width:36px; height:118px; overflow:hidden; text-indent:-9999px; background:url(/img/2013/ab-icn-left.gif) no-repeat; }
#about .scrollArea .leftIcon a:hover { background-image:url(/img/2013/ab-icn-left-on.gif); }
#about .scrollArea .leftIcon a.off { background-image:url(/img/2013/ab-icn-left-off.gif); }
*/
#about .scrollArea .rightIcon { float:right; margin-top:5px; }
#about .scrollArea .block { overflow:hidden; width:600px; margin-left:4px; float:left; }
#about .scrollArea .block ul { overflow:hidden; zoom:1; width:3000px; }
#about .scrollArea .block ul li { float:left; width:195px; background:url(/img/2013/icn-dot-v.gif) right repeat-y; margin-right:15px; }
#about .scrollArea .block ul li a { display:block; /*width:180px;*/ width:auto !important; height:auto !important; padding:0px !important; }
#about .scrollArea .block ul li span.text a { padding-left:16px !important; }
#about .scrollArea .block ul li span { display:block; }
#about .scrollArea .block ul li span.text { margin-top:9px; font-weight:bold; }

#about .cell01 { float:left; width:220px; }
#about .cell02 { float:left; margin-left:10px; width:220px; }
#about .cell03 { float:right; width:220px; }



/* For Global Header
-------------------------------------------------*/
#header{ z-index:2; }
#header #gnav{ z-index:3; }
#header #gnav li{ z-index:4;}
#header #gnav .gnav-sub{ z-index:5; }
#header #gnav .gnav-sub li{ z-index:6; }

/* Contents Area
-------------------------------------------------*/
#tp01 #contents{
 background-image:none;
}


/* Slide Show
-------------------------------------------------*/
#slideshow{
	width:980px;
	height:340px;
	margin:0 auto 15px;
	padding:0 5px;
	background:url(../../img/bg-top-visual.gif) no-repeat;
	position:relative;
	z-index:1;
}

#slideshow .inner{
	padding:8px 8px 0 8px;
	height:333px;
	background:url(../../img/bg-visual.gif) left bottom repeat-x;
}

#slideshow #photo {
	width: 964px;
	height: 244px;
	overflow: hidden;
	position: relative;
}

#slideshow #photo div{
	top:0;
	left:0;
	position:absolute;
}

#slideshow ul {
	width: 957px;
	padding-left:7px;
	overflow:hidden;
	background:url(../../img/bg-visual-menu.gif) left top repeat-x;
}

* html #slideshow ul{
	zoom:1;
}

#slideshow ul li {
	width: 190px;
	margin:0;
	float: left;
	display: inline;
}


#slideshow .active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}

/* World Wide Map
-------------------------------------------------*/

.toplist,
.toplist2{
	position:absolute;
	left:50%;
	top:500px;
	z-index: 7;
}

.toplist .st,
.toplist2 .st{
height:10px;
line-height:1;
font-size:1px;
background:url(/worldwide/img/ww-bg-st.png) left top no-repeat;	
}

.toplist .hgroup,
.toplist2 .hgroup{
background:url(/products/img/ww-bg-bd.png);
}

.toplist .hgroup .inner,
.toplist2 .hgroup .inner{
margin:0 6px 0 5px;
padding:10px 10px 10px 30px;
border-bottom:#c00 1px solid;
overflow:hidden;
}

.toplist .bd,
.toplist2 .bd{
min-height:300px;
height:auto !important;
height:300px;
padding-top:30px;
padding-left:10px;
background:url(/products/img/ww-bg-bd.png);
overflow:hidden;
}

.toplist .ed,
.toplist2 .ed{
height:16px;
line-height:1;
font-size:1px;
background:url(/worldwide/img/ww-bg-ed.png) left bottom no-repeat;	
}

.toplist .hgroup h3,
.toplist2 .hgroup h3{
float:left;
margin-top:20px;
}

.toplist .hgroup .minimap,
.toplist2 .hgroup .minimap{
float:right;
}

.toplist .close,
.toplist2 .close{
position:absolute;
right:20px;
bottom:20px;
}


.toplist ul,
.toplist2 ul{
margin:0 0 5px 20px !important;
float:left;
width:200px !important;
bgc
}

.toplist ul li,
.toplist2 ul li{
width:200px !important;
height:35px;
pagging-bottom:5px;
line-height:1 !important;
}

.toplist li img,
.toplist2 li img{
vertical-align:top;
}

.toplist li a,
.toplist2 li a{
width:140px;
margin-left:0;
text-indent:-20px;
}

.toplist li.noflag a,
.toplist2 li.noflag a{
margin-left:30px;
}


.toplist li span.flag,
.toplist2 li span.flag{
width:45px;
display:block;
float:left;
}

.toplist li span.flag span,
.toplist2 li span.flag span{
width:30px;
height:auto;
padding:0 3px 3px 0 !important;
display:block;
background:url(/worldwide/img/ww-bg-flag.gif) right bottom no-repeat;
}

.toplist li span.flag span img,
.toplist2 li span.flag span img{
border-top:solid 1px #eee;
border-left:solid 1px #eee;
}

.toplist li span.noflag span,
.toplist2 li span.noflag span{
background:none;
}

.toplist li span.noflag span img,
.toplist2 li span.noflag span img{
border-top:solid 1px #fff;
border-left:solid 1px #fff;
}

.toplist li img.wd,
.toplist2 li img.wd{
padding:2px 2px 0 2px;
}



/* World Wide Map (noscript)
-------------------------------------------------*/

.toplist-nojsp{
padding-bottom:30px;
}

.toplist-nojsp .li-st{
padding-left:60px;
}

.toplist-nojsp .list-l{
float:left;
}

.toplist-nojsp .list-l{
width:250px;
}

.toplist-nojsp h3{
width:250px;
margin:30px 0 5px !important;
font-weight:bold;
}

.toplist-nojsp li a{
padding-left:10px;
background:url(/common/img/ic-arw01-g.gif) left 3px no-repeat;
}

.toplist-nojsp li a:hover{
text-decoration:none;
background:url(/common/img/ic-arw01-r.gif) left 3px no-repeat;
}



/* clear
========== */
.toplist ul:after,
.toplist2 ul:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden; 
line-height:0; 
}

.toplist ul,
.toplist2 ul{
display:block;
min-height:1%;
}

*:first-child+html .toplist ul,
*:first-child+html .toplist2 ul{
display:inline-table;
zoom:1;
}
* html .toplist ul,
* html .toplist .hgroup .inner,
* html .toplist2 ul,
* html .toplist2 .hgroup .inner{
zoom:1;
}
