@charset "Shift_JIS";

/**
 * e-style.css
 * create : 2013.02.18
 * update : 2013.02.18
 * update : 2013.10.25
 * update : 2015.06.16
 */

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

	.detail-container

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

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

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


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

	.chart-container

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

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

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

.chart-container #CAMERA ul {
	position: absolute;
	left: 10px;
	top: 55px;
	width: 489px;
	height: 100px;
	overflow: hidden;
	*zoom: 1;
}

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

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

	.chart-container #CAMERA li.a7 { margin-left: 0px; }
	.chart-container #CAMERA li.a6300 { margin-left: 8px; }
	.chart-container #CAMERA li.a6000 { margin-left: 11px; }
	.chart-container #CAMERA li.a5100 { margin-left: 11px; }
	.chart-container #CAMERA li.a5000 { margin-left: 11px; }


.viewer .VCT-VPR100 .store,
.viewer .STP-XS2AM .store,
.viewer .FDA-EP15 .store,
.viewer .LCS-EBG .store,
.viewer .FDA-EP17 .store  {
 display: none;
}



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

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

/*--------------------------------------------------------------------------------
	.chart-container > #E-LENS
--------------------------------------------------------------------------------*/
.chart-container #E-LENS {
	position: absolute;
	left: 127px;
	top: 19px;
	width: 266px;
}

.chart-container #E-LENS .inner {
	margin-top: 3px;
	padding-top: 5px;
	height: 491px;
}

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

.chart-container #E-LENS .dotline {
	padding-bottom: 6px;
	*padding-bottom: 12px;
	border-bottom: 1px dotted #c2c2c2;
}

.chart-container #E-LENS .zeiss {
	background: url("../img/chart_logo_zeiss.gif") no-repeat 225px 6px;
}
.chart-container #E-LENS .zeiss ul {
	width:222px;
}

.chart-container #E-LENS .gmasterlens {
	background: url("../img/chart_logo_gmasterlens.gif") no-repeat 138px 6px;
}

.chart-container #E-LENS .glens {
	background: url("../img/chart_logo_glens.gif") no-repeat 225px 6px;
}


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

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

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

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

.chart-container #TELECON .inner {
	margin-top: 3px;
	height: 51px;
}

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

/*--------------------------------------------------------------------------------
	.chart-container > #RCAPHLD
--------------------------------------------------------------------------------*/
.chart-container #RCAPHLD {
	position: absolute;
	left: 14px;
	top: 224px;
	_overflow: hidden;
}

.chart-container #RCAPHLD h3 {
	position: absolute;
	left: 50px;
	top: 0;
}

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

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

.chart-container #RCAPHLD ul li {
	margin: 0;
	background: #fff;
}

/*--------------------------------------------------------------------------------
	.chart-container > #RCASE
--------------------------------------------------------------------------------*/
.chart-container #RCASE {
	position: absolute;
	left: 14px;
	top: 219px;
	width: 96px;
	_overflow: hidden;
}

.chart-container #RCASE .inner {
	margin-top: 3px;
	height: 99px;
}

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


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

.chart-container #RCAP .inner {
	margin-top: 3px;
	height: 51px;
}

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

/*--------------------------------------------------------------------------------
	.chart-container > #CONVERTER
--------------------------------------------------------------------------------*/
.chart-container #CONVERTER {
	position: absolute;
	left: 14px;
	top: 415px;
	width: 96px;
	_overflow: hidden;
}

.chart-container #CONVERTER .inner {
	margin-top: 3px;
	height: 100px;
}

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

/*--------------------------------------------------------------------------------
	.chart-container > #ADAPTER
--------------------------------------------------------------------------------*/
.chart-container #ADAPTER {
	position: absolute;
	left: 123px;
	top: 571px;
	width: 54px;
	_overflow: hidden;
}

.chart-container #ADAPTER .inner {
	margin-bottom: 4px;
	height: 103px;
}

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

/*--------------------------------------------------------------------------------
	.chart-container > #BCAP
--------------------------------------------------------------------------------*/
.chart-container #BCAP {
	position: absolute;
	left: 245px;
	top: 523px;
	width: 54px;
	_overflow: hidden;
}

.chart-container #BCAP .inner {
	margin-bottom: 6px;
	height: 104px;
}

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

/*--------------------------------------------------------------------------------
	.chart-container > #FLASH
--------------------------------------------------------------------------------*/
.chart-container #FLASH {
	position: absolute;
	left: 414px;
	top: 19px;
	width: 439px;
}

.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 .auto-lock-acc-shoe {
	margin-left: 9px;
	padding-left: 8px;
	width: 45px;
	*zoom: 1;
}

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

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

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

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

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

.chart-container #FLASH .others {
	margin-left: 9px;
	width: 95px;
	height: 192px;
}

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

.chart-container #FLASH .smart-acc-terminal {
	margin-left: 17px;
	width: 53px;
}

.chart-container #FLASH .smart-acc-terminal ul {
	margin-left: 8px;
	width: 43px;
}

/*--------------------------------------------------------------------------------
	.chart-container > #CASE-STRAP
--------------------------------------------------------------------------------*/
.chart-container #CASE-STRAP {
	position: absolute;
	left: 183px;
	top: 554px;
	width: 483px;
	_overflow: hidden;
}

.chart-container #CASE-STRAP .inner {
	margin-top: 2px;
	height: 103px;
}

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

/*--------------------------------------------------------------------------------
	.chart-container > #CASE
--------------------------------------------------------------------------------*/
.chart-container #CASE {
	position: absolute;
	left: 671px;
	top: 554px;
	width: 182px;
	_overflow: hidden;
}

.chart-container #CASE .inner {
	margin-top: 4px;
	height: 103px;
}

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

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

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

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

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

.chart-container #TRIPOD .inner {
	margin-top: 4px;
	height: 101px;
}

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

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

.chart-container #SHEET .inner {
	margin-top: 4px;
	height: 101px;
}

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

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

.chart-container #BATTERY .inner {
	margin-top: 4px;
	height: 104px
}

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

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

.chart-container #ACC-KIT .inner {
	margin-top: 3px;
	height: 54px;
}

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

/*--------------------------------------------------------------------------------
	.chart-container > #A-LENS-LINEUP
--------------------------------------------------------------------------------*/
.chart-container #A-LENS-LINEUP {
	position: absolute;
	left: 14px;
	top: 543px;
	_overflow: hidden;
}

.chart-container #A-LENS-LINEUP h3 {
	margin-top:10px;
}

.chart-container #A-LENS-LINEUP .inner {
	margin-top: 6px;
}


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

.chart-container .line img.line-01 {
	position: absolute;
	left: 7px;
	top: 383px;
	z-index: 20;
}

.chart-container .line img.line-02 {
	position: absolute;
	left: 102px;
	top: 57px;
	z-index: 20;
}

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

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

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

.chart-container .line img.line-06 {
	position: absolute;
	left: 911px;
	top: 128px;
	z-index: 20;
}

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

.chart-container .line img.line-08 {
	position: absolute;
	left: 513px;
	top: 71px;
	width:135px;
	height: 1px;
	z-index: 20;
}

.chart-container .line img.line-09 {
	position: absolute;
	left: 684px;
	top: 71px;
	z-index: 20;
}

.chart-container .line img.line-10 {
	position: absolute;
	left: 115px;
	top: 622px;
	z-index: 1;
	width: 8px;
	height: 1px;
}

.chart-container .line img.line-11 {
	position: absolute;
	left: 237px;
	top: 596px;
	z-index: 20;
	width: 16px;
	height: 1px;
}

.chart-container .line img.line-12 {
	position: absolute;
	left: 547px;
	top: 484px;
	z-index: 1;
	width: 1px;
	height: 38px;
}

.chart-container .line img.line-13 {
	position: absolute;
	left: 762px;
	top: 484px;
	z-index: 1;
	width: 1px;
	height: 38px;
}

.chart-container .line img.line-14 {
	position: absolute;
	left: 862px;
	top: 299px;
	z-index: 1;
	width: 50px;
	height: 1px;
}

.chart-container .line img.line-15 {
	position: absolute;
	left: 414px;
	top: 213px;
	z-index: 20;
}


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

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

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

.chart-container .line img.shoe-03 {
	position: absolute;
	left: 364px;
	top: 244px;
	z-index: 27;
}

.chart-container .line img.shoe-04 {
	position: absolute;
	left: 462px;
	top: 244px;
	z-index: 26;
}

/*--------------------------------------------------------------------------------
	.notice
--------------------------------------------------------------------------------*/
.notice {
	margin-top:3px;
}
.notice img {
	cursor: pointer;
}

.noticebox {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 4000;
	display: none;
	margin: 0 auto;
	padding: 20px 25px 10px;
	width: 500px;
	border: 3px solid #666;
	background-color: #fff;
}

.noticebox h3 {
	margin: 10px 0 0;
	font-size: 100%;
	text-align: center;
}
.noticebox h4 {
	margin: 25px 0 0;
	font-size: 87.5%;
}
.noticebox p {
	margin: 15px 0 0 0;
	font-size: 75%;
	line-height: 1.6;
}
.noticebox ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 75%;
	line-height: 1.6;
}
.noticebox li {
	margin: 0;
}

.noticebox .btn {
	margin-right: -7px;
	padding-top: 15px;
	text-align: right;
}
.noticebox .btn img {
	cursor: pointer;
}