@charset "utf-8";

/* Sync lenses/class.css */

@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');
}

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:10px; 
	font-style:normal;
	line-height:1.4em;
	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 #cccccc; 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 {
	height:100%;
	color:#ccc;
	background-color:#000000;
	font-size:12px;
	line-height:1.8;
	text-align:center;
	-webkit-text-size-adjust:auto;
}

a {
	color:#ccc; text-decoration:underline; outline: none; 
	transition:all 0.2s ease-in-out 0s; -webkit-transition:all 0.1s ease-in-out 0s; 
	transition-property:border-color,background-color,color,opacity; -webkit-transition-property:border-color,background-color,color,opacity;}
a:hover {color:#999999;}

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


header#header {position:relative; z-index:1000; height:60px; margin:0 auto; border-bottom:1px solid #000; background:#000; text-align:left;}
header#header, 
header#header > h1 > a {
	transition:all 0.2s ease-in-out 0s; -webkit-transition:all 0.2s ease-in-out 0s; 
	transition-property:border-color,background-color,color,opacity; -webkit-transition-property:border-color,background-color,color,opacity;}
header#header.active {border-bottom:1px solid #e5e5e5; background:#f7f7f7;}
header#header > h1 {width:262px; position:absolute; left:50%; top:0; margin:0 0 0 -470px;}
header#header > nav {width:920px; margin:0 auto; text-align:right; letter-spacing:-0.4em; line-height:0;}
header#header > nav > section {display:inline-block; *display:inline; *zoom:1; text-align:left; line-height:normal; letter-spacing:normal; vertical-align:top;}
header#header > nav > section > h1 {}

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 > section {display:none;}


#sub-nav {display:none; width:100%; position:absolute; left:0; top:61px; z-index:999;}
#sub-nav > section {width:100%; position:absolute; left:0; top:0; padding:40px 0; border-bottom:1px solid #e5e5e5; background:#ffffff; text-align:center;}
#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 > .about {}
#sub-nav > .about > ul {display:table; margin:0 auto; border-left:1px solid #e5e5e5; *display:inline; *zoom:1; *letter-spacing:-0.4em;}
#sub-nav > .about > ul > li {
	display:table-cell; width:189px; padding:88px 20px 0; border-right:1px solid #e5e5e5; color:#7f7f7f; font-weight:bold; 
	*display:inline; *zoom:1; *letter-spacing:normal; *vertical-align:top;}
#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   > a {background-image:url(../images/main-nav_about_craftsmanship.jpg);}
#sub-nav > .about > ul > li.inside-story    > a {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         > a {background-image:url(../images/main-nav_about_archive.jpg);}

#sub-nav > .cameras {}
#sub-nav > .cameras > section {display:inline-block; *display:inline; *zoom:1;}
#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:-9999px; 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; *display:inline; *zoom:1; border-right:1px solid #e5e5e5;}
#sub-nav > .cameras > section ul > li > * {
	display:table-cell; *display:inline; *zoom:1; width:209px; padding:82px 10px 0; text-decoration:none; background:center 0 no-repeat; vertical-align:bottom; 
	font-size:12px; line-height:1.3; 
	font-family:SIGMA_Bold, Verdana, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;;}
#sub-nav > .cameras > section ul > li i {
	font-size:10px; line-height:1.5; 
	font-family:Verdana, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;;}
#sub-nav > .cameras > .dp-series {}
#sub-nav > .cameras > .dp-series > h1 {float:left; background-image:url(../images/main-nav_cameras_dp-series_title.gif);}
#sub-nav > .cameras > .dp-series li.dp1 > * {background-image:url(../images/main-nav_cameras_dp-series_dp1.jpg);}
#sub-nav > .cameras > .dp-series li.dp2 > a {background-image:url(../images/main-nav_cameras_dp-series_dp2.jpg);}
#sub-nav > .cameras > .dp-series li.dp3 > * {background-image:url(../images/main-nav_cameras_dp-series_dp3.jpg);}

#sub-nav > .lenses {padding-top:0; letter-spacing:-0.4em;}
#sub-nav > .lenses > section, 
#sub-nav > .lenses > section > section {display:inline-block; *display:inline; *zoom:1; vertical-align:top; letter-spacing:normal;}
#sub-nav > .lenses > section {position:relative; margin:20px 0 0; padding:20px 0 0; border-left:1px solid #e5e5e5; text-align:left;}
#sub-nav > .lenses > section > h1 {height:34px; position:absolute; left:0; top:-10px; background:no-repeat; text-align:left; text-indent:-9999px;}
#sub-nav > .lenses > section ul {display:table;}
#sub-nav > .lenses > section ul > li {display:table-cell; *display:inline; *zoom:1; width:114px; border-right:1px solid #e5e5e5; text-align:center;}
#sub-nav > .lenses > section ul > li > a {
	display:inline-block; *display:inline; *zoom:1; width:94px; height:100%; position:relative; padding:74px 10px 0; text-decoration:none; background:center 0 no-repeat; vertical-align:bottom;
	font-size:12px; line-height:1.3; 
	font-family:SIGMA_Bold, Verdana, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;;}
#sub-nav > .lenses > .art {display:block; width:920px; margin-left:auto; margin-right:auto;}
#sub-nav > .lenses > .art > h1 {width:52px; background-image:url(../images/main-nav_lenses_art.png);}
#sub-nav > .lenses > .art > section {display:table-cell; vertical-align:bottom;}
#sub-nav > .lenses > .art > .dn {}
#sub-nav > .lenses > .art > .dn > h1 {
	width:305px; position:absolute; top:20px; margin:-2px 20px 0; padding:0 0 7px; border-bottom:1px solid #e5e5e5; font-size:9px; font-weight:normal; text-align:center;}
#sub-nav > .lenses > .art > .dn > h1 b {font-weight:bold;}
#sub-nav > .lenses > .art > .dn > ul {}
#sub-nav > .lenses > .art > .dn > ul > li > a {padding-top:54px;}
#sub-nav > .lenses > .art li.a_35_14    > a {background-image:url(../images/main-nav_lenses_art_a_35_14.jpg);}
#sub-nav > .lenses > .art li.a_30_14    > a {background-image:url(../images/main-nav_lenses_art_a_30_14.jpg);}
#sub-nav > .lenses > .art li.a_18_35_18 > a {background-image:url(../images/main-nav_lenses_art_a_18_35_18.jpg);}
#sub-nav > .lenses > .art li.a_24_105_4 > a {background-image:url(../images/main-nav_lenses_art_a_24_105_4.jpg);}
#sub-nav > .lenses > .art li.a_50_14    > a {background-image:url(../images/main-nav_lenses_art_a_50_14.jpg);}
#sub-nav > .lenses > .art li.a_19_28    > a {background-image:url(../images/main-nav_lenses_art_a_19_28.jpg);}
#sub-nav > .lenses > .art li.a_30_28    > a {background-image:url(../images/main-nav_lenses_art_a_30_28.jpg);}
#sub-nav > .lenses > .art li.a_60_28    > a {background-image:url(../images/main-nav_lenses_art_a_60_28.jpg);}
#sub-nav > .lenses > .contemporary {display:inline-block; *display:inline; *zoom:1; margin-right:-1px;}
#sub-nav > .lenses > .contemporary > h1 {width:107px; background-image:url(../images/main-nav_lenses_contemporary.png);}
#sub-nav > .lenses > .contemporary ul > li > a {padding-top:59px;}
#sub-nav > .lenses > .contemporary li.c_17_70_28_4   > a {background-image:url(../images/main-nav_lenses_contemporary_c_17_70_28_4.jpg);}
#sub-nav > .lenses > .contemporary li.c_18_200_35_63 > a {background-image:url(../images/main-nav_lenses_contemporary_c_18_200_35_63.jpg);}
#sub-nav > .lenses > .sports {display:inline-block; *display:inline; *zoom:1; margin-right:575px;}
#sub-nav > .lenses > .sports > h1 {width:70px; background-image:url(../images/main-nav_lenses_sports.png);}
#sub-nav > .lenses > .sports li.s_120_300_28 > a {background-image:url(../images/main-nav_lenses_sports_s_120_300_28.jpg);}
/* NEW label */
#sub-nav > .lenses > .art          li.a_50_14        > a:after, 
#sub-nav > .lenses > .contemporary li.c_18_200_35_63 > a:after {
	display:block; width:26px; height:12px; position:absolute; left:5px; top:0; z-index:10; background:url(../images/label_new.gif) no-repeat; content:"";}

#sub-nav > .download {}


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


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

#body > footer > .path {margin:0 0 -1px; border-bottom:1px solid #e5e5e5; overflow:hidden; }
.ie8u #body > footer > .path {background:#f8f8f8;}
#body > footer > .path > ul {display:table; *display:block;}
#body > footer > .path > ul > li {
	display:table-cell; *display:inline; *zoom:1; 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; *display:inline; *zoom:1; 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 {display:table-cell; padding:0 30px 0 28px; border-right:1px solid #e5e5e5; font-weight:bold; vertical-align:top; white-space:nowrap;}
#body > footer > .sitemap ul {display:table-cell;}
#body > footer > .sitemap div {display:table-cell; padding:0 0 0 8px;}
#body > footer > .sitemap div > ul {display:inline-block; padding:0 0 0 20px; vertical-align:top;}
#body > footer > .sitemap div > ul li {display:block; margin:4px 0 0; line-height:1.2;}
#body > footer > .sitemap div > ul h1 {display:block; padding:0 0 1em; border:none;}
#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 .cameras .dp-series .technology {width:298px;}
#body > footer > .sitemap .cameras .dp-series .technology > ul {column-count:2; -webkit-column-count:2; -moz-column-count:2; column-gap:10px; -webkit-column-gap:10px; -moz-column-gap:10px;}
#body > footer > .sitemap .cameras .dp-series .technology > ul > li {display:inline-block; display:block\9;}
*/
#body > footer > .sitemap .about {}

footer#footer {height:40px; margin:0 auto; padding:10px 0 5px; border-top:1px solid #000; 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 10px 0 0; font-size:11px; *display:inline; *zoom:1;}
footer#footer > nav > ul > li > a {display:block; padding:12px 10px 10px; background:url(../img/icon_right.png) 3px center no-repeat; text-decoration:none; line-height:1;}
footer#footer > nav > ul > li.language {display:none; position:relative; margin:0 20px 0 0;}
footer#footer > nav > ul > li.language > a {padding-left:0; background:url(../img/icon_down.png) right center no-repeat;}
footer#footer > nav > ul > li.language > ul {display:none; position:absolute; bottom:2.5em; padding:15px; background:#ffffff; border:1px solid #e5e5e5;}
footer#footer > nav > ul > li.language.show > ul {display:table; *display:block;}
footer#footer > nav > ul > li.language > ul > li {display:table-row; *display:block;}
footer#footer > nav > ul > li.language > ul > li > a {display:table-cell; *display:block; width:100%; text-decoration:none; white-space:nowrap;}
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:-9999px; overflow:hidden;}
footer#footer > .share > li > a:hover {opacity:0.5;}
footer#footer > .share > li.facebook > a {background-image:url(../img/icon_facebook.gif);}
footer#footer > .share > li.twitter  > a {background-image:url(../img/icon_twitter.gif);}

/* Components */

#body .slideshow {position:relative;}
#body .slideshow > ul {}
#body .slideshow > ul > li {}
#body .slideshow > ul > li > a {display:block;}
#body .slideshow > ul > li img {display:block;}
#body .slideshow > nav {width:100%; position:absolute; bottom:10px; z-index:100; text-align:center;}
#body .slideshow > nav > ul {display:inline-block; *display:inline; *zoom:1; margin:0 auto; letter-spacing:-0.4em;}
#body .slideshow > nav > ul > li {display:inline-block; *display:inline; *zoom:1; letter-spacing:normal; vertical-align:top;}
#body .slideshow > nav > ul > li > a {display:block; width:20px; height:20px; background:url(../images/slideshow.png) -220px 0 no-repeat; text-indent:-9999px; overflow:hidden;}
#body .slideshow > nav > ul > li > a:hover, 
#body .slideshow > nav > ul > li.selected > a {background-position:-200px 0;}
#body .slideshow > .previous, 
#body .slideshow > .next     {display:block; width:100px; height:100%; position:absolute; top:0; background:url(../images/slideshow.png) no-repeat; text-indent:-9999px; overflow:hidden;}
#body .slideshow > .previous:hover, 
#body .slideshow > .next:hover      {opacity:0.5;}
#body .slideshow > .previous {left:-120px;  background-position:0 center;}
#body .slideshow > .next     {right:-120px; background-position:-100px center;}

.popup {width:100%; min-width:940px; height:auto !important; height:100%; min-height:100%; position:absolute; left:0; top:0; z-index:9000; background:#ffffff;}
.popup > .close {
	display:block; width:61px; height:61px; position:absolute; top:0; right:0; z-index:9904; 
	background:url(../images/popup_slideshow.png) -240px 0 no-repeat; text-indent:-9999px; overflow:hidden;}
.popup > .close:hover {opacity:0.5;}

.popup.image {text-align:center;}
.popup.image > div {display:inline-block; *display:inline; *zoom:1; margin:0 auto; padding:60px 0;}
.popup.image > div img {display:block;}

.popup.slideshow {position:fixed; background:#000000;}
.popup.slideshow > ul {position:relative; z-index:9000;}
.popup.slideshow > ul > li {position:absolute; left:0; top:0;}
.popup.slideshow > ul > li > a {display:block;}
.popup.slideshow > ul > li img {display:block;}
.popup.slideshow > nav {width:100%; position:absolute; bottom:10px; z-index:9902; text-align:center;}
.popup.slideshow > nav > ul {display:inline-block; *display:inline; *zoom:1; margin:0 auto; letter-spacing:-0.4em;}
.popup.slideshow > nav > ul > li {display:inline-block; *display:inline; *zoom:1; letter-spacing:normal; vertical-align:top;}
.popup.slideshow > nav > ul > li > a {display:block; width:20px; height:20px; background:url(../images/popup_slideshow.png) -220px 0 no-repeat; text-indent:-9999px; overflow:hidden;}
.popup.slideshow > nav > ul > li > a:hover, 
.popup.slideshow > nav > ul > li.selected > a {background-position:-200px 0;}
.popup.slideshow > .previous, 
.popup.slideshow > .next     {
	display:block; width:100px; height:100%; position:absolute; top:0; z-index:9903; 
	background:url(../images/popup_slideshow.png) no-repeat; text-indent:-9999px; overflow:hidden;}
.popup.slideshow > .previous:hover, 
.popup.slideshow > .next:hover      {opacity:0.5;}
.popup.slideshow > .previous {left:0;  background-position:0 center;}
.popup.slideshow > .next     {right:0; background-position:-100px center;}