@charset "UTF-8";

*{
    margin: 0;
    padding: 0;
}

body {
    font-family:"Osaka","‚l‚r ‚oƒSƒVƒbƒN",Arial,sans-serif;  
    font-size: 80%;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:1.4; 
    color: #5d5d5d;
    background-image: url(../image/background.gif);
    background-repeat: repeat-x;
    background-color: #C7C5C0;
}

a {
text-decoration: none;
} 

a img {
    border: none;
}

div#pageWrapper{
    width: 760px;
    height: 100%;
    margin-right: auto;
    margin-left: auto;
    border-left: solid 1px #999999;
    border-right: solid 1px #999999;
    text-align: left;
    background-color: #ffffff;
}

/* 
 MAIN INDEX [ 
----------------------------------------------------------- */

div#top-image {
    width: 760px;
    height: 205px;
    margin-bottom: 15px;
    float: left;
}

div#top-choose h2 {
    margin: 0 0 10px 50px;
}

div#top-choose ul {
    width: 166px;
    height: 36px;
    margin-left: 50px;
    list-style: none;
    clear: both;
}

/* 
 HEADER [ 
----------------------------------------------------------- */

div#logo{
    width: 760px;
    height: 115px;
    background-image: url(../image/top-worldwide-logo.gif);
    background-repeat: no-repeat;
    background-position: 480px 60px;
    float: left;
}

div#logo h1 {
    margin: 35px 20px 0;
}

div#menu ul{
    width: 760px;
    height: 31px;
    font-size: 1px;
    list-style: none;
    clear: both;
}

div#menu ul li{
    display: inline;
}

div#main-image{
    width: 760px;
    height: 174px;
    margin-bottom: 15px;
    float: left;
}

/* 
 INDEX [ 
----------------------------------------------------------- */

*html div#about{
        margin-left: 7px;
}

div#about{
    width: 227px;
    margin:0 0 30px 14px;
    float: left;
}

div.box-contents {
    width: 211px;
    border-left: solid 1px #CCCCFF;
    border-right: solid 1px #CCCCFF;
}

div#about h2 {
    padding: 3px 0 0 10px;
}

p.note {
    margin: 0 10px 0 10px;
}

div#services h2{
    padding: 12px 0 0 4px;
}

div#services{
    font-size: 1px;
    width: 280px;
    height: 184px;
    float: left;
}

div#services ul {
    list-style: none;
    margin: 10px 0 0 0;
}

div#network{
    width: 227px;
    margin: 0 0 30px 11px;
    float: left;
}

div#network h2 {
    padding: 3px 0 0 10px;
}

/* 
 LEFTNAVIGATION [ 
----------------------------------------------------------- */

div#left-navigation ul{
    list-style: none;
    width: 182px;
    height: 550px;
    font-size: 1px;
    float: left;
    margin: 20px 0 0 0;
}

div#left-navigation ul li{
    margin: 0 0 5px;
}

/* 
 ABOUT AOT [ 
----------------------------------------------------------- */

*html div#about-aot {
    margin: 25px 46px 0 0;
}

div#about-aot {
    width: 460px;
    float: right;
    margin: 25px 92px 0 0;
}

div#about-aot p.about-aot{
    margin: 10px 0 10px 0;
}

/* 
 AOT TIMELINE [ 
----------------------------------------------------------- */

div.year {
    border-bottom: solid 1px #CCCCFF ;
    margin: 15px 0 0 0;
}

div.year h3 {
    margin: 20px 0 2px 0;
}

/* 
 LETTER OF THE PRESIDENT [ 
----------------------------------------------------------- */

*html div#letter{
    margin: 10px 95px 40px 0;
 
}

div#letter{
    position: relative;
    width: 360px;
    border-right: solid 1px #ccc;
    margin: 10px 190px 40px 0;
    float: right;
}

div#letter-of h2{
    margin: 25px 0 0 208px;
}

div#letter p.letter{
    margin: 0 10px 5px 0;
}

img.selfPortrait{
    position: absolute;
    right: -160px;
}

/* 
 SERVICE CONTENTS [ 
----------------------------------------------------------- */

div#service-box {
    position: relative;
    width:524px;
    margin: 20px 0 0 25px;
    float: left;
}

div.service {
    margin: 25px 0 0 0;
}

div.text-a {
    margin: 10px 0 5px 0;
}

div.text-b {
    margin: 30px 0 5px 0;
}

div#service-box ul{
    margin-bottom: 20px;
    list-style-type: none;
    line-height: 19px;
}

div.custom-image {
    position: absolute;
    top: 400px;
    left: 380px;
}

div.custom-image-jp {
    position: absolute;
    top: 345px;
    left: 380px;
}

div.special-image {
    position: absolute;
    top: 440px;
    left: 310px;
}

/* 
 AOT NETWORK [ 
----------------------------------------------------------- */

div#network-box {
    width:455px;
    margin: 25px 0 25px 25px;
    float: left;
}

div#network-box p.text{
    margin-top: 11px;
}

div.network {
    margin-bottom: 5px ;
}

div.agent {
    margin: 40px 0 5px 0 ;
}

div.text-network {
    margin-bottom: 5px;
}

/* 
 AOT OFFICES [ 
----------------------------------------------------------- */

*html div#offices {
    margin: 25px 220px 0 0;
}

div#offices {
    margin: 25px 440px 0 0;
    float: right;
}

div#city{
    width: 219px;
    margin: 5px 0 0 27px;
    float: left;
}

div#usa{
    position: relative;
    width: 219px;
    height: 650px;
    border-top: solid 1px #ccc;
}

img.usa-address{
    position: absolute;
    left: 5px;
    top: 12px;
}

div#japan{
    position: relative;
    width: 219px;
    height: 568px;
    border-top: solid 1px #ccc;
}

div#japan-jp{
    position: relative;
    width: 219px;
    height: 530px;
    border-top: solid 1px #ccc;
}

img.visit-japan-address{
    position: absolute;
    left: 5px;
    top: 10px;
}

div#germany{
    position: relative;
    width: 219px;
    height: 157px;
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    margin: 0 0 20px;
}

img.germany-address{
    position: absolute;
    left: 5px;
    top: 12px;
}

div#list{
    width: 255px;
    font-size: 90%;
    line-height: 19px;
    margin: 5px 0 0 0;
    float: left;
}

div.address-contents p.address{
    margin: 12px 0 12px;    
}

div#chicago{
    border-top: solid 1px #ccc;
}

div#newyork{
    border-top: solid 1px #ccc;
}

div#houston{
    border-top: solid 1px #ccc;
}

div#LA{
    border-top: solid 1px #ccc;
}

div#tokyo{
    border-top: solid 1px #ccc;
}

div#nagoya{
    border-top: solid 1px #ccc;
}

div#osaka{
    border-top: solid 1px #ccc;
}

div#osaka-jp{
    margin: 0 0 10px ;
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
}

div#europe{
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
}

/* 
 NEWS & HIGHLIGHTS [ 
----------------------------------------------------------- */

div#news-box {
    position: relative;
    width:320px;
    margin: 25px 0 25px 25px;
    float: left;
}

div.news-contents h3{
    margin: 10px 0 5px 0; 
}

div#news-box p.text-contents {
    margin: 5px 0 30px 0;
    padding-right: 15px;
    border-right: solid 1px #ccc;
}

img.news-photo-a{
    position: absolute;
    top: 48px;
    right: -221px;
}

img.news-photo-b{
    position: absolute;
    top: 655px;
    right: -221px;
}

img.news-photo-c{
    position: absolute;
    top: 865px;
    right: -221px;
}

/* 
 AOT LINKS [ 
----------------------------------------------------------- */

div.links-contents {
    border-bottom: solid 1px #CCCCFF ;
    margin: 10px 0 10px 0;
}

div.links-contents p.text-links {
    margin: 5px 0 10px 0;
}

/* 
 FOOTER [ 
----------------------------------------------------------- */

div#footer{
    font-size: 90%;
    clear: both;
    width: 730px;
    height: 25px;
    margin-left: 15px;
    border-top: 1px solid #C7C5C0;
    text-align: center;
}

div#footer p.footer-text {
    padding: 6px;
}

div#copyright{
    font-size: 85%;
    clear: both;
    width: 760px;
    height: 60px;
    text-align: center;
}

div#copyright p.footer-text {
    padding: 5px;
}

div#top-copyright{
    font-size: 85%;
    width: 760px;
    height: 50px;
    margin-top: 320px;
    text-align: center;
}

div#top-copyright p.footer-text {
    padding: 5px;
}