@charset "utf-8";

#image {width:920px; margin:0 -1000px; padding:0 1000px; background:#000;}
#image > ul {}
#image > ul > li {display:none; width:1000px; margin:0 -40px;}
#image > ul > li:first-child {display:block;}
#image > ul > li > a {display:block;}
#image > ul > li .image {position:relative; z-index:1; margin:0 0 -440px;}
#image > ul > li .image > img {display:block;}
#image > ul > li b {
	display:table-cell; height:440px; position:relative; z-index:2; padding:0 40px; 
	background:no-repeat; color:#fff; font:bold 24px/1.5 serif; vertical-align:middle;}
#image > ul > li b:before {display:block; height:66px; margin:0 0 6px -10px; background:no-repeat; text-indent:110%; white-space:nowrap; overflow:hidden;}
#image > ul > li.contemporary b:before {content:"Contemporary"; background-image:url(images/image_contemporary_title.png);}
#image > ul > li.art          b:before {content:"Art";          background-image:url(images/image_art_title.png);}
#image > ul > li.sports       b:before {content:"Sports";       background-image:url(images/image_sports_title.png);}
#image.fac-slideshow > ul > li {display:block;}
#image.fac-slideshow > ul > li.fac-slideshow-selected {}
#image.fac-slideshow > nav {display:none;}

#body > nav {display:none; margin:40px 0 0; padding:10px 0 20px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
html.fac-js-enabled #body > nav {display:block;}
#body > nav:after {display:block; content:""; clear:both; height:0;}
#body > nav > section {float:left; margin:10px 0 0 15px;}
#body > nav > section:first-child {margin-left:0;}
#body > nav > section > h1 {font-size:12px; font-weight:bold; line-height:1;}
#body > nav > section > ul {margin:-10px 0 0 -15px; padding:15px 0 0; letter-spacing:-0.4em;}
#body > nav > section > ul > li {
	display:inline-block; width:142px; margin:10px 0 0 15px; padding:14px; border:1px solid #e5e5e5; font-size:12px; line-height:1; letter-spacing:normal; vertical-align:top;}
#body > nav > section > ul > li > a {display:block; margin:-14px; padding:14px; color:inherit; text-decoration:none; transition:none;}
#body > nav > section > ul > li br {display:none;}
#body > nav > section > ul > li.selected {border-color:#000; background:#000; color:#fff;}
#body > nav > section.lineup      {width:172px;}
#body > nav > section.lens-type   {width:359px;}
#body > nav > section.camera-type {width:359px;}
#body > nav > section.camera-type > ul > li > a {position:relative; padding-left:34px;}
#body > nav > section.camera-type > ul > li > a:before {
	display:block; position:absolute; left:9px; top:50%; margin:-0.45em 0 0; 
	font:bold 16px/1 SIGMA_Bold, Verdana, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;}
#body > nav > section.camera-type > ul > li.dg > a:before {content:"DG";}
#body > nav > section.camera-type > ul > li.dc > a:before {content:"DC";}
#body > nav > section.camera-type > ul > li.dn > a:before {content:"DN";}

/** by language **/
#image > ul > li b {
	font-weight:normal; font-family:"century-old-style-std", serif;}
html:lang(ja) #image > ul > li b {
	font-family:NIS_SMS5, "ヒラギノ明朝 W6", "Hiragino Mincho W6", "游明朝体", "Yu Mincho", serif;}

/* lineup */
#body > nav > section.lineup > ul > li.new, 
#others {display:none;}
html:lang(ja) #body > nav > section.lineup > ul > li.new, 
html:lang(ja) #others {display:block;}
html:lang(en) #body > nav > section.lineup > ul > li.new, 
html:lang(en) #others {display:block;}



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

#image {width:auto; margin:0; padding:0;}
#image > ul {}
#image > ul > li {width:auto; margin:0;}
#image > ul > li:first-child {}
#image > ul > li > a {}
#image > ul > li .image {margin:0 -10%;}
#image > ul > li .image > img {width:100%; height:auto;}
#image > ul > li b {display:block; height:auto; position:absolute; left:0; top:50%; padding:0 20px; font-size:12px; transform:translateY(-50%);}
#image > ul > li b:before {height:33px; margin:0 0 3px -5px; background-size:contain;}
#image > ul > li.contemporary b:before {}
#image > ul > li.art          b:before {}
#image > ul > li.sports       b:before {}
#image.fac-slideshow > ul > li {}
#image.fac-slideshow > ul > li.fac-slideshow-selected {}
#image.fac-slideshow > nav {}

#body > nav {margin:0; padding:20px 20px 0; border:none;}
html.fac-js-enabled #body > nav {}
#body > nav:after {}
#body > nav > section {float:none; margin:10px -10px 0;}
#body > nav > section:first-child {margin:0 -10px;}
#body > nav > section > h1 {margin:0 0 0 10px; font-size:10px;}
#body > nav > section > ul {display:table; width:100%; margin:10px 0 0; padding:0; border-collapse:separate; border-spacing:10px 0;}
#body > nav > section > ul > li {display:table-cell; width:auto; margin:0; padding:0; font-size:12px; text-align:center; vertical-align:middle;}
#body > nav > section > ul > li:first-child {}
#body > nav > section > ul > li > a {margin:0; padding:9px 4px;}
#body > nav > section > ul > li br {display:block;}
#body > nav > section > ul > li.selected > a {}
#body > nav > section.lineup      {width:auto;}
#body > nav > section.lineup > ul > li {width:50%;}
#body > nav > section.lens-type   {width:auto;}
#body > nav > section.lens-type > ul > li {width:25%;}
#body > nav > section.camera-type {width:auto;}
#body > nav > section.camera-type > ul > li {font-size:8px; text-align:left;}
#body > nav > section.camera-type > ul > li > a {padding-left:25px;}
#body > nav > section.camera-type > ul > li > a:before {left:4px; top:50%; margin-top:-0.4em; font-size:12px;}
#body > nav > section.camera-type > ul > li.dg > a:before {}
#body > nav > section.camera-type > ul > li.dc > a:before {}
#body > nav > section.camera-type > ul > li.dn > a:before {}

/** by language **/
#image > ul > li b {}
html:lang(ja) #image > ul > li b {}

/* lineup */
#body > nav > section.lineup > ul > li.new, 
#others {}
html:lang(ja) #body > nav > section.lineup > ul > li.new {display:table-cell;}
html:lang(ja) #others {}

}