@charset "Shift_JIS";

/**
 * a-style.css
 * create : 2013.02.18
 * update : 2013.07.11
 */

/*--------------------------------------------------------------------------------

	.detail-container

--------------------------------------------------------------------------------*/
.detail-container .viewer {
	background: url("../img/detail_viewer_bga.gif") repeat-x;
}

.detail-container .viewer .item {
	border: 3px solid #636363;
	color: #fff;
}

.detail-container .viewer .viewer-hide-layer {
	background: url("../img/detail_viewer_bga.gif") repeat-x;
}


/*--------------------------------------------------------------------------------

	.chart-container

--------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------------
	.chart-container > #CAMERA
--------------------------------------------------------------------------------*/
.chart-container #CAMERA {
	position: absolute;
	z-index: 10;
	left: 358px;
	top: 344px;
	display: none;
	width: 510px;
	height: 140px;
	background: url("../img/chart_camera_bg.png") repeat-x 0 0 #000;
	/*box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3);
	-ms-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3);*/
}

.chart-container #CAMERA h3 {
	padding: 9px 0 0 10px;
	line-height: 0;
}

.chart-container #CAMERA ul {
	position: absolute;
	left: 109px;
	top: 28px;
	width: 448px;
	height: 102px;
	overflow: hidden;
	*zoom: 1;
}

.chart-container #CAMERA ul:after {
	clear: both;
	display: block;
	content: "";
}

.chart-container #CAMERA li {
	float: left;
}

	.chart-container #CAMERA li.a77 { margin-left: 55px; }
	.chart-container #CAMERA li.a65 { margin-left: 56px; }
	.chart-container #CAMERA li.a99 { margin-left: 28px; }


.viewer .VCT-VPR100 .store, 
.viewer .STP-XS2AM .store {
 display: none;
}

/*--------------------------------------------------------------------------------
	.chart-container > #SHOE
--------------------------------------------------------------------------------*/
.chart-container #SHOE #ADP-MAA {
	position: absolute;
	z-index: 40;
	left: 542px;
	top: 286px;
	margin: 0;
	background: #fff;
	border: 1px solid #c7c7c7;
}

.chart-container #SHOE #ADP-AMA {
	position: absolute;
	z-index: 40;
	left: 614px;
	top: 286px;
	margin: 0;
	background: #fff;
	border: 1px solid #c7c7c7;
}

/*--------------------------------------------------------------------------------
	.chart-container > #A-LENS
--------------------------------------------------------------------------------*/
.chart-container #A-LENS {
	position: absolute;
	left: 78px;
	top: 19px;
	width: 270px;
}

.chart-container #A-LENS .inner {
	margin-top: 3px;
	padding-top: 4px;
	height: 628px;
}

.chart-container #A-LENS ul {
	padding-left: 8px;
}

.chart-container #A-LENS .dotline {
	padding-bottom: 9px;
	*padding-bottom: 14px;
	border-bottom: 1px dotted #c2c2c2;
}

.chart-container #A-LENS .zeiss {
	background: url("../img/chart_logo_zeiss.gif") no-repeat 232px 6px;
}

.chart-container #A-LENS .zeiss ul {
	width: 225px;
}

.chart-container #A-LENS .glens {
	background: url("../img/chart_logo_glens.gif") no-repeat 231px 8px;
}

.chart-container #A-LENS .glens ul {
	width: 225px;
}

/*--------------------------------------------------------------------------------
	.chart-container > #FILTER
--------------------------------------------------------------------------------*/
.chart-container #FILTER {
	position: absolute;
	left: 14px;
	top: 20px;
	width: 54px;
	_overflow: hidden;
}

.chart-container #FILTER .inner {
	margin-top: 3px;
	height: 180px;
	background: url("../img/chart_logo_filter.gif") no-repeat 10px 153px #fff;
}

.chart-container #FILTER ul {
	padding: 4px 0 0 8px;
}

/*--------------------------------------------------------------------------------
	.chart-container > #FCAP
--------------------------------------------------------------------------------*/
.chart-container #FCAP {
	position: absolute;
	left: 14px;
	top: 290px;
	width: 54px;
	_overflow: hidden;
}

.chart-container #FCAP h3 {
	text-align: center;
}

.chart-container #FCAP .inner {
	background: none;
	box-shadow: none;
}

.chart-container #FCAP ul {
	padding: 0 0 0 8px;
}

/*--------------------------------------------------------------------------------
	.chart-container > #HOOD
--------------------------------------------------------------------------------*/
.chart-container #HOOD {
	position: absolute;
	left: 14px;
	top: 443px;
	width: 54px;
	_overflow: hidden;
}

.chart-container #HOOD h3 {
	text-align: center;
}

.chart-container #HOOD .inner {
	margin: 0;
	background: none;
	box-shadow: none;
}

.chart-container #HOOD ul {
	padding: 0 0 0 8px;
}

/*--------------------------------------------------------------------------------
	.chart-container > #RCAP
--------------------------------------------------------------------------------*/
.chart-container #RCAP {
	position: absolute;
	left: 14px;
	top: 599px;
	width: 54px;
	_overflow: hidden;
}

.chart-container #RCAP h3 {
	margin-left: -5px;
}

.chart-container #RCAP .inner {
	margin: 0;
	background: none;
	box-shadow: none;
}

.chart-container #RCAP ul {
	padding: 0 0 0 8px;
}

/*--------------------------------------------------------------------------------
	.chart-container > #FLASH
--------------------------------------------------------------------------------*/
.chart-container #FLASH {
	position: absolute;
	left: 358px;
	top: 20px;
	width: 487px;
}

.chart-container #FLASH .inner {
	margin-top: 3px;
	padding-top: 10px;
	height: 227px;
}

.chart-container #FLASH .frame {
	float: left;
	_display: inline;
	height: 205px;
	border: 1px solid #c7c7c7;
	*zoom: 1;
}

.chart-container #FLASH .frame:after {
	display: block;
	clear: both;
	content: "";
}

.chart-container #FLASH .frame ul {
	padding-top: 3px;
}

.chart-container #FLASH .multi-interface-shoe {
	margin-left: 10px;
	width:132px;
	padding-left: 8px;
	*zoom: 1;
}

.chart-container #FLASH .multi-interface-shoe ul {
	float: left;
	width: 43px;
}

.chart-container #FLASH .auto-lock-acc-shoe {
	margin-left:25px;
	padding-left: 8px;
	width: 46px;
	*zoom: 1;
}

.chart-container #FLASH .auto-lock-acc-shoe ul {
	float: left;
	width: 43px;
}

.chart-container #FLASH .acc-shoe {
	margin-left: 24px;
	width: 96px;
}

.chart-container #FLASH .acc-shoe ul {
	margin-left: 8px;
	width: 36px;
	float:left;
}

.chart-container #FLASH .others {
	margin-left: 24px;
	padding-left: 4px;
	width: 92px;
	/*height: 148px;*/
}

.chart-container #FLASH .others ul {
	margin-left: 4px;
	float: left;
	width: 40px;
}

/*--------------------------------------------------------------------------------
	.chart-container > #GRIP-BATTERY
--------------------------------------------------------------------------------*/
.chart-container #GRIP-BATTERY {
	position: absolute;
	left: 877px;
	top: 297px;
	width: 184px;
	_overflow: hidden;
}

.chart-container #GRIP-BATTERY .inner {
	margin-top: 5px;
	min-height: 156px;
	_height: 156px;
}

.chart-container #GRIP-BATTERY ul {
	padding: 4px 0 0 8px;
}

/*--------------------------------------------------------------------------------
	.chart-container > #CASE-STRAP
--------------------------------------------------------------------------------*/
.chart-container #CASE-STRAP {
	position: absolute;
	left: 358px;
	top: 494px;
	width: 355px;
	_overflow: hidden;
}

.chart-container #CASE-STRAP .inner {
	margin-top: 5px;
	min-height: 155px;
	_height: 155px;
}

.chart-container #CASE-STRAP ul {
	padding: 4px 0 0 8px;
}

/*--------------------------------------------------------------------------------
	.chart-container > #TRIPOD
--------------------------------------------------------------------------------*/
.chart-container #TRIPOD {
	position: absolute;
	left: 725px;
	top: 494px;
	width: 141px;
	_overflow: hidden;
}

.chart-container #TRIPOD .inner {
	margin-top: 5px;
	height: 155px;
	_height: 155px;
}

.chart-container #TRIPOD ul {
	padding: 4px 0 0 8px;
}


/*--------------------------------------------------------------------------------
	.chart-container > #SHEET
--------------------------------------------------------------------------------*/
.chart-container #SHEET {
	position: absolute;
	left: 877px;
	top: 29px;
	width: 184px;
	_overflow: hidden;
}

.chart-container #SHEET .inner {
	margin-top: 7px;
	min-height: 195px;
	_height: 195px;
}

.chart-container #SHEET ul {
	padding: 4px 0 0 8px;
}

/*--------------------------------------------------------------------------------
	.chart-container > #ACC-KIT
--------------------------------------------------------------------------------*/
.chart-container #ACC-KIT {
	position: absolute;
	left: 1007px;
	top: 33px;
	width: 53px;
	_overflow: hidden;
}

.chart-container #ACC-KIT .inner {
	margin-top: 8px;
	min-height: 205px;
	_height: 205px;
}

.chart-container #ACC-KIT ul {
	padding: 4px 0 0 8px;
}

/*--------------------------------------------------------------------------------
	.chart-container > #OTHERS
--------------------------------------------------------------------------------*/
.chart-container #OTHERS {
	position: absolute;
	left: 877px;
	top: 494px;
	width: 184px;
	_overflow: hidden;
}

.chart-container #OTHERS .inner {
	margin-top: 6px;
	min-height: 155px;
	_height: 155px;
}

.chart-container #OTHERS ul {
	padding: 4px 0 0 8px;
}

/*--------------------------------------------------------------------------------
	.line
--------------------------------------------------------------------------------*/
.chart-container .line {
	display: none;
}

.chart-container .line img.line-01 {
	position: absolute;
	left: 59px;
	top: 108px;
	z-index: 1;
}

.chart-container .line img.line-02 {
	position: absolute;
	left: 348px;
	top: 408px;
	z-index: 1;
}

.chart-container .line img.line-03 {
	position: absolute;
	left: 812px;
	top: 272px;
	z-index: 1;
}

.chart-container .line img.line-04 {
	position: absolute;
	left: 395px;
	top: 40px;
	z-index: 20;
}

.chart-container .line img.line-05 {
	position: absolute;
	left: 545px;
	top: 147px;
	z-index: 20;
}

.chart-container .line img.line-06 {
	position: absolute;
	left: 460px;
	top: 165px;
	z-index: 20;
	width: 1px;
	height: 62px;
}

.chart-container .line img.default-shoe {
	position: absolute;
	left: 395px;
	top: 243px;
	z-index: 30;
}

.chart-container .line img.shoe-01 {
	position: absolute;
	left: 395px;
	top: 243px;
	z-index: 29;
}

.chart-container .line img.shoe-02 {
	position: absolute;
	left: 395px;
	top: 243px;
	z-index: 28;
}


.chart-container .zoom-box {
	background: #000 !important;
	color:#fff !important;
}