@charset "UTF-8";
/* CSS Document */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
margin:0;
padding:0;
}

body {
background-color:#000000;
background: url("../img/headBarbg.jpg") repeat-x scroll 0 0 #000000;
font:12px/1.5 "Lucida Grande","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3","ＭＳ Ｐゴシック","MS P Gothic",sans-serif;
color:#F5F5F5;
}

h1, h2, h3, h4, h5, h6 {
font-size:100%;
}

li {
list-style:none outside none;
}

a, a:link, a:visited {
color:#ffffff;
text-decoration:none;
outline: none;
}

a:hover {
color:#C3B602;
}

#header{
width:1000px;
height:155px;
margin: 0 auto;
}

.logo {
float:left;
padding-left:58px;
}

.logo a {
background: url("../img/TDSlogo-trans.png") no-repeat;
width:136px;
height:123px;
display:block;
}

.english, .japanese {
float:right;
padding-right:125px;
}

.english a, .japanese a {
width:65px;
height:30px;
text-indent:-9999px;
overflow:hidden;
display:block;
}

.english a {
background: url("../img/english.jpg") no-repeat;
}

.japanese a {
background: url("../img/japanese.jpg") no-repeat;
}

.english a:hover, .japanese a:hover {
background-position:0 -30px;
}

.barcontact, .barcontacteng {
width:347px;
height:30px;
float:right;
text-indent:-9999px;
}

.barcontact {
background: url("../img/headBarContact.jpg") no-repeat;
}

.barcontacteng {
background: url("../img/headBarContacteng.jpg") no-repeat;
}

#container {
background: url("../img/bg.jpg") no-repeat top center;
width:100%;
top:30px;
position:absolute;
z-index:-1;
min-width:1000px;
}

.mainvisual {
width:750px;
height:250px;
margin:40px auto 30px auto;
}

#wrap {
width:600px;
float:left;
}

#area {
width:600px;
height:250px;
}

.visualleft, .visuallefteng, .visualleft2, .visuallefteng2 {
width:600px;
height:250px;
}

.visualleft {
background: url("../img/mainimage.jpg") no-repeat;
}

.visualleft2 {
background: url("../img/mainimage2.jpg") no-repeat;
visibility:hidden;
}

.visuallefteng {
background: url("../img/mainimageeng.jpg") no-repeat;
}

.visuallefteng2 {
background: url("../img/mainimage2.jpg") no-repeat;
visibility:hidden;
}

.visualright, .visualrighteng {
float:left;
}

.visualright a, .visualrighteng a {
width:150px;
height:250px;
text-indent:-9999px;
display:block;
}

.visualright a {
background: url("../img/tdsparis.jpg") no-repeat;
}

.visualrighteng a {
background: url("../img/tdspariseng.jpg") no-repeat;
}

.contentsbg {
width:750px;
margin:0 auto 30px;
border: 1px solid #2d2d2d;
background-color:#0F0F0F;
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

.contents, .contentseng {
padding:30px;
}

.contents h2, .contentseng h2 {
width:690px;
height:40px;
text-indent:-9999px;
display:block;
border-bottom:1px solid #2D2D2D;
margin-bottom:20px;
}

.menu {
width:750px;
height:52px;
margin:0 auto 30px auto;
}

.navigation li {
width:240px;
height:52px;
float:left;
text-indent:-9999px;
margin-left:15px;
}

.navigation .service, .navigation .serviceeng {
margin:0;
}

.navigation li a{
width:240px;
height:52px;
text-indent:-9999px;
display:block;
}

.navigation li a:hover{
background-position:0 -52px;
}

.service a{
background: url("../img/servicesmall.jpg") no-repeat;
}

.serviceeng a{
background: url("../img/servicesmalleng.jpg") no-repeat;
}

.about a{
background: url("../img/aboutsmall.jpg") no-repeat;
}

.abouteng a{
background: url("../img/aboutsmalleng.jpg") no-repeat;
}

.contact a{
background: url("../img/contactsmall.jpg") no-repeat;
}

.contacteng a{
background: url("../img/contactsmalleng.jpg") no-repeat;
}

.footercontainer {
background: url("../img/footerline.gif") repeat-x scroll 0 0 #000000;
width:100%;
padding-top:1px;
}

.footer {
background: url("../img/flightcheck.jpg") no-repeat;
width:750px;
height:150px;
margin:0 auto;
}

.links {
height:30px;
padding: 88px 0 0 152px;
float:left;
}

.links p {
line-height:1.6;
font-size:90%;
}

.copyright {
background: url("../img/copyright.gif") no-repeat bottom right;
float:right;
width:243px;
height:28px;
padding-top:90px;
text-align:right;
}

.clearfix:after {  
    visibility: hidden;  
    display: block;  
    font-size: 0;  
    content: " ";  
    clear: both;  
    height: 0;  
    }  
* html .clearfix             { zoom: 1; } /* IE6 */  
*:first-child+html .clearfix { zoom: 1; } /* IE7 */