@charset "utf-8";

/* reset
===============================================*/

#header div,#gfooter div,
#header ul,#gfooter ul,
#header ol,#gfooter ol,
#header li,#gfooter li,
#header form,
#header input,
#header p,#gfooter p,
#gfooter2 p{
margin:0;
padding:0;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
}

#header img,#gfooter img,#gfooter2 img{
border:0;
}

#header li,#gfooter li{
list-style:none;
}



/* header
===============================================*/

#header{
width:980px; /* NEW */
height:97px;
margin:0 auto; /* NEW */
background:url(/00common/img13/bg-header.gif) left bottom repeat-x;
position:relative;
z-index:1;
}

#header .head-container{
width:980px;
margin:0 auto;
}

#header #canon-logo{
float:left;
display:inline;
margin:22px 0 14px 25px;
width:187px;
height:27px;
background:url(/00common/img13/head.gif) left top no-repeat;
overflow:hidden;
}

#header #canon-logo a{
display:block;
width:187px;
height:28px;
text-indent:-9999px;
}


/* utility
-------------------------------------------------*/

#header #utility{
float:right;
width:550px;
margin:22px 0 15px 0;
}

#header #head-search-block{
float:right;
width:198px;
padding:4px;
background:#e8e8e8;
}

#header #head-search-block input#search{
float:left;
width:170px;
height:15px;
color:#8e8e8e;
font-size:10px;
}

* html #header #head-search-block input#search{
width:167px;
}

#header #head-search-block input.search-btn{
float:right;
}

#header #unav{
float:right;
width:311px;
}

#header #unav li{
float:left;
}

#header #unav li a{
display:block;
height:22px;
background:url(/00common/img13/head.gif) left -25px no-repeat;
text-indent:-9999px;
}

#header #unav #unav01 a{
width:72px;
}

#header #unav #unav02 a{
width:85px;
background-position:-72px -25px;
}

#header #unav #unav03 a{
width:144px;
background-position:-157px -25px;
}

#header #unav #unav01 a:hover{
background-position:0px -50px;
}

#header #unav #unav02 a:hover{
background-position:-72px -50px;
}

#header #unav #unav03 a:hover{
background-position:-157px -50px;
}

/* global-navigation
-------------------------------------------------*/
#header #gnav{
clear:both;
position:relative;
z-index:2;
}

* html #header #gnav{
position:static;
}

#header #gnav li{
float:left;
position:relative;
z-index:3;
}

* html #header #gnav{
position:static;
}

#header #gnav a{
display:block;
width:204px;
height:33px;
text-indent:-9999px;
background:url(/00common/img13/gnav.gif) left top no-repeat;
overflow:hidden;
}

#header #gnav #gnav01 a{width:164px;}

#header #gnav02 a:link,#header #gnav02 a:visited{background-position:-164px 0;}
#header #gnav03 a:link,#header #gnav03 a:visited{background-position:-368px 0;}
#header #gnav04 a:link,#header #gnav04 a:visited{background-position:-572px 0;}
#header #gnav05 a:link,#header #gnav05 a:visited{background-position:-776px 0;}

#header #gnav01 a:hover,#header #gnav01 a:active{background-position:0 -33px;}
#header #gnav02 a:hover,#header #gnav02 a:active{background-position:-164px -33px;}
#header #gnav03 a:hover,#header #gnav03 a:active{background-position:-368px -33px;}
#header #gnav04 a:hover,#header #gnav04 a:active{background-position:-572px -33px;}
#header #gnav05 a:hover,#header #gnav05 a:active{background-position:-776px -33px;}

#header #gnav01 a.selected:link,#header #gnav01 a.selected:visited{background-position:0 -33px;}
#header #gnav02 a.selected:link,#header #gnav02 a.selected:visited{background-position:-164px -33px;}
#header #gnav03 a.selected:link,#header #gnav03 a.selected:visited{background-position:-368px -33px;}
#header #gnav04 a.selected:link,#header #gnav04 a.selected:visited{background-position:-572px -33px;}
#header #gnav05 a.selected:link,#header #gnav05 a.selected:visited{background-position:-776px -33px;}


/* global-navigation : dropdown menu
-------------------------------------------------*/
#header #gnav .gnav-sub{
border-bottom:#a8a8a8 1px solid;
position:absolute;
left:0;
top:33px;
z-index:4;
display:none;
background-color:#e8e8e8;
}

#header #gnav li:hover .gnav-sub{
display:inline-block;
}

*:first-child+html #header #gnav li:hover .gnav-sub{
zoom:1;
}

#header #gnav .gnav-sub li{
float:none;
padding:1px 1px 2px 1px;
border-top:#fff 1px solid;
border-left:#f0f0f0 1px solid;
border-right:#a8a8a8 1px solid;
background-color:#e8e8e8;
position:relative;
z-index:5;
}

#header #gnav .gnav-sub li a{
width:180px;
height:auto;
min-height:33px;
padding:0 5px 0 15px;
background:url(/00common/img13/ic-arw02-r.gif) 5px center no-repeat;
background-color:#e8e8e8;
color:#353535;
text-decoration:none;
line-height:33px;
text-indent:0;
}

#header #gnav #gnav05 .gnav-sub li.wide a{
padding-top:5px;
background-position:5px 10px;
line-height:1.2;
}

#header #gnav .gnav-sub li a:hover{
background:url(/00common/img13/ic-arw02-w.gif) 5px center no-repeat;
background-color:#c00;
color:#fff;
text-decoration:underline;
}




/* gfooter
===============================================*/

#gfooter{
width:980px; /* NEW */
min-height:125px;
margin:0 auto; /* NEW */
padding:0 0 10px 0;
background-color:#6c6c6c;
font-size:12px;
line-height:18px;
}

* html #gfooter{
height:125px; 
}

#gfooter #fnav01{
width:960px;
margin:0 auto 15px auto;
padding:10px;
border-bottom:#9c9c9c 1px solid;
}

#gfooter #fnav01 .flink01{
float:left;
margin-top:7px;
}

#gfooter #fnav01 .flink01 li{
display:inline;
margin-right:30px;
font-weight:bold;
}

/* Feed & Share
-------------------------------------------------*/
#gfooter #fnav01 #feed-share{
float:right;
}

#gfooter #fnav01 #feed-share li{
float:left;
margin-left:15px;
width:162px;
height:27px;
background:url(/00common/img13/bg-feed.gif) left top no-repeat;
text-align:center;
}

#gfooter #fnav01 #feed-share .feed{
padding-top:4px;
height:23px;
}

#gfooter #fnav01 #feed-share .share{
padding-top:6px;
height:21px;
}

/* 
-------------------------------------------------*/
#gfooter #fnav02{
width:980px;
margin:0 auto;
background:url(/00common/img13/bg-footer.gif) left top repeat-y;
}

#gfooter #fnav02 .flink02{
float:left;
width:218px;
min-height:55px;
padding:0 10px;
font-weight:bold;
}

* html #gfooter #fnav02 .flink02{
height:55px; 
}


#gfooter #fnav02 .flink02 ul{
margin-top:5px;
}

#gfooter #fnav02 .flink02 li{
font-weight:normal;
margin-bottom:2px;
margin-left:13px;
text-indent:-13px;
}

#gfooter #fnav02 .flink02.fl-first{
border-left:none;
}

#gfooter2{
width:980px;
margin:0 auto;
padding-bottom:20px;
}


/* Link Hover Style
-------------------------------------------------*/
#gfooter .flink01 a:link,
#gfooter .flink01 a:visited{
padding-left:13px;
background:url(/00common/img13/ic-arw01-g.gif) left center no-repeat;
color:#fff !important;
text-decoration:none;
}

#gfooter .flink01 a:hover,
#gfooter .flink01 a:active{
background:url(/00common/img13/ic-arw01-r.gif) left center no-repeat;
text-decoration:underline;
}

#gfooter .flink02 a:link,
#gfooter .flink02 a:visited{ 
padding-left:13px;
background:url(/00common/img13/ic-arw01-g.gif) 0 0.3em no-repeat;
color:#fff !important;
text-decoration:none;
}

#gfooter .flink02 a:hover,
#gfooter .flink02 a:active{
background:url(/00common/img13/ic-arw01-r.gif) 0 0.3em no-repeat;
text-decoration:underline;
}

#gfooter .flink02 li a:link,
#gfooter .flink02 li a:visited{
padding-left:13px;
background:url(/00common/img13/ic-arw02-g.gif) 0 0.3em no-repeat;
color:#fff;
text-decoration:none;
}

#gfooter .flink02 li a:hover,
#gfooter .flink02 li a:active{
background:url(/00common/img13/ic-arw02-r.gif) 0 0.3em no-repeat;
text-decoration:underline;
}


/* Copyright
-------------------------------------------------*/
#gfooter2 #copyright{
float:left;
width:155px;
height:25px;
overflow:hidden;
padding-left:15px;
}

#gfooter2 #copyright a{
display:block;
width:155px;
height:25px;
background:url(/00common/img13/copyright.gif) left top no-repeat;
text-indent:-9999px;
}

#gfooter2 #copyright a:hover{
background-position:0 -25px;
}


/* Terms of use
-------------------------------------------------*/
#gfooter2 #terms{
float:right;
}

#gfooter2 #terms a{
display:block;
width:124px;
height:27px;
background:url(/00common/img13/btn-terms.gif) left top no-repeat;
text-indent:-9999px;
}

#gfooter2 #terms a:hover{
background-position:0 -38px;
}

/* clear
========== */
#header #head-search-block:after,
#header #unav:after,
#gfooter #fnav01:after,
#gfooter #fnav02:after,
#gfooter2:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden; 
line-height:0; 
}

#header #head-search-block,
#header #unav,
#gfooter #fnav01,
#gfooter #fnav02,
#gfooter2{
display:block;
min-height:1%;
}

*:first-child+html #header #head-search-block
*:first-child+html #header #unav,
*:first-child+html #gfooter #fnav01,
*:first-child+html #gfooter #fnav02,
*:first-child+html #gfooter2{
display:inline-table;
zoom:1;
}

* html #header #head-search-block,
* html #header #unav,
* html #gfooter #fnav01,
* html #gfooter #fnav02,
* html #gfooter2{
zoom:1;
}