@charset "utf-8";

/*//////////////////////////////////////////////////////////////////

    NAME: structure.css
    DATE: 2011/10/14

//////////////////////////////////////////////////////////////////*/


/* ----------------------------------------------------------------
    Container
----------------------------------------------------------------- */
div#container{
margin:0 auto;
padding-left:26px;
width:900px;
background:url(/shared/images/common/bg_container.gif) no-repeat left top;
}

div#container-body{
background:url(/shared/images/common/bg_container-body.gif) repeat-y left center;
}

/* ___ Layout popup ___ */
body.layout-popup-01 div#container{
margin:0 auto;
padding:0;
width:600px;
background:none;
}

body.layout-popup-02 div#container{
margin:0 auto;
padding:0;
width:600px;
background:none;
}

body.layout-popup-03 div#container{
margin:0 auto;
padding:0;
width:160px;
background:none;
}

body.layout-popup-01 div#container-body,
body.layout-popup-02 div#container-body,
body.layout-popup-03 div#container-body{
background:none;
}

/* ----------------------------------------------------------------
    Header
----------------------------------------------------------------- */
div#header{
position:relative;
margin:0 0 7px 15px;
min-height:85px;
_height:85px;
}

div#header #ci{
position:absolute;
top:37px;
left:0;
}

div#header #catchcopy{
position:absolute;
top:23px;
left:160px;
padding:14px 0 8px 34px;
border-left:1px solid #d2d2d2;
}

div#header fieldset#site-search p{
position:absolute;
right:0;
top:37px;
padding-left:18px;
background:url(/shared/images/header/bg_site-search_01.gif) no-repeat left top;
line-height:1;
}

div#header fieldset#site-search p input{
vertical-align:middle;
}

div#header fieldset#site-search p input.query{
width:123px;
height:15px;
border-width:1px 0 1px 1px;
border-color:#b6b6b6;
border-style:solid;
font-size:12px;
outline-style:none;
}

div#header ul.nav-utility{
margin-top:60px;
float:right;
}

div#header ul.nav-utility li{
float:left;
margin-left:11px;
padding-left:8px;
background:url(/shared/images/common/bullet_arrow_02.gif) no-repeat 0 0.5em;
font-size:67.85%;
}


/* ----------------------------------------------------------------
    BreadCrumb
----------------------------------------------------------------- */
dl#breadcrumb{
margin-bottom:29px;
background:#f5f5f5;
text-align:right;
}

dl#breadcrumb dt{
position:absolute;
top:-99999px;
left:-99999px;
height:0;
font-size:0;
line-height:0;
}

dl#breadcrumb dd{
padding:3px 12px 1px 12px;
font-size:68.75%;
color:#999999;
}

dl#breadcrumb dd a{
color:#999999;
}

dl#breadcrumb dd strong{
font-weight:normal;
color:#333333;
}


/* ----------------------------------------------------------------
    Content
----------------------------------------------------------------- */
div#content{
min-height:500px;
_height:500px;
}

div#content div#main{
padding-top:24px;
}

/* ___ Layout 1 Column ___ */
body.layout-m div#content{
padding-left:15px;
}

body.layout-m div#content div#main{
float:none;
width:885px;
}

/* ___ Layout 2 Column ___ */
body.layout-sm div#content div#main{
float:right;
width:690px;
}

body.layout-sm div#content div#sub{
float:left;
padding-left:15px;
width:160px;
}

/* ___ Layout popup ___ */
body.layout-popup-01 div#content,
body.layout-popup-02 div#content,
body.layout-popup-03 div#content{
min-height:395px;
_height:395px;
}

body.layout-popup-01 div#content div#main{
padding:40px 40px 0;
}

body.layout-popup-02 div#content div#main{
padding:0;
}
body.layout-popup-03 div#content div#main{
padding:0 5px;
}
body.layout-popup-02 div#content div#main pre{
margin:0;
padding: 1em;
width: auto;
line-height:1.3;
_width: 94%;
overflow-x: auto;
color: inherit;
font-family: 'MS Gothic', monospace;
}

body.layout-popup-03 div#container-body div#main #content-body p,
body.layout-popup-03 div#container-body div#main #content-body div{
font-size:75%;
}

/* ___ Footer Patten ___ */
body.footer-01 div#content div#main div#content-body{
padding-bottom:28px;
}

body.footer-02 div#content div#main div#content-body{
padding-bottom:340px;
}

body.footer-03 div#content div#main div#content-body{
margin:0 auto;
padding-bottom:28px;
width:700px;
}
body.footer-03 div#content div#main div#content-body{
margin:0 auto;
padding-bottom:28px;
width:700px;
}

/* ----------------------------------------------------------------
    Sub
----------------------------------------------------------------- */
div#sub{
margin-top:5px;
}

div#sub div#nav-primary{
margin-bottom:40px;
}

div#sub div#nav-primary ul li{
font-size:75%;
border-bottom:1px solid #d2d2d2;
}

div#sub div#nav-primary ul li.selected ul{
padding:17px 0 18px 0;
border-top:1px solid #d2d2d2;
}

div#sub div#nav-primary ul li.selected ul li{
margin-bottom:8px;
padding-left:14px;
border-bottom:none;
background:url(/shared/images/common/bullet_arrow_01.gif) no-repeat 0 0.3em;
font-size:100%;
font-weight:bold;
line-height:1.5;
}

div#sub div#nav-primary ul li.selected ul li.no-link{
background:url(/shared/images/common/bullet_line_01.gif) no-repeat 6px 0.25em;
}

div#sub div#nav-primary ul li.selected ul li.selected ul{
margin:5px 0 0 -8px;
padding:0;
border-top:none;
}

div#sub div#nav-primary ul li.selected ul.hwList li.selected ul{
display:none;
}

div#sub div#nav-primary ul li.selected ul li.selected ul li{
margin-bottom:0;
padding-left:8px;
font-weight:normal;
background:url(/shared/images/common/bullet_arrow_02.gif) no-repeat 0 0.5em;
}

div#sub div#nav-primary ul li.selected ul li.selected ul li.selected ul{
margin:0 0 5px 8px;
padding:0;
border-top:none;
}

div#sub div#nav-secondary{
padding-bottom:28px;
}

div#sub div#nav-secondary ul li{
margin-bottom:12px;
font-size:10px;
line-height:1;
}

div#sub div.nav ul li{
margin-bottom:10px;
font-size:10px;
line-height:1;
}

/* ----------------------------------------------------------------
    nav-special
----------------------------------------------------------------- */

div#nav-special{
margin-top:25px;
padding-left:15px;
float:left;
width:160px;
}

div#nav-special ul li{
margin-bottom:8px;
padding-left:14px;
font-size:75%;
background:url(/shared/images/common/bullet_arrow_01.gif) no-repeat 0 0.3em;
font-weight:bold;
line-height:1.5;
}
div#nav-special ul li.no-link{
background:url(/shared/images/common/bullet_line_01.gif) no-repeat 6px 0.25em;
}

div#nav-special ul li ul{
margin:5px 0 0 -8px;
padding:0;
}

div#nav-special ul li ul li{
margin-bottom:0;
padding-left:8px;
font-weight:normal;
font-size:100%;
background:url(/shared/images/common/bullet_arrow_02.gif) no-repeat 0 0.5em;
}

/* ----------------------------------------------------------------
    Footer
----------------------------------------------------------------- */
div#footer{
margin-top:25px;
zoom:0;
}
body.footer-popup-01 div#footer{
margin-top:0px;
zoom:0;
}

/* ___ Footer Navigation ___ */
div#footer div.nav{
float:right;
width:690px;
zoom:0;
}

body.footer-01 div#footer div.nav{
margin-top:-58px;
padding-bottom:30px;
}

body.footer-02 div#footer div.nav{
margin-top:-365px;
padding-bottom:20px;
}

body.footer-popup-01 div#footer div.nav{
float:none;
width:100%;
}

body.footer-popup-01 div#footer div.nav p.nav-page-close{
text-align:center;
border-top:1px solid #dadada;
padding:30px 0 40px;
}

div#footer div.nav p.nav-page-top{
text-align:right;
font-size:68.75%;
}

div#footer div.nav p.nav-page-top span{
float:right;
display:block;
padding:7px 7px 2px 7px;
border-width:1px 1px 0 1px;
border-color:#dadada;
border-style:solid;
}

div#footer div.nav p.nav-page-top span a{
display:block;
padding-left:14px;
background:url(/shared/images/common/bullet_arrow_top_01.gif) no-repeat 0 0.4em;
}

div#nav-footer{
margin-top:10px;
}

div#nav-footer ul.nav-01{
float:left;
margin-right:40px;
width:309px;
}

div#nav-footer ul.nav-01 li ul.left{
float:left;
width:150px;
}

div#nav-footer ul.nav-01 li ul.right{
float:right;
width:150px;
}

div#nav-footer ul.nav-02{
float:left;
margin-right:40px;
width:150px;
}

div#nav-footer ul.nav-03{
float:right;
width:150px;
}

div#nav-footer ul li{
font-size:87.5%;
font-weight:bold;
}

div#nav-footer ul li#nf-eco{
margin-top:23px;
}

div#nav-footer ul li a{
display:block;
padding-top:4px;
border-bottom:1px solid #dadada;
}

div#nav-footer ul li.selected ul{
margin-top:11px;
}

div#nav-footer ul li.selected ul li{
padding-left:14px;
background:url(/shared/images/common/bullet_arrow_01.gif) no-repeat left 0.4em;
font-size:85.7%;
font-weight:bold;
}

div#nav-footer ul li.selected ul li.no-link{
background:url(/shared/images/common/bullet_line_01.gif) no-repeat 6px 0.3em;
}

div#nav-footer ul li.selected ul li a{
display:inline;
padding-top:0;
border-bottom:none;
}


div#nav-footer ul li.selected ul li.selected ul{
margin:4px 0 6px -8px;
}

div#nav-footer ul li.selected ul li.selected ul li{
padding-left:8px;
background:url(/shared/images/common/bullet_arrow_02.gif) no-repeat left 0.35em;
font-size:91.6%;
font-weight:normal;
line-height:1.3;
}

div#nav-footer ul li.selected ul li.selected ul li a{
display:inline;
padding:0;
border-bottom:none;
}

/* ___ Global Footer ___ */
div#global-footer{
clear:both;
padding:1px 0 0 10px;
background:#fb051c;
}

div#global-footer #copyright{
float:left;
font-size:68.75%;
color:#fff;
}

div#global-footer ul.nav-utility{
float:right;
}

div#global-footer ul.nav-utility li{
float:left;
margin-right:13px;
font-size:68.75%;
color:#ffffff;
}

div#global-footer ul.nav-utility li a,
div#global-footer ul.nav-utility li a:hover,
div#global-footer ul.nav-utility li a:visited,
div#global-footer ul.nav-utility li a:active{
color:#ffffff;
}