﻿@charset "UTF-8";

/* _____________________________________________

Copyright &copy; PIXELA CORPORATION.
All Rights Reserved.

// OEM canon css UpDate:20130402
_____________________________________________ */

/* new CategoryMenu */

h2.img img {
	display: none;
}

#content #prodmenu #catmenu1 {
    line-height: 180%;
    background: url(null);
    margin: 0 5px 30px 5px;
    font-size: 10px;
}

#content #prodmenu #catmenu1 a {
    margin: 0px;
    padding: 8px 0px 7px 12px;
/*background: url(/shared/img/prodmenu_submenu.gif) repeat-x bottom;*/
}

#content #prodmenu #catmenu1 a:hover {
    background: /*#2F95DC*/ #2762d1 /*url(/shared/img/prodmenu_submenu.gif) repeat-x bottom*/;
    color: #FFFFFF;
}

#content #prodmenu #catmenu1 a span.arrow11 {
    padding-left: 12px;
    display: block;
    background: url(/shared/img/prodmenu_catmenu.gif) no-repeat left 2px;
}

#content #prodmenu #catmenu1 a:hover span.arrow11 {
    padding-left: 12px;
    display: block;
    background: url(/shared/img/prodmenu_catmenu_o.gif) no-repeat left 2px;
}

#content #prodmenu #catmenu2 {
    margin: 26px 5px 0 5px;
    background: url(/shared/img/prodmenu_submenu.gif) repeat-x top;
    font-size: 10px;
}

#content #prodmenu #catmenu2 a {
    margin: 0px;
    padding: 8px 0px 7px 12px;
    background: url(/shared/img/prodmenu_submenu.gif) repeat-x bottom;
}

#content #prodmenu #catmenu2 a:hover {
    background: /*#2F95DC*/ #2762d1 url(/shared/img/prodmenu_submenu.gif) repeat-x bottom;
    color: #FFFFFF;
}

#content #prodmenu #catmenu2 a span.arrow12 {
    padding-left: 12px;
    display: block;
    background: url(/common/image/homeicon.gif) no-repeat left;
}

#content #prodmenu #catmenu2 a:hover span.arrow12 {
    padding-left: 12px;
    display: block;
    background: url(/common/image/homeicon_w.gif) no-repeat left;
}


/* 20130110 / was move inlinecss to this css file */


* {
margin: 0;
padding: 0;
font-family: Helvetica, Meiryo, Arial, sans-serif;
}

html{
height:100%;
background: #ccc url("img/body_bg.png") repeat-y top center;
}

body {
background: #ccc url("img/body_bg.png") repeat-y top center;
height:100%;
}

html>body{
height:auto;
}

#base{
background: #FFFFFF;
margin: 0 auto;
padding: 0;
width: 920px;
text-align: center;
}

#header_container,
#footmenu,
#foot,
.main {
width: 920px;
}

#prodfootmenu {
width: 900px;
}

/*-------globalmenuarea-------*/

#globalmenuarea {
float: left;
width: 680px;
margin:0 13px 0 60px;
}

#globalmenuarea h2#backhome-1 {
margin: 0px;
padding: 0px;
float: left;
display: inline;
}

#globalmenuarea h2#backhome-1 a strong {
position: absolute; left: -9999px;
}

#globalmenuarea h2#backhome-1 { width: 84px; height: 26px; float: left; }
#globalmenuarea h2#backhome-1 a { display: block; width: 84px; height: 26px; background-repeat: no-repeat; background-position: 0px 0px; }
#globalmenuarea h2#backhome-1 a { background-image: url(/oem/canon/e/img/back_to_home_en.gif); }
#globalmenuarea h2#backhome-1 a:hover { background-position: 0px -26px; }


#globalmenuarea p {
width: 200px;
float: right;
margin: 0;
padding: 0;
}

#base div#content {
width: 900px;
margin: 0 auto;
padding:0;
}

/*-------prodmenu-------*/

#content #prodmenu {
width: 212px;
}

#content #prodmenu h2 {
padding: 20px 14px 20px 14px;
color: #29377B;
font-size: 16px;
line-height: 120%;
}

#content #prodmenu h3 a:hover{
color:#00188B;
}

#content #prodmenu h4 {
padding: 4px 14px 6px 10px;
color: #444444;
font-size: 100%;
line-height: 120%;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 0px;
}

#content #prodmenu h4 a:hover,
#content #prodmenu h4 a,
#content #prodmenu h4 a:link,
#content #prodmenu h4 a:active,
#content #prodmenu h4 a:visited {
color: #777777;
}

#content #prodmenu p a{
display: block;
margin: 10px 5px 0 5px;
padding: 2px 0 2px 2px;
font-weight:bold;
}

/*-------prodmain-------*/

#content #prodmain {
width: 680px;
}
		
#content #prodmain h3#banner-680 {
background-color: #FFF;
color: #29377B;
padding: 0;
margin: 0;
}
			
#content #prodmain #onlineshop {
background: url("img/appstore_bg.gif") bottom left repeat-x #f2f2f2;
}

#content #prodmain #onlineshop #onlineshopin {
border: 3px solid #FFF;
margin: 0;
padding: 10px 10px 10px 8px;
}

#content #prodmain #onlineshop #onlineshopin #onlineshoptxt  {
width:450px;/* appstoreとgoogleplayあるときは 350px */
}

#content #prodmain #onlineshop #onlineshopin #onlineshopimg {
padding: 0;
margin: 0;
width: 272px;
float: right;
}

#content #prodmain h4 {
margin-top: 0;
}

#content #prodmain ul li {
	list-style: circle;
	padding-bottom: 10px;
	padding-right: 12px;
	line-height:1.6;
}

#content #prodmain .set {
width:420px; /*CameraAccessだと470px*/
}

#content #prodmain .set ol li,
#content #prodmain ol li {
padding-bottom: 10px;
line-height: 1.6em;
padding-right: 12px;
}

#content #prodmain .set p{
line-height: 1.8em;
}

#content #prodmain p.setimg {
padding:0;
padding-bottom:20px;
width: 200px;
}

#content #prodmain #note {
padding-left:10px;
margin-bottom:15px;
font-size:11px;
color:#777777;
line-height:1.6em;
clear:both;
padding-top: 25px;
border-top: 1px dotted #CCC;
}

#content #prodmain th,
#content #prodmain td {
	line-height: 1.8em;
}

#content #prodmain .tableset1 {
	width: 100%;
	margin-bottom: 5px;
}

#content #prodmain .tableset2 {
	width: 100%;
	margin-bottom: 15px;
}

#content #prodmain .tableset1 td {
	width: 70%;
}