/* CSS Document */

body {
font-size:100%;
margin:0;
padding:0;
line-height: 1.25em;
}

dl,dt,dd,ul,li { list-style: none; }

img { border:0;}

.clear { clear:both; margin:0; padding:0; font-size:0;}

/* レイアウト */

#content {
width:678px;
}

#headerTop {
width:678px;
height:99px;
}

#headerBottom {
width:678px;
height:301px;
}

#main {
clear:both;
width:678px;
background:transparent url(images/bg.gif) left top repeat-y;
}

#navi {
width:150px;
float:left;
}

#mainArea {
float:left;
width:498px;
padding:20px 10px 20px 20px ;
}

#footer {
clear:both;
width:658px;
background-color:#062679;
padding:3px 10px 3px 10px;
height:23px;
font-size:0;
line-height:0;
}

/* headerTop */

.nttlogo {
height:99px;
}

.langSelect {
display:block;
position:absolute;
left:618px;
top:81px;
}

/* headerBottom */

.headImageLeft {
width:240px;
height:301px;
float:left;
margin:0;
padding:0;
}

.headImageRight {
width:438px;
height:301px;
float:left;
margin:0;
padding:0;
}

/* navi */

#navi ul {
left:0;
margin:5px 0 0 0;
padding:0;
text-indent: -5000px;
}

#navi li {
line-height:0;
font-size:0;
}

#navi li a {
display:block;
width:150px;
height:24px;
margin:2px 0 0 0;
background-image: url(images/menu.gif);
background-repeat:no-repeat;
}

#message a		{ background-position: 0 0;}
#project a		{ background-position: 0 -26px;}
#organization a { background-position: 0 -52px;}
#information a	{ background-position: 0 -78px;}
#access a		{ background-position: 0 -104px;}
#link a			{ background-position: 0 -130px;}
#contact a		{ background-position: 0 -156px;}
#saiyo a		{ background-position: 0 -182px;}

#message a:hover		{ background-position: -150px 0;}
#project a:hover		{ background-position: -150px -26px;}
#organization a:hover	{ background-position: -150px -52px;}
#information a:hover	{ background-position: -150px -78px;}
#access a:hover			{ background-position: -150px -104px;}
#link a:hover			{ background-position: -150px -130px;}
#contact a:hover		{ background-position: -150px -156px;}
#saiyo a:hover			{ background-position: -150px -182px;}


/* what's New */

div#whatNew {
margin-left:10px;
}

div#whatNew div {
clear:both;
display:block;
border-bottom:1px solid #999999;
margin: 0;
padding:10px 0;
}

div#whatNew h2 {
display:block;
font-size:100%;
width:100px;
float:left;
background:transparent url(images/whatsnew_point.gif) left center no-repeat;
text-indent:20px;
font-weight:bold;
margin:0;
}

div#whatNew p {
display:block;
width:358px;
margin: 0 0 0 120px;
}

/* footer */

div#footmenu {
width:238px;
height:23px;
background:transparent url(images/footmenu.gif) 0 0 no-repeat;
margin:0;
padding:0;
float:left;
}

#footmenu dl {
width:238px;
margin:0;
padding:0;
text-indent: -5000px;
}

#footmenu dt {
float:left;
line-height:0;
}

#footmenu dt a {
text-decoration:none;
font-size:0;
line-height:0;
}

dt.footContact a {
display:block;
width:73px;
height:23px;
left:0;
top:0;
position:relative;
}

dt.footCopyright a {
display:block;
width:70px;
height:23px;
left:1px;
top:0;
position:relative;
}

dt.footPrivacy a {
display:block;
width:95px;
height:23px;
left:2px;
top:0;
position:relative;
}

div#copyright {
height:23px;
font-size:0;
text-indent:-5000px;
background:transparent url(images/copy.gif) right center no-repeat;
}