@charset "UTF-8";

.top{width:740px; position: relative; padding-right:10px;background:url(../img/map.png) right top no-repeat;}
.top h3{ margin:10px 0 20px 0;}

.topbox1{ margin-left:30px;}
.topbox1,.topbox2,.topbox3{ float:left; width:220px; margin-bottom:30px;}
.top dl{ margin:1.5em 0 0 0 ;}
.top dt{text-align:center; font-weight: bold; vertical-align:top; line-height:1em;border:1px solid #aaaaaa; background:url(../img/bg_navi-world.png) no-repeat center; padding:0.3em; display:block; width:1em; height:1em;margin-bottom:0.5em;}
.top dd a{ color:#333; text-decoration:none;}
.top dd a:hover{color:#F60;text-decoration:underline;}
.top dd img{ margin:0 5px 0 0 ;}

.offices{border-bottom:1px solid #ccc;}
.offices p{margin:0 0 0.5em;}
.offices a{ color:#333; text-decoration:none; padding-left:5px;}
.offices a:hover{color:#F60; text-decoration:underline;}

#Kawaiall .worldwide { height:400px; position: relative; background:url(../img/map2.png) right top no-repeat;}
.worldwide li{ list-style:none; line-height:50px; position:absolute;}
.worldwide a{ background: url(../img/bg_navi-world.png) top center repeat-x; padding:5px 15px; color:#333; text-decoration:none; border:1px solid #aaaaaa;}

.worldwide .europe{top:60px; left:80px;}
.worldwide .asia{top:200px; left:300px;}
.worldwide .america{top:150px; right:130px;}
.worldwide .africa{top:200px; left:50px;}


/* start: clearfix

.top{ padding:10px 0;}

.top ul{list-style:none; padding:0; margin:0; margin-right:10px; float:right;}

.top ul li{width:8em; height:24px; text-align:center; padding:0; border:1px solid #666; float:left; margin-left:3px; line-height:1.6em;}
	.top ul li a{display:block; width:8em; height:24px; text-decoration:none; color:#333;}

.top div{clear:both; margin:1em;}

.close {background:url(../img/bg_navi-world.png) repeat-x top #000;}
.open {background:url(../img/bg_navi-world.png) repeat-x bottom #000;}

.open a{color:#fff !important;}

.close a:link{text-decoration:none;}
.close a:visited{background:url(../img/bg_navi-world.png) repeat-x top #000;}
.close a:hover{background:url(../img/bg_navi-world.png) repeat-x center #000;}
.close a:active{background:url(../img/bg_navi-world.png) repeat-x center #000;}


.top div h3{font-size:1.5em;}
.top table{margin-left:50px; _margin-left:25px; border-collapse:separate; width:250px; float:left;}
.top th{text-align:center; vertical-align:top; line-height:1em;}
.top th span{border:1px solid #333; background:url(../img/bg_navi-world.png) no-repeat center; padding:0.3em; display:block; width:1em; height:1em;}
.top td{vertical-align:top; padding:0.5em 0 1em 1em;}
.top td ol{list-style:none; padding:0; margin:0;}
.top td ol li{margin-bottom:0.5em; background:url(../img/arrow2.png) no-repeat left top; padding-left:1em;}
.top td ol li a{}

.offices{margin-bottom:1.5em; border-bottom:1px solid #ccc;}
.offices p{margin:0 0 0.5em; background:url(../img/arrow.png) no-repeat left center; padding-left:1em;}

 ------------------------------ */