@charset "utf-8";

@media all{

body{
padding:0 !important;
}

input,
button{
-webkit-appearance:none;
border-radius:0;
}

#header,#menu,#footer,#topNav{
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Osaka,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}

#header ul li,
#menu ul li{
padding-left:0;
background:none;
}

/* ===== Header ===== */

#header{
position:relative;
width:100%;
height:50px;
border-top:4px solid #c00;
border-bottom:1px solid #eaeaea;
background-color:#fff;
background-image:-webkit-linear-gradient(top, #fff, #fcfcfc);
background-image:-moz-linear-gradient(top, #fff, #fcfcfc);
background-image:-o-linear-gradient(top, #fff, #fcfcfc);
background-image:linear-gradient(top, #fff, #fcfcfc);
-webkit-box-shadow:0 0 5px #ddd;
box-shadow:0 0 5px #ddd;
}

html.menuLoading #header{
margin-bottom:80px;
}

.headerContent{
position:relative;
width:980px;
margin:0 auto;
}

#home{
position:absolute;
top:10px;
left:30px;
}

#home img{
width:116px;
height:auto;
}

.headerContent ul{
position:absolute;
top:8px;
right:30px;
margin:0;
}

.headerContent ul li{
margin:0;
padding:0;
display:inline-block;
*display:inline;
margin:0 0 0 20px;
font-size:14px;
line-height:1;
vertical-align:top;
*zoom:1;
}

.headerContent ul li:first-child{
margin:0;
}

.headerContent ul li a{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
display:inline-block;
padding:10px;
height:34px;
border-radius:5px;
color:#000;
background:#eee;
text-decoration:none;
-webkit-box-shadow:0 1px 0 #dedede;
box-shadow:0 1px 0 #dedede;
}

.headerContent ul li a:hover,
.headerContent ul li a:focus,
.headerMfSearchbox button:hover,
.headerMfSearchbox button:focus{
background:#ccc;
cursor:pointer;
}

.headerContent ul li:first-child a{
padding:10px 10px 10px 35px;
position:relative;
}

.headerContent ul li:first-child a img{
position:absolute;
top:8px;
left:10px;
width:20px;
height:auto;
}

.headerMfSearchbox{
position:relative;
}

.headerMfSearchbox label{
position:absolute;
top:10px;
left:10px;
color:#999;
font-size:14px;
}

.headerMfSearchbox input{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
width:200px;
height:34px;
margin:0 0 0 0;
padding:0 9px;
line-height:28px;
border-width:1px 0 1px 1px;
border-color:#d0d0d0;
border-style:solid;
background:#f8f8f8;
font-size: 1em;
vertical-align:top;
}

.headerMfSearchbox button{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
width:40px;
height:34px;
border-width:1px 1px 1px 0;
border-color:#d0d0d0;
border-style:solid;
border-radius:0 5px 5px 0;
background:#eee;
vertical-align:top;
}

.headerMfSearchbox button img{
width:19px;
height:auto;
line-height:30px;
vertical-align:middle;
}

#btnMenu{
margin:0 auto 40px;
width:920px;
}

.menuOpened #btnMenu{
margin-bottom:0;
}

#btnMenu button{
display:block;
margin:0;
padding:4px 20px 4px 50px;
width:auto;
min-height:40px;
border:0;
border-radius:0 0 5px 5px;
-webkit-box-shadow:0 1px 1px #999;
box-shadow:0 1px 1px #999;
background:#efefef url(/-/media/Project/Canon/CanonJP/Website/support/software/drv-upd/common/img/btn-menu-open.png) 21px 14px no-repeat;
font-size:16px;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Osaka,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
line-height:1.5;
text-align:left;
}

.menuOpened #btnMenu button{
background-image:url(/-/media/Project/Canon/CanonJP/Website/support/software/drv-upd/common/img/btn-menu-close.png);
}

#btnMenu button:hover,
#btnMenu button:focus{
background-color:#ccc;
cursor:pointer;
}

/* ===== Menu ===== */

#menu{
position:relative;
width:880px;
margin:15px auto 40px;
padding:20px;
border-radius:5px;
background:url(/-/media/Project/Canon/CanonJP/Website/support/software/drv-upd/common/img/bg-menu.gif);
}

#menu:before{
position:absolute;
top:-9px;
left:20px;
content:"";
width:18px;
height:9px;
background:url(/-/media/Project/Canon/CanonJP/Website/support/software/drv-upd/common/img/bg-menu-balloon.gif) 0 0 no-repeat;
}

#menu a{
display:block;
margin:0 0 10px;
padding:9px 20px;
border-radius:5px;
color:#333;
background:#eee;
-webkit-box-shadow:0 1px 1px #222;
box-shadow:0 1px 1px #222;
font-size:16px;
line-height:1.545;
text-decoration:none;
}

#menu .local ul{
float:left;
width:435px;
margin:0 0 0 10px;
border-radius:5px;
-webkit-box-shadow:0 1px 1px #222;
box-shadow:0 1px 1px #222;
}

#menu .local ul:first-child{
margin-left:0;
}

#menu .local li{
margin:0 0 2px;
font-size:16px;
}

#menu .local li:last-child{
margin:0;
}

#menu .local a{
margin:0;
border-radius:0;
}

#menu > a:hover,
#menu > a:focus,
#menu .local a:hover,
#menu .local a:focus{
background:#ccc;
}

#menu .local li:first-child a{
border-radius:5px 5px 0 0;
}

#menu .local li:last-child a{
border-radius:0 0 5px 5px;
}

#menu .local li:first-child:last-child a{
border-radius:5px;
}

#menu .global{
margin:20px -20px 0;
padding:20px 10px 0;
border-top:#fff solid 4px;
}

#menu .global li{
display:inline-block;
*display:inline;
width:130px;
margin:0 0 0 20px;
font-size:16px;
line-height:1.5;
*zoom:1;
vertical-align:top;
}

#menu .global li:first-child{
margin:0 0 0 10px;
}

#menu .global a{
display:table-cell;
width:120px;
padding:10px 5px 6px;
border-radius:5px;
color:#fff;
background:#666;
text-align:center;
text-decoration:none;
-webkit-box-shadow:0 1px 1px #222;
box-shadow:0 1px 1px #222;
vertical-align:middle;
}

#menu .global a:hover,
#menu .global a:focus{
background:#555;
}

#menu .global li a:before{
display:inline-block;
margin:0 12px 0 0;
vertical-align:middle;
}

#menu .global li a img{
display:block;
margin:0 auto 6px;
width:34px;
height:auto;
vertical-align:middle;
}

/* ===== TopNav ===== */

#topNav{
margin-top:50px;
border-bottom:4px solid #ececec;
}

.topNavContent{
width:920px;
margin:0 auto;
text-align:right;
}

.topNavContent a{
display:inline-block;
padding:10px 3.75em 6px 1.67em;
color:#000;
background:#ececec url(/-/media/Project/Canon/CanonJP/Website/support/software/drv-upd/common/img/bg-nav-pagetop.png) 12.5em 1em no-repeat;
border-radius:5px 5px 0 0;
font-size:12px;
text-decoration:none;
vertical-align:bottom;
}

.topNavContent a:hover,
.topNavContent a:focus{
margin-bottom:-4px;
padding-bottom:10px;
background-color:#ccc;
}

/* ===== Footer ===== */

#footer{
color:#fff;
background:#000;
}

.footerContent{
width:980px;
margin:0 auto;
padding:12px 0 9px;
}

.footerContent ul{
float:right;
margin:0 20px 0 0;
}

.footerContent ul li{
display:inline-block;
*display:inline;
margin:0 0 0 7px;
padding:0 0 0 8px;
background:url(/-/media/Project/Canon/CanonJP/Website/support/software/drv-upd/common/img/bg-footer-link-nonmobile.gif) 0 50% no-repeat;
font-size:12px;
vertical-align:top;
*zoom:1;
}

.footerContent ul li:first-child{
margin-left:0;
padding-left:0;
background-image:none;
}

.footerContent ul li a{
padding:4px 10px;
border-radius:5px;
color:#fff;
text-decoration:none;
}

.footerContent ul li a:hover,
.footerContent ul li a:focus{
background:#666;
}

.footerContent p{
float:left;
margin:0 0 0 30px;
color:#fff;
font-size:12px;
vertical-align:middle;
}

/* ===== Clear Fix ===== */

#menu .classification:after,
#menu .local:after,
.footerContent:after{
content:"";
height:0;
display:block;
clear:both;
}

#menu .classification,
#menu .local,
.footerContent{
_zoom:1;
}

}

@media print{

#header{
position:static;
-webkit-box-shadow:0 0 0 transparent;
box-shadow:0 0 0 transparent;
margin:0 0 40px;
}

#header ul{
display:none;
}

#menu{
display:none;
}

#topNav{
display:none;
}

#footer{
margin:50px 0 0;
color:#444;
background:transparent;
}

#footer ul{
display:none;
}

}