@charset "utf-8";
/* CSS Document */

#leftHead{background-image:url(images/leftmenu_ef.png); height:40px;}

#swf_techInfo2-2, #swf_techInfo2-2In{width:180px; height:180px;}
#swf_techInfo7-1, #swf_techInfo7-1In{width:468px; height:174px;}
#swf_techInfo8-1, #swf_techInfo8-1In{width:180px; height:180px;}
/*#swf_techInfo7-1{border:1px solid #666666;}*/

.leftmenu_fontS a{font-size:12px;}
.leftmenu_fontSS a{font-size:10px;}

#leftMenu a.leftDivider{height:33px; text-indent:-9999px; border-top:1px solid #dadada;}
#leftMenu a:hover.leftDivider{background-position:-176px 0px;}

#leftDivider01{background-image:url(images/leftmenu_01.png);}
#leftDivider02{background-image:url(images/leftmenu_02.png);}
#leftDivider03{background-image:url(images/leftmenu_03.png);}
#leftDivider04{background-image:url(images/leftmenu_04.png);}
#leftDivider05{background-image:url(images/leftmenu_05.png);}
#leftDivider06{background-image:url(images/leftmenu_06.png);}
#leftDivider07{background-image:url(images/leftmenu_07.png);}
#leftDivider08{background-image:url(images/leftmenu_08.png);}
#leftDivider09{background-image:url(images/leftmenu_09.png);}
#leftDivider10{background-image:url(images/leftmenu_10.png);}

#pickup_01-head{background-image:url(images/pickuphead_ef_01.jpg); height:33px;}
#pickup_01-1{background-image:url(images/pickupbtn_01-1.jpg);}


/* EF LEVEL1
------------------------------------------------------------------*/
.lev1AreaW, .lev1AreaN{background-repeat:no-repeat; padding:17px 15px 15px; float:left; margin-bottom:15px; overflow:hidden;border-top:1px solid #ffffff; border-left:1px solid #eaeaea; border-right:1px solid #eaeaea; border-bottom:1px solid #ffffff;}
#lev1Wrapper .zeroMargin{margin-right:0px !important;}
.lev1AreaW{background-image:url(images/lev1bg_w.png); height:221px; margin-right:8px; background-color:#f2f2f2;}
.lev1AreaN{background-image:url(images/lev1bg_n.png); height:270px; margin-right:7px; background-color:#f2f2f2;}
.lev1AreaW, .lev1AreaW .lev1TextS, .lev1AreaW .lev1TextM, .lev1AreaW .lev1TextL{width:214px;}
.lev1AreaN, .lev1AreaN .lev1TextS, .lev1AreaN .lev1TextN, .lev1AreaN .lev1TextL{width:130px;}

/* EF tech index専用
------------------------------------------------------------------*/
.lev1AreaW-ef, .lev1AreaW-ef2{
	background-repeat:no-repeat; padding:17px 15px 15px; float:left; margin-bottom:15px; overflow:hidden;
	border-top:1px solid #ffffff; border-left:1px solid #ffffff; border-right:1px solid #ffffff; border-bottom:1px solid #ffffff;
}

#lev1Wrapper  .zeroMargin{margin-right:0px !important; }

.lev1AreaW-ef{background-image:url(images/lev1bg_w.png); height:85px; margin-right:8px; background-color:#ffffff;}
.lev1AreaW-ef2{background-image:url(images/lev1bg_w.png); height:170px; margin-right:8px; background-color:#f2f2f2;}

.lev1AreaW-ef{width:295px;}
.lev1AreaW-ef2{width:214px;}
/*.lev1AreaW-ef, lev1AreaW-ef .lev1TextS, lev1AreaW-ef .lev1TextM, lev1AreaW-ef .lev1TextL{width:295px;}*/

.lev1AreaW-ef h3.active, .lev1AreaW-ef2 h3.active{background-position:-214px 0px;}

.floatImgAreaM1-ef{float:left;width:662px; font-size:12px; color:#6e6e6e;}


/*---end----------------------------------------------------------*/

.lev1TextS, .lev1TextM, .lev1TextL{text-indent:-9999px; margin:10px 0px;}
.lev1TextS{height:19px;}
.lev1TextM{height:37px;}
.lev1TextL{height:55px;}

.lev1AreaW h3.active{background-position:-214px 0px;}
.lev1AreaN h3.active{background-position:-130px 0px;}
.lev1Info{margin:0px 0px 25px; clear:both;}
.lev1InfoIn{
	width:468px; padding:15px;  background-image:url(images/level1_bg.png); background-color:#f2f2f2; background-repeat:no-repeat;
	border-top:1px solid #cecece; border-left:1px solid #eaeaea; border-right:1px solid #eaeaea; border-bottom:1px solid #ffffff;
	margin:15px 0px;
}


.lev1Info h2.active{background-position:-500px 0px;}
.lev3Info p{margin:0px 0px 16px;}

/* EF LEVEL2
------------------------------------------------------------------*/
.lev2Info{
	width:633px;  padding:15px; background-image:url(images/level2_bg.png); background-color:#f2f2f2; background-repeat:repeat-x;
	border-top:1px solid #cecece; border-left:1px solid #eaeaea; border-right:1px solid #eaeaea; border-bottom:1px solid #ffffff;
	margin:15px 0px;
}
.lev2Info img{float:right; margin-left:15px;}
.lev2Info p{display:block;}
.lev2Info h3.h3replaceS, .lev2Info h3.h3replaceL{background-repeat:no-repeat; text-indent:-9999px; width:272px;}
.lev2Info h3.active{background-position:-272px 0px;}
.lev2Info h3.h3replaceS a, .lev2Info h3.h3replaceL a{width:272px; display:block;}
.lev2Info h3.h3replaceS, .lev2Info h3.h3replaceS a{height:45px;}
.lev2Info h3.h3replaceL, .lev2Info h3.h3replaceL a{height:60px;}
.lev2Info p{margin:0px 0px 16px;}
.lev2Area{
	width:468px; padding:15px; background-image:url(images/lev2_bg.jpg); background-repeat:repeat-x; background-color:#f2f2f2;
	border-top:1px solid #cecece; border-left:1px solid #eaeaea; border-right:1px solid #eaeaea; border-bottom:1px solid #ffffff;	
}

.lev2Area p{margin:0px 0px 16px;}

/* EF LEVEL3
------------------------------------------------------------------*/
.lev3Info{
	margin-bottom: 20px;
}
.lev3InfoInS, .lev3InfoInM, .lev3InfoInL{
	padding:15px; background-repeat:repeat-x; background-color:#f2f2f2; 
	border-top:1px solid #cecece; border-left:1px solid #eaeaea; border-right:1px solid #eaeaea; border-bottom:1px solid #ffffff;
}
.lev3InfoInS{background-image:url(images/level3_bg_s.png);}
.lev3InfoInM{background-image:url(images/level3_bg_m.png);}
.lev3InfoInL{background-image:url(images/level3_bg_l.png);}
.lev3Info p{margin:0px 0px 16px;}


/* right
------------------------------------------------------------------*/
#rightMenu_eftech{width:148px; background-image:url(../../../../_share/images/rightmenu_base.png); border:1px solid #dadada; margin:0px 0px 24px 0px; padding:0px;}
#rightMenu_eftech img{vertical-align:top;}
#rightMenu_eftech #rightHead{text-indent:-9999px;}
#rightMenu_eftech a{display:block; width:148px; text-indent:-9999px; height:40px; margin-top:1px; line-height:normal;}
#rightMenu_eftech a:hover{background-position:-148px 0px;}
#rightMenu_eftech a.active{background-position:-296px 0px;}
/*#rightMenu_eftech .rightHead01{text-indent:-9999px; margin:0px; padding:0px;}*/
#rightMenu_eftech li{margin:0px; padding:0px; line-height:0;}


/*rightMenu elements; look at "/_share/layout.css" for the base style  
------------------------------------------------------------------*/
#rightMenu_eftech #rightIndex2 {background-image:url(images/rightmenu_index2.png);}
#rightMenu_eftech #rightInfo1 {background-image:url(images/rightmenu_01.png);}
#rightMenu_eftech #rightInfo2 {background-image:url(images/rightmenu_02.png);}
#rightMenu_eftech #rightInfo3 {background-image:url(images/rightmenu_03.png);}
#rightMenu_eftech #rightInfo4 {background-image:url(images/rightmenu_04.png);}
#rightMenu_eftech #rightInfo5 {background-image:url(images/rightmenu_05.png);}
#rightMenu_eftech #rightInfo6 {background-image:url(images/rightmenu_06.png);}
#rightMenu_eftech #rightInfo7 {background-image:url(images/rightmenu_07.png);}
#rightMenu_eftech #rightInfo8 {background-image:url(images/rightmenu_08.png);}
#rightMenu_eftech #rightInfo9 {background-image:url(images/rightmenu_09.png);}
#rightMenu_eftech #rightInfo10 {background-image:url(images/rightmenu_10.png);}
#rightMenu_eftech #rightInfo11 {background-image:url(images/rightmenu_11.png);}
#rightMenu_eftech #righthead_tech01{background-image:url(images/righthead_eftech.jpg); height:33px;}
#rightMenu_eftech #righthead_tech02{background-image:url(images/right_head01.jpg); height:30px;}
#rightMenu_eftech #righthead_tech03{background-image:url(images/right_head02.jpg); height:30px;}


/* Accessory Btn
------------------------------------------------------------------*/
#accessoryBtn_kit_50d{background-image:url(images/accessory_btn_kit_50d.jpg);}

#accessoryBtn_battery{background-image:url(images/accessory_btn_battery.jpg);}
#accessoryBtn_cable{background-image:url(images/accessory_btn_cable.jpg);}
#accessoryBtn_eyeadjuster{background-image:url(images/accessory_btn_eyeadjuster.jpg);}
#accessoryBtn_eyepiece{background-image:url(images/accessory_btn_eyepiece.jpg);}
#accessoryBtn_flash{background-image:url(images/accessory_btn_flash.jpg);}
#accessoryBtn_grip{background-image:url(images/accessory_btn_grip.jpg);}
#accessoryBtn_others{background-image:url(images/accessory_btn_others.jpg);}
#accessoryBtn_release{background-image:url(images/accessory_btn_release.jpg);}
#accessoryBtn_screen{background-image:url(images/accessory_btn_screen.jpg);}
#accessoryBtn_strap{background-image:url(images/accessory_btn_strap.jpg);}
#accessoryBtn_mic{background-image:url(images/accessory_btn_mic.jpg);}
#accessoryBtn_lens{background-image:url(images/accessory_btn_lens.jpg);}
#accessoryBtn_adapter{background-image:url(images/accessory_btn_adapter.jpg);}
#accessoryBtn_case{background-image:url(images/accessory_btn_case.jpg);}
#accessoryBtn_charger{background-image:url(images/accessory_btn_charger.jpg);}
#accessoryBtn_bag{background-image:url(images/accessory_btn_bag.jpg);}


/* Float Image
------------------------------------------------------------------
.floatImgArea{padding-bottom:16px; clear:both;}
.floatImgArea p{margin-bottom:16px;}
.floatImgAreaM1{float:left; margin-left:8px; width:150px; font-size:12px; color:#6e6e6e;}
.floatImgAreaM2{float:left; margin-left:8px; width:230px; font-size:12px; color:#6e6e6e;}
.floatImgAreaM3{float:left; margin-left:8px; width:150px; font-size:12px; color:#6e6e6e;}
.floatImgAreaM4{float:left; margin-left:6px; margin-right:6px; margin-top:0px; margin-bottom:0px; width:110px; font-size:12px; color:#6e6e6e;}
.floatImgAreaM5{float:left; margin-left:8px; width:87px; font-size:12px; color:#6e6e6e;}
.floatImgAreaM0{margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px;}

.floatImgAreaS1R{float:right; margin-left:8px; width:180px; font-size:12px; color:#6e6e6e;}
.floatImgAreaS2R{float:right; margin-left:8px; width:86px; font-size:12px; color:#6e6e6e;}

.floatImgAreaS1L{float:left; margin-right:8px; width:180px; font-size:12px; color:#6e6e6e;}
.floatImgAreaS2L{float:left; margin-right:8px; width:86px; font-size:12px; color:#6e6e6e;}

.floatLeftI{float:left; margin-right:8px; margin-bottom:8px; width:180px;}
.floatLeftT{float:left; margin-right:8px; margin-bottom:8px; width:260px;}
.floatRightI{float:right; margin-left:8px; margin-bottom:8px; width:180px;}
.floatRightT{float:right; margin-left:8px; margin-bottom:8px; width:260px;}*/

.floatImgAreaM2-ef{float:left; margin-left:8px; width:305px; font-size:12px; color:#6e6e6e;}

