@charset "utf-8"; 

/* ===== Basic Layout for canon.com ===== */

/* breadcrumbs link
-------------------------------------------------*/
#breadcrumbs{
width:970px;
margin:0 auto;
padding:5px
}

#breadcrumbs ul{
margin-left:10px;
}

#breadcrumbs li{
display:inline;
}

#breadcrumbs li a{
 padding-right:11px;
 background:url(../img/ic-arw03.gif) right center no-repeat;
}

#breadcrumbs li.last a{
 background:none;
}

/* contents area
-------------------------------------------------*/
#contents{
width:980px; /* NEW */
margin: 0 auto; /* NEW */
background:url(../img/bg-contents.gif) left top repeat-x;
}

#contents .container{
width:980px;
margin:0 auto;
}


/* side area
-------------------------------------------------*/
#side{
float:left;
width:200px;
background:url(../img/bg-side.gif) left bottom no-repeat;
}

#side .leftMenu{
width:198px;
border-left:#ccc 1px solid;
border-right:#ccc 1px solid;
}

#side .leftMenu li{
background:url(../img/bg-leftmenu.gif) left bottom repeat-x #fff;
border-bottom:#ccc 1px solid;
}

#side .leftMenu li:hover,
#side .leftMenu li.hover{
background:url(../img/bg-leftmenu-on.gif) left bottom repeat-x #c00;
cursor:pointer;
}

#side .leftMenu li.selected{
background:url(../img/bg-leftmenu-on.gif) left bottom repeat-x #c00;
}

#side .leftMenu li a{
display:block;
width:163px;
padding:8px 10px 8px 25px;
border-bottom:#fff 1px solid;
background:url(../img/ic-arw01-g.gif) 10px center no-repeat;
}

#side .leftMenu li a:hover{
background:url(../img/ic-arw01-w.gif) 10px center no-repeat;
color:#fff;
text-decoration:none;
}

#side .leftMenu li.selected a{
background:url(../img/ic-cross.png) 10px center no-repeat;
color:#fff;
text-decoration:none;
}

#side .leftMenu li.selected a:hover{
background:url(../img/ic-cross.png) 10px center no-repeat;
color:#fff;
text-decoration:none;
}

/* main area
-------------------------------------------------*/
#main{
float:right;
width:760px;
}

#sholder{
height:33px;
}

#sholder h1,#sholder p{
font-weight:bold;
color:#fff;
line-height:33px; 
}


/* button to top
-------------------------------------------------*/
#topNav{
clear:both;
width:980px;
padding:15px 0;
margin:0 auto;
background:#fff;
letter-spacing:1px;
line-height:1.3;
text-align:right;
}

#topNav a{
padding-left:13px;
background:url(../img/ic-arw04-g.gif) 0 center no-repeat;
}

#topNav a:hover{
background:url(../img/ic-arw04-r.gif) 0 center no-repeat;
}