@charset "Shift_JIS";

/**
 * default.css
 * modified : 2015.01.26
 */

/*--------------------------------------------------------------------------------
	Reset
--------------------------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;vertical-align:top;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ul{zoom:1}ul:after{clear:both;display:block;content:"";height:0;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}a{outline:none;}nav{display:block;}a,a:link,a:active,a:visited,a:hover {color: #000;text-decoration: none;}section{display:block}

/*--------------------------------------------------------------------------------
	body
--------------------------------------------------------------------------------*/
body {
	position: relative;
	margin: 0;
	padding: 0;
	min-height: 100%;
	font-family: "游明朝体","Yu Mincho", YuMincho,"\30D2\30E9\30AE\30CE\660E\671D\20Pro\20W\33","Hiragino Mincho Pro",
	"\30E1\30A4\30EA\30AA",Meiryo,"\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF",'Droid Sans',serif;
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
}

.clearfix { zoom: 1; }
.clearfix:after {
	clear: both;
	display: block;
	content: "";
}

.pagetop {
	margin: 0 auto;
	width: 956px;
	line-height: 0;
	text-align: right;
}

a img.hover {
	transition: opacity 0.2s ease-in;
	-o-transition: opacity 0.2s ease-in;
	-ms-transition: opacity 0.2s ease-in;
	-moz-transition: opacity 0.2s ease-in;
	-webkit-transition: opacity 0.2s ease-in;
}
a img.hover:hover {
	opacity: 0.8;
}
html.no-opacity a img.hover:hover {
	filter: alpha(opacity=80);
}


/*--------------------------------------------------------------------------------
	Top
--------------------------------------------------------------------------------*/
#Top {
	position: relative;
	min-width: 950px;
	border-top: 6px solid #c83b18;
	overflow: hidden;
}

/*--------------------------------------------------------------------------------
	#Intro
--------------------------------------------------------------------------------*/
#Intro {
	height: 686px;
	background: url("../img/intro_main.jpg") no-repeat center 0 #000;
	overflow: hidden;
}
#Intro .inner {
	margin: 0 auto;
	width: 950px;
}
#Intro .inner-heading {
	position: relative;
	overflow: hidden;
	*zoom: 1;
}
#Intro .inner-heading:after {
	clear: both;
	display: block;
	content: "";
}
#Intro .inner-heading strong {
	float: left;
	display: block;
	margin-top: 19px;
	line-height: 0;
}
#Intro .inner-heading em {
	float: right;
	display: block;
	margin-top: 30px;
	line-height: 0;
}
#Intro h1 {
	margin: 142px 0 0 -21px;
}

/*--------------------------------------------------------------------------------
	#Navi
--------------------------------------------------------------------------------*/
#Navi {
	height: 83px;
	border-top: 1px solid #676767;
	background: #000;
}
#Navi .inner {
	z-index: 100;
	width: 100%;
	border-bottom: 1px solid #676767;
	background: #000;
}
#Navi ul {
	margin: 0 auto;
	width: 947px;
	height: 81px;
	background: url("../img/navi.png") no-repeat 0 -81px;
	*zoom: 1;
}
#Navi ul:after {
	clear: both;
	display: block;
	content: "";
}
#Navi li {
	float: left;
}
#Navi li a {
	display: block;
	height: 81px;
	background: url("../img/navi.png") no-repeat 0 0;
	text-indent: -9999em;
	transition: opacity 0.15s ease-in;
	-o-transition: opacity 0.15s ease-in;
	-ms-transition: opacity 0.15s ease-in;
	-moz-transition: opacity 0.15s ease-in;
	-webkit-transition: opacity 0.15s ease-in;
}
#Navi li a:hover,
#Navi li.on a {
	opacity: 0;
}
html.no-opacity #Navi li a:hover,
html.no-opacity #Navi li.on a {
	filter: alpha(opacity=0);
}

#Navi li.navi-00 a {
	width: 105px;
	background-position: 0 0;
}
#Navi li.navi-01 a {
	width: 168px;
	background-position: -105px 0;
}
#Navi li.navi-02 a {
	width: 168px;
	background-position: -273px 0;
}
#Navi li.navi-03 a {
	width: 169px;
	background-position: -441px 0;
}
#Navi li.navi-04 a {
	width: 168px;
	background-position: -610px 0;
}
#Navi li.navi-05 a {
	width: 169px;
	background-position: -778px 0;
}

/*--------------------------------------------------------------------------------
	.heading
--------------------------------------------------------------------------------*/
.photographer .heading {
	background: #141414;
}
.photographer .heading .inner {
	position: relative;
	margin: 0 auto;
	width: 950px;
	height: 270px;
}
.photographer .heading h2 {
	position: relative;
	z-index: 1;
	padding-top: 83px;
}
.photographer .heading .ttl-img {
	position: absolute;
	z-index: 0;
}

/*--------------------------------------------------------------------------------
	.photo
--------------------------------------------------------------------------------*/
.photo {
	min-height: 880px;
	background: url("../img/sec_frame.jpg") no-repeat center 0;
}
.photo .inner {
	margin: 0 auto 0;
	padding-top: 189px;
	width: 950px;
	text-align: center;
}
.photo .info {
	margin-top: 160px;
	font-size: 81.3%;
}
.photo .ttl {
	margin-top: 70px;
}

.photo .inner .info .infocaption {
	margin: 10px 10px 0 5px;
	line-height: 1.6;
	text-align:left;
}
.photo .inner .info .infocaption strong {
	display: block;
	font-weight: normal;
	margin: 50px auto 0 auto;
	width: 860px;
}
.photo .inner .info .infocaption strong img{
	margin-top:-4px;
}
.photo .inner .info .infocaption strong .info_r{
	float:right;
	margin-right:-10px;
	margin-top:-27px;
	
}

.photo .inner .info .infocaption:after {
	clear:both;
	float:none;
}



/*--------------------------------------------------------------------------------
	.profile
--------------------------------------------------------------------------------*/
.profile {
	display: table;
	margin: 0 auto;
	padding: 19px 0;
	width: 950px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	*display: block;
}
.profile .name {
	display: table-cell;
	width: 203px;
	text-align: center;
	vertical-align: middle;
	*display: inline;
	*zoom: 1;
}
.profile .name em {
	font-size: 75%;
	line-height: 1.0;
}
.profile .name h3 {
	margin: 6px 0 3px;
	font-size: 162.5%;
	font-weight: bold;
	line-height: 1.0;
	letter-spacing: 0.1em;
}
.profile .name span {
	font-size: 75%;
	line-height: 1.0;
}
.profile p {
	display: table-cell;
	width: 577px;
	font-size: 73%;
	font-family: "游ゴシック","Yu Gothic", YuGothic,"'\30D2\30E9\30AE\30CE\89D2\30B4\20\50\72\6F\20\57\33","Hiragino Kaku Gothic Pro",
	"\30E1\30A4\30EA\30AA",Meiryo,"\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF",'Droid Sans',sans-serif;
	line-height: 1.6;
	vertical-align: middle;
	*display: inline;
	*zoom: 1;
}
.profile .img {
	display: table-cell;
	width: 170px;
	text-align: right;
	vertical-align: middle;
	*display: inline;
	*zoom: 1;
}
.profile .img img {
	margin-right: 10px;
}

/*--------------------------------------------------------------------------------
	.button
--------------------------------------------------------------------------------*/
.button {
	margin: 0 auto;
	padding: 70px 0 135px;
	width: 950px;
	text-align: center;
}

/*--------------------------------------------------------------------------------
	.section
--------------------------------------------------------------------------------*/
.section {
	position: relative;
	margin: 0 auto;
	width: 950px;
	zoom: 1;
}
.section:after {
	clear: both;
	display: block;
	content: "";
}

/*--------------------------------------------------------------------------------
	#SeiyaNakai
--------------------------------------------------------------------------------*/
#SeiyaNakai {
	padding-bottom: 95px;
	color: #fff;
	background: #030303;
}
#SeiyaNakai .heading .ttl-img {
	left: 569px;
	top: -1px;
}

/*--------------------------------------------------------------------------------
	#KojiNakano
--------------------------------------------------------------------------------*/
#KojiNakano {
	padding-bottom: 50px;
	color: #fff;
	background: #030303;
}
#KojiNakano .heading .ttl-img {
	left: 340px;
	top: -74px;
}

/*--------------------------------------------------------------------------------
	#SeiichiUozumi
--------------------------------------------------------------------------------*/
#SeiichiUozumi {
	padding-bottom: 50px;
	color: #fff;
	background: #030303;
}
#SeiichiUozumi .heading .ttl-img {
	left: 503px;
	top: -19px;
}
#SeiichiUozumi .button {
	padding-bottom: 115px;
}

/*--------------------------------------------------------------------------------
	#Lens
--------------------------------------------------------------------------------*/
#Lens {
	padding-bottom: 60px;
	color: #fff;
	background: #000;
}
#Lens p.intro {
	padding: 50px 0 25px;
	line-height: 2.0;
	text-align: center;
}

/* .heading
--------------------------------------------------------------------------------*/
#Lens .heading {
	background: url("../img/lens_ttl_img.jpg") no-repeat center 0 #080808;
}
#Lens .heading .inner {
	position: relative;
	margin: 0 auto;
	width: 950px;
	height: 270px;
	*zoom: 1;
}
#Lens .heading h2 {
	padding: 75px 0 0 490px;
}

/* .line
--------------------------------------------------------------------------------*/
#Lens .line {
	display: table;
	margin-top: 25px;
}
#Lens .line .ttl {
	display: table-cell;
	width: 260px;
	vertical-align: middle;
	*display: inline;
	*zoom: 1;
}
#Lens .line.zeiss .ttl img {
	margin-left: 34px;
}
#Lens .line.glens .ttl img {
	margin-left: 50px;
}
#Lens .line.mount .ttl img {
	margin-left: 32px;
}
#Lens .line ul {
	display: table-cell;
	width: 690px;
	vertical-align: middle;
	*display: inline;
	*zoom: 1;
}
#Lens .line ul:after {
	clear: both;
	display: block;
	content: "";
}
#Lens .line ul li {
	float: left;
}
#Lens .line ul li.second {
	margin-top: 27px;
}
#Lens .line.zeiss ul li {
	width: 169px;
}
#Lens .line.glens ul li {
	width: 215px;
}

/* .banner
--------------------------------------------------------------------------------*/
#Lens .banner {
	padding: 53px 0 115px;
	text-align: center;
}

/*--------------------------------------------------------------------------------
	#Compatible
--------------------------------------------------------------------------------*/
#Compatible {
	padding-bottom: 40px;
	color: #fff;
	background: #000;
}
#Compatible p.intro {
	padding: 50px 0 50px;
	line-height: 2.0;
	text-align: center;
}
#Compatible .pagetop {
	margin-top: 100px;
}

/* .heading
--------------------------------------------------------------------------------*/
#Compatible .heading {
	background: url("../img/compati_ttl_img.jpg") no-repeat center 0 #141414;
}
#Compatible .heading .inner {
	position: relative;
	margin: 0 auto;
	width: 950px;
	height: 270px;
}
#Compatible .heading h2 {
	padding: 88px 0 0 11px;
}

/* table
--------------------------------------------------------------------------------*/
#Compatible table {
	width: 100%;
	font-family: "游ゴシック","Yu Gothic", YuGothic,"'\30D2\30E9\30AE\30CE\89D2\30B4\20\50\72\6F\20\57\33","Hiragino Kaku Gothic Pro",
	"\30E1\30A4\30EA\30AA",Meiryo,"\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF",'Droid Sans',sans-serif;
	table-layout: fixed;
}
#Compatible table.ttl {
	margin-bottom: 15px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
#Compatible table thead td {
	height: 30px;
	text-align: center;
}
#Compatible table thead td.blank {
	width: 43px;
}

#Compatible table .even td {
	background: #202020;
}
#Compatible table tbody th,
#Compatible table tbody td {
	font-size: 81.3%;
	line-height: 1.1;
}
#Compatible table tbody th {
	width: 38px;
	text-align: center;
	background: #111;
	border-right: 5px solid #000;
}
#Compatible table tbody th.even {
	background: #181818;
}
#Compatible table tbody td {
	padding: 6px 0 4px;
	background: #111;
}
#Compatible table tbody .even td {
	background: #202020;
}
#Compatible table td.lens {
	width: 309px;
	text-indent: 54px;
}
#Compatible table td.three {
	width: 286px;
	text-align: center;
}
#Compatible table td.five {
	width: 312px;
	text-align: center;
}

/*--------------------------------------------------------------------------------
	.sec-banner
--------------------------------------------------------------------------------*/
.sec-banner {
	margin-top: 0px;
	background: #000;
	overflow: hidden;
}
.sec-banner.seminar .pagetop {
	margin-top: 160px;
	margin-bottom: 70px;
}
.sec-banner.gallery img {
	margin-left: -485px;
}

/*--------------------------------------------------------------------------------
	Follow
--------------------------------------------------------------------------------*/
#Follow {
	padding: 80px 0 100px;
}
#Follow .section {
	margin: 0 auto;
	width: 950px;
}
#Follow .backnumber {
	margin-bottom: 70px;
}
#Follow .backnumber .item {
	margin-top: 2px;
}
#Follow .banner {
	width: 950px;
}
#Follow .banner ul {
	margin-left: -10px;
	zoom: 1;
}
#Follow .banner ul:after {
	clear: both;
	display: block;
	content: "";
}
#Follow .banner li {
	float: left;
	margin-left:10px;
}
#Follow .banner li.right {
	margin-left: 52px;
}
#Follow .banner li.pick {
	width:763px;
}
#Follow .questionnaire {
	margin: 120px auto 0;
	width: 700px;
}

/*--------------------------------------------------------------------------------
	.footer
--------------------------------------------------------------------------------*/
.footer {
	margin: 0px auto 0;
	padding-bottom: 20px;
	width: 950px;
	zoom: 1;
}
.footer:after {
	clear: both;
	display: block;
	content: "";
}

.footer .detail {
	float: left;
}
.footer .copyright {
	float: right;
}