@charset "utf-8";

@font-face {
	font-family:'SIGMA_Bold';
	src:url('sigma_bold.eot');
	src:url('sigma_bold.eot?#iefix') format('embedded-opentype'),
	    url('sigma_bold.woff') format('woff'),
	    url('sigma_bold.ttf') format('truetype');
	font-weight:bold;
	font-style:normal;
}

@font-face {
	font-family:'SIGMA_Medium';
	src:url('sigma_medium.eot');
	src:url('sigma_medium.eot?#iefix') format('embedded-opentype'),
	    url('sigma_medium.woff') format('woff'),
	    url('sigma_medium.ttf') format('truetype');
	font-weight:bold;
	font-style:normal;
}

@font-face {
	font-family:'NIS_SMS5';
	src:url('nis_sms5.eot');
	src:url('nis_sms5.eot?#iefix') format('embedded-opentype'),
	    url('nis_sms5.woff') format('woff'),
	    url('nis_sms5.ttf') format('truetype');
	font-weight:bold;
	font-style:normal;
}

@font-face {
	font-family:'ICONS';
	src:url('icons.eot');
	src:url('icons.eot?#iefix') format('embedded-opentype'),
	    url('icons.woff') format('woff'),
	    url('icons.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0; 
	padding:0; 
	border:0; 
	outline:0; 
	font-size:100%; 
	font-style:normal; 
	vertical-align:baseline; 
	background:transparent;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {display:block;}
i, em {font-style:normal;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:''; content:none;}
a {margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent;}
table {border-collapse:collapse; border-spacing:0;}
hr {display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0;}
input, select {vertical-align:middle;}
img {vertical-align:bottom;}
body, input, select, textarea, pre {
	font-family:Verdana, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;}

html {height:100%;}
body {
	width:100%; 
	height:100%; 
	color:#464646; 
	background-color:#fff; 
	font-size:12px; 
	line-height:1.5; 
	text-align:center; 
	hyphens:auto; 
	-webkit-text-size-adjust:100%; 
	-webkit-font-smoothing:antialiased; 
	-moz-osx-font-smoothing:grayscale;
}

a {
	color:#464646; text-decoration:underline; outline:none; 
	transition:all 0.2s ease-in-out 0s; transition-property:border-color,background-color,color,opacity;}
a:hover {color:#999;}
sup {position:relative; top:-0.1em; font-size:60%; vertical-align:top;}

body > .mask {display:none;}

#container {width:100%; min-width:940px; height:auto !important; height:100%; min-height:100%; position:relative; overflow:hidden;}
#container:after {display:block; content:""; clear:both; height:0;}

header#header {position:relative; z-index:9900; height:60px; margin:0 auto; text-align:left;}
header#header > h1 {
	width:100%; height:60px; position:absolute; left:0; top:0; z-index:9902; border-bottom:1px solid #e5e5e5; background:#f7f7f7;
	transition:all 0.2s ease-in-out 0s; transition-property:border-color,background-color,color,opacity;}
header#header:hover > h1 {border-bottom:1px solid #e5e5e5; background:#f7f7f7;}
header#header > h1 > a {
	display:block; width:262px; height:60px; position:absolute; left:50%; top:0; z-index:9902; margin:0 0 0 -470px; 
	background:url(../images/general.png) 0 0 no-repeat; text-indent:110%; white-space:nowrap; overflow:hidden;}
header#header > nav {width:660px; position:absolute; right:50%; z-index:9902; margin:0 -460px 0 0; text-align:right; letter-spacing:-0.4em; line-height:0;}
header#header > nav > section {display:inline-block; text-align:left; line-height:normal; letter-spacing:normal; vertical-align:top;}
header#header > nav > section > h1 {}
header#header > nav > section > h1 > * {
	display:table-cell; height:57px; padding:2px 25px 0; margin:0 0 -2px; border-bottom:2px solid transparent; 
	color:#000000; font-size:14px; font-weight:normal; text-align:center; text-decoration:none; vertical-align:middle;}
header#header > nav > section > h1 > span {color:#999999; cursor:default;}
header#header > nav > section > h1 > a:hover, 
header#header > nav > .selected > h1 > a {border-color:#000000; color:#000000;}
header#header > nav > section > h1 > a:hover {color:#888888;}
header#header > nav > section > ul, 
header#header > nav > section > div, 
header#header > nav > section > section {display:none;}

#sub-nav {display:none; width:100%; position:absolute; left:0; top:61px; z-index:9901;}
#sub-nav > section {
	width:921px; position:absolute; left:0; top:0; z-index:9902; margin:0 0 0 -460px; padding:40px 50%; border-bottom:1px solid #e5e5e5; background:#ffffff; text-align:left;}
#sub-nav > section a:hover {color:#464646; opacity:0.5;}
#sub-nav > section ul > li > span {color:#999999; cursor:default;}
#sub-nav > section ul > li br {color:#ffffff; font-size:1px;}
#sub-nav > section.selected {z-index:9903;}

#sub-nav > .about {}
#sub-nav > .about > ul {display:table; margin:0 auto; border-left:1px solid #e5e5e5;}
#sub-nav > .about > ul > li {display:table-cell; width:189px; padding:88px 20px 0; border-right:1px solid #e5e5e5; color:#7f7f7f; font-weight:bold; text-align:center;}
#sub-nav > .about > ul > li > * {display:block; margin:-88px -20px 0; padding:88px 20px 0; background:center 0 no-repeat; text-decoration:none;}
#sub-nav > .about > ul > li.craftsmanship   > * {background-image:url(../images/main-nav_about_craftsmanship.jpg);}
#sub-nav > .about > ul > li.inside-story    > * {background-image:url(../images/main-nav_about_inside-story.jpg);}
#sub-nav > .about > ul > li.core-technology > * {background-image:url(../images/main-nav_about_core-technology.gif);}
#sub-nav > .about > ul > li.archive         > * {background-image:url(../images/main-nav_about_archive.jpg);}

#sub-nav > .cameras {}
#sub-nav > .cameras > section {display:inline-block;}
#sub-nav > .cameras > section:after {display:block; clear:both; height:0; content:"";}
#sub-nav > .cameras > section > h1 {display:block; float:left; width:229px; height:100px; background:no-repeat; text-indent:100%; white-space:nowrap; overflow:hidden;}
#sub-nav > .cameras > section ul {display:table; float:left; border-left:1px solid #e5e5e5;}
#sub-nav > .cameras > section ul > li {display:table-cell; border-right:1px solid #e5e5e5; text-align:center; vertical-align:top;}
#sub-nav > .cameras > section ul > li > * {
	display:table-cell; width:209px; padding:82px 10px 0; text-decoration:none; background:center 0 no-repeat; vertical-align:bottom; 
	font:bold 12px/1.3 SIGMA_Bold, Verdana, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;}
#sub-nav > .cameras > section ul > li i, 
#sub-nav > .cameras > section ul > li b {
	font:bold 10px/1.5 Verdana, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;}
#sub-nav > .cameras {text-align:center;}
#sub-nav > .cameras > ul {margin:0 auto; letter-spacing:-0.4em;}
#sub-nav > .cameras > ul > li {
	display:inline-block; width:189px; margin:0 0 0 -1px; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; letter-spacing:normal; vertical-align:top;}
#sub-nav > .cameras > ul > li > * {display:block; height:100px; background:#fff center 0 no-repeat; text-indent:110%; white-space:nowrap; overflow:hidden;}
#sub-nav > .cameras > ul > li > span {opacity:0.5; cursor:default;}
#sub-nav > .cameras > ul > li.sd-quattro > * {background-image:url(../images/main-nav_cameras_sd-quattro.png);}
#sub-nav > .cameras > ul > li.dp-quattro > * {background-image:url(../images/main-nav_cameras_dp-quattro.png);}

#sub-nav > .lenses {padding-top:0; padding-bottom:0;}
#sub-nav > .lenses section {position:relative; letter-spacing:normal; vertical-align:top;}
#sub-nav > .lenses section > h1 {cursor:default;}
#sub-nav > .lenses section > ul {display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap;}
#sub-nav > .lenses section > ul:after {display:block; clear:both; height:0; content:"";}
#sub-nav > .lenses section > ul > li {
	display:block; float:left; width:114px; margin:0 -1px 0 0; 
	border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; text-align:center; vertical-align:top;}
#sub-nav > .lenses section > ul > li > * {
	display:inline-block; width:114px; position:relative; padding:51px 0 0;
	text-decoration:none; background:center 0 no-repeat; vertical-align:bottom; 
	font:bold 12px/1.3 SIGMA_Bold, Verdana, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;}
#sub-nav > .lenses section > ul > li > a:after {
	display:block; width:26px; height:12px; position:absolute; left:5px; top:0; 
	background:url(../images/label_new.gif) no-repeat; text-indent:110%; white-space:nowrap; overflow:hidden;}
#sub-nav > .lenses section > ul > li > span {opacity:0.5; cursor:default;}
#sub-nav > .lenses > .cas {width:921px; margin:0 0 0 -1000px; padding:10px 1000px 20px; border-bottom:1px solid #e5e5e5; text-align:left;}
#sub-nav > .lenses > .cas > ul {}
#sub-nav > .lenses > .cas > ul > li {position:relative; margin-top:34px;}
#sub-nav > .lenses > .cas > ul > li.a_35_14        > * {background-image:url(../lenses/cas/images/a_35_14.png);}
#sub-nav > .lenses > .cas > ul > li.a_30_14        > * {background-image:url(../lenses/cas/images/a_30_14.png);}
#sub-nav > .lenses > .cas > ul > li.a_18_35_18     > * {background-image:url(../lenses/cas/images/a_18_35_18.png);}
#sub-nav > .lenses > .cas > ul > li.a_24_105_4     > * {background-image:url(../lenses/cas/images/a_24_105_4.png);}
#sub-nav > .lenses > .cas > ul > li.a_50_14        > * {background-image:url(../lenses/cas/images/a_50_14.png);}
#sub-nav > .lenses > .cas > ul > li.a_24_14        > * {background-image:url(../lenses/cas/images/a_24_14.png);}
#sub-nav > .lenses > .cas > ul > li.a_24_35_2      > * {background-image:url(../lenses/cas/images/a_24_35_2.png);}
#sub-nav > .lenses > .cas > ul > li.a_20_14        > * {background-image:url(../lenses/cas/images/a_20_14.png);}
#sub-nav > .lenses > .cas > ul > li.a_50_100_18    > * {background-image:url(../lenses/cas/images/a_50_100_18.png);}
#sub-nav > .lenses > .cas > ul > li.a_12_24_4      > * {background-image:url(../lenses/cas/images/a_12_24_4.png);}
#sub-nav > .lenses > .cas > ul > li.a_85_14        > * {background-image:url(../lenses/cas/images/a_85_14.png);}
#sub-nav > .lenses > .cas > ul > li.a_135_18       > * {background-image:url(../lenses/cas/images/a_135_18.png);}
#sub-nav > .lenses > .cas > ul > li.a_14_18        > * {background-image:url(../lenses/cas/images/a_14_18.png);}
#sub-nav > .lenses > .cas > ul > li.a_24_70_28     > * {background-image:url(../lenses/cas/images/a_24_70_28.png);}
#sub-nav > .lenses > .cas > ul > li.c_17_70_28_4   > * {background-image:url(../lenses/cas/images/c_17_70_28_4.png);}
#sub-nav > .lenses > .cas > ul > li.c_18_200_35_63 > * {background-image:url(../lenses/cas/images/c_18_200_35_63.png);}
#sub-nav > .lenses > .cas > ul > li.c_18_300_35_63 > * {background-image:url(../lenses/cas/images/c_18_300_35_63.png);}
#sub-nav > .lenses > .cas > ul > li.c_150_600_5_63 > * {background-image:url(../lenses/cas/images/c_150_600_5_63.png);}
#sub-nav > .lenses > .cas > ul > li.c_100_400_5_63 > * {background-image:url(../lenses/cas/images/c_100_400_5_63.png);}
#sub-nav > .lenses > .cas > ul > li.s_120_300_28   > * {background-image:url(../lenses/cas/images/s_120_300_28.png);}
#sub-nav > .lenses > .cas > ul > li.s_150_600_5_63 > * {background-image:url(../lenses/cas/images/s_150_600_5_63.png);}
#sub-nav > .lenses > .cas > ul > li.s_500_4        > * {background-image:url(../lenses/cas/images/s_500_4.png);}
#sub-nav > .lenses > .cas > ul > li > b {
	display:block; height:24px; position:absolute; left:-1px; top:-24px; margin:0; padding:0; 
	border-left:1px solid #e5e5e5; background:0 -10px no-repeat; text-align:left; text-indent:110%; white-space:nowrap; overflow:hidden;}
#sub-nav > .lenses > .cas > ul > li > b.art          {width:52px;  background-image:url(../images/main-nav_lenses_art.png);}
#sub-nav > .lenses > .cas > ul > li > b.contemporary {width:107px; background-image:url(../images/main-nav_lenses_contemporary.png);}
#sub-nav > .lenses > .cas > ul > li > b.sports       {width:70px;  background-image:url(../images/main-nav_lenses_sports.png);}
#sub-nav > .lenses > .dn-lenses {display:inline-block; margin:0 -1px 0 0; padding:10px 0; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5;}
#sub-nav > .lenses > .dn-lenses:after {display:block; clear:both; height:0; content:"";}
#sub-nav > .lenses > .dn-lenses > h1 {float:left; width:100px; padding:0 4px 0 10px; font-size:10px; font-weight:normal; text-align:left; line-height:1.2;}
#sub-nav > .lenses > .dn-lenses > h1 > b {display:block;}
#sub-nav > .lenses > .dn-lenses > ul {float:left;}
#sub-nav > .lenses > .dn-lenses > ul > li {}
#sub-nav > .lenses > .dn-lenses > ul > li > * {height:1em; font-size:10px;}
#sub-nav > .lenses > .dn-lenses > ul > li.a_19_28 > * {background-image:url(../lenses/cas/images/a_19_28.png);}
#sub-nav > .lenses > .dn-lenses > ul > li.a_30_28 > * {background-image:url(../lenses/cas/images/a_30_28.png);}
#sub-nav > .lenses > .dn-lenses > ul > li.a_60_28 > * {background-image:url(../lenses/cas/images/a_60_28.png);}
#sub-nav > .lenses > .dn-lenses > ul > li.c_30_14 > * {background-image:url(../lenses/cas/images/c_30_14.png);}
/* cashBack */#sub-nav > .lenses > .banner {display: inline-block; padding: 10px 0 0 10px;}
#sub-nav > .lenses > .accessories {display:inline-block; margin:0 -1px 0 0; padding:10px 0; border:none; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5;}
#sub-nav > .lenses > .accessories:after {display:block; clear:both; height:0; content:"";}
#sub-nav > .lenses > .accessories > h1 {float:left; width:100px; padding:0 4px 0 10px; font-weight:bold; font-size:10px; text-align:left; line-height:1.2;}
#sub-nav > .lenses > .accessories > ul {float:left;}
#sub-nav > .lenses > .accessories > ul > li {}
#sub-nav > .lenses > .accessories > ul > li > * {height:1em; padding-top:40px; font-size:10px;}
#sub-nav > .lenses > .accessories > ul > li.usb-dock       > * {background-image:url(../images/main-nav_lenses_accessories_usb-dock.jpg);}
#sub-nav > .lenses > .accessories > ul > li.tele-converter > * {background-image:url(../images/main-nav_lenses_accessories_tele-converter.jpg);}
#sub-nav > .lenses > .accessories > ul > li.filter         > * {background-image:url(../images/main-nav_lenses_accessories_filter.jpg);}
/* NEW label */
#sub-nav > .lenses li.a_135_18       > a:after, 
#sub-nav > .lenses li.a_14_18        > a:after, 
#sub-nav > .lenses li.a_24_70_28     > a:after, 
#sub-nav > .lenses li.c_100_400_5_63 > a:after
	{content:"NEW";}

#sub-nav > .accessories {}
#sub-nav > .accessories > ul {display:table; margin:0 auto; border-left:1px solid #e5e5e5;}
#sub-nav > .accessories > ul > li {
	display:table-cell; width:189px; padding:88px 20px 0; border-right:1px solid #e5e5e5; color:#7f7f7f; font-weight:bold; text-align:center;}
#sub-nav > .accessories > ul > li > * {display:block; margin:-88px -20px 0; padding:88px 20px 0; background:center 0 no-repeat; text-decoration:none;}
#sub-nav > .accessories > ul > li > span {opacity:0.5; cursor:default;}
#sub-nav > .accessories > ul > li.usb-dock        > * {background-image:url(../images/main-nav_accessories_usb-dock.jpg);}
#sub-nav > .accessories > ul > li.tele-converter  > * {background-image:url(../images/main-nav_accessories_tele-converter.jpg);}
#sub-nav > .accessories > ul > li.filter          > * {background-image:url(../images/main-nav_accessories_filter.jpg);}
#sub-nav > .accessories > ul > li.mount-converter > * {background-image:url(../images/main-nav_accessories_mount-converter.jpg);}
#sub-nav > .accessories > ul > li.flash           > * {background-image:url(../images/main-nav_accessories_flash.jpg);}

#sub-nav > .download {}

/* MINI Nav */
html.nav-mini #container {padding-top:60px;}
html.nav-mini header#header {
	width:100%; min-width:940px; position:fixed; left:0; top:0; height:30px;
	-webkit-animation:header-show 0.3s ease-in-out 0s 1 normal both; 
	        animation:header-show 0.3s ease-in-out 0s 1 normal both;}
html.nav-mini header#header > h1 {height:30px;}
html.nav-mini header#header > h1 > a {width:203px; height:30px; background-position:0 -60px;}
html.nav-mini header#header > nav > section > h1 > * {height:27px; font-size:12px;}
@-webkit-keyframes header-show {
	from {-webkit-transform:translate(0,-100%); transform:translate(0,-100%);}
	to   {-webkit-transform:translate(0,0);     transform:translate(0,0);}
}
@keyframes header-show {
	from {-webkit-transform:translate(0,-100%); transform:translate(0,-100%);}
	to   {-webkit-transform:translate(0,0);     transform:translate(0,0);}
}

html.nav-mini #sub-nav {position:fixed; top:31px;}

#body {width:920px; margin:0 auto; padding:0 0 40px; text-align:left;}
#body:after {display:block; clear:both; height:0; content:"";}
#body p {text-justify:newspaper;}

#body > footer {width:918px; margin:80px auto 0; border:1px solid #e5e5e5; border-radius:5px; overflow:hidden;}

#body > footer > .path {margin:0 0 -1px; border-bottom:1px solid #e5e5e5; overflow:hidden;}
#body > footer > .path > ul {display:table;}
#body > footer > .path > ul > li {
	display:table-cell; padding:0 10px 0 28px; background:#f8f8f8 url(../images/path_divider.png) -5px center no-repeat; font-size:12px; font-weight:bold; white-space:nowrap;}
#body > footer > .path > ul > li > a {display:table-cell; height:100%; padding:10px; text-decoration:none; vertical-align:middle;}
#body > footer > .path > ul > li:first-child {padding-left:10px; background-image:none;}
#body > footer > .path > ul > li:last-child  {background-color:#ffffff; font-weight:normal;}

#body > footer > .sitemap {display:none; padding:40px 10px 40px 20px; font-size:12px;}
#body > footer > .sitemap a {text-decoration:none;}
#body > footer > .sitemap span {color:#999999;}
#body > footer > .sitemap h1, 
#body > footer > .sitemap h2, 
#body > footer > .sitemap h3, 
#body > footer > .sitemap h4 {display:table-cell; padding:0 30px 0 28px; border-right:1px solid #e5e5e5; font-weight:bold; line-height:1.2; vertical-align:top; white-space:nowrap;}
#body > footer > .sitemap ul {display:table-cell;}
#body > footer > .sitemap div {display:table-cell; padding:4px 0 0 8px;}
#body > footer > .sitemap div > ul {display:inline-block; margin:-4px 0 0; padding:0 0 10px 20px; vertical-align:top;}
#body > footer > .sitemap div > ul li {display:block; margin:4px 0 0; font-size:10px; line-height:1.2;}
#body > footer > .sitemap div > ul li:first-child {margin-top:0;}
#body > footer > .sitemap div > ul > li {margin-top:1em; font-size:12px;}
#body > footer > .sitemap div > ul h1, 
#body > footer > .sitemap div > ul h2, 
#body > footer > .sitemap div > ul h3, 
#body > footer > .sitemap div > ul h4 {display:block; padding:0 0 1em; border:none; font-size:12px;}
#body > footer > .sitemap div > ul h4 {padding-bottom:0; white-space:normal;}
#body > footer > .sitemap div > ul h4 + ul {margin-top:1em;}
#body > footer > .sitemap div > ul ul {display:block;}
#body > footer > .sitemap > h1 {padding-left:0; visibility:hidden;}
#body > footer > .sitemap ul > li {display:none;}

#body > footer > .sitemap .cameras {}
#body > footer > .sitemap .cameras .dp-series {}

#body > footer > .sitemap .about {}

footer#footer {height:40px; margin:0 auto; padding:10px 0 5px; border-top:1px solid #e5e5e5; text-align:left;}
footer#footer > nav {position:absolute; left:50%; margin:0 0 0 -460px;}
footer#footer > nav > ul {}
footer#footer > nav > ul > li {display:inline-block; margin:0; font-size:10px; line-height:1.5;}
footer#footer > nav > ul > li > a {display:block; padding:12px 10px 10px 0; text-decoration:none; line-height:1;}
footer#footer > nav > ul > li > a:before {display:inline-block; content:"\e609"; margin:-0.2em 2px 0 0; color:#999; font:12px/1 icons; vertical-align:middle; text-indent:0;}
footer#footer > nav > ul > li.language {display:none; position:relative; margin:0 20px 0 0;}
footer#footer > nav > ul > li.language > b {font-weight:normal;}
footer#footer > nav > ul > li.language > select {
	padding:2px 10px 2px 2px; font-size:11px; line-height:1.5; border:1px solid #e5e5e5; background:url(../images/footer_language_icon.png) right center no-repeat; 
	-webkit-appearance:button; -moz-appearance:none; appearance:button;}
footer#footer > nav > ul > li.language > select > option {}
footer#footer > nav > ul > li.language > select > option[selected] {color:#aaaaaa;}
footer#footer > small {position:absolute; right:50%; margin:0 -395px 0 0; padding:10px 0; font-size:10px;}
footer#footer > .share {display:inline-block; position:absolute; right:50%; margin:0 -460px 0 -8px; padding:6px 0;}
footer#footer > .share:after {display:block; clear:both; height:0; content:"";}
footer#footer > .share > li {display:block; float:left; margin:0 0 0 8px;}
footer#footer > .share > li > a {display:block; width:18px; height:18px; background:no-repeat; text-indent:100%; white-space:nowrap; overflow:hidden;}
footer#footer > .share > li > a:hover {opacity:0.5;}
footer#footer > .share > li.facebook > a {background-image:url(../images/icon_facebook.gif);}
footer#footer > .share > li.twitter  > a {background-image:url(../images/icon_twitter.gif);}

html.fac-js-enabled footer#footer > nav > ul > li.language {display:inline-block;}

/** IE11 **/
@media all and (-ms-high-contrast:none) {
	*::-ms-backdrop, footer#footer > nav > ul > li.language > select {padding:2px;}
}

/** Components **/

.fac-gallery {position:relative;}
.fac-gallery > .fac-gallery-slider {}
.fac-gallery > .fac-gallery-slider > ul {position:relative;}
.fac-gallery > .fac-gallery-slider > ul > li {position:absolute; left:0; top:0; z-index:1;}
.fac-gallery > .fac-gallery-slider > ul > li.fac-gallery-selected {display:block; position:relative; z-index:2;}
.fac-gallery > .fac-gallery-slider > ul > li[class*=fac-gallery-dummy-] {display:none;}
.fac-gallery > .fac-gallery-slider > ul > li img {display:block; -webkit-user-drag:none; user-drag:none;}
.fac-gallery > nav {}
.fac-gallery > nav > a {
	display:block; width:100px; height:100%; position:absolute; top:0; z-index:2; text-indent:-9999px; white-space:nowrap; text-decoration:none; overflow:hidden;}
.fac-gallery > nav > a:after {
	display:block; content:""; position:absolute; left:0; right:0; top:50%; margin:-0.5em 0 0; color:#999; font:40px/1 "icons"; text-align:center; text-indent:0; 
	transition:color 0.1s ease-in-out 0s; -webkit-transition:color 0.1s ease-in-out 0s;}
.fac-gallery > nav > a:hover {opacity:0.7;}
.fac-gallery > nav > a.fac-gallery-previous       {left:-50px;}
.fac-gallery > nav > a.fac-gallery-previous:after {content:"\e903";}
.fac-gallery > nav > a.fac-gallery-next           {right:-50px;}
.fac-gallery > nav > a.fac-gallery-next:after     {content:"\e901";}
.fac-gallery > nav > ol {
	display:inline-block; position:absolute; left:0; right:0; bottom:0; z-index:2; margin:0 auto; letter-spacing:-0.4em; text-align:center;}
.fac-gallery > nav > ol > li {
	display:inline-block; width:25px; height:25px; position:relative; 
	letter-spacing:normal; vertical-align:top; text-indent:-9999px; white-space:nowrap; overflow:hidden; cursor:pointer;}
.fac-gallery > nav > ol > li:after {
	display:block; content:""; width:10px; height:10px; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; border-radius:100%; 
	background:#e9e9e9; text-indent:0; overflow:hidden; 
	transition:background-color 0.1s ease-in-out 0s; -webkit-transition:background-color 0.1s ease-in-out 0s;}
.fac-gallery > nav > ol > li:hover:after, 
.fac-gallery > nav > ol > li.fac-gallery-selected:after {background-color:#000;}
.fac-gallery.fac-gallery-less > nav {display:none;}

.fac-slideshow {position:relative;}
.fac-slideshow > ul {position:relative;}
.fac-slideshow > ul > li {position:absolute; left:0; top:0;}
.fac-slideshow > ul > li.fac-slideshow-selected {position:relative;}
.fac-slideshow > ul > li > a {display:block;}
.fac-slideshow > ul > li img {display:block;}
.fac-slideshow > nav {}
.fac-slideshow > nav > a {
	display:block; width:100px; height:100%; position:absolute; top:0; z-index:2; text-indent:-9999px; white-space:nowrap; text-decoration:none; overflow:hidden;}
.fac-slideshow > nav > a:after {
	display:block; content:""; position:absolute; left:0; right:0; top:50%; margin:-0.5em 0 0; color:#999; font:40px/1 "icons"; text-align:center; text-indent:0; 
	transition:color 0.1s ease-in-out 0s; -webkit-transition:color 0.1s ease-in-out 0s;}
.fac-slideshow > nav > a:hover {opacity:0.7;}
.fac-slideshow > nav > a.fac-slideshow-previous       {left:-120px;}
.fac-slideshow > nav > a.fac-slideshow-previous:after {content:"\e903";}
.fac-slideshow > nav > a.fac-slideshow-next           {right:-120px;}
.fac-slideshow > nav > a.fac-slideshow-next:after     {content:"\e901";}
.fac-slideshow > nav > ol {
	display:inline-block; position:absolute; left:0; right:0; bottom:0; z-index:2; margin:0 auto; letter-spacing:-0.4em; text-align:center;}
.fac-slideshow > nav > ol > li {
	display:inline-block; width:25px; height:25px; position:relative; 
	letter-spacing:normal; vertical-align:top; text-indent:-9999px; white-space:nowrap; overflow:hidden; cursor:pointer;}
.fac-slideshow > nav > ol > li:after {
	display:block; content:""; width:10px; height:10px; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; border-radius:100%; 
	background:#e9e9e9; text-indent:0; overflow:hidden; 
	transition:background-color 0.1s ease-in-out 0s; -webkit-transition:background-color 0.1s ease-in-out 0s;}
.fac-slideshow > nav > ol > li:hover:after, 
.fac-slideshow > nav > ol > li.fac-slideshow-selected:after {background-color:#000;}
.fac-slideshow.fac-slideshow-less > nav {display:none;}

body > .popup {
	display:block; width:10px; height:10px; position:absolute; left:-10px; top:-10px; z-index:9999; background:#fff; opacity:0; overflow:hidden; transition:opacity 0.3s ease-in-out 0s;}
body > .popup:after {display:block; content:""; position:absolute; left:0; right:0; top:0; bottom:0; z-index:1; background:#fff;}
body > .popup.show {width:100%; min-width:940px; height:100%; left:0; top:0; opacity:1;}
body > .popup > div {width:100%; height:100%; position:absolute; left:0; top:0; z-index:2;}
body > .popup > .close {
	display:block; width:60px; height:60px; position:absolute; top:0; right:10px; z-index:3; text-indent:-9999px; text-decoration:none; white-space:nowrap; overflow:hidden;}
body > .popup > .close:after {
	display:block; content:"\e90f"; position:absolute; left:0; right:0; top:50%; margin:-0.5em 0 0; color:#999; font:normal 30px/1 icons; text-indent:0;}
body > .popup > .close:hover {opacity:0.5;}

body > .popup.image {}
body > .popup.image > div {}
body > .popup.image > div img {position:absolute; left:0; right:0; top:0; bottom:0; margin:auto;}

body > .popup.iframe {text-align:center;}
body > .popup.iframe > div {overflow:auto; -webkit-overflow-scrolling:touch;}
body > .popup.iframe > div iframe {display:block; width:100%; height:100%; margin:0 auto; border:none;}

body > .popup.youtube {text-align:center;}
body > .popup.youtube:after {background:#000;}
body > .popup.youtube > div {height:auto; top:50%; left:50%; padding:56.25% 0 0;}
body > .popup.youtube > div iframe {
	display:block; width:100%; height:100%; position:absolute; left:0; top:0; margin:0 auto; border:none;
	-webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); }

body > .popup.gallery {background:#000;}
body > .popup.gallery:after {background-color:#000;}
body > .popup.gallery > .fac-gallery {}
body > .popup.gallery > .fac-gallery > .fac-gallery-slider {height:100%;}
body > .popup.gallery > .fac-gallery > .fac-gallery-slider > ul {height:100%;}
body > .popup.gallery > .fac-gallery > .fac-gallery-slider > ul > li {width:100%; height:100%; background:#000;}
body > .popup.gallery > .fac-gallery > .fac-gallery-slider > ul > li.fac-gallery-selected {}
body > .popup.gallery > .fac-gallery > .fac-gallery-slider > ul > li.white {background-color:#fff;}
body > .popup.gallery > .fac-gallery > .fac-gallery-slider > ul > li[class*=fac-gallery-dummy-] {}
body > .popup.gallery > .fac-gallery > .fac-gallery-slider > ul > li > a {}
body > .popup.gallery > .fac-gallery > .fac-gallery-slider > ul > li img {}
body > .popup.gallery > .fac-gallery > nav {}
body > .popup.gallery > .fac-gallery > nav > a {}
body > .popup.gallery > .fac-gallery > nav > a:after {}
body > .popup.gallery > .fac-gallery > nav > a:hover {}
body > .popup.gallery > .fac-gallery > nav > a.fac-gallery-previous       {left:0;}
body > .popup.gallery > .fac-gallery > nav > a.fac-gallery-previous:after {}
body > .popup.gallery > .fac-gallery > nav > a.fac-gallery-next           {right:0;}
body > .popup.gallery > .fac-gallery > nav > a.fac-gallery-next:after     {}
body > .popup.gallery > .fac-gallery > nav > ol {bottom:10px;}
body > .popup.gallery > .fac-gallery > nav > ol > li {}
body > .popup.gallery > .fac-gallery > nav > ol > li:after {width:8px; height:8px; border:1px solid #999; background:transparent;}
body > .popup.gallery > .fac-gallery > nav > ol > li:hover:after, 
body > .popup.gallery > .fac-gallery > nav > ol > li.fac-gallery-selected:after {background-color:#999;}
body > .popup.gallery > .fac-gallery.fac-gallery-less > nav {}

/** by language **/

/* header */
html:lang(ja) header#header > nav > section > h1 > *, 
html:lang(en) header#header > nav > section > h1 > * {padding-left:15px; padding-right:15px;}

/** page footer **/
html:lang(ja)    #body > footer > .sitemap .cameras .dp-series .technology {width:260px;}
html:lang(en)    #body > footer > .sitemap .cameras .sd-series .features   {width:180px;}
html:lang(en)    #body > footer > .sitemap .cameras .sd-series .products   {width:210px;}
html:lang(de)    #body > footer > .sitemap .cameras .dp-series .technology {width:15em;}
html:lang(fr)    #body > footer > .sitemap .cameras .sd-series .features   {width:170px;}
html:lang(fr)    #body > footer > .sitemap .cameras .sd-series .products   {width:180px;}
html:lang(zh-cn) #body > footer > .sitemap .cameras .dp-series .technology {width:330px;}
html:lang(zh-tw) #body > footer > .sitemap .cameras .dp-series .technology {width:330px;}
html:lang(es)    #body > footer > .sitemap .cameras .dp-series .technology {width:210px;}
html:lang(es)    #body > footer > .sitemap .cameras .sd-series .features   {width:160px;}
html:lang(es)    #body > footer > .sitemap .cameras .sd-series .products   {width:180px;}
html:lang(ko)    #body > footer > .sitemap .cameras .dp-series .technology {width:350px;}
html:lang(no)    #body > footer > .sitemap .cameras .sd-series .features   {width:170px;}
html:lang(it)    #body > footer > .sitemap .cameras .sd-series .features   {width:170px;}
html:lang(it)    #body > footer > .sitemap .cameras .sd-series .products   {width:170px;}

html:lang(ja)    #body > footer > .sitemap .cameras .dp-series .technology > ul, 
html:lang(zh-cn) #body > footer > .sitemap .cameras .dp-series .technology > ul, 
html:lang(zh-tw) #body > footer > .sitemap .cameras .dp-series .technology > ul, 
html:lang(ko)    #body > footer > .sitemap .cameras .dp-series .technology > ul {
	-webkit-column-count:2; -webkit-column-gap:10px;
	   -moz-column-count:2;    -moz-column-gap:10px;
	        column-count:2;         column-gap:10px;}




@media screen and (max-width:480px) {

html, body {height:auto;}
body {min-width:320px; max-width:480px;}
body > .mask {
	display:block; width:100%; height:100%; position:fixed; left:-100%; top:0; z-index:9000; background:rgba(0,0,0,0.25); opacity:0; transition:opacity 0.2s ease-in-out 0s;}

#container {width:100%; min-width:320px; padding-top:50px; overflow:visible;}

header#header {width:100%; min-width:320px; height:50px; position:fixed; left:0; top:0; margin:0; padding:0; border-bottom:1px solid #e5e5e5;}
header#header > h1 {height:auto; position:relative; left:0; margin:0; background:#f7f7f7;}
header#header.active > h1 {background:#f7f7f7;}
header#header > h1 > a {
	display:block; width:225px; height:50px; position:static; margin:0; 
	background:url(../images/sp/general.png) 0 0 no-repeat; background-size:320px auto; text-indent:110%; white-space:nowrap; overflow:hidden;}
header#header > h1 img {display:none;}
header#header > i {
	display:block; width:47px; height:50px; position:absolute; right:0; top:0; z-index:9902; 
	background:url(../images/sp/general.png) 0 -50px no-repeat; overflow:hidden; 
	background-size:320px auto; cursor:pointer; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
header#header > nav {
	width:100%; position:absolute; left:0; top:51px; z-index:9900; margin:0; padding:0; border:none; text-align:left; 
	transform:translateY(-100%); transition-duration:0.3s;}
header#header > nav > section {display:block; float:none; width:auto; height:auto; border:none; border-bottom:1px solid #e5e5e5; background:#ffffff;}
header#header > nav > section > h1 {padding:10px 20px;}
header#header > nav > section > h1 > * {
	display:block; height:auto; position:relative; margin:-10px -20px; padding:10px 50px 10px 20px; border:none; color:#000000; font-size:15px; text-align:left;}
header#header > nav > section > h1 > *:after	{display:block; content:"\e601"; position:absolute; right:20px; top:50%; margin:-0.5em 0 0; color:#4b4b4b; font:16px/1 "icons";}
header#header > nav > section > h1 > a:hover, 
header#header > nav > section.selected > h1 > a {opacity:0.5;}
header#header > nav > section > h1 > span {}
header#header > nav > section > ul {display:none; padding:0 20px; border-top:1px solid #d5d9d8; background:#f7f7f7;}
header#header > nav > section > ul > li {padding:10px 20px; border-top:1px solid #e2e4e4;}
header#header > nav > section > ul > li:first-child {border-top:none;}
header#header > nav > section > ul > li > * {
	display:block; position:relative; margin:-10px -40px; padding:10px 50px 10px 20px; color:#000000; font-size:15px; text-decoration:none;}
header#header > nav > section > ul > li > *:after	{display:block; content:"\e601"; position:absolute; right:20px; top:50%; margin:-0.5em 0 0; color:inherit; font:16px/1 "icons";}
header#header > nav > section > ul > li > a:hover {color:#888888;}
header#header > nav > section > ul > li > span {}

html.nav-show body > .mask {left:0; opacity:1;}
html.nav-show header#header > i {background-position:-50px -50px;}
html.nav-show header#header > nav {transform:translateY(0);}

html.has-tab header#header {position:absolute;}

	#sub-nav {display:none !important;}

#body {width:auto; padding-bottom:0; overflow:hidden;}
#body > footer {width:auto; margin:30px 0 0; border:none; border-radius:0; padding:0;}
#body > footer > .path {display:none;}
#body > footer > .sitemap {padding:0; border-top:1px solid #e2e4e4;}
#body > footer > .sitemap a, 
#body > footer > .sitemap span {display:block; position:relative; margin:-15px -20px; padding:15px 50px 15px 20px; box-sizing:border-box; text-decoration:none;}
#body > footer > .sitemap a::after, 
#body > footer > .sitemap span::after {display:block; content:"\e601"; position:absolute; right:20px; top:50%; margin:-0.5em 0 0; color:#4b4b4b; font:16px/1 "icons";}
#body > footer > .sitemap span::after {opacity:0.5;}
#body > footer > .sitemap h1, 
#body > footer > .sitemap h2, 
#body > footer > .sitemap h3, 
#body > footer > .sitemap h4 {display:block; padding:0 30px 0 28px; border-right:1px solid #e5e5e5; font-weight:bold; line-height:1.2; vertical-align:top; white-space:nowrap;}
#body > footer > .sitemap h1 {display:none;}
#body > footer > .sitemap h2 {padding:15px 20px; border:none;}
#body > footer > .sitemap h3 {padding:15px 20px; border:none;}
#body > footer > .sitemap h4 {font-weight:normal;}
#body > footer > .sitemap ul {display:block;}
#body > footer > .sitemap div {display:block; padding:0 20px;}
#body > footer > .sitemap div > ul {display:none; margin:0; padding:0;}
#body > footer > .sitemap div > ul > li {
	display:block; margin:0; padding:15px 0; border-top:1px solid #e2e4e4; border-right:none; 
	font-weight:normal; font-size:12px; line-height:1.2; vertical-align:top; white-space:nowrap;}
#body > footer > .sitemap h2 > a::after {display:none;}
#body > footer > .sitemap div > ul ul {display:none;}

footer#footer {height:auto; padding:0 0 20px; border-top:none; background:#f7f7f7; overflow:hidden;}
footer#footer > nav {position:static; margin:0;}
footer#footer > nav > ul {margin:0 0 0 -1px; border-bottom:1px solid #e2e4e4; letter-spacing:-0.4em;}
footer#footer > nav > ul > li {width:50%; margin:0; border-top:1px solid #e2e4e4; font-size:12px; text-align:center; letter-spacing:normal; vertical-align:top;}
footer#footer > nav > ul > li > a {padding:13px 0; border-left:1px solid #e2e4e4; background:none;}
footer#footer > nav > ul > li:nth-child(2n):last-child {width:100%;}
footer#footer > nav > ul > li.language {width:100%; padding:15px 20px 20px; box-sizing:border-box; background:#fff; text-align:left;}
html.fac-js-enabled footer#footer > nav > ul > li.language {display:block;}
footer#footer > nav > ul > li.language > b {display:block; font-size:10px; font-weight:bold; line-height:1;}
footer#footer > nav > ul > li.language > select {
	width:100%; margin:10px 0 0; padding:9px; 
	background:url(../images/sp/icon_arrow_down.png) right center no-repeat; background-size:50px; font-size:16px; border-radius:5px;}
footer#footer > nav > ul > li.language > select > option {}
footer#footer > nav > ul > li.language > select > option[selected] {}
footer#footer > .share {display:block; position:static; margin:15px 0 0; padding:0; letter-spacing:-0.4em; text-align:center;}
footer#footer > .share > li {display:inline-block; float:none; margin:0; letter-spacing:normal; vertical-align:top;}
footer#footer > .share > li > a {width:30px; height:30px; background:no-repeat; background-size:30px;}
footer#footer > .share > li.facebook > a {background-image:url(../images/sp/icon_facebook.png);}
footer#footer > .share > li.twitter  > a {background-image:url(../images/sp/icon_twitter.png);}
footer#footer > small {display:block; position:static; margin:10px 0 0; padding:0; font-size:12px; text-align:center;}

/** IE11 **/

/** Components **/

.fac-gallery {}
.fac-gallery > .fac-gallery-slider {}
.fac-gallery > .fac-gallery-slider > ul {letter-spacing:-0.4em; text-align:left;}
.fac-gallery > .fac-gallery-slider > ul > li {display:inline-block; position:static; letter-spacing:normal; vertical-align:top;}
.fac-gallery > .fac-gallery-slider > ul > li.fac-gallery-selected {display:inline-block;}
.fac-gallery > .fac-gallery-slider > ul > li[class*=fac-gallery-dummy-] {display:inline-block;}
.fac-gallery > .fac-gallery-slider > ul > li img {}
.fac-gallery > nav {}
.fac-gallery > nav > a {width:20px;}
.fac-gallery > nav > a:after {font-size:20px;}
.fac-gallery > nav > a:hover {}
.fac-gallery > nav > a.fac-gallery-previous       {left:0;}
.fac-gallery > nav > a.fac-gallery-previous:after {}
.fac-gallery > nav > a.fac-gallery-next           {right:0;}
.fac-gallery > nav > a.fac-gallery-next:after     {}
.fac-gallery > nav > ol {}
.fac-gallery > nav > ol > li {width:15px; height:15px;}
.fac-gallery > nav > ol > li:after {width:6px; height:6px;}
.fac-gallery > nav > ol > li:hover:after, 
.fac-gallery > nav > ol > li.fac-gallery-selected:after {}
.fac-gallery.fac-gallery-less > nav {}

.fac-slideshow {}
.fac-slideshow > ul {}
.fac-slideshow > ul > li {}
.fac-slideshow > ul > li.fac-slideshow-selected {}
.fac-slideshow > ul > li > a {}
.fac-slideshow > ul > li img {}
.fac-slideshow > nav {}
.fac-slideshow > nav > a {width:20px;}
.fac-slideshow > nav > a:after {font-size:20px;}
.fac-slideshow > nav > a:hover {}
.fac-slideshow > nav > a.fac-slideshow-previous       {left:0;}
.fac-slideshow > nav > a.fac-slideshow-previous:after {}
.fac-slideshow > nav > a.fac-slideshow-next           {right:0;}
.fac-slideshow > nav > a.fac-slideshow-next:after     {}
.fac-slideshow > nav > ol {}
.fac-slideshow > nav > ol > li {width:15px; height:15px;}
.fac-slideshow > nav > ol > li:after {width:6px; height:6px;}
.fac-slideshow > nav > ol > li:hover:after, 
.fac-slideshow > nav > ol > li.fac-slideshow-selected:after {}
.fac-slideshow.fac-slideshow-less > nav {}

body > .popup {}
body > .popup:after {}
body > .popup.show {min-width:0;}
body > .popup > div {}
body > .popup > .close {width:40px; height:40px; right:0;}
body > .popup > .close:after {font-size:20px;}
body > .popup > .close:hover {}
html.popup-show body > .mask {left:0; z-index:9999; background:#fff; opacity:1;}

body > .popup.image {}
body > .popup.image > div {}
body > .popup.image > div img {width:100%; height:auto;}

body > .popup.iframe {}
body > .popup.iframe > div {}
body > .popup.iframe > div iframe {}

body > .popup.youtube {}
body > .popup.youtube > div {}
body > .popup.youtube > div iframe {}

body > .popup.gallery {}
body > .popup.gallery > .fac-gallery {}
body > .popup.gallery > .fac-gallery > .fac-gallery-slider {}
body > .popup.gallery > .fac-gallery > .fac-gallery-slider > ul {}
body > .popup.gallery > .fac-gallery > .fac-gallery-slider > ul > li {position:relative;}
body > .popup.gallery > .fac-gallery > .fac-gallery-slider > ul > li.fac-gallery-selected {}
body > .popup.gallery > .fac-gallery > .fac-gallery-slider > ul > li.white {}
body > .popup.gallery > .fac-gallery > .fac-gallery-slider > ul > li[class*=fac-gallery-dummy-] {}
body > .popup.gallery > .fac-gallery > .fac-gallery-slider > ul > li > a {}
body > .popup.gallery > .fac-gallery > .fac-gallery-slider > ul > li img {}
body > .popup.gallery > .fac-gallery > nav {}
body > .popup.gallery > .fac-gallery > nav > a {}
body > .popup.gallery > .fac-gallery > nav > a:after {}
body > .popup.gallery > .fac-gallery > nav > a:hover {}
body > .popup.gallery > .fac-gallery > nav > a.fac-gallery-previous       {}
body > .popup.gallery > .fac-gallery > nav > a.fac-gallery-previous:after {}
body > .popup.gallery > .fac-gallery > nav > a.fac-gallery-next           {}
body > .popup.gallery > .fac-gallery > nav > a.fac-gallery-next:after     {}
body > .popup.gallery > .fac-gallery > nav > ol {}
body > .popup.gallery > .fac-gallery > nav > ol > li {}
body > .popup.gallery > .fac-gallery > nav > ol > li:after {width:6px; height:6px;}
body > .popup.gallery > .fac-gallery > nav > ol > li:hover:after, 
body > .popup.gallery > .fac-gallery > nav > ol > li.fac-gallery-selected:after {}
body > .popup.gallery > .fac-gallery.fac-gallery-less > nav {}

/** by language **/

/* header */
html:lang(en) header#header > nav > section > h1 > * {}

/** page footer **/
#body > footer > .sitemap li {width:auto !important;}
#body > footer > .sitemap ul {
	-webkit-column-count:auto !important;
	   -moz-column-count:auto !important;
	        column-count:auto !important;}

}