@charset "UTF-8";



/* reset */
#wrapper *{
	margin:0; padding:0;
	text-decoration:none;
	font-style:normal;
	vertical-align:baseline;
	border:none;
	list-style:none;
	}

/* common */
body{
height:100%;
padding:0 20px;
color:#333;
background:#ccc url("/common/img/contents/body-bg.jpg") 50% 0 repeat-y;
font-size:120%;
line-height:1;
}
a{
	outline:none;
	color:#333333;
	text-decoration:underline;
	}
a:hover{
	text-decoration:none;
	}
#wrapper li a{		text-decoration:underline;}
#wrapper a:hover{	text-decoration:none;}
	
	
	
#contents{
width:870px;
margin:0 auto;
padding:0;
background:none;
}

#wrapper{
	width:870px;
	margin-top:10px;
	line-height:1.545;
	}
/* contentsArea */
#wrapper #contentsArea{
	display:block;
	margin:0 0 0 20px;
	width:650px;
	overflow:auto;
	float:left;
	}
	
#wrapper #keyVisual{
	width:650px;
	height:200px;
	}
/*
#wrapper #keyv #pickup{
	float: left;
	width: 182px;
	padding: 8px 0px 0px 10px;
	font-size: 1px;
	}

#wrapper #keyv #pickup ul{
	margin-top: 21px;
	}
#wrapper #keyv #pickup ul li{
	padding-bottom: 20px;
	}

#wrapper #keyv #pickup a{
	display: block;
	width: 158px;
	height: 12px;
	}
*/

#wrapper p.read{
	padding:10px 0;
	}
#wrapper #section{
	width:650px;
	display:block;
	margin:0 0 20px 0;
	clear:both;
}
#wrapper #twoColumn{
	display:block;
	width:430px;
	margin:0; padding:0;
	float:left;
}
#wrapper #twoColumn2{
	display:block;
	width:200px;
	margin:0; padding:0;
	float:right;
}

/* pickup */
#wrapper #naviArea #pickup{
	display:block;
	width:200px;
	margin-bottom:10px;
	background:url(../img/tab-bg03.gif) top left repeat-y;
}
#wrapper #naviArea #pickup h3{
	margin:0; padding:2px 0 0 4px;
	font-size:0.75em;
	color:#FFFFFF;
	font-weight:bold;
	min-height:22px;
	height:auto !important;
	height:22px; /* ie min-height */
	background:url(../img/h3ttl-tab03.gif) left top no-repeat;
}

#wrapper #naviArea #pickup ul{
	padding-top:10px;
	padding-right:15px;
	padding-bottom:10px;
	background:url(../img/tab-bottom03.gif) left bottom no-repeat;
}
#wrapper #naviArea #pickup .pickupList{
clear:none;
}
#wrapper #naviArea #pickup .pickupList li{
	padding:0;
clear:left;
padding-left:30px;
background:url(../img/img-arrow.gif) 14px 5px no-repeat;
	font-size:0.625em;
zoom:1;
	padding-bottom:5px;
}

/* news */
#wrapper #news{
	display:block;
	width:430px;
	margin-bottom:10px;
	background:url(../img/tab-bg.gif) top left repeat-y;
}
#wrapper #news h3{
	margin:0; padding:2px 0 0 4px;
	color:#FFFFFF;
	font-weight:bold;
	min-height:24px;
	height:auto !important;
	height:24px; /* ie min-height */
	background:url(../img/h3ttl-tab02.gif) left top no-repeat;
}
#wrapper #news ul{
	padding-right:15px;
	padding-bottom:10px;
	background:url(../img/tab-bottom02.gif) left bottom no-repeat;
}
#wrapper #news .newsList{
clear:none;
}
#wrapper #news .newsList li, #wrapper #news .newsList li.last{
clear:left;
margin-left:15px;
background:none;
font-size:0.75em;
zoom:1;
padding-top:5px;
padding-bottom:5px;
border-bottom:1px dotted #999999;
}
#wrapper #news .newsList li.last{
border-bottom:none;
}
#wrapper #news .newsList li .marker{
width:3em;
float:left;
margin:0;
font-size:1em;
}
#wrapper #news .newsList li .txt{
display:block;
margin-left:4em;
}

/* tabMenu */
#wrapper #tabMenu{
	width:430px;
	height:22px;
	margin:0;
	background-color:#E70012;
	}
#wrapper #tabMenu ul{
	width:430px;
	float:right;
	}
#wrapper #tabMenu li{
	padding:0 0 0 4px;
	/*background:none;*/
	float:left;
	}
#wrapper #tabMenu li img{
	display: block;
	}

#wrapper #tabMenu2{
	width:430px;
	height:22px;
	margin:0;
	background-color:#E70012;
	}
#wrapper #tabMenu2 ul{
	width:430px;
	float:right;
	}
#wrapper #tabMenu2 li{
	padding:0 0 0 4px;
	/*background:none;*/
	float:left;
	}
#wrapper #tabMenu2 li img{
	display: block;
	}

/* cdc */
#wrapper #cdc{
	display:block;
	width:430px;
	margin-bottom:10px;
	background:url(../img/tab-bg.gif) top left repeat-y;
}
#wrapper #cdc h3{
	margin:0; padding:2px 0 0 4px;
	color:#FFFFFF;
	font-weight:bold;
	min-height:22px;
	height:auto !important;
	height:22px; /* ie min-height */
	background:url(../img/h3ttl-tab05.gif) left top no-repeat;
	}
#wrapper #cdc .case{
	clear:both;
	display:block;
	width:400px;
	padding-top:10px;
	padding-left:14px;
	overflow:auto;
	}
#wrapper #cdc .linkList{
	padding-top:10px;
	padding-right:15px;
	padding-bottom:10px;
	background:url(../img/tab-bottom02.gif) left bottom no-repeat;
clear:none;
}
#wrapper #cdc .linkList li{
	padding:0;
clear:left;
padding-left:30px;
background:url(../img/img-arrow.gif) 14px 5px no-repeat;
font-size:0.75em;
zoom:1;
	padding-bottom:5px;
}
/* eos */
#wrapper #eos{
	display:block;
	width:430px;
	margin-bottom:10px;
	background:url(../img/tab-bg.gif) top left repeat-y;
}
#wrapper #eos h3{
	margin:0; padding:2px 0 0 4px;
	color:#FFFFFF;
	font-weight:bold;
	min-height:22px;
	height:auto !important;
	height:22px; /* ie min-height */
	background:url(../img/h3ttl-tab05.gif) left top no-repeat;
	}
#wrapper #eos .case{
	clear:both;
	display:block;
	width:400px;
	padding-top:10px;
	padding-left:14px;
	overflow:auto;
	}
#wrapper #eos .linkList{
	padding-top:10px;
	padding-right:15px;
	padding-bottom:10px;
	background:url(../img/tab-bottom02.gif) left bottom no-repeat;
clear:none;
}
#wrapper #eos .linkList li{
	padding:0;
clear:left;
padding-left:30px;
background:url(../img/img-arrow.gif) 14px 5px no-repeat;
font-size:0.75em;
zoom:1;
	padding-bottom:5px;
}
#wrapper #eos .linkList li.noIcon{
background:none;
}

/* ivis */
#wrapper #ivis{
	display:block;
	width:430px;
	margin-bottom:10px;
	/margin-bottom:0px;
	background:url(../img/tab-bg.gif) top left repeat-y;
}
#wrapper #ivis h3{
	margin:0; padding:2px 0 0 4px;
	color:#FFFFFF;
	font-weight:bold;
	min-height:24px;
	height:auto !important;
	height:24px; /* ie min-height */
	background:url(../img/h3ttl-tab02.gif) left top no-repeat;
	}
#wrapper #ivis .case{
	display:block;
	width:400px;
	padding-top:8px;
	padding-left:14px;
	overflow:auto;
	}
#wrapper #ivis ul{
	padding-top:10px;
	padding-right:15px;
	padding-bottom:10px;
	background:url(../img/tab-bottom02.gif) left bottom no-repeat;
	}
#wrapper #ivis .linkList{
clear:none;
}
#wrapper #ivis .linkList li{
padding:0;
clear:left;
padding-left:30px;
background:url(../img/img-arrow.gif) 14px 5px no-repeat;
font-size:0.75em;
zoom:1;
padding-bottom:5px;
}

/* campaignArea */
#wrapper #campaignArea{
	width:200px;
	margin-bottom:10px;
	}
#wrapper #campaignArea h3{
	margin:0; padding:4px 0 0 4px;
	font-size:0.75em;
	color:#FFFFFF;
	font-weight:bold;
	min-height:22px;
	height:auto !important;
	height:22px; /* ie min-height */
	background:url(../img/h3ttl-bg.gif) left top no-repeat;
}
#wrapper #campaignArea li{
	padding:5px 0 0 0;
	background:none;
}

/* cigArea */
#wrapper #cigArea{
	display:block;
	width:200px;
	margin-bottom:10px;
	background:url(../img/tab-bg03.gif) top left repeat-y;
	}
#wrapper #cigArea h3{
	margin:0; padding:2px 0 0 4px;
	font-size:0.75em;
	color:#FFFFFF;
	font-weight:bold;
	min-height:22px;
	height:auto !important;
	height:22px; /* ie min-height */
	background:url(../img/h3ttl-tab03.gif) left top no-repeat;
}
#wrapper #cigArea .case{
	display:block;
	width:172px;
	padding-top:8px;
	padding-bottom:10px;
	padding-left:14px;
	overflow:auto;
	}
#wrapper #cigArea h4{
	margin:0; padding:0;
	display:block;
	width:172px;
	color:#E70012;
	padding-top:5px;
	margin-left:14px;
	border-bottom:2px solid #E70012;
	background:none;
	overflow:auto;
	}
#wrapper #cigArea ul, #wrapper #cigArea ul.last{
	padding-right:14px;
	padding-bottom:15px;
	}
#wrapper #cigArea ul.last{
	background:url(../img/tab-bottom03.gif) left bottom no-repeat;
	}
#wrapper #cigArea li{
	padding:10px 0 0 14px;
	background:none;
}

/* recommendArea */
#wrapper #recommendArea{
	display:block;
	width:650px;
	margin-bottom:30px;
	background:url(../img/tab-bg04.gif) top left repeat-y;
	}
#wrapper #recommendArea h3{
	margin:0; padding:2px 0 0 4px;
	font-size:0.75em;
	color:#FFFFFF;
	font-weight:bold;
	min-height:24px;
	height:auto !important;
	height:24px; /* ie min-height */
	background:url(../img/h3ttl-tab04.gif) left top no-repeat;
}
#wrapper #recommendArea .case, #wrapper #recommendArea .caseLast{
	display:block;
	width:636px;
	padding-top:8px;
	padding-bottom:12px;
	padding-left:14px;
	overflow:auto;
	}
#wrapper #recommendArea .caseLast{
	padding-bottom:15px;
	background:url(../img/tab-bottom04.gif) left bottom no-repeat;
	}
#wrapper #recommendArea h4{
	margin:0; padding:0;
	display:block;
	width:622px;
	color:#E70012;
	border-bottom:2px solid #E70012;
	background:none;
	overflow:auto;
	}
#wrapper #recommendArea ul{
	clear:both;
	padding-top:10px;
	}
#wrapper #recommendArea li{
	padding-right:10px;
	float:left;
	background:none;
}
#wrapper #recommendArea li.last{
	float:left;
	background:none;
}








#wrapper .detail{padding-top:5px;}
#wrapper .detailCpc{padding-top:5px;padding-left:5px;}
#wrapper .center{	text-align:center;}
#wrapper .floatL{	float:left;padding-right:10px;}
#wrapper .floatR{	float:right;padding-left:20px;}
#wrapper .logo{		margin-top:20px;}

	



/* localArea */
#wrapper #localArea{
	width:200px;
	padding:0 0 20px 0;
	float:left;
	}
/* naviArea */
#wrapper #naviArea{
	width:200px;
	padding:0 0 10px 0;
	}
#wrapper #naviArea h1{
	padding-bottom:5px;
	}
#wrapper #naviArea ul.menu{
	width:192px;
	padding:0 4px 4px 4px;
	background:url(../img/navi-bg.gif) top left no-repeat;
	}
#wrapper #naviArea ul.menu li{
	/*height:40px;*/
	padding:4px 0px 0px;
	background:none;
	font-size:1px;
	line-height:0;
	vertical-align:bottom;
	}
#wrapper #naviArea ul.menu li a{
	display: block;
	height: 40px;
	}
/* bookMark */
#wrapper ul.bookMark{
	width:200px;
	padding:0 0 10px 0;
	}
#wrapper ul.bookMark li{
	height:42px;
	background:none;
	}
/* productArea */
#wrapper #productArea{
	width:200px;
	margin-bottom:10px;
	background:url(../img/tab-bottom01.gif) bottom left no-repeat #E70012;
	}
#wrapper #productArea h3{
	margin:0; padding:4px 0 0 4px;
	color:#FFFFFF;
	font-weight:bold;
	min-height:22px;
	height:auto !important;
	height:22px; /* ie min-height */
	background:url(../img/h3ttl-tab01.gif) left top no-repeat;
	}
#wrapper #productArea ul{
	width:200px;
	}
#wrapper #productArea li{
	/*width:192px;*/
	width:141px;
	height:34px;
	padding-top:10px;
	padding-left:55px;
	background:none;
	font-size:0.625em;
}
#wrapper #productArea li.btnEos{		background:url(../img/btn-eos.jpg) 4px top no-repeat;}
#wrapper #productArea li.btnIxy{		background:url(../img/btn-ixy.jpg) 4px top no-repeat;}
#wrapper #productArea li.btnPowershot{	background:url(../img/btn-powershot.jpg) 4px top no-repeat;}
#wrapper #productArea li.btnIvis{		background:url(../img/btn-ivis.jpg) 4px top no-repeat;}
#wrapper #productArea li.btnPixus{		background:url(../img/btn-pixus.jpg) 4px top no-repeat;}
#wrapper #productArea li.btnSelphy{		background:url(../img/btn-selphy.jpg) 4px top no-repeat;}
#wrapper #productArea li.btnCanoscan{	background:url(../img/btn-canoscan.jpg) 4px top no-repeat;}
#wrapper #productArea li a{
	text-decoration:underline;
}
#wrapper #productArea li a:hover{
	text-decoration:none;
}
/* bannerArea */
#wrapper #bannerArea{
	width:200px;
	margin-bottom:10px;
	}
#wrapper #bannerArea h3{
	margin:0; padding:4px 0 0 4px;
	font-size:0.75em;
	color:#FFFFFF;
	font-weight:bold;
	min-height:22px;
	height:auto !important;
	height:22px; /* ie min-height */
	background:url(../img/h3ttl-bg.gif) left top no-repeat;
}
#wrapper #bannerArea li{
	padding:5px 0 0 0;
	background:none;
}

/* footNavi */
#footNavi {
	color: #969696;
	font-size: 50%;
}

#footNavi span {
	font-weight: bold;
}

#footNavi a {
	text-decoration: none;
	color: #969696;
}

#footNavi a:hover {
	text-decoration: underline;
	color: #E70012;
}





/* clearfix */
.clearfix:after{
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
	line-height:0;
	}
.clearfix{
	display:inline-table;
	min-height:1%;
	}
/* \*/
html .clearfix{
	* height:1%;
	}
.clearfix{
	display:block;
	}