@charset "utf-8";

/* --------------------------------------------------
 /support/
-------------------------------------------------- */

/* index.html
-------------------------------------------------- */
/* serviceSupportList
-------------------------------------------------- */
div#serviceSupportList div.floatLeft {
float:left;
width:553px;
}

div#serviceSupportList div.floatRight {
float:right;
width:171px;
}

div#serviceSupportList div.floatLeft ul {
float:left;
width:171px;
margin-right:15px;
}

div#serviceSupportList div.floatLeft ul.listRightLast {
margin-right:0;
}

div#serviceSupportList ul li {
margin:0 0 5px;
padding:0 10px 5px 20px;
border-bottom:1px solid #dedede;
background:url(/common/images/textLink_ico_01.gif) no-repeat 0.5em 0.5em;
}

div#serviceSupportList ul li.listBtmLast {
padding-bottom:0;
border-bottom:0;
}

/* serviceSupportList02
-------------------------------------------------- */

div#serviceSupportList02 div.floatLeft {
float:left;
width:553px;
}

div#serviceSupportList02 div.floatRight {
float:right;
width:171px;
}

div#serviceSupportList02 div.floatLeft ul {
float:left;
width:171px;
margin-right:15px;
}

div#serviceSupportList02 div.floatLeft ul.listRightLast {
margin-right:0;
}

div#serviceSupportList02 ul li {
margin:0 0 5px;
padding:0 10px 5px 20px;
border-bottom:1px solid #dedede;
background:url(/common/images/textLink_ico_01.gif) no-repeat 0.5em 0.5em;
}

div#serviceSupportList02 ul li.listBtmLast {
padding-bottom:0;
border-bottom:0;
}

div#serviceSupportList02 ul li.textLinkIco02 {
line-height:1.2;
padding:2px 0 8px 25px;
background:url(/common/images/textLink_ico_02.gif) no-repeat 0.5em 0.2em;
}

/* boxFrameWrapColumn2
-------------------------------------------------- */
/* boxFrameWrapColumn2 */
div.boxFrameWrapColumn2:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
div.boxFrameWrapColumn2 {display:inline-block;}
/* Hides from IE-mac \*/
* html div.boxFrameWrapColumn2 {height:1%;}
div.boxFrameWrapColumn2 {display:block;}
/* End hide from IE-mac */

div.boxFrameWrapColumn2 .columnWidth382 {
width:382px;
}

div.columnWidth382 div.column2 div.item,
div.columnWidth382 div.column2 div.itemLast {
float:left;
width:166px;
margin-right:20px;
}

div.columnWidth382 div.columnLast div.item,
div.columnWidth382 div.columnLast div.itemLast {
margin-right:0;
}

div.boxFrameWidth382 div.column2 div.item {
width:166px;
}

/* boxFrame for Index
-------------------------------------------------- */
body#index div.boxFrameIndex {
margin-bottom:10px;
padding-bottom:10px;
line-height:1.4;
}

body#index div.boxFrameIndex {
border-bottom:1px solid #dedede;
background-image:none;
}

div.boxFrameIndexLast {
margin:0;
line-height:1.4;
background:none;
}

div.boxFrameIndex div.boxFrameWidth352,
div.boxFrameIndexLast div.boxFrameWidth352 {
width:352px;
}

div.boxFrameIndex div.boxFrameWidth352 .thumbnail88 .thumbnailImg,
div.boxFrameIndexLast div.boxFrameWidth352 .thumbnail88 .thumbnailImg {
width:88px;
}

div.boxFrameIndex div.boxFrameWidth352 .thumbnail88 .descriptiveText,
div.boxFrameIndexLast div.boxFrameWidth352 .thumbnail88 .descriptiveText {
width:254px;
}

div.boxFrameIndex dt,
div.boxFrameIndexLast dt {
margin-bottom:10px;
}

/* boxFrameWrap578
-------------------------------------------------- */
div.boxFrameWrap578 {
width: 578px;
}

/* boxFrameWidth774
-------------------------------------------------- */
body.support .boxFrameWidth774 .column4 .boxFrameWrap {
margin-bottom:18px;
}

body.support .boxFrameWidth774 .column4 .boxFrameWrapLast {
margin-bottom:0;
}

body.support .boxFrameWidth774 .column4 .item {
width:171px;
margin-right:20px;
margin-bottom:0;
float:left;
}

body.support .boxFrameWidth774 .column4 .item.itemLast {
margin-right:0;
margin-bottom:0;
}

div.boxFrameC01 {
clear:both;
margin:0!important;
background:url(/support/pack/images/boxFrameC_bg_01.gif) repeat-y left top;
}

div.boxFrameC02 {
background:url(/support/pack/images/boxFrameC_bg_01.gif) repeat-y right top;
}

div.boxFrameC03 {
background:url(/support/pack/images/boxFrameC_bg_01.gif) repeat-x left bottom;
}

div.boxFrameC04 {
background:url(/support/pack/images/boxFrameC_bg_02.gif) no-repeat left bottom;
}

div.boxFrameC05 {
padding-bottom:5px;
background:url(/support/pack/images/boxFrameC_bg_03.gif) no-repeat right bottom;
}

div.boxFrameC06 {
background:url(/support/pack/images/boxFrameC_bg_01.gif) repeat-x left top;
}

div.boxFrameC07 {
background:url(/support/pack/images/boxFrameC_bg_04.gif) no-repeat left top;
}

div.boxFrameC08 {
padding:8px 10px 0;
background:url(/support/pack/images/boxFrameC_bg_05.gif) no-repeat right top;
}

div.boxFrameWidth774 {
clear: both;
}

div.boxFrameC01 div.sectionTitle {
padding-bottom:20px;
}

div.boxFrameC01 div.sectionTitle h4 {
background:url(/support/pack/images/h4FrameC_bg_01.gif) repeat-x left bottom;
color:#454545;
font-weight:bold;
padding:0 0 3px 7px;
}

div.boxFrameC01 div.h4FrameA01 {
margin:0 0 20px 0;
padding:0 0 3px 7px;
}

/* sectionC
-------------------------------------------------- */
div.sectionC ul {
padding:2px 0 5px;
}

div.sectionC ul li {
font-size:0;
}

div.sectionC ul.categoryList {
padding:10px 5px 5px 10px;
}

div.sectionC ul.categoryList li {
display:inline;
float:left;
margin:0;
padding:0 5px 5px 0;
}

div.sectionC div.linkListFrameB01 {
clear:both;
margin:10px 0 5px 0;
}

div.sectionC div.thumbnail274 p {
padding-top: 18px;
}

div.sectionC div.thumbnail274 div.thumbnailImg p {
padding-top:0;
}

/* searchForm
-------------------------------------------------- */
div.searchForm {
margin:5px 0 0 5px;
}

div.searchForm input {
vertical-align:middle;
}

div.searchForm input#searchContetnsTextA {
background:#f7f7f7;
border:1px solid #efefef;
border-top:1px solid #b7b7b7;
border-right:1px solid #b7b7b7;
color:#666;
line-height:1;
padding:3px 3px 2px 4px;
width: 284px;
}

/* followingNav
-------------------------------------------------- */
div.followingNav {
position:relative;
}

div.followingNav div.relatedNav {
position:absolute;
top:10px;
left:423px;
}

div.followingNav div.followingPageListB {
margin-bottom:21px;
}

div.followingNav div.relatedNav ul:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
div.followingNav div.relatedNav ul {display:inline-block;}
/* Hides from IE-mac \*/
* html div.followingNav div.relatedNav ul {height:1%;}
div.followingNav div.relatedNav ul {display:block;}
/* End hide from IE-mac */

div.followingNav div.relatedNav ul li {
display:inline;
float:left;
margin-left:20px;
padding-left:20px;
background:url(/support/pack/images/relatedNav_bg_01.gif) repeat-y left top;
}

div.followingNav div.relatedNav ul li span {
display:block;
}

/* table
-------------------------------------------------- */
table.textalignLeft td {
text-align:left;
}

table.tableA tr.tbody th {
background:#f2fcfb url(/common/images/tableA_bg_04.gif) repeat-x;
}

table.tableA tr.teven th {
background:#dff0ea url(/common/images/tableA_bg_02.gif) repeat-x;
}

table.tableA tr.theader02 {
background:#cbefe6 url(/common/images/tableA_bg_01.gif) repeat-x scroll 0 0;
}

table.tableA tr.theader02 th {
border-top:1px solid #87c1b2;
text-align:center;
}


/* Download Category
-------------------------------------------------- */
/* table */
.download table.tableA td {
text-align:left;
}

/* followingPageList */
body.download .followingPageList li.stayDownload a:link,
body.download .followingPageList li.stayDownload a:visited {
background-color:#e0f1eb;
}


/* Compatibility Category
-------------------------------------------------- */
/* table */
.compatibility table.tableA td {
text-align:center;
}

.compatibility table.tableA td ul.linkList li {
display:inline;
}

.compatibility table.tableB caption {
margin-bottom:8px;
font-weight:bold;
}

/* followingPageList */
body.compatibility .followingPageList li.stayCompatibility a:link,
body.compatibility .followingPageList li.stayCompatibility a:visited {
background-color:#e0f1eb;
}

/* digitalcamera_xseries_interchangeable_lens_camera
-------------------------------------------------- */
/* table */
.interchangeable_lens_camera table.tableA td {
text-align:left;
}

/* followingPageList */
body.interchangeable_lens_camera .followingPageList li.stayInterchangeableLensCamera a:link,
body.interchangeable_lens_camera .followingPageList li.stayInterchangeableLensCamera a:visited {
background-color:#e0f1eb;
}

/* digitalcamera_xseries_compact_camera
-------------------------------------------------- */
/* table */
.dcompact_camera table.tableA td {
text-align:left;
}

/* followingPageList */
body.compact_camera .followingPageList li.stayCompactCamera a:link,
body.compact_camera .followingPageList li.stayCompactCamera a:visited {
background-color:#e0f1eb;
}

/* digitalcameras_single_focal_length_lens
-------------------------------------------------- */
/* table */
.single_focal_length_lens table.tableA td {
text-align:left;
}

/* followingPageList */
body.single_focal_length_lens .followingPageList li.staySingleFocalLengthLens a:link,
body.single_focal_length_lens .followingPageList li.staySingleFocalLengthLens a:visited {
background-color:#e0f1eb;
}

/* digitalcameras_zoom_lens
-------------------------------------------------- */
/* table */
.dzoom_lens table.tableA td {
text-align:left;
}

/* followingPageList */
body.zoom_lens .followingPageList li.stayZoomLens a:link,
body.zoom_lens .followingPageList li.stayZoomLens a:visited {
background-color:#e0f1eb;
}

/* Holizon List
---------------------------------------- */
.horizonList:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.horizonList {display:inline-block;}
/* Hides from IE-mac \*/
* html .horizonList {height:1%;}
.horizonList {display:block;}
/* End hide from IE-mac */

.horizonList {
white-space:nowrap;
}

.horizonList li {
float:left;
margin:0 25px 10px 0;
}


/* index
---------------------------------------- */

div.onlineShopBanner div.boxFrameA03 {
background:transparent url(/common/images/pickup_bg_01.gif) no-repeat scroll center bottom;
padding-bottom:15px;
}

div.onlineShopItem p {
margin-top:5px;
}

div.onlineShopItem {
margin:0 10px;
}

div.information {
padding-bottom:10px;
}

div.customerList ul {
padding:6px 15px 0;
}

div.customerList ul li {
background-position:0 0.6em;
line-height:1.7;
}

div.boxFrameIndex div.boxFrameWidth164,
div.boxFrameIndexLast div.boxFrameWidth164 {
width:164px;
}

div.boxFrameIndex div.boxFrameWidth164 .thumbnail58 .thumbnailImg,
div.boxFrameIndexLast div.boxFrameWidth164 .thumbnail58 .thumbnailImg {
width:58px;
}

div.boxFrameIndex div.boxFrameWidth164 .thumbnail58 .descriptiveText,
div.boxFrameIndexLast div.boxFrameWidth164 .thumbnail58 .descriptiveText {
width:97px;
}

div.boxFrameWrap164 {
background:url("/common/images/boxFrameIndex_bg_01.gif") no-repeat center bottom!important;
border-bottom:none!important;
margin-top:1px;
min-height:43px;
padding-bottom:11px!important;
}

* html div.boxFrameWrap164 {
height:43px;
}

div.boxFrameWrapLast164 {
background:none!important;
border-bottom:none!important;
margin-bottom:0!important;
padding-bottom:0!important;
}

div#customerList div.boxFrameA03 {
background:url("/common/images/relatedInfo_bg_01.gif") no-repeat center bottom;
padding-bottom:15px;
}

div.indexRecommendBanner {
margin-bottom:12px;
}

div.followingNav div.followingPageListBWrap div.sectionA {
padding:10px 10px 18px;
}



/* ContactBox
-------------------------------------------------- */

/* ContactBox - Contents
--------------------------------------------------*/
/* medical */
body.medical div.contactBtnFrameInner {
background-position:374px 15px;
}

body.medical div.contactBtnFrame dl.contactLeft {
margin-left:71px;
}

body.medical div.contactBtnFrame dl.contactRight {
margin-left:120px;
}


/* PC、スマホ出し分け
-------------------------------------------------- */
@media only screen and (min-width: 460px)
{.PCnone {display:none}
} 