@charset "Shift_JIS";
/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.1
*/
body{color:#000;background:#FFF;}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;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}hr{display:none;}
body {font:13px/1.22 sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:99%;}

.reader {
position:absolute;
top:0px;
left:0px;
display:block;
width:1px;
height:1px;
margin:0px;
padding:0px;
overflow:hidden;
}

/*********************
font custermize
*********************/
#container {
font-size:77%; /* base-size 10px */
line-height:1.5;
}
#footerArea,
#contentArea .h3Section .pageTopAnchor a {
font-size:90%;
}
#contentArea .h3Section .afterBlock dd,
#contactArea2 dd .ddHeading {
font-size:120%;
}

/*********************
layout
*********************/
/* base */
body {
background:url(../images/body_bg_01.gif);
text-align:center;
}
#container {
width:740px;
margin:auto;
border-top:5px solid #0a205e;
text-align:left;
background:#FFF;
}
#headerArea,
#contentArea,
#anchorArea,
#flashArea,
#contactArea1,
#contactArea2,
#pageNotes {
clear:both;
margin:0 20px;
}

/* headerArea */
#headerArea {
position:relative;
height:78px;
background:url(../images/header_bg_01.gif) no-repeat 183px 0;
}
#headerArea #logoValux {
position:absolute;
top:11px;
left:0px;
}
#headerArea #logoNTTdata {
position:absolute;
top:33px;
right:0px;
}

/* footerArea */
#footerArea {
position:relative;
height:32px;
margin-top:20px;
color:#a3acc3;
background:#0a205e;
}
#footerArea a {
color:#a3acc3;
text-decoration:none;
text-transform:uppercase;
}
#footerArea #nameNTTdata {
padding:8px 20px 0 20px;
border-top:3px solid #485987;
}
#footerArea address {
position:absolute;
left:142px;
bottom:6px;
}
#footerArea .pageTopAnchor {
position:absolute;
top:3px;
right:20px;
background:url(../images/footer_bg_01.gif) no-repeat top left;
}
#footerArea .pageTopAnchor a {
display:block;
padding:0 22px 0 14px;
background:url(../images/footer_bg_02.gif) no-repeat top right;
}

/* anchorArea */
#anchorArea {
margin-top:30px;
}
#anchorArea ul {
height:50px;
padding:0 0 0 1px;
background:url(../images/index_line_01.gif) no-repeat top left;
}
#anchorArea li {
float:left;
padding:0 1px 0 0;
background:url(../images/index_line_01.gif) no-repeat top right;
}
#anchorArea a {
display:block;
padding:0 0 2px 0;
border-bottom:2px solid #FFF;
}
#anchorArea a#anchor1:hover {border-bottom-color:#003366;}
#anchorArea a#anchor2:hover {border-bottom-color:#835c40;}
#anchorArea a#anchor3:hover {border-bottom-color:#447aa2;}
#anchorArea a#anchor4:hover {border-bottom-color:#005447;}
#anchorArea a#anchor5:hover {border-bottom-color:#d79000;}

/* contentArea */
#contentArea {
margin-top:24px;
}
#contentArea h1 {
float:left;
padding:0;
}

#contentArea h1 .img1 {
padding:0 0 0 20px;

}

#contentArea h1 .img2 {
padding:20px 0 0 0;
}

#contentArea h1 .img3 {
padding:10px 0 0 0;
}

#contentArea .h1Section {
float:right;
width:544px;
margin:-22px 0 0 0;
}
#contentArea h2 {
margin:30px 0 0 0;
}
#contentArea h3 {
margin:20px 0 0 0;
}
#contentArea .h3Section {
zoom:1;
position:relative;
margin:0 18px 0 6px;
}
#contentArea .h3Section .beforeBlock {
position:relative;
float:left;
width:180px;
margin:8px 0 0 0;
}
#contentArea .h3Section .beforeBlock dd {
margin:0 0 0 4px;
}
#contentArea .h3Section .solutionBlock {
float:left;
width:112px;
margin:22px 0 0 12px;
}
#contentArea .h3Section .afterBlock {
position:relative;
float:right;
width:200px;
margin:-34px 0 0 0;
}
#contentArea .h3Section .afterBlock dt {
text-align:right;
}

#contentArea .h3Section .pageTopAnchor {
position:absolute;
top:-22px;
right:-9px;
}
#contentArea .h3Section .pageTopAnchor a {
display:block;
padding:0 13px 0 0;
color:#a7a7a7;
text-decoration:none;
text-transform:uppercase;
background:url(../images/index_ic_01.gif) no-repeat center right;
}

/* roundBox */
.roundBox {
width:700px;
background:url(../images/roundBox_bg_02.gif) repeat-y top left;
color:#666;
}
.roundBox dl {
padding-bottom:15px;
background:url(../images/roundBox_bg_03.gif) no-repeat bottom left;
}
.roundBox dt {
display:block;
margin-bottom:15px;
text-align:center;
line-height:1;
background:url(../images/roundBox_bg_01.gif) no-repeat bottom left #FFFFFF;
}
.roundBox dt em {
padding:0 5px;
background:#FFF;
}
.roundBox li {
margin-top:8px;
margin-left:1em;
text-indent:-1em;
}

/* contactArea1 (roundBox) */
#contactArea1 {
margin-top:15px;
}
#contactArea1 dd {
padding:0 15px;
text-align:center;
}

/* contactArea2 (roundBox) */
#contactArea2 {
margin-top:30px;
}
#contactArea2 dd {
margin:0 80px;
padding:0 5px 0 17px;
}
#contactArea2 dd.topLine {
margin-top:10px;
padding-top:10px;
background:url(../images/index_line_02.gif) repeat-x top;
}
#contactArea2 dd .ddHeading {
margin-bottom:5px;
margin-left:-12px;
color:#036;
}

/* pageNotes */
#pageNotes {
margin-top:5px;
text-align:center;
color:#666;
}

/* clearfix */
#contentArea:after,
#contentArea .h3Section:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#contentArea,
#contentArea .h3Section { display:inline-table; }
/* Hides from IE-mac €*/
*html #contentArea,
*html #contentArea .h3Section { height:1%; }
#contentArea,
#contentArea .h3Section { display:block; }
/* End hide from IE-mac */
/* end of clearfix */