@charset 'UTF-8';
@import url(lefter.css);
@import url(rightbox.css);

/* SharedBoxModule */
div#contentsContainer {
margin:0;
padding:0;
float:left;
width:750px;
display:inline;
background:#fff;
}

div#brandArea {
margin:0 0 25px 0;
padding:0;
float:left;
width:750px;
}
/* 2011.12.06 modified /from */
div#brandArea h1 {
margin:0;
padding:0;
width:750px;
}
div#brandArea ul#ContentNavi{
margin:0 0 0;
padding:0 0 1px;
width:750px;
height:32px;
background:url(../../image/bg_product_localmenu.gif) 0 100% repeat-x;
}
div#brandArea ul#ContentNavi li{
list-style:none;
margin:0;
padding:0;
line-height:32px;
height:32px;
font-size:12px;
float:left;
border-right:1px solid #ccc;
}
div#brandArea ul#ContentNavi li a{
	display:block;
	padding:0 16px;
	height:32px;
	line-height:32px;
}
div#brandArea ul#ContentNavi li a:link,
div#brandArea ul#ContentNavi li a:visited{
color:#333;
text-decoration:none;
}
div#brandArea ul#ContentNavi li a.current,
div#brandArea ul#ContentNavi li a:hover,
div#brandArea ul#ContentNavi li a:active{
text-decoration:underline;
}
div#brandArea ul#ContentNavi li a.current{
font-weight:bold;
}
/* 2011.12.06 modified /to */

div#Contents {
margin:0;
padding:1px 0 0 0;
float:right;
width:570px;
display:inline;
background:#fff;
border-top:4px solid #fdb201;
color:#555;
}
div#Contents a {
color:#0B1074;
text-decoration:none;
}
div#Contents a:hover {
color:#0B1074;
text-decoration:underline;
}
div#Contents h1 {
margin:0;
padding:0;
font-size:100%;
}
div#Contents h2,
div#Contents h3,
div#Contents h4,
div#Contents h5,
div#Contents h6,
div#Contents ul,
div#Contents li,
div#Contents ol,
div#Contents dt,
div#Contents dd,
div#Contents span {
margin:0 0 10px 0;
padding:0;
font-size:100%;
}
div#Contents em{
font-style:normal;
font-weight:bold;
}
div#Contents div.section {
margin:0 0 20px 0;
padding:0;
float:left;
width:570px;
display:inline;
}
div#Contents div.dashed {
padding: 0 0 10px 0;
border-bottom: 1px dashed #a3c5fb;
}
div#Contents div.columnA01 {
margin:0 15px 0 0;
padding:0;
float:left;
width:170px;
display:inline;
}
div#Contents div.columnA02 {
margin:0 15px 0 15px;
padding:0;
float:left;
width:170px;
display:inline;
}
div#Contents div.columnA03 {
margin:0 0 0 15px;
padding:0;
float:right;
width:170px;
display:inline;
}
div#Contents div.columnB01 {
margin:0 15px 0 0;
padding:0;
float:left;
width:370px;
display:inline;
}
div#Contents div.columnB02 {
margin:0 0 0 15px;
padding:0;
float:right;
width:170px;
display:inline;
}
div#Contents div.columnC01 {
margin:0 15px 0 0;
padding:0;
float:left;
width:170px;
display:inline;
}
div#Contents div.columnC02 {
margin:0 0 0 15px;
padding:0;
float:right;
width:370px;
display:inline;
}
div#Contents div.columnD01 {
margin:0 15px 0 0;
padding:0;
float:left;
width:270px;
display:inline;
}
div#Contents div.columnD02 {
margin:0 0 0 15px;
padding:0;
float:right;
width:270px;
display:inline;
}

div#Contents div.columnE01 {
margin:0;
padding:0;
float:left;
width:570px;
display:inline;
}

/* SharedTextElement */
div#Contents h1.title{
margin:0 0 12px 0;
padding:0;
float:none;
font-size:125%;
line-height:105%;
font-weight:bold;
color:#000;
}

div#Contents h2.title{
margin:0 0 12px 0;
padding:0;
clear:both;
font-size:110%;
line-height:105%;
font-weight:bold;
color:#fdb201;
}

div#Contents h2.title2{
margin:0 0 12px 0;
padding:0;
clear:both;
font-size:110%;
line-height:105%;
font-weight:bold;
color:#333333;
}

div#Contents h2.title a{
color:#fdb201;
text-decoration:none;
}
div#Contents h2.title a:hover{
color:#fdb201;
text-decoration:underline;
}
div#Contents h2.LinkIcon{
margin:5px 0 0 5px;
padding:0 0 0 10px;
text-indent:5px;
clear:both;
background: url(/image/link_bullet01.gif) no-repeat left center;
list-style:none;
line-height:120%;
}
div#Contents span.h2caption{
margin:0 0 1px 0;
padding:0;
clear:both;
font-size:75%;
color:#fdb201;
}
div#Contents h3.title{
margin:3px 0 6px 0;
padding:0;
clear:both;
font-size:95%;
line-height:120%;
font-weight:bold;
color:#333;
}
div#Contents h3.title a{
color:#000;
text-decoration:none;
}
div#Contents h3.title a:hover{
color:#000;
text-decoration:underline;
}
div#Contents h4.title{
margin:0 0 6px 0;
padding:0;
clear:both;
font-size:80%;
line-height:120%;
font-weight:bold;
color:#555;
}
div#Contents h5.title{
margin:0 0 6px 0;
padding:0;
clear:both;
font-size:75%;
line-height:110%;
font-weight:bold;
color:#000;
}
div#Contents p{
margin:0 0 10px 0;
padding:0;
font-size:75%;
line-height:180%;
}
div#Contents p.caption {
margin:0 0 10px 0;
padding:0;
font-size:70%;
line-height:120%;
}
div#Contents p.captionCenter {
margin:0;
padding:0;
font-size:70%;
line-height:120%;
text-align:center;
}
div#Contents p.note {
margin:15px 5px;
padding:0 0 0 3px;
text-indent:-5px;
font-size:70%;
line-height:120%;
}
div#Contents p.pagetop {
margin:10px 0;
padding:0;
float:right;
font-size:0.7em;
font-weight:normal;
display:inline;
}
div#Contents p.pagetop a {
margin:10px 10px 20px;
padding:0 0 0 8px;
color:#555;
text-decoration:none;
background:url(/image/link_bullet02.gif) no-repeat left center;
}
div#Contents p.pagetop a:hover {
color:#000;
text-decoration:underline;
}
div#Contents p.LinkIcon{
margin:5px 0 5px 5px;
padding:0 0 0 12px;
clear:both;
background: url(/image/link_bullet01.gif) no-repeat left center;
list-style:none;
line-height:120%;
}
div#Contents p.featureNavi {
font-weight:bold;
}
div#Contents p.featureNavi a {
font-weight:normal;
}
div#Contents sup {
margin:0 5px 0 3px;
padding:0;
position:relative; top:5px;
font-size:85%;
}

div#Contents ul{
margin:0;
padding:0;
clear:both;
}
div#Contents ul li{
margin:0 0 5px 15px;
padding:0 0 0 7px;
font-size:70%;
line-height:130%;
}
div#Contents ol{
margin:0 0 0px 10px;
padding:0 0 0 8px;
clear:both;
}
div#Contents ol li{
margin:0 0 5px 15px;
padding:0;
font-size:70%;
line-height:130%;
}
div#Contents ul.LinkIcon li{
margin:0 0 5px 0px;
padding:0 0 0 13px;
font-size:75%;
line-height:130%;
background: url(/image/link_bullet01.gif) no-repeat left 4px;
list-style:none;
}
div#Contents ul.accList{
margin:0;
padding:0;
}
div#Contents ul.accList a{
color:#555;
}
div#Contents ul.accList li{
margin:5px 10px 0 0;
padding:0;
width:180px;
list-style:none;
float:left;
display:inline;
}
div#Contents ul#ContentNavi{
margin:10px 0 0 0;
padding:0;
float:left;
width:570px;
background:url(/image/contentnavi_bg.gif) repeat-x;
}
div#Contents ul#ContentNavi li{
margin:0;
padding:0;
float:left;
list-style:none;
}
div#Contents ul.more {
margin:0 5px 10px 0;
padding:0;
}
div#Contents ul.more li {
margin:0 0 7px 0;
padding:0 0 0 10px;
background:url(/image/listimg.gif) no-repeat left 6px;
font-size:75%;
line-height:130%;
list-style:none;
}
div#Contents ul.note {
margin:15px 5px 10px 4px;
padding:0 0 0 7px;
list-style:none;
text-indent:-7px;
}
div#Contents ul.note li {
margin:7px 0;
padding:0;
font-size:70%;
line-height:120%;
list-style:none;
}
div#Contents ul.ordered {
margin:15px 5px 10px 0px;
padding:0 0 0 13px;
list-style:none;
text-indent:-13px;
}
div#Contents ul.ordered li {
margin:7px 0;
padding:0;
font-size:70%;
line-height:120%;
list-style:none;
}




div#Contents ul.fnicon{
margin:10px 0 0;
padding:0;
float:left;
}
div#Contents ul.fnicon li{
margin:0 5px 0 0;
padding:0;
float:left;
list-style:none;
}
div#Contents dl{
margin:15px 0 10px 0;
padding:0;
font-size:75%;
line-height:130%;
}
div#Contents dt{
margin:0 0 5px 0;
padding:0;
font-weight:bold;
}
div#Contents dd{
margin:0 0 3px 5px;
padding:0;
}
div#Contents table {
margin:0 0 10px 0;
padding:0;
border-top:1px solid  #a3c5fb;
border-collapse:collapse;
font-size:75%;
line-height:180%;
text-align:left;
}
div#Contents table tr {
margin:0;
padding:0;
}
div#Contents table tr th {
margin:0;
padding:5px;
background:#fff;
border-bottom:1px solid  #a3c5fb;
vertical-align:top;
text-align:left;
}
div#Contents table tr td {
margin:0;
padding:5px;
border-bottom:1px solid  #a3c5fb;
vertical-align:top;
}
div#Contents table tr th.price,
div#Contents table tr td.price {
text-align:right;
}
div#Contents .red{
color:red;
}
div#Contents .bold{
font-weight:bold;
}
div#Contents .left {
text-align:left;
}
div#Contents .center {
text-align:center;
}
div#Contents .right {
text-align:right;
}
div#Contents .ruledLine {
margin:0 0 10px 0;
padding:0;
border:1px solid #a3c5fb;
}
div#Contents .navy {
color:#0B1074;
}


/* for CategoryTop */
div#Contents div.columnF01 {
margin:0 30px 0 0;
padding:0;
float:left;
width:160px;
display:inline;
}
div#Contents div.columnF02 {
margin:0 10px 0 0;
padding:0;
float:left;
width:120px;
display:inline;
}
div#Contents div.columnF03 {
margin:0 10px 0 0;
padding:0;
float:left;
width:120px;
display:inline;
}
div#Contents div.columnF04 {
margin:0;
padding:0;
float:left;
width:120px;
display:inline;
}
div#Contents div.columnF02 p,
div#Contents div.columnF03 p,
div#Contents div.columnF04 p {
text-align:center;
font-size:65%;
line-height:95%;
}
div#Contents div.columnF02 a,
div#Contents div.columnF03 a,
div#Contents div.columnF04 a {
color:#333;
text-decoration:none;
}
div#Contents div.columnF02 a:hover,
div#Contents div.columnF03 a:hover,
div#Contents div.columnF04 a:hover {
color:#333;
text-decoration:underline;
}
div#Contents div.titleHeader01 {
padding:3px;
margin:10px 0;
border-bottom: 1px solid #b2c1d9;
min-height:22px;
background: url(/image/h2_bg01_w570.gif) no-repeat left top #ccddf9;
vertical-align:center;
}
div#Contents div.titleHeader02 {
padding:3px;
margin:10px 0;
border-bottom: 1px solid #b2c1d9;
min-height:22px;
background: url(/image/h2_bg01_w570_acc.gif) no-repeat left top #ccddf9;
vertical-align:center;
}
*html div#Contents div.titleHeader01,
*html div#Contents div.titleHeader02 {
height:22px;
}
div#Contents div.titleHeader01 h2,
div#Contents div.titleHeader01 h3,
div#Contents div.titleHeader02 h2,
div#Contents div.titleHeader02 h3 {
padding:0;
margin:0;
}
div#Contents div.titleHeader01 h2 img,
div#Contents div.titleHeader01 h3 img,
div#Contents div.titleHeader02 h2 img,
div#Contents div.titleHeader02 h3 img {
padding:0;
list-style:none;
margin:5px 0 0 5px;
float:left;
}
div#Contents div.titleHeader01 h2 a img,
div#Contents div.titleHeader01 h3 a img,
div#Contents div.titleHeader02 h2 a img,
div#Contents div.titleHeader02 h3 a img {
padding-left:15px;
background: url(/image/link_bullet01.gif) no-repeat left 2px;
list-style:none;
margin:5px 0 0 5px;
float:left;
}
div#Contents div.titleHeader01 select,
div#Contents div.titleHeader02 select {
margin:0;
padding:0;
float:right;
vertical-align:center;
}


/* for LensesCategory */
div#Contents div.lensesHeader01 {
padding:3px;
margin:10px 0;
border-bottom: 1px solid #b2c1d9;
min-height:29px;
background: url(/image/h2_bg01_w570.gif) no-repeat left top #ccddf9;
vertical-align:center;
}
*html div#Contents div.lensesHeader01 {
height:29px;
}
div#Contents div.lensesHeader01 h2,
div#Contents div.lensesHeader01 h3 {
padding:0;
margin:0;
}
div.lensesHeader01 h2 img,
div.lensesHeader01 h3 img {
padding:0;
list-style:none;
margin:5px 0 0 5px;
float:left;
}
div#Contents div.lensesHeader01 h2 a img,
div#Contents div.lensesHeader01 h3 a img {
padding-left:15px;
background: url(/image/link_bullet01.gif) no-repeat left 2px;
list-style:none;
margin:5px 0 0 5px;
float:left;
}
div#Contents div.lensesHeader01 select {
margin:5px 0 0 0;
padding:0;
float:right;
vertical-align:center;
}
div#Contents table.depth {
margin:10px 0 0;
padding:0;
border:1px solid #a3c5fb;
border-collapse:collapse;
text-align:left;
color:#666;
clear:both;
}
*html div#Contents table.depth {
font-size:11px;
}
div#Contents table.depth tr {
margin:0;
padding:0;
}
div#Contents table.depth tr th {
margin:0;
padding:5px;
background:#d7e7ff;
border-right:1px solid #fff;
border-bottom:1px solid #fff;
vertical-align:top;
font-size:100%;
line-height:120%;
font-weight:bold;
}
div#Contents table.depth tr td {
margin:0;
padding:5px;
border-bottom:1px solid #a3c5fb;
border-right:1px solid #a3c5fb;
vertical-align:top;
font-size:100%;
line-height:120%;
font-weight:normal;
}
div#Contents ul.depthList {
margin:0 0 10px;
padding:0;
clear:both;
width:570px;
display:block;
}
div#Contents ul.depthList li {
margin:0 8px 0 0;
padding:0;
float:left;
font-size:12px;
font-weight:bold;
list-style:none;
}
div#Contents ul.depth li a {
font-weight:normal;
}
div#Contents p.depthLeft{
margin:3px 0 0 5px;
padding:0 0 0 12px;
background: url(/image/link_bullet01.gif) no-repeat left center;
list-style:none;
line-height:120%;
float:left;
text-align:left;
}
div#Contents p.depthRight {
margin:3px 5px;
padding:0;
float:right;
text-align:right;
}



/* 2010.10.08  */
div#Contents table.compatibility {
margin:10px 0 0;
padding:0;
border:1px solid #a3c5fb;
border-collapse:collapse;
text-align:center;
color:#666;
clear:both;
}
*html div#Contents table.compatibility {
font-size:75%;
}
div#Contents table.compatibility tr {
margin:0;
padding:0;
}
div#Contents table.compatibility tr th {
margin:0;
padding:5px;
background:#d7e7ff;
border-right:1px solid #fff;
border-bottom:1px solid #fff;
vertical-align:top;
font-size:100%;
line-height:120%;
font-weight:bold;
}
div#Contents table.compatibility tr td {
margin:0;
padding:5px;
border-bottom:1px solid #a3c5fb;
border-right:1px solid #a3c5fb;
vertical-align:top;
font-size:100%;
line-height:120%;
font-weight:normal;
}
/* /2010.10.08  */





/* productsHome */
div#Contents div.dslr, div#Contents div.di, div#Contents div.voice, div#Contents div.film, div#Contents div.bino, div#Contents div.acc {
border: 1px solid #D2E2FC;
position: relative;
width: 268px;
min-height: 150px;
float: left;
}
*html div#Contents div.dslr, div#Contents div.di, div#Contents div.voice, div#Contents div.film, div#Contents div.bino, div#Contents div.acc {
height: 150px;
}
div#Contents div.dslr {
background: url(/image/bg_digitalslr.jpg) left bottom no-repeat;
}
div#Contents div.di {
background: url(/image/bg_digitalimaging.jpg) left bottom no-repeat;
}
div#Contents div.voice {
background: url(/image/bg_voicerecorders.jpg) left bottom no-repeat;
}
div#Contents div.film {
background: url(/image/bg_filmcameras.jpg) left bottom no-repeat;
}
div#Contents div.bino {
background: url(/image/bg_binoculars.jpg) left bottom no-repeat;
}
div#Contents div.acc {
background: url(/image/bg_acc.jpg) left bottom no-repeat;
}
div#Contents div.dslr a, div#Contents div.di a, div#Contents div.voice a, div#Contents div.film a, div#Contents div.bino a, div#Contents div.acc a {
position: absolute;
display: block;
width: 93%;
height: 96%;
left: 4px;
top: 6px;
padding-left: 15px;
background: url(/image/link_bullet01.gif) 0px 3px no-repeat;
}
div#Contents div.dslr p, div#Contents div.di p, div#Contents div.voice p, div#Contents div.film p, div#Contents div.bino p, div#Contents div.acc p {
padding: 30px 13px 0px 132px !important;
font-size:75% !important;
line-height:120% !important;
}


/* seriesTop */
div#Contents div.product {
width: 168px;
border: 1px solid #D2E2FC;
position: relative;
min-height: 180px;
background: url(/image/product_bg01.gif) left bottom no-repeat;
margin:0 0 15px 0;
}
*html div#Contents div.product {
height: 180px;
}
div#Contents div.product h2,
div#Contents div.product h3 {
margin: 0;
padding: 0;
}
div#Contents div.product h2 a,
div#Contents div.product h3 a {
position: absolute;
display: block;
width: 89%;
height: 95%;
left: 0px;
top: 2px;
padding-left: 19px;
padding-top: 6px;
background: url(/image/link_bullet01.gif) 4px 9px no-repeat;
}
*html div#Contents div.product h2 a,
*html div#Contents div.product h3 a {
width: 89%;
height: 96%;
}
div#Contents div.product div.image {
text-align: center;
margin-top: 25px;
}
div#Contents div.product ul {
margin:3px 0 0;
padding:0;
}
div#Contents div.product ul li {
margin:5px 2px 0 5px;
padding:0 0 0 5px;
list-style:none;
}
div#Contents div.productLenses {
width: 168px;
border: 1px solid #D2E2FC;
position: relative;
min-height: 180px;
margin:0 0 15px 0;
background: url(/image/product_bg01.gif) left bottom no-repeat;
}
*html div#Contents div.productLenses {
height: 180px;
}
div#Contents div.productLenses h2,
div#Contents div.productLenses h3 {
margin: 0;
padding: 0;
}
div#Contents div.productLenses h2 a,
div#Contents div.productLenses h3 a {
position: absolute;
display: block;
width: 89%;
height: 95%;
left: 0px;
top: 2px;
padding-left: 19px;
padding-top: 6px;
background: url(/image/link_bullet01.gif) 4px 9px no-repeat;
}
*html div#Contents div.productLenses h2 a,
*html div#Contents div.productLenses h3 a {
width: 89%;
height: 96%;
}
div#Contents div.productLenses div.image {
text-align: center;
margin-top: 90px;
height: 90px;
}
div#Contents div.productFlashes {
width: 168px;
border: 1px solid #D2E2FC;
position: relative;
min-height: 150px;
margin:0 0 15px 0;
background: url(/image/product_bg01.gif) left bottom no-repeat;
}
*html div#Contents div.productFlashes {
height: 150px;
}
div#Contents div.productFlashes h2,
div#Contents div.productFlashes h3 {
margin: 0;
padding: 0;
}
div#Contents div.productFlashes h2 a,
div#Contents div.productFlashes h3 a {
position: absolute;
display: block;
width: 89%;
height: 95%;
left: 0px;
top: 2px;
padding-left: 19px;
padding-top: 6px;
background: url(/image/link_bullet01.gif) 4px 9px no-repeat;
}
*html div#Contents div.productFlashes h2 a,
*html div#Contents div.productFlashes h3 a {
width: 89%;
height: 96%;
}
div#Contents div.productFlashes div.image {
text-align: center;
margin-top: 50px;
}

div#Contents div.newproduct {
width: 168px;
border: 1px solid #D2E2FC;
position: relative;
min-height: 180px;
background: url(/image/productnew_bg01.gif) left bottom no-repeat;
margin:0 0 15px 0;
}
*html div#Contents div.newproduct {
height: 180px;
}
div#Contents div.newproduct h2,
div#Contents div.newproduct h3 {
margin: 0;
padding: 0;
}
div#Contents div.newproduct h2 a,
div#Contents div.newproduct h3 a {
position: absolute;
display: block;
width: 89%;
height: 95%;
left: 0px;
top: 2px;
padding-left: 19px;
padding-top: 6px;
background: url(/image/link_bullet01.gif) 4px 9px no-repeat;
}
*html div#Contents div.newproduct h2 a,
*html div#Contents div.newproduct h3 a {
width: 89%;
height: 96%;
}
div#Contents div.newproduct div.image {
text-align: center;
margin-top: 25px;
}
div#Contents div.newproduct ul {
margin:3px 0 0;
padding:0;
}
div#Contents div.newproduct ul li {
margin:5px 2px 0 5px;
padding:0 0 0 5px;
list-style:none;
}
div#Contents div.newproductLenses {
width: 168px;
border: 1px solid #D2E2FC;
position: relative;
min-height: 180px;
margin:0 0 15px 0;
background: url(/image/productnew_bg01.gif) left bottom no-repeat;
}
*html div#Contents div.newproductLenses {
height: 180px;
}
div#Contents div.newproductLenses h2,
div#Contents div.newproductLenses h3 {
margin: 0;
padding: 0;
}
div#Contents div.newproductLenses h2 a,
div#Contents div.newproductLenses h3 a {
position: absolute;
display: block;
width: 89%;
height: 95%;
left: 0px;
top: 2px;
padding-left: 19px;
padding-top: 6px;
background: url(/image/link_bullet01.gif) 4px 9px no-repeat;
}
*html div#Contents div.newproductLenses h2 a,
*html div#Contents div.newproductLenses h3 a {
width: 89%;
height: 96%;
}
div#Contents div.newproductLenses div.image {
text-align: center;
margin-top: 90px;
height: 90px;
}
div#Contents div.newproductFlashes {
width: 168px;
border: 1px solid #D2E2FC;
position: relative;
min-height: 150px;
margin:0 0 15px 0;
background: url(/image/productnew_bg01.gif) left bottom no-repeat;
}
*html div#Contents div.newproductFlashes {
height: 150px;
}
div#Contents div.newproductFlashes h2,
div#Contents div.newproductFlashes h3 {
margin: 0;
padding: 0;
}
div#Contents div.newproductFlashes h2 a,
div#Contents div.newproductFlashes h3 a {
position: absolute;
display: block;
width: 89%;
height: 95%;
left: 0px;
top: 2px;
padding-left: 19px;
padding-top: 6px;
background: url(/image/link_bullet01.gif) 4px 9px no-repeat;
}
*html div#Contents div.newproductFlashes h2 a,
*html div#Contents div.newproductFlashes h3 a {
width: 89%;
height: 96%;
}
div#Contents div.newproductFlashes div.image {
text-align: center;
margin-top: 50px;
}



/* for AccessoriesPage */
div#Contents div.section div.columnG01 {
margin:0;
padding:0;
float:right;
width:428px;
display:inline;
}
div#Contents div.section div.columnG02 {
margin:0 30px 0 0;
padding:0;
float:left;
width:110px;
display:inline;
}
div#Contents div.section div.columnG02 img {
margin:00;
padding:0;
border:1px solid #ccc;
}


/* for ArchivedProductsTop */
div#Contents div.archived {
margin:0 10px 0 0;
padding:0;
float:left;
width:100px;
display:inline;
text-align:center;
}
div#Contents div.archived p {
font-size:65%;
line-height:95%;
}
div#Contents div.archived a {
color:#333;
text-decoration:none;
}
div#Contents div.archived a:hover {
color:#333;
text-decoration:underline;
}

/* new add css 20090601
---------------------------------- */

/* product_list */
div#Contents ul.product_list {
padding: 0;
list-style: none;
margin: 0 -30px 0 0;
/zoom: 1;
_height: 1px;
min-height: 1px;
/**//*/
height: auto;
overflow: hidden;
/**/
}

div#Contents ul.product_list:after {
height: 0;
visibility: hidden;
content: ".";
display: block;
clear: both;
font-size: 0;
}

/* 2011.12.06 modified /from */
div#Contents ul.product_list li {
font-size: 100%;
float: left;
position: relative;
width: 168px;
/height: 170px;
min-height: 170px;
margin: 0 30px 15px 0;
padding: 0 0 10px 0;
border: 1px solid #ccc;
background:;
background: url(../../image/product_bg02.gif) left bottom no-repeat;
display: inline;
}
/* 2011.12.06 modified /to */

div#Contents ul.product_list li dl {
margin: 0;
padding: 0;
font-size: 100%;
line-height: 130%;
}

/* 2011.12.06 modified /from */
div#Contents ul.product_list li dl.new {
background: url(../../image/productnew_bg02.gif) no-repeat 134px 6px;
}
/* 2011.12.06 modified /to */

div#Contents ul.nobg li {
background: none !important;
/height: 130px;
min-height: 130px;
}

div#Contents ul.product_list li dt {
float: none;
margin: 0;
padding: 0;
font-size: 100%;
}

div#Contents ul.product_list li dt a {
position: absolute;
display: block;
width: 139px;
height: 97%;
left: 0px;
top: 2px;
padding: 3px 10px 0 19px;
background: url(../../image/link_bullet01.gif) 4px 7px no-repeat;
font-weight: bold;
color: #555555;
text-decoration: none;
line-height: 1.1;
}

div#Contents ul.product_list li dt.nolink {
position: absolute;
display: block;
width: 148px;
height: 97%;
left: 0px;
top: 2px;
padding: 3px 10px 0 10px;
font-weight: bold;
color: #555555;
text-decoration: none;
line-height: 1.1;
}

div#Contents ul.product_list li dt a:hover {
color: #555555;
text-decoration: none;
}

div#Contents ul.product_list li dl.new dt a {
width: 121px;
padding-right: 28px;
}

div#Contents ul.product_list li dd {
float: none;
margin: 0;
padding: 0;
font-size: 100%;
}

div#Contents ul.product_list li dd.image {
text-align: center;
padding-top: 30px;
}

div#Contents ul.product_list li dd.title_2line {
padding-top: 50px;
}

div#Contents ul.product_list li dd.title_3line {
padding-top: 70px;
}

div#Contents ul.product_list li dd.function {
font-size: 70%;
margin:5px 2px 0 5px;
padding:0 0 0 5px;
line-height: 130%;
}

div#Contents ul.product_list li dd.btn {
text-align: center;
padding-top: 20px;
position:relative;
}

div#Contents ul.product_list li dd.btn a{
	z-index:100;
}

/* title */
div#Contents .title_blue	{
clear: both;
padding:4px 5px;
margin:10px 0 20px 0;
border-bottom: 1px solid #b2c1d9;
background: url(/image/h2_bg01_w570.gif) no-repeat left top #ccddf9;
}

div#Contents .title_gray	{
clear: both;
padding:4px 5px;
margin:10px 0 20px 0;
border-bottom: 1px solid #b2c1d9;
background: url(/image/h2_bg01_w570_acc.gif) no-repeat left top #ccddf9;
}

div#Contents .title_blue a,
div#Contents .title_gray a {	
padding-left:15px;
background: url(/image/link_bullet01.gif) no-repeat left 5px;
color:#555555;
text-decoration:none;
}

/* accessories_list */
div#Contents ul.accessories_list {
margin: 0 ;
padding: 0 ;
list-style: none;
}

div#Contents ul.accessories_list li {
font-size: 100%;
border-bottom:1px dashed #A3C5FB;
padding:0 0 10px 0;
margin:0 0 10px 0;
}

div#Contents ul.accessories_list li.no_border {
border-bottom: none;
}

div#Contents ul.accessories_list li dl:after {
height: 0;
visibility: hidden;
content: ".";
display: block;
clear: both;
font-size: 0;
}

div#Contents ul.accessories_list li dl {
float: none;
margin: 0;
padding: 0;
font-size: 100%;
width: 570px;
_height: 1px;
min-height: 1px;
/**//*/
height: auto;
overflow: hidden;
/**/
}

div#Contents ul.accessories_list li dl dt {
margin: 0;
padding: 0;
font-size: 100%;
float: left;
width: 140px;
}

div#Contents ul.accessories_list li dl dt img {
border: 1px solid #CCCCCC;
}

div#Contents ul.accessories_list li dl dd {
float: right;
margin: 0;
padding: 0;
font-size: 100%;
width: 430px;
}

div#Contents ul.accessories_list li dl dd p {
margin: 0;
padding: 0;
}

div#Contents ul.accessories_list li dl dd p.LinkIcon{
margin:0;
padding:0 0 0 12px;
}

div#Contents ul.accessories_list li dl dd ul {
margin-top: 10px;
}

div#Contents ul.accessories_list li dl dd ul li {
border: none;
list-style-type:disc;
font-size:70%;
margin:0 0 5px 15px;
padding:0 0 0 7px;
}

div#Contents ul.accessories_list li h3 {
margin: 0;
padding: 0;
font-size: 100%;
}

div#Contents div.selectArea {
position: relative;
}

div#Contents div.selectArea select {
position: absolute;
top: 2px;
right: 2px;
margin: 0;
padding: 0;
}

/* for CategoryTop */
div#Contents ul.textlink li {
font-weight: bold;
color: #555555;
font-size: 100%;
background: url(/image/link_bullet01.gif) no-repeat left 5px;
}

div#Contents ul.textlink li a {
color: #555555;
text-decoration: none;
}

/* new add css 200900812
---------------------------------- */
/* for comparison_area */
div#Contents div#comparison_titlearea {
position: relative;
width: 750px;
margin-bottom: 15px;
}

div#Contents div#comparison_titlearea p {
position: absolute;
left: 610px;
top: 15px;
}

div#Contents div#comparison_area {
width: 740px;
padding: 5px;
background: #EEEEEE;
border-bottom: 1px solid #333333;
}

/* for dealers_area */
div#Contents div#dealers_titlearea {
width: 570px;
margin-bottom: 15px;
}

div#Contents div#dealers_area {
width: 560px;
padding: 5px;
background: #EEEEEE;
border-bottom: 1px solid #333333;
}

div#Contents div#comparison_area:after,
div#Contents div#dealers_area:after,
div#dealers_areaL dl#search_data:after {
height: 0;
visibility: hidden;
content: ".";
display: block;
clear: both;
font-size: 0;
}

div#Contents div#comparison_area,
div#Contents div#dealers_area,
div#dealers_areaL dl#search_data {
font-size: 100%;
_height: 1px;
min-height: 1px;
/**//*/
height: auto;
overflow: hidden;
/**/
}

div#Contents div#comparison_area div#comparison_areaL,
div#Contents div#dealers_area div#dealers_areaL {
float: left;
width: 60%;
}

div#Contents div#comparison_area div#comparison_areaR,
div#Contents div#dealers_area div#dealers_areaR {
float: right;
width: 40%;
}

div#Contents div#comparison_area div#comparison_areaR ul,
div#Contents div#comparison_area div#comparison_areaR ul li,
div#Contents div#dealers_area div#dealers_areaR ul,
div#Contents div#dealers_area div#dealers_areaR ul li,
div#Contents div#dealers_area div#dealers_areaR dl,
div#Contents div#dealers_area div#dealers_areaR dl dt,
div#Contents div#dealers_area div#dealers_areaR dl dd {
margin: 0;
padding: 0;
list-style: none;
}

div#dealers_areaL dl.search_data {
clear: both;
width: 100%;
padding: 0;
margin: 0;
font-size: 75%;
}

div#dealers_areaL dl.search_data dt {
float: left;
padding: 0;
margin: 0;
font-weight: bold;
text-align:right;
}

div#dealers_areaL dl.search_data dd {
float: left;
padding: 0;
margin: 0;
}

div#Contents div#comparison_area div#comparison_areaR ul li,
div#Contents div#dealers_area div#dealers_areaR ul li {
padding-bottom: 5px;
}

div#Contents table.comparison_table,
div#Contents table.dealers_table {
clear: both;
width: 100%;
margin:15px 0 0 0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
border-collapse: separate;
border-spacing: 1;
background: #333333;
border-top: none;
}

div#Contents table.comparison_table th {
margin:0;
padding:5px;
vertical-align:top;
text-align:left;
border-bottom: none;
background:#eee;
font-weight: bold;
}

div#Contents table.dealers_table th {
margin:0;
padding:5px;
width:19%;
vertical-align:top;
text-align:left;
border-bottom: none;
background:#eee;
font-weight: bold;
}

div#Contents table.comparison_table th {
border-right:solid 1px #333;
}

div#Contents table.comparison_table th.first {
border-right: none;
}

div#Contents table.comparison_table td {
margin:0;
padding:5px;
vertical-align:top;
text-align:left;
border-bottom: none;
background: #FFFFFF;
}

div#Contents table.dealers_table td {
width: 27%;
margin:0;
padding:5px;
vertical-align:top;
text-align:left;
border-bottom: none;
background: #FFFFFF;
}

div#Contents table.dealers_table td.dealers_title {
width: 20%;
font-weight: bold;
}

div#Contents table.dealers_table td.dealers_text {
width: 80%;
}

div#Contents p.dealers_error {
margin-top: 15px;
color: #FF0000;
}

div#Contents p.credit-title {
margin:0 0 10px 0;
padding:0;
font-size:55%;
line-height:120%;
color:#999999;
}

/* 2012.12.06 added */
div#brandArea .canvas{
margin-bottom:10px;
}

div#brandArea h1.border img,
div#brandArea div.border img{
border-top:1px solid #dfe2e3;
}

div#brandArea .area_funcicons{
	margin:7px 0;
}

/*
div#brandArea .funcicons_1row{
	margin:7px 0;
	height:35px;
}

div#brandArea .funcicons_2row{
	margin:7px 0;
	height:70px;
}
*/

div#Contents div.div_hero{
margin-right:-10px;
width:auto;
}

div#Contents div.div_hero p{
margin:5px 0 0;
line-height:1.3em;
font-size:70%;
}

div#Contents div.div_hero p.title{
font-size:100%;
}

div#Contents div.div_hero ul,
div#Contents div.div_hero li{
	margin:0;
	padding:0;
	list-style:none;
	font-size:100%;
}

div#Contents div.div_hero .key1,
div#Contents div.div_hero .list1{
margin-bottom:15px;
}

div#Contents div.div_hero .list1{
width:568px;
}

div#Contents div.div_hero .key2,
div#Contents div.div_hero .list2{
margin-right:10px;
float:left;
}

div#Contents div.div_hero .list2{
width:278px;
}

div#Contents div.div_hero .list1,
div#Contents div.div_hero .list2{
background:url(../../image/bg_div_hero.jpg) 0 0 repeat-x #eee;
border:1px solid #ccc;
position:relative;
zoom:1;
}

div#Contents div.div_hero .list1 .inner,
div#Contents div.div_hero .list2 .inner{
border:1px solid #fff;
padding:40px 10px 10px;
}

div#Contents div.div_hero .new .inner{
background-image:url(../../image/icon_news.png);
/background-image:url(../../image/productnew_bg02.gif);
background-repeat:no-repeat;
}

div#Contents div.div_hero .list1 .inner{
background-position: 534px 6px;
}

div#Contents div.div_hero .list2 .inner{
background-position: 245px 6px;
}

div#Contents div.div_hero .title{
position:absolute;
height:98%;
zoom:1;
}

div#Contents div.div_hero .title a {
display:block;
height:98%;
padding: 10px 0 0 30px;
background: url(../../image/link_bullet01.gif) 15px 13px no-repeat;
font-weight: bold;
color: #555555;
text-decoration: none;
line-height: 1.1;
}

div#Contents div.div_hero .list1 .title{
width:558px;
}

div#Contents div.div_hero .list1 .title a{
width:538px;
}

div#Contents div.div_hero .list2 .title{
width:268px;
}

div#Contents div.div_hero .list2 .title a{
width:248px;
}

div#Contents div.div_hero .image{
float:left;
margin-right:5px;
}

div#Contents div.div_hero .text{
float:left;
}

div#Contents div.div_hero .list1 .text{
width:190px;
}

div#Contents div.div_hero .list2 .text{
width:120px;
}
div#Contents div.div_hero .list2 .text p{
/* font-size:90%; */
}

.clearfix{
zoom:100%;
}

.clearfix:after{
content: ".";
font-size: 0.1px;
line-height: 0;
display: block;
height: 0.1px;
visibility: hidden;
clear: both;
}


/* angle_and_colors2 */
div#angle_and_colors2 {
height:30px;
background:#fff url(/products/image/angle_and_colors_bg2.gif) no-repeat left bottom;
}

div#angle_and_colors2 ul.outer {
list-style:none;
margin:0;
padding:0;
}

div#angle_and_colors2 ul.outer li.left {
float:left;
margin:0;
padding:0 0 0 10px;
}

div#angle_and_colors2 ul.outer li.right {
float:right;
margin:2px 0 0 0;
padding:0 20px 0 0;
}

div#angle_and_colors2 ul.inner {
list-style:none;
margin:0;
padding:0;
}

div#angle_and_colors2 ul.inner li.image {
float:left;
margin:0;
padding:0;
}

div#angle_and_colors2 ul.inner li.image div {
border:transparent 2px solid;
}

div#angle_and_colors2 ul.inner li.color {
float:left;
margin:0 0 0 8px;
padding:0;
}

div#angle_and_colors2 ul.inner li.color div {
border:transparent 2px solid;
}

div#angle_and_colors2 ul.inner li.color span {
display:block;
width:19px;
height:19px;
margin:0;
border:#fff 1px solid;
}


/* overlay */
#overlay{
position:absolute;
background:#616161;
padding:9px;
visibility: hidden;
top: 0;
color:#fff;
z-index: 1000;
}

#overlay .caption{
margin:2px 0 11px;
font-weight:bold;
}
#overlay .closeit {
position: absolute;
right: 10px;
top: 9px;
padding: 5px;
/*  background:url(/image/btn_close.jpg) no-repeat left top; */
color: #fff;
cursor: pointer;
z-index: 2000;
text-decoration: none;
}

div#Contents .screenshot {
display:block;
}

div#Contents .screenshot span.icon-zoom {
position: absolute;
margin: 0;
right: 0;
bottom: 0 !important;
bottom: 21px;
}