/*---hitachi.co.jp Page Area Style Module---*/

/*---Branding Area Module [pm1]---*/

#brandingArea{
padding:0;
text-align:center;
}

/*--------------------------------------------------*/



/*---Local Navigation [pm4]---*/

#localNavigationArea{
width:189px;
margin-top:-1px;
margin-bottom:10px;
}

#localNavigationArea h2{
position:absolute;
top:0;
left:-9999px;
}

#localNavigationArea ul li,
#localNavigationArea ul li ul li{
padding:3px;
}

#localNavigationArea ul{
margin:0;
}

#localNavigationArea ul li{
font-size:83%;
padding-left:15px;
background:#e6e6e6 url("/images/mc_outer/bg_localnaviitem.gif") 0 0 repeat-x;
}

#localNavigationArea ul li.l_navimenu{
padding:4px 0px 4px 12px;
background-color:#666666;
color:#ffffff;
}

#localNavigationArea ul li a{
display:block;
padding-left:15px;
background:     url("/images/j_brake/ln_link.gif") 0 2px no-repeat;
}

#localNavigationArea ul li#currentCategory em{
display:block;
padding-left:15px;
background:     url("/images/j_brake/ln_current.gif") 0 3px no-repeat;
}

#localNavigationArea ul li#currentCategory em a{
padding:0;
background-image:none;
}


#localNavigationArea ul li.parentItem{
margin-bottom:0;
padding-bottom:0;
}

#localNavigationArea ul li.parentItem a{
display:block;
padding-left:15px;
background:     url("/images/j_brake/ln_link.gif") 0 2px no-repeat;
}

#localNavigationArea ul li.parentItem ul{
margin-top:5px;
margin-left:-14px;
margin-right:-3px;
margin-bottom:-1px;
}

#localNavigationArea ul li.parentItem ul li{
font-size:100%;
background:#e6e6e6 url("/images/mc_outer/bg_localnaviitem.gif") 0 0 repeat-x;
}

#localNavigationArea ul li.parentItem ul li a{
display:block;
padding-left:35px;
background:     url("/images/j_brake/ln_link.gif") 20px 2px no-repeat;
}

#localNavigationArea ul li.parentItem ul li#currentCategory em{
display:block;
padding-left:35px;
background:     url("/images/j_brake/ln_current.gif") 22px 2px no-repeat;
}

#localNavigationArea ul li.parentItem ul li#currentCategory em a{
padding:0;
background-image:none;
}

#localNavigationArea ul li.parentItem ul li.lastItem{
margin-bottom:0;
padding-bottom:5px;
_padding-bottom:4px;
}

#localNavigationArea ul li.lastItem{
padding-bottom:4px;
border-bottom:1px solid #ffffff;
}


#localNavigationArea a:link    {color:#000000;text-decoration: none}
#localNavigationArea a:visited {color:#000000;text-decoration: none}
#localNavigationArea a:hover   {color:#000000;text-decoration: underline}
#localNavigationArea a:active  {color:#000000;text-decoration: underline}

/*--------------------------------------------------*/

/*---Related Links [pm5]---*/

#relatedLinksArea{
width:189px;
margin-top:10px;
margin-bottom:9px;
background-color:#6b6b6b;
}

#relatedLinksArea h2{
padding:8px 0 8px 30px;
color:#ffffff;
background:#336666 url("/images/mc_outer/rl_title_left.gif") 0 0.4em no-repeat;
font-size:67%;
font-weight:bold;
}

#relatedLinksArea ul{
padding:8px;
border-top:1px solid #ffffff;
}

#relatedLinksArea ul li{
padding:3px;
_padding:0;
font-size:67%;
padding-left:22px;
background:url("/images/mc_outer/rl_mk_right.gif") 0 0.7em no-repeat;
}

#relatedLinksArea ul li.parentItem{
padding-bottom:0;
}

#relatedLinksArea ul li ul{
padding:0;
border-top:0;
}

#relatedLinksArea ul li ul li{
font-size:100%;
}

#relatedLinksArea ul li a:link    {color:#ffffff;text-decoration:none}
#relatedLinksArea ul li a:visited {color:#ffffff;text-decoration:none}
#relatedLinksArea ul li a:hover   {color:#fff667;text-decoration:underline}
#relatedLinksArea ul li a:active  {color:#ffff99;text-decoration:underline}

/*--------------------------------------------------*/

/*---Utility Area [pm6]---*/

.utilityArea{
width:179px;
margin-top:10px;
margin-left:4px;
padding-top:5px;
border:1px solid #bbbbbb;
background:#ffffff url("/images/mc_outer/bg_utilityarea.gif") 0 0 no-repeat;
}

.utilityArea h2{
padding:9px;
font-size:67%;
font-weight:bold;
}

.utilityArea p{
margin:0 9px 9px 9px;
font-size:67%;
}

.utilityArea .detailsLink{
padding-left:6px;
background:url("/images/mc_contents/list_link_s.gif") 0 0.3em no-repeat;
line-height:1.5;
}

.utilityArea .imageArea{
text-align:center;
}