@charset "utf-8";
/* CSS Document */
.h1ReplaceS, .h1ReplaceL{background-repeat:no-repeat; width:663px; text-indent:-9999px; clear:both;}
.h1ReplaceS{height:57px;}
.h1ReplaceL{height:91px;}

.h2ReplaceS, .h2ReplaceL{background-repeat:no-repeat; width:500px;text-indent:-9999px; margin-bottom:15px; clear:both;}
.h2ReplaceS{height:36px;}
.h2ReplaceL{height:52px;}

.h2ReplaceTopS, .h2ReplaceTopL{background-repeat:no-repeat; width:500px;text-indent:-9999px; margin-bottom:15px; clear:both;}
.h2ReplaceTopS{height:57px;}
.h2ReplaceTopL{height:91px;}


.h3ReplaceS, .h3ReplaceL{background-repeat:no-repeat; width:468px;text-indent:-9999px; margin-bottom:3px;}
.h3ReplaceS{height:29px;}
.h3ReplaceL{height:42px;}

.h1Read{padding:15px; background-color:#f2f2f2; margin-bottom:2em; font-weight:bold;
		border-top:1px solid #cecece; border-left:1px solid #eaeaea; border-right:1px solid #eaeaea; border-bottom:1px solid #ffffff;
}

.h2ReplaceWide{width:663px; height:27px; text-indent:-9999px; margin-bottom:12px; margin-top:24px; clear:both;}

#h1_kit {background-image:url(images/h1_kit.png);}
#h1_overview {background-image:url(images/h1_overview.png);}
#h1_sample {background-image:url(images/h1_sample.png);}
#h1_spec {background-image:url(images/h1_spec.png);}
#h1_accessory {background-image:url(images/h1_accessory.png);}
#h1_comparison {background-image:url(images/h1_comparison.png);}
#h1_photo {background-image:url(images/h1_photo.png);}
#h1_download {background-image:url(images/h1_download.png);}
#h1_movie {background-image:url(images/h1_movie.png);}

#h2_kit-top {background-image:url(images/h2_kit-top.png);}
#h2_overview-top {background-image:url(images/h2_overview-top.png);}
#h2_sample-top {background-image:url(images/h2_sample-top.png);}
#h2_spec-top {background-image:url(images/h2_spec-top.png);}
#h2_accessory-top {background-image:url(images/h2_accessory-top.png);}
#h2_comparison-top {background-image:url(images/h2_comparison-top.png);}
#h2_photo-top {background-image:url(images/h2_photo-top.png);}
#h2_download-top {background-image:url(images/h2_download-top.png);}
#h2_movie-top {background-image:url(images/h2_movie-top.png);}
#h2_movie2-top {background-image:url(images/h2_movie2-top.png);}

#abreastElementForceClear{display:block; width:50px; float:left; height:50px; text-indent:-9999px;}

/* products navi
------------------------------------------------------------------*/
.productsNavi{margin-top:24px; clear:both;}
#topNaviArea .productsNavi{margin-bottom:24px; margin-top:0px;}


/* GLOBAL LEVEL1
------------------------------------------------------------------*/
.lev1InfoGlobal{margin:0px 0px 25px; clear:both;}
.lev1InfoGlobalIn{
	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; clear:both;
}
.lev1InfoGlobal h2.active{background-position:-500px 0px;}


/* GLOBAL LEVEL2
------------------------------------------------------------------*/
.lev2InfoGlobal{
	width:468px;  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; clear:both;
}
.lev2InfoGlobal img{float:right; margin-left:15px;}
.lev2InfoGlobal p{width:272px; display:block;}
.lev2InfoGlobal h3.h3replaceS, .lev2InfoGlobal h3.h3replaceL, .lev2InfoGlobal h3.h3replaceX{background-repeat:no-repeat; text-indent:-9999px; width:468px;}
.lev2InfoGlobal h3.active{background-position:-468px 0px;}
.lev2InfoGlobal h3.h3replaceS a, .lev2InfoGlobal h3.h3replaceL a, .lev2InfoGlobal h3.h3replaceX a{width:468px; display:block;}
.lev2InfoGlobal h3.h3replaceS, .lev2InfoGlobal h3.h3replaceS a{height:25px; margin-bottom:5px;}
.lev2InfoGlobal h3.h3replaceL, .lev2InfoGlobal h3.h3replaceL a{height:40px;}
.lev2InfoGlobal h3.h3replaceX, .lev2InfoGlobal h3.h3replaceX a{height:75px;}

/* GLOBAL LEVEL3
------------------------------------------------------------------*/
.lev3InfoGlobal{
	margin-bottom: 20px;
}
.lev3InfoGlobalInS, .lev3InfoGlobalInM, .lev3InfoGlobalInL{
	padding:15px; background-repeat:repeat-x; background-color:#f2f2f2; clear:both;
	border-top:1px solid #cecece; border-left:1px solid #eaeaea; border-right:1px solid #eaeaea; border-bottom:1px solid #ffffff;
}
.lev3InfoGlobalInS{background-image:url(images/level3_bg_s.png);}
.lev3InfoGlobalInM{background-image:url(images/level3_bg_m.png);}
.lev3InfoGlobalInL{background-image:url(images/level3_bg_l.png);}
.lev3InfoGlobal p{margin:0px 0px 16px;}
.lev3InfoGlobal p.noBottom{margin:0px 0px 0px;}


/* topBtn
------------------------------------------------------------------*/
#topLinkAreaW{width:663px; margin-top:20px; clear:both;}
#topLinkAreaN{width:500px; clear:both;}
#topLinkAreaW li, #topLinkAreaN li{display:block; width:162px; float:left; margin-bottom:16px; text-indent:-9999px;}
#topLinkAreaW a, #topLinkAreaN a{
	display:block; width:160px;
	border-top:1px solid #cecece;
	border-left:1px solid #eaeaea;
	border-right:1px solid #eaeaea;
	border-bottom:1px solid #ffffff;
}
#topLinkAreaW a:hover, #topLinkAreaN a:hover{
	border-top:1px solid #990000;
	border-bottom:1px solid #990000;
	border-right:1px solid #990000;
	border-left:1px solid #990000;
}
#topLinkAreaW li{margin-right:5px;}
#topLinkAreaN li{margin-right:7px;}
#topLinkAreaW li.zeroMargin, #topLinkAreaN li.zeroMargin{margin-right:0px;}


/*leftMenu elements; look at "/_share/layout.css" for the base style  
------------------------------------------------------------------*/
#leftMenu #leftTechnology{background-image:url(images/leftmenu_technology.png);}
#leftMenu #leftDownload{background-image:url(images/leftmenu_donwload.png);}
#leftMenu #leftOthers{background-image:url(images/leftmenu_others.png);}
#leftMenu #leftOldProducts{background-image:url(images/leftmenu_oldproducts.png);}
#leftMenu #leftBannerSp{background-image:url(images/leftmenu_bannersp.png);}
#leftMenu #leftProductlist{background-image:url(images/leftmenu_productlist.png);}


/*rightMenu elements; look at "/_share/layout.css" for the base style  
------------------------------------------------------------------*/
#rightPrice {height:155px; text-indent:-9999px;}
#rightMenu #rightKit {background-image:url(images/rightmenu_kit.png);}
#rightMenu #rightOverview {background-image:url(images/rightmenu_overview.png);}
#rightMenu #rightSample {background-image:url(images/rightmenu_sample.png);}
#rightMenu #rightSpec {background-image:url(images/rightmenu_spec.png);}
#rightMenu #rightAccessory {background-image:url(images/rightmenu_accessory.png);}
#rightMenu #rightComparison {background-image:url(images/rightmenu_comparison.png);}
#rightMenu #rightPhoto {background-image:url(images/rightmenu_photo.png);}
#rightMenu #rightNews {background-image:url(images/rightmenu_news.png);}
#rightMenu #rightMovie {background-image:url(images/rightmenu_movie.png);}
#rightMenu #rightMovie2 {background-image:url(images/rightmenu_movie2.png);}

/* detailTable
------------------------------------------------------------------*/
.detailTable {border-collapse:collapse; margin:10px 0; width:478px;}
.detailTable td, .detailTable th{ padding:5px; vertical-align:middle; text-align:center; border:1px solid #FFFFFF;}
.detailTable th{background-color:#999999; color:#ffffff;}
.detailTable td{background-color:#f1f1f1;}
.detailTable .th2{padding:0px; background-color:#e5e5e5;}


/* specTable
------------------------------------------------------------------*/
.specTable {border-collapse:collapse; width:498px;}
.specTable td, .specTable th{ padding:5px; vertical-align:middle; border:1px solid #9f9f9f;}
.specTable th{background-image:url(images/th_bg.gif); background-color:#FFF5F5; background-repeat:repeat-x; }
.specTable td{width:300px;}
.specTable .th2{background-image:url(images/spec_table_header.png); color:#FFFFFF; font-weight:bold; padding-top:7px;}
.specTable td.col1{width:486px;}

/* photoArea
------------------------------------------------------------------*/
.photoTh, .photoTh0{
	display:block; width:160px; height:160px; float:left; margin-bottom:16px; 
	border-top:1px solid #cecece; border-left:1px solid #eaeaea; border-right:1px solid #eaeaea; border-bottom:1px solid #eaeaea;
}

.photoTh:hover, .photoTh0:hover{
	border-top:1px solid #990000;
	border-bottom:1px solid #990000;
	border-right:1px solid #990000;
	border-left:1px solid #990000;
}

.photoTh{margin-right:7px;}
.photoTh0{margin-right:0px;}

/* sampleArea
------------------------------------------------------------------*/
.sampleArea{margin-bottom:24px; clear:both;}

.sampleArea .imgArea{float:left; text-align:center; margin-right:10px; width:190px;}
.sampleArea .imgArea img{border-top:1px solid #cccccc; border-bottom:1px solid #cccccc;	border-right:1px solid #cccccc; border-left:1px solid #cccccc;}

.sampleArea table{width:300px; float:left; border-collapse:collapse;}
.sampleArea th, .sampleArea td{padding:5px; border:1px solid #9f9f9f;}
.sampleArea th{width:70px; background-image:url(images/th_bg.gif);}
.sampleArea td{width:210px;}


/* sample area for sample & photo
------------------------------------------------------------------*/
.overviewArea {width:476px; background:url(images/sample_bg.png) no-repeat #f2f2f2; padding: 24px 12px; }
.overviewAreaIn{background-color:#FFFFFF;}
ul.thList{width:476px;  border-left:1px solid #cccccc;}
.thList li{height:97px; width:130px; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; border-top:1px solid #cccccc; cursor:pointer;text-indent:-9999px; float:left;}
.thList li.thOver, .thList li.thActive{background-position:-130px 0px;}

ul.imgList{width:476px; margin-left:1px; clear:both;}
ul.imgList li{margin:0px; padding:0px;}


/* h2 products switch Navi
------------------------------------------------------------------*/
.productSwitchNavi{text-indent:0px; margin-top:-4px; margin-left:185px;}
.productSwitchNavi a{display:block; width:100px; margin-right:20px; padding:5px 2px; float:left; border:1px solid #cecece; font-weight:normal; text-align:center;}
.productSwitchNavi a:hover{border:1px solid #cc0000;}
.productSwitchNavi a .main{border:1px solid #cecece; color:#555555; font-weight:normal;}
.productSwitchNavi a.active{border:1px solid #cc0000; color:#cc0000; font-weight:bold;}


/* download
------------------------------------------------------------------*/
.downloadList{}
.downloadList li{display:block; width:162px; margin-right:5px; padding-bottom:8px; float:left; margin-bottom:16px; display:inline;}
.downloadList .zeroMargin{margin-right:0px;}
.downloadList .th{border:1px solid #CCCCCC;}

.dlBtn_800,
.dlBtn_1024,
.dlBtn_1280,
.dlBtn_download{
	display:block; width:102px; height:21px; margin:5px auto;
	text-indent:-9999px; border:1px solid #f2f2f2;
}

.dlBtn_800:hover,
.dlBtn_1024:hover,
.dlBtn_1280:hover,
.dlBtn_download:hover,
.plBtn_download:hover{border:1px solid #CC0000;}

.dlBtn_800{background-image:url(images/dlbtn_800.png);}
.dlBtn_1024{background-image:url(images/dlbtn_1024.png);}
.dlBtn_1280{background-image:url(images/dlbtn_1280.png);}
.dlBtn_download{background-image:url(images/dlbtn_download.png);}

.plBtn_download{
	display:block; width:102px; height:21px; margin:5px auto;
	text-indent:-9999px; border:1px solid #f2f2f2;
	background:url(images/plbtn_play.png) 50% 50% no-repeat;
}

/* movie
------------------------------------------------------------------*/
#moviePlayerArea{width:478px; height:268px; text-indent:-9999px; background-image:url(images/movie_player_bg.jpg); background-repeat:no-repeat; background-position:center center; margin:0px auto 24px;}

.movieArea{width:230px; height:110px; float:left; margin-top:8px; margin-right:8px;}
.movieBg .movieArea{width:230px; background-color:#f6f6f6; padding:8px 0px 0px 8px;}
.movieArea.zeroMargin{margin-right:0px;}
.movieArea.smallHeight{height:80px;}
.movieArea h3{width:230px; height:28px; text-indent:-9999px; margin-bottom:6px;}
.movieArea img{width:105px; float:left; border:1px solid #FFFFFF;}
.movieArea .movieBtn{width:114px; float:left; margin-left:4px;}
.movieArea .movieBtn a{text-indent:-9999px; margin:0px 0px 8px 0px; width:114px; height:19px; display:block;}
.movieArea .movieBtn a:hover{background-position:-114px 0px;}
.movieArea .movieBtn .linkM{background-image:url(images/moviebtn_m.gif);}
.movieArea .movieBtn .linkS{background-image:url(images/moviebtn_s.gif);}
.movieArea .movieBtn .linkPlay{background-image:url(images/moviebtn_play.gif);}


/* banner SP
------------------------------------------------------------------*/
.lev1AreaW_banner{background-repeat:no-repeat; padding:10px 8px 10px; float:left; margin-bottom:15px; overflow:hidden; border-top:1px solid #ffffff; border-left:1px solid #d0d0d0; border-right:1px solid #b0b0b0; border-bottom:1px solid #b0b0b0;}
#lev1Wrapper_banner{margin:20px 0px; padding:0px; width:663px; clear:both;}
#lev1Wrapper_banner .zeroMargin{margin-right:0px !important;}
#lev1Wrapper_banner .categoryTitle{font-weight:bold; background-image:url(../banner-consolidating/images/title_linkarrow.gif); background-position:left center; background-repeat:no-repeat; text-indent:15px; font-size:18px; margin-top:5px; margin-bottom:10px; vertical-align: middle;}
#lev1Wrapper_banner h3{font-weight:bold; font-size:16px; line-height:24px; text-align:center; margin-bottom:5px;}
.lev1AreaW_banner{background-image:url(images/level1_bg.png); height:165px; margin-right:14px; background-color:#f1f1f1; float:left;}
.lev1AreaW_banner, .lev1AreaW_banner .lev1TextS, .lev1AreaW_banner .lev1TextM, .lev1AreaW_banner .lev1TextL{width:290px;}
.lev1AreaW_banner img{margin-bottom:5px; margin-top:5px; margin-left:3px;}
.lev1AreaW_banner a{ display:block; width:290px;}

#lev1Wrapper_banner_top{margin:20px 0px; padding:0px; width:663px; clear:both;}
#lev1Wrapper_banner_top .zeroMargin{margin-right:0px !important;}
#lev1Wrapper_banner_top h3{font-weight:bold; background-image:url(../banner-consolidating/images/title_linkarrow.gif); background-position:left; background-repeat:no-repeat; text-indent:15px; font-size:15px; line-height:20px; margin-left:15px;}
.lev1AreaW_banner_top{margin-right:15px; margin-left:15px; background-color:#f2f2f2; float:left; margin-bottom:15px;}
.lev1AreaW_banner_top, .lev1AreaW_banner_top .lev1TextS, .lev1AreaW_banner_top .lev1TextM, .lev1AreaW_banner_top .lev1TextL{width:178px;}
.lev1AreaW_banner_top a{display:block; width:176px;  border:1px solid #b0b0b0;}
.lev1AreaW_banner_top a:hover{ border:1px solid #990000 }

.lev1Container_banner, .lev1Container_banner_main{width:633px; margin:0px auto 10px; padding:10px 15px 0px; background-color:#f2f2f2; clear:both;}
.lev1Container_banner_main img{border:solid 1px #999999;}

.bannerTxt_leftmargin{margin-left:5px;}

#banner_h2{background-repeat:no-repeat; text-indent:-9999px; height:45px; width:200px; float:left;}
#banner_title{background-image:url(../banner-consolidating/images/h2_index-brandtop.png); height:45px; width:663px; margin-bottom:15px;}
#banner_title_eos{background-image:url(../banner-consolidating/images/h2_index-brandtop_eos.png); height:45px; width:663px; margin-bottom:15px;}
#banner_title_ps{background-image:url(../banner-consolidating/images/h2_index-brandtop_ps.png); height:45px; width:663px; margin-bottom:15px;}
#banner_title_ixus{background-image:url(../banner-consolidating/images/h2_index-brandtop_ixus.png); height:45px; width:663px; margin-bottom:15px;}
#banner_title_dv{background-image:url(../banner-consolidating/images/h2_index-brandtop_dv.png); height:45px; width:663px; margin-bottom:15px;}
#banner_title_ef{background-image:url(../banner-consolidating/images/h2_index-brandtop_ef.png); height:45px; width:663px; margin-bottom:15px;}
#banner_title_selphy{background-image:url(../banner-consolidating/images/h2_index-brandtop_selphy.png); height:45px; width:663px; margin-bottom:15px;}

#banner_titleLink{margin:15px 15px 0px 0px; padding-left:14px; font-weight:bold; background-image:url(../banner-consolidating/images/title_linkarrow.gif); background-position:0px; background-repeat:no-repeat; float:right;}

.museum_banner{ background-color:#f2f2f2; float:left; margin-bottom:15px; margin-top:-13px}
.museum_banner a{display:block; width:176px;  border:1px solid #b0b0b0;}
.museum_banner a:hover{ border:1px solid #990000 }