@charset "utf-8";

body{
background:#E0E0E0 url(../../images/index_bg.gif) repeat-x;
}

#document{
position:relative;
width:880px;
background:url(../../images/index_document_bg.gif) repeat-y;
text-align:left;
margin:0 auto;
min-height:100%;
}

* html #document{
height:100%;
}

#header{
height:50px;
background:url(../../images/index_header_bg.gif) no-repeat;
padding:0 65px;
width:750px;
}

#contents{
background:url(../../images/index_contents_bg.jpg) no-repeat;
min-height:420px;
padding:15px 65px 30px;
zoom:1;
}

#contents:after{
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}


#article{
width:580px;
float:left;
padding-top:175px;
}

#aside{
float:right;
width:140px;
padding:10px 10px;
background:url(../../images/index_aside_bg.gif) no-repeat;
min-height:410px
}

* html #aside{
height:410px;
}


#footer{
position:absolute;
left:50%;
bottom:0;
width:750px;
margin:-20px 0 0 -375px;
height:20px;
}


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



#header img{
display:block;
}

#header h1.identity{
position:absolute;
margin:0;
}


#header ul.utility{
padding:18px 0 0 535px;
margin:0;
}

#header ul.utility li{
float:left;
margin:0 0 0 15px;
list-style:none;
display:inline;
}

/* 
----------------------------------------------------------------------------------------------------*/
#article ul.products{
margin:0;
}

#article ul.products li{
width:125px;
height:90px;
padding:10px 20px 0 0;
position:relative;
margin:0;
list-style:none;
float:left;
}

#article ul.products li.first-item,
#article ul.products li.second-item{
width:160px;
height:55px;
padding:15px 20px 0 110px;
}

#article ul.products p.logo{
margin-bottom:5px;
}

#article ul.products li.first-item  p.logo,
#article ul.products li.second-item p.logo{
position:absolute;
top:10px;
left:0;
}

#article ul.products li a.relationship{
position:absolute;
width:40px;
height:11px;
bottom:10px;
right:20px;
}

#article ul.products li.first-item  a.relationship,
#article ul.products li.second-item a.relationship{
bottom:20px;
}

#article .news{
clear:both;
padding-top:15px;
}

#article .news table{
margin:0.5em 0 0 0;
}


#article .news table th,
#article .news table td{
padding:0.1em;
font-size:84%;
vertical-align:top;
}

#article .news table th{
padding-right:10px;
white-space:nowrap;
font-weight:normal;
}

/* aside
----------------------------------------------------------------------------------------------------*/

#aside ul.navigation{
margin:0 5px;
}

#aside ul.navigation li{
padding:0 0 10px;
margin:0;
list-style:none;
}

#aside ul.navigation li ul{
padding:15px 0 0 5px;
margin:0;
}

/* footer
----------------------------------------------------------------------------------------------------*/
#footer address{
text-align:right;
}