@charset "UTF-8";

/*--------------------------------------------------------------------------------
MODULE
--------------------------------------------------------------------------------*/
.blankIcon img{ vertical-align:baseline; margin:0 2px 0 4px; }

.notes_list .head{ width:4em;}
.vaT .nwrp{ width:4em;}
/*--------------------------------------------------------------------------------
col1Contents
--------------------------------------------------------------------------------*/
.col1Contents{ width:960px; margin:0 auto;}


/*--------------------------------------------------------------------------------
productsVisualCol01
--------------------------------------------------------------------------------*/
.productsVisualCol01{ font-size:79%; width:100%; overflow:hidden; margin:20px 0 0 0;}
.productsVisualCol01 .photoCol{ width:479px; float:left;}
.productsVisualCol01 .detailCol{ width:480px; float:right; margin:60px 0 0 0;}
.productsVisualCol01 .detailCol p{ margin:10px 0 0 0;}
.productsVisualCol01 .detailCol .notice{ border:1px solid #e2e2e2; padding:5px 15px; line-height:1.2; margin:0;}

/*--------------------------------------------------------------------------------
productsSummary
--------------------------------------------------------------------------------*/
#productsSummary {
	margin-bottom:10px;
}
#productsSummary th,
#productsSummary td {
	background-color:#eeeeee;
	border-right:1px solid #d4d4d4;
	border-left:1px solid #d4d4d4;
	font-size:75%;
	text-align:center;
}
#productsSummary .fb {font-weight:bold !important;}
#productsSummary .thead th,
#productsSummary thead th {
	font-size:11px;
	border-top:1px solid #d4d4d4;
	font-weight:normal;
	letter-spacing:-0.03em;
}
#productsSummary .thead .data{
	border-bottom:1px solid #d4d4d4;
}
#productsSummary .thead th span,
#productsSummary thead th span {
	display:block;
	padding:4px 1px 5px;
	margin:0 2px;
	background:url("/products/back/scanner/common/images/bg_mainsum_line.gif") repeat-x left bottom;
	text-align:center;
}
#productsSummary .thead .data span{
	background:none;
}
#productsSummary .thead th.wide span.fb{
	margin:0;
	padding:0;
	display:inline;
	background:none;
}
#productsSummary .data td,
#productsSummary tbody td {
	font-size:11px;
	line-height:1.4;
	border-bottom:1px solid #d4d4d4;
}
#productsSummary .data td div,
#productsSummary tbody td div {
	padding:4px 1px;
	margin:0 2px;
	letter-spacing:-0.03em;
}
#productsSummary .data td div.wide,
#productsSummary tbody td div.wide{
	padding:4px 15px;
}
#productsSummary .thead .space,
#productsSummary thead .space,
#productsSummary .date .space,
#productsSummary tbody .space {
	width:5px;
	background:none;
	border:none !important;
}
#productsSummary .wide{
	padding:6px 4px 4px;
}
#productsSummary b {
	font-size:115%;
}
#productsSummary .dpi{
	font-size:135%;
	font-weight:bold;
}
#productsSummary sup {
	vertical-align:super;
	font-size:75%;
}
/*--------------------------------------------------------------------------------
specText01
--------------------------------------------------------------------------------*/
#specText01 { font-size:85%;}
#specText01 .textLink01 a{background: url(/common/images/ico_link_01.gif) no-repeat left 0.2em transparent;display: inline-block;padding: 0.2em 0 0 21px;}
#specText01 .noteList{ width:100%; border-collapse:collapse; margin:20px 0 0 0; font-size:90%;}
#specText01 .noteList th{ vertical-align:top; font-weight:normal;}
#specText01 .noteList td{ vertical-align:top; } 

/*--------------------------------------------------------------------------------
usersLinkList01
--------------------------------------------------------------------------------*/
#usersLinkList01{ margin:30px 0 0 0; width:100%; overflow:hidden;}
#usersLinkList01 h2{ margin:0 0 5px 0;} 
#usersLinkList01 ul li{ float:left; margin:10px 10px 0 0;}


/*--------------------------------------------------------------------------------
relevanceLinks01
--------------------------------------------------------------------------------*/
#relevanceLinks01{ font-size:85%; margin:30px 0 0 0;}
#relevanceLinks01 h2{ margin:0 0 15px 0;} 
#relevanceLinks01 li a{background: url(/common/images/ico_link_01.gif) no-repeat left 0.3em transparent;display: inline-block;padding: 0.2em 0 0 21px;}





/*--------------------------------------------------------------------------------
pickUpCarousel01
--------------------------------------------------------------------------------*/
#pickUpCarousel01 h2{ margin:20px;}
#pickUpCarousel01{ position:relative; margin:25px 0; border:1px solid #e2e2e2; height:238px; overflow:hidden;}
#pickUpCarousel01 ul.pagerNav {position: absolute;left:50%;float:left; top:20px;}
#pickUpCarousel01 ul.pagerNav li{position:relative;left:-50%;margin:0 3px; float:left; width:11px ; height:11px; background:url(/products/back/colorio/common/images/bg_pager_off.gif) no-repeat 0 0; text-indent:-9999px; cursor:pointer;}
#pickUpCarousel01 ul.pagerNav li.cur{ background:url(/products/back/colorio/common/images/bg_pager_cur.gif) no-repeat 0 0;}

#pickUpCarousel01 ul.controlNav{ width:920px;}
#pickUpCarousel01 ul.controlNav li{ width:21px; height:33px; cursor:pointer;}
#pickUpCarousel01 ul.controlNav li.leftNav{ float:left;position:absolute; top:100px; left:15px;}
#pickUpCarousel01 ul.controlNav li.rightNav{ float:right;position:absolute; top:100px; right:15px;}

#pickUpCarousel01 .shadowL{ position:absolute; top:0; left:0;}
#pickUpCarousel01 .shadowR{ position:absolute; top:0; right:0;}

#pickUpCarousel01 .detailList{ width:9999px; margin:0 auto; overflow:hidden;}
#pickUpCarousel01 .detailList li{ width:223px; margin:0 18px 0 0; float:left;}
#pickUpCarousel01 .detailList li a{ display:block;}
#pickUpCarousel01 .detailList li a:hover{ display:block; text-decoration:none;}
#pickUpCarousel01 .detailList li a img{ display:block; margin:0 0 10px 0;}
#pickUpCarousel01 .detailList li a span{ display:block; font-size:85%;}
#pickUpCarousel01 .detailList li a:hover span.ttlLink{ text-decoration:underline;}
#pickUpCarousel01 .detailList li a span.subTtl{ font-size:80%; color:#514f4f; margin:2px 0 0 0;}



/*--------------------------------------------------------------------------------
supply
--------------------------------------------------------------------------------*/
.supply .ancNav ul li {	background: none; width: auto; margin: 0 19px 0 0;}
.itemList {	clear: both; margin-top:25px;}
.itemList p, .itemList th, .itemList td {
	font-size: 85%;}
table.def_table_3 {	width: 100%;table-layout: fixed;}
table.def_table_3 th,
table.def_table_3 td {	border: solid 1px #bcbcbc;padding: 4px;}
table.def_table_3 th {	background: #fafafa;text-align: center; }
table.def_table_3 td {	padding: 10px;}
table.def_table_3 td.bdRN {border-right:none!important;}
table.def_table_3 td.bdLN {border-left:none!important;}
.supply .notes_list td {	padding: 0;}


/*--------------------------------------------------------------------------------
recommendSection
--------------------------------------------------------------------------------*/
.recommendSection {width:960px;margin:0 auto;padding:15px 0 20px 0;border:1px solid #E5E5E5;background:url(/products/colorio/images/bg_reco_01.gif) no-repeat left top;overflow:hidden;z-index:990;position:relative;}
.recommendSection .headMod02 {padding:0 20px;}
.recommendSection #recommend {position:relative;margin-top:-20px;overflow:hidden;}
.recommendSection #recommend #list {text-align:center;}
.recommendSection #recommend #list li {display:inline-block;/display:inline;/zoom:1;width:15px;padding:0 5px;cursor:pointer;z-index:970;}
.recommendSection #recommend #slide {position:relative;top:15px;height:186px;left:-380px;width:1470px;z-index:980;}
.recommendSection #recommend #slide li {display:inline-block;/display:inline;/zoom:1;vertical-align:top;width:223px;margin-left:22px;padding:0;}
.recommendSection #recommend #slide li dl { }
.recommendSection #recommend #slide li dl dt span {display:block;}
.recommendSection #recommend #pagination { 
position:relative;top:-207px;width:960px;z-index:990; }
.recommendSection #recommend #pagination li {position:absolute;top:36px;z-index:999;cursor:pointer;}
.recommendSection #recommend #pagination li#listPrev {left:0;}
.recommendSection #recommend #pagination li#listNext {right:0;}