@charset "UTF-8";
/* CSS Document */

/* =====================================================================
*    0. Bace Color
*    ---
*         Freecom Blue          #41A7E2
*         Freecom Light Blue    #CFE5F8
*         Freecom Gray          #474D51
*         ---
*         Gold for link color   #735212
*         Gold for hover color  #AB9144
*         Strong Blue           #01ABE6 (use for Product Name)
*         Strong Red            #E50007
*    ---
*    1. Products TOP contents Area
*    2. TOUGH DRIVE cover contents Area
*    3. Products Detail
*    4. page navigation
*    5. sub navigation
*    5.1. Products Detail
*    5.2. Products Cover
* =================================================================== */


/* =====================================================================
*
*    1. Products TOP
*
* =================================================================== */

.list-item { width: 950px; padding: 0 0 0 10px;}

.unit-item { width: 180px; padding: 20px 0 0 10px; float: left; position: relative;}
	p.img-item a:hover img { opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha( opacity=60 )";}
	p.img-icon { position: absolute; top: 30px; right: 10px;}
.unit-item dl { width: 160px; padding: 0 10px 10px; position: absolute; bottom: 0; left: 10px;}
	.unit-item dt        { padding-bottom: 4px;}
	.unit-item dd.notice { padding-top: 10px;}
		.unit-item dt span        { font-size: 122%; font-weight: bold; color: #000000;}
		.unit-item dt span.accent { color: #0099CC;}
		.unit-item dd.desc span   { font-size:  85%; font-weight: bold; line-height: 1.4em;}
		.unit-item dd.notice span { font-size:  70%; color: #990000; line-height: 1em;}
		.unit-item dt a,
		.unit-item dd a { text-decoration: none;}

ul.pageBnrArea    { padding-left: 20px;}
ul.pageBnrArea li { padding: 20px 10px 0 0; float: left;}

.finish .unit-item            { padding: 0 0 20px 10px;}
	.finish .unit-item dl     { bottom: 15px;}
	.finish ul.pageBnrArea li { padding: 0 10px 0 0;}


/* =====================================================================
*
*    3. Products Detail
*
* =================================================================== */

.mainImg { padding: 0 20px; background: url(../images/bg_naviPoint.gif) 624px 194px no-repeat;}
.mainImg h2 { padding: 20px 0;}
.MD-mg .mainImg { background: url(../images/bg_naviPoint.gif) 624px 202px no-repeat;}
/*0801*/
.USB-clip .mainImg { padding-bottom: 10px;}
/*0801*/
.databar .mainImg { padding-bottom: 10px;}
/*0801*/
.MD-sq .mainImg { padding-bottom: 10px;}

/* =====================================================================
/           product icon
===================================================================== */
.iconArea { margin: 0 20px; padding: 0 12px 30px 0; background: url(../images/bg_iconArea.gif) 0 0 no-repeat;}
	.iconArea-inner { padding-left: 12px;}
		.kwicks { list-style: none; position: relative; margin: 0; padding: 0; 
				background-images: url(../images/no_flicker.gif) ; /*some browsers are to slow when aligning the menu items via jQuery and so the background shines through, this prevents this flickering*/
				}
		.kwicks li{ display: block; overflow: hidden; padding: 0; cursor: pointer; float: left; width: 96px; height: 80px; margin-right: 0px; background-image:url(../images/icon_sprite.gif); background-repeat:no-repeat;}
			#kwick1  { background-position:0px 0px;}
			#kwick2  { background-position:-210px 0px;}
			#kwick3  { background-position:-420px 0px;}
			#kwick4  { background-position:-630px 0px;}
			#kwick5  { background-position:-840px 0px;}
			#kwick6  { background-position:-1050px 0px;}
			#kwick7  { background-position:-1260px 0px;}
			#kwick8  { background-position:-1470px 0px;}
			#kwick9  { background-position:-1680px 0px;}
			#kwick10 { background-position:-1890px 0px;}
			#kwick11 { background-position:-2100px 0px;}
			#kwick12 { background-position:-2310px 0px;}
			#kwick13 { background-position:-2520px 0px;}
			#kwick14 { background-position:-2730px 0px;}
/*0801*/
			#kwick15 { background-position:-2940px 0px;}
			#kwick16 { background-position:-3150px 0px;}

/*0801*/
	/*MD-mg*/
.MD-mg .iconArea { padding: 10px 0 24px 0; background: #000000;}
	.MD-mg .iconArea p.ttl { width: 600px; height: 36px; background: url(/products/images/MD-mg/ttl-icon-bk.gif) 0 0 no-repeat;}
	.MD-mg .iconArea-inner { padding-left: 0;}
		.MD-mg .kwicks li{ background-image: url(/products/images/MD-mg/icon-sprite-bk.gif) !important;}
	/*iVDR-S*/
.iVDR-S .iconArea   { padding: 0 12px 10px 0;}
	/*databar*/
.databar .iconArea { margin: 0 20px; padding: 0 12px 30px 0; background: url(../images/bg_iconArea.gif) 0 0 no-repeat;}
	.databar .iconArea-inner { padding-left: 12px;}
		.databar .kwicks { list-style: none; position: relative; margin: 0; padding: 0; 
				background-images: url(../images/no_flicker.gif) ; /*some browsers are to slow when aligning the menu items via jQuery and so the background shines through, this prevents this flickering*/
				}		
		.databar .kwicks li{ display: block; overflow: hidden; padding: 0; cursor: pointer; float: left; width: 105px; height: 80px; margin-right: 0px; background-image:url(../images/icon_sprite2.gif); background-repeat:no-repeat;}
			#kwick17 { background-position:0px 0px;}
			#kwick18 { background-position:-401px 0px;}
		

/* =====================================================================
/           support-list
===================================================================== */
.support-list { padding: 0 0 10px;}
	.support-list dl { width: 600px; padding: 0 0 0 20px;}
	.support-list dt { width: 200px; float: left; font-weight: bold;}
	.support-list dd { width: 400px; float: left;}
	.support-list dd a { padding-left: 18px; background: url(../../products/images/common/bg-localnavi.gif) -12px -3px no-repeat;}

/* =====================================================================
/           gallery Area
===================================================================== */
.galleryArea { padding: 10px 20px 30px; background: url(../images/bg_naviPoint.gif) 624px 22px no-repeat;}
	.galleryArea p.ttl { width: 600px; height: 20px; background: url(../images/info_ttl01.gif) 0 0 no-repeat;}
	.galleryArea ul { width: 600px; height: 86px; padding-top: 14px; background: url(../images/bg_galleryArea.gif) 0 0 no-repeat;}
	.galleryArea li { display: inline;}
		/*PD-18*/
	.galleryAreaT { padding: 10px 20px 30px; background: url(../images/bg_naviPoint.gif) 624px 22px no-repeat;}
		.galleryAreaT p.ttl { width: 600px; height: 20px; background: url(../images/info_ttl01.gif) 0 0 no-repeat;}
		.galleryAreaT ul { width: 600px; height: 180px; padding-top: 14px; background: url(../images/bg_galleryAreaT.gif) 0 0 no-repeat;}
		.galleryAreaT li { display: inline;}
		/*MD-mg*/
	.MD-mg .galleryArea { padding: 0 20px 30px; background: url(../images/bg_naviPoint.gif) 624px 44px no-repeat;}
		.MD-mg .galleryArea p.ttl { width: 600px; height: 32px; background: url(/products/images/MD-mg/ttl-gallery-bk.gif) 0 0 no-repeat;}
		.MD-mg .galleryArea ul { width: 572px; height: 95px; padding: 18px 14px 15px; background: url(/products/images/MD-mg/bg-gallery-foot.gif) bottom left no-repeat; background-color: #000000;}
		.MD-mg .galleryArea li a img { padding: 0 6px;}
		/*MD-sq*/
	.MD-sq .galleryArea { padding: 10px 20px 30px; background: url(../images/bg_naviPoint.gif) 624px 44px no-repeat;}
		.MD-sq .galleryArea p.ttl { width: 600px; height: 20px; background: url(../images/info_ttl01.gif) 0 0 no-repeat;}
		.MD-sq .galleryArea ul { width: 600px; height: 200px; padding: 10px 0 6px 8px; background: url(../images/bg_galleryAreaT2.gif) 0 0 no-repeat;}
		.MD-sq .galleryArea li a img { padding: 12px 12px;}
		/*iVDR-S*/
		.iVDR-S .galleryArea ul       { padding: 17px 0 7px 12px;}
		.iVDR-S .galleryArea li a img { padding: 0 12px;}
		/*HD-classic*/
		.HD-classic .galleryArea ul       { padding: 17px 0 7px 12px;}
		.HD-classic .galleryArea li a img { padding: 0 12px;}
/*0801*/
		/*USB-clip*/
		.USB-clip .galleryArea ul       { padding: 4px 0 6px 8px;}
		.USB-clip .galleryArea li a img { padding: 0 12px;}
/*0801*/
		/*databar*/
		.databar .galleryArea ul       { padding: 17px 0 6px 8px;}
		.databar .galleryArea li a img { padding: 0 12px;}

/* =====================================================================
/           point Area
===================================================================== */
.pointArea { padding: 10px 0 30px; background: url(../images/bg_naviPoint.gif) 624px 44px no-repeat;}
.pointArea p.ttl { width: 600px; height: 20px; padding-left: 20px; background: url(../images/info_ttl02.gif) 20px 0 no-repeat;}
	.pointArea p.ttlxs2 { width: 600px; height: 20px; padding-left: 20px; background: url(../images/info_ttl08.gif) 20px 0 no-repeat;}
	.pointArea p.ttlxs3 { width: 600px; height: 20px; padding-left: 20px; background: url(../images/info_ttl09.gif) 20px 0 no-repeat;}
	.pointArea p.ttlpd { width: 600px; height: 20px; padding-left: 20px; background: url(../images/info_ttl10.gif) 20px 0 no-repeat;}
	.pointArea p.ttllpd { width: 600px; height: 20px; padding-left: 20px; background: url(../images/info_ttl11.gif) 20px 0 no-repeat;}
		.TD .pointStyle01 ul { width: 480px; padding: 20px 20px 0 40px;}
		.TD .pointStyle01 li { list-style: disc;}
		.TD .pointStyle01 img { padding: 20px 40px 0 0;}
		.TD .pointStyle02 img.subBody { padding: 10px 20px 20px;}
		.TD .pointStyle02 img { padding-left: 20px;}
		.TD .pointStyle02 p { width: 470px; padding: 0 20px 10px 10px;}
		.TD .pointStyle03 img.subBody { padding: 10px 20px 20px;}
		.TD .pointStyle03 img { padding-right: 20px;}
		.TD .pointStyle03 p { width: 470px; padding: 0 10px 10px 20px;}
		.TD .pointStyle04 p { width: 318px; padding: 24px 20px 0 0;}
		.TD .pointStyle04 img.subBody { padding-bottom: 20px;}
		.TD .pointStyle04 img {}
		.TD .pointStyle05 ul { width: 580px; padding: 20px 20px 0 40px;}
		.TD .pointStyle05 li { list-style: disc;}
		.TD .pointStyle05 img { padding: 20px 40px 0 0;}
	/*MD-mg*/
	.MD-mg .pointArea { padding: 10px 0 30px; background: url(../images/bg_naviPoint.gif) 624px 88px no-repeat;}
	
.pointArea2 { padding: 10px 20px 30px; background: url(../images/bg_naviPoint.gif) 624px 66px no-repeat;}
	.specArea2 p.ttl { width: 600px; height: 20px; background: url(../images/info_ttl02.gif) 0 0 no-repeat;}
	.pointArea2 ul { width: 580px; padding: 20px 20px 0 40px;}
	.pointArea2 li { list-style: disc;}
	.pointArea2 strong { font-weight: bold;}	

/* =====================================================================
/           use Area
===================================================================== */
.useArea { padding: 10px 0 30px; background: url(../images/bg_naviPoint.gif) 624px 66px no-repeat;}
	.useArea p.ttl { width: 600px; height: 20px; padding-left: 20px; background: url(../images/info_ttl03.gif) 20px 0 no-repeat;}
	.useArea ul { width: 580px; padding: 20px 20px 0 40px;}
	.useArea li { list-style: disc;}
	.useArea strong { font-weight: bold;}
		/*MD-mg*/
	.MD-mg .useArea { padding: 10px 0 30px; background: url(../images/bg_naviPoint.gif) 624px 110px no-repeat;}

/* use Area2 */
.useArea2 { padding: 10px 0 30px; background: url(../images/bg_naviPoint.gif) 624px 66px no-repeat;}
	.useArea2 p.ttl { width: 600px; height: 20px; padding-left: 20px; background: url(../images/info_ttl07.gif) 20px 0 no-repeat;}
	.useArea2 ul { width: 580px; padding: 20px 20px 0 40px;}
	.useArea2 li { list-style: disc;}
	.useArea2 strong { font-weight: bold;}
	
/* use Area3 */
.useArea3 { padding: 10px 20px 30px; background: url(../images/bg_naviPoint.gif) 624px 88px no-repeat;}
	.useArea3 p.ttl { width: 600px; height: 20px; background: url(../images/info_ttl03.gif) 0 0 no-repeat;}
	.useArea3 ul { width: 580px; padding: 0 0 0 20px;}
	.useArea3 li { list-style: disc;}
	.useArea3 strong { font-weight: bold;}

/* =====================================================================
/           spec Area
===================================================================== */
.specArea { padding: 10px 20px 30px; background: url(../images/bg_naviPoint.gif) 624px 88px no-repeat;}
	.specArea p.ttl { width: 600px; height: 20px; background: url(../images/info_ttl04.gif) 0 0 no-repeat;}
	.specArea p.subBody01 { width: 100px; height: 14px; padding: 20px 0 14px; background: url(../images/info_subBody01.gif) 0 20px no-repeat;}
	.specArea p.subBody02 { width: 100px; height: 14px; padding: 20px 0 14px; background: url(../images/info_subBody02.gif) 0 20px no-repeat;}
	.specArea p.subBody03 { width: 100px; height: 14px; padding: 20px 0 14px; background: url(../images/info_subBody03.gif) 0 20px no-repeat;}
	.specArea p.subBody04 { width: 100px; height: 14px; padding: 20px 0 14px; background: url(../images/info_subBody04.gif) 0 20px no-repeat;}
	.specArea table {}
		.specArea tr { background: #C7C9CA;}
		.specArea tr.zeebra { background: #E4E4E4;}
		.specArea th { width: 174px; border-top: 1px solid #FFFFFF; padding: 3px 0 3px 6px; text-align: right; vertical-align: top;}
		.specArea td { width: 413px; border-top: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; padding: 3px 0 3px 6px;}
	.specArea span {}
	.specArea ul { width: 580px; padding: 0 0 0 20px;}
	.specArea li { list-style: disc;}
	.specArea table.productNo {}
	.specArea table.productNo tr {}
	.specArea table.productNo th { width: 87px; padding-right: 3px;}
	.specArea table.productNo td { width: 110px;}
	.specArea table.productNo2 {}
	.specArea table.productNo2 tr {}
	.specArea table.productNo2 th { width: 93px; padding-right: 3px;}
	.specArea table.productNo2 td { width: 80px;}
		/*MD-cls*/
	.MD-cls .specArea table.productNo    { width: 100%;}
	.MD-cls .specArea table.productNo th { width: 147px; padding-right: 3px;}
		/*MD-mg*/
	.MD-mg .specArea { padding: 10px 20px 30px; background: url(../images/bg_naviPoint.gif) 624px 132px no-repeat;}
		.MD-mg .specArea table.productNo,
		.iVDR-S .specArea table.productNo         { width: 100%;}
		.MD-mg .specArea table.productNo th,
		.iVDR-S .specArea table.productNo th      { width: 25%; padding-right: 3px;}
		.MD-mg .specArea table.productNo th span,
		.iVDR-S .specArea table.productNo th span { color: #000000; font-weight: bold;}

/* =====================================================================
/           driver Area
===================================================================== */
.driverArea { padding: 10px 20px 30px; background: url(../images/bg_naviPoint.gif) 624px 117px no-repeat;}
	.driverArea p.ttl { width: 600px; height: 20px; background: url(../images/info_ttl05.gif) 0 0 no-repeat;}
	.driverArea dt { padding: 10px 0 0;}
	.driverArea dd { padding: 20px 0 20px 40px; background: url(../images/icon_blank.gif) 20px 24px no-repeat;}
	.driverArea dd.win { padding-bottom: 0; background: url(../images/icon_win.gif) 19px 23px no-repeat; }
	.driverArea dd.mac { background: url(../images/icon_mac.gif) 20px 22px no-repeat; }
	.driverArea a { text-decoration: underline;}

/* =====================================================================
/           datasheet Area
===================================================================== */
.datasheetArea { padding: 10px 20px 30px; background: url(../images/bg_naviPoint.gif) 624px 146px no-repeat;}
.datasheetArea p.ttl { width: 600px; height: 20px; background: url(../images/info_ttl06.gif) 0 0 no-repeat;}
.datasheetArea blockquote { height: 53px; padding: 50px 0 0 100px; background: url(../images/iconPDF.jpg) 18px 30px no-repeat;}
	/*MD-mg*/
.MD-mg .datasheetArea { padding: 10px 20px 30px; background: url(../images/bg_naviPoint.gif) 624px 154px no-repeat;}

/* =====================================================================
/           pointStyle
===================================================================== */
		/* ---- TD leather Template */
		.TD-leather .pointStyle01 ul { width: 480px; padding: 20px 20px 0 40px;}
		.TD-leather .pointStyle01 li { list-style: disc;}
		.TD-leather .pointStyle01 img { padding: 20px 40px 0 0;}
		.TD-leather .pointStyle02 img.subBody { padding: 0 20px 20px;}
		.TD-leather .pointStyle02 p { width: 600px; padding: 0 20px;}
		.TD-leather .pointStyle02 p img { padding: 0 20px 10px 0;}
		.TD-leather .pointStyle03 img.subBody { padding: 40px 20px 20px;}
		.TD-leather .pointStyle03 img { padding-left: 20px;}
		.TD-leather .pointStyle03 p { width: 470px; padding: 0 20px 0 10px;}
		.TD-leather .pointStyle04 img { padding-top: 40px;}
		.TD-leather .pointStyle04 p { width: 360px; padding: 0 20px 0 0;}
		.TD-leather .pointStyle04 img.subBody { padding-bottom: 20px;}
		
		/* ---- TD pink Template */
		.TD-pink .galleryArea p.ttl { width: 600px; height: 20px; background: url(../images/info_ttl-pink01.gif) 0 0 no-repeat;}
		.TD-pink .pointArea p.ttl { width: 600px; height: 20px; padding-left: 20px; background: url(../images/info_ttl-pink02.gif) 20px 0 no-repeat;}
		.TD-pink .useArea p.ttl { width: 600px; height: 20px; padding-left: 20px; background: url(../images/info_ttl-pink03.gif) 20px 0 no-repeat;}
		.TD-pink .specArea p.ttl { width: 600px; height: 20px; background: url(../images/info_ttl-pink04.gif) 0 0 no-repeat;}
		.TD-pink .driverArea p.ttl { width: 600px; height: 20px; background: url(../images/info_ttl-pink05.gif) 0 0 no-repeat;}
		.TD-pink .datasheetArea p.ttl { width: 600px; height: 20px; background: url(../images/info_ttl-pink06.gif) 0 0 no-repeat;}
		.TD-pink .specArea tr { background: #F6D4DB;}
		.TD-pink .specArea tr.zeebra { background: #FBEAED;}
		.TD-pink .pointStyle01 ul { width: 480px; padding: 20px 20px 0 40px;}
		.TD-pink .pointStyle01 li { list-style: disc;}
		.TD-pink .pointStyle01 img { padding: 20px 40px 0 0;}
		.TD-pink .pointStyle02 img.subBody { padding: 0 20px 20px 16px;}
		.TD-pink .pointStyle02 img { padding: 0 16px 0 16px;}
		.TD-pink .pointStyle02 p { width: 380px; padding: 0 20px 0 0;}
		.TD-pink .pointStyle03 img.subBody { padding: 40px 20px 20px;}
		.TD-pink .pointStyle03 img { padding-right: 20px;}
		.TD-pink .pointStyle03 p { width: 470px; padding: 0 10px 0 20px;}
		.TD-pink .pointStyle04 img.subBody { padding: 0 0 20px 20px;}
		.TD-pink .pointStyle04 img { padding-top: 40px;}
		.TD-pink .pointStyle04 p { width: 480px; padding: 30px 140px 0 20px; background: url(../images/subImg_TD-pink05.jpg) 490px 0 no-repeat;}
		.TD-pink .pointStyle05 img { padding: 40px 20px 0 0;}
		.TD-pink .pointStyle05 p { width: 380px; padding: 0 0 0 20px;}
		.TD-pink .pointStyle05 img.subBody { padding-bottom: 20px;}
		
		/* ---- TD custom Template */
		.TD-custom .mainImg { padding: 0 20px; background: url(../images/bg_naviPoint.gif) 624px 204px no-repeat;}
		.TD-custom .pointStyle01 ul { width: 480px; padding: 20px 20px 0 40px;}
		.TD-custom .pointStyle01 li { list-style: disc;}
		.TD-custom .pointStyle01 img { padding: 20px 40px 0 0;}
		.TD-custom .pointStyle02 p { width: 600px; padding: 10px 20px 0;}
		.TD-custom .pointStyle02 p img { padding: 10px 0 10px 20px;}
		.TD-custom .pointStyle02 p img.subBody { padding: 0 20px 20px 0;}
		.TD-custom .pointStyle03 img.subBody { padding: 40px 20px 20px;}
		.TD-custom .pointStyle03 img { padding-left: 20px;}
		.TD-custom .pointStyle03 p { width: 470px; padding: 0 20px 0 10px;}
		.TD-custom .pointStyle04 { background: url(../images/subImg_TD-custom04.jpg) 310px 40px no-repeat;}
		.TD-custom .pointStyle04 img.subBody { padding: 40px 0 0 20px;}
		.TD-custom .pointStyle04 p { width: 250px; padding: 20px 0 0 20px;}
		.TD-custom .pointStyle04 p.linkArea { width: 310px; padding: 125px 20px 0 0;}
		.TD-custom .pointStyle04 p.linkArea img { padding-bottom: 10px;}
		.TD-custom .pointStyle05 img.subBody { padding: 40px 0 20px 20px;}
		.TD-custom .pointStyle05 img { padding-bottom: 20px;}
		.TD-custom .pointStyle05 p { width: 600px; padding: 0 0 0 20px;}
		
		/* ---- TD pro Template */
		.TD-pro .galleryArea p.ttl { width: 600px; height: 20px; background: url(../images/info_ttl-pro01.gif) 0 0 no-repeat;}
		.TD-pro .pointArea p.ttl { width: 600px; height: 20px; padding-left: 20px; background: url(../images/info_ttl-pro02.gif) 20px 0 no-repeat;}
		.TD-pro .useArea p.ttl { width: 600px; height: 20px; padding-left: 20px; background: url(../images/info_ttl-pro03.gif) 20px 0 no-repeat;}
		.TD-pro .specArea p.ttl { width: 600px; height: 20px; background: url(../images/info_ttl-pro04.gif) 0 0 no-repeat;}
		.TD-pro .driverArea p.ttl { width: 600px; height: 20px; background: url(../images/info_ttl-pro05.gif) 0 0 no-repeat;}
		.TD-pro .datasheetArea p.ttl { width: 600px; height: 20px; background: url(../images/info_ttl-pro06.gif) 0 0 no-repeat;}
		.TD-pro .pointStyle01 ul { width: 480px; padding: 20px 20px 0 40px;}
		.TD-pro .pointStyle01 li { list-style: disc;}
		.TD-pro .pointStyle01 img { padding: 20px 40px 0 0;}
		.TD-pro .pointStyle02 img.subBody { padding: 0 0 20px 20px;}
		.TD-pro .pointStyle02 p { width: 600px; padding: 0 20px; background: url(../images/subImg_TD-pro02.jpg) 0 0 no-repeat;}
		.TD-pro .pointStyle02 p img { padding: 0 20px 20px 0;}
		.TD-pro .useArea { padding-bottom: 20px;}
		.TD-pro .useArea img { padding: 15px 0 0 110px;}
		
		/* ---- TD sport Template */
		.TD-sport .galleryArea p.ttl { width: 600px; height: 20px; background: url(../images/info_ttl-sport01.gif) 0 0 no-repeat;}
		.TD-sport .pointArea p.ttl { width: 600px; height: 20px; padding-left: 20px; background: url(../images/info_ttl-sport02.gif) 20px 0 no-repeat;}
		.TD-sport .useArea p.ttl { width: 600px; height: 20px; padding-left: 20px; background: url(../images/info_ttl-sport03.gif) 20px 0 no-repeat;}
		.TD-sport .specArea p.ttl { width: 600px; height: 20px; background: url(../images/info_ttl-sport04.gif) 0 0 no-repeat;}
		.TD-sport .driverArea p.ttl { width: 600px; height: 20px; background: url(../images/info_ttl-sport05.gif) 0 0 no-repeat;}
		.TD-sport .datasheetArea p.ttl { width: 600px; height: 20px; background: url(../images/info_ttl-sport06.gif) 0 0 no-repeat;}
		.TD-sport .pointStyle01 img { padding: 20px 0 0 40px;}
		.TD-sport .pointStyle01 ul { width: 365px; padding: 20px 20px 0 20px;}
		.TD-sport .pointStyle01 li { list-style: disc;}
		.TD-sport .pointStyle02 { background: url(../images/subImg_TD-sport02.jpg) 280px 20px no-repeat;}
		.TD-sport .pointStyle02 img.subBody { padding: 60px 0 50px 20px;}
		.TD-sport .pointStyle02 p { width: 600px; padding: 0 20px;}
		.TD-sport .pointStyle03 img.subBody { padding: 40px 20px 20px;}
		.TD-sport .pointStyle03 img { padding-left: 20px;}
		.TD-sport .pointStyle03 p { width: 470px; padding: 0 20px 0 10px;}
		
		/* ---- HD xs Template */
		.HD-xs .pointStyle01 ul { width: 500px; padding: 20px 20px 0 40px;}
		.HD-xs .pointStyle01 li { list-style: disc;}
		.HD-xs .pointStyle01 img { padding: 20px 40px 0 0;}
		.HD-xs .pointStyle02 img.subBody { padding: 20px 0 20px 20px;}
		.HD-xs .pointStyle02 img.subBody2 { padding: 00px 0 00px 20px;}
		.HD-xs .pointStyle02 img { padding: 0 20px 0 0;}
		.HD-xs .pointStyle02 p { width: 360px; padding: 0 0 0 20px;}
		.HD-xs .pointStyle02 ul { width: 580px; padding: 20px 20px 0 40px;}
		.HD-xs .pointStyle02 li { list-style: disc;}
		.HD-xs .pointStyle03 img.subBody { padding: 40px 20px 20px;}
		.HD-xs .pointStyle03 img { padding-left: 20px;}
		.HD-xs .pointStyle03 p { width: 470px; padding: 0 20px 0 10px;}
		.HD-xs .pointStyle03 p.xs3 { width: 598px; padding: 0 20px 0 20px; font-size:92%;}
		
		/* ---- MD xxs Template */
		.MD-xxs .pointStyle01 img { padding: 0 35px 0 0;}
		.MD-xxs .pointStyle01 p { width: 300px; padding: 0 0 0 20px;}
		.MD-xxs .pointStyle01 p img.subBody { padding: 0 0 20px;}
		.MD-xxs .pointStyle02 ul { width: 500px; padding: 20px 20px 0 40px;}
		.MD-xxs .pointStyle02 li { list-style: disc;}
		.MD-xxs .pointStyle02 img { padding: 20px 0 0 40px;}
		.MD-xxs .pointStyle03 { background: url(../images/subImg_MD-xxs02.jpg) 295px 0 no-repeat;}
		.MD-xxs .pointStyle03 img.subBody { padding: 100px 0 40px 20px;}
		.MD-xxs .pointStyle03 p { width: 600px; padding: 0 20px;}
		
		/* ---- PD 18 Template */
		.PD-18 .pointStyle01 ul { width: 500px; padding: 20px 20px 0 40px;}
		.PD-18 .pointStyle01 li { list-style: disc;}
		.PD-18 .pointStyle01 img { padding: 20px 0 0 40px;}
		.PD-18 .pointStyle02 ul { width: 580px; padding: 20px 20px 0 40px;}
		.PD-18 .pointStyle02 li { list-style: disc;}
		.PD-18 .pointStyle02 img { padding: 20px 0 0 40px;}
		/*.PD-18 .pointStyle02 { background: url(../images/subImg_PD-18_02.jpg) 330px 37px no-repeat;}*/
		.PD-18 .pointStyle02 img { padding: 0 60px 0 0;}
		.PD-18 .pointStyle02 img.subBody { padding: 60px 0 20px 20px;}
		.PD-18 .pointStyle02 p { width: 280px; padding: 0 0 0 20px;}
		.PD-18 .pointStyle03 p { padding: 0 20px 0 20px;}
		.PD-18 .pointStyle03 img.subBody { padding: 60px 0 20px 20px;}
		.PD-18 .pointStyle04 { margin:60px 0 0 0 ;padding: 0 20px 0 20px;}
		.PD-18 .pointStyle04 img { padding: 0 19px 0 0;}
		.PD-18 .pointStyle04 img.subBody { padding: 0 0 20px 0;}
		.PD-18 .pointStyle04 p { width: 270px; padding: 0 0 0 0;}
		.PD-18 .pointStyle05 { margin:00px 0 0 0 ;padding: 0 20px 0 20px;}
		.PD-18 .pointStyle05 img { padding: 0 19px 0 0;}
		.PD-18 .pointStyle05 img.subBody { padding: 40px 0 20px 0;}
		.PD-18 .pointStyle05 p { width: 300px; padding: 0 0 0 0;}
		.PD-18 .useStyle01 { padding: 0 0 200px 0; background: url(../images/subImg_PD-18_04.jpg) left bottom no-repeat;}
		
		/* ---- USB card Template */

		.USB-card .pointStyle01 ul { width: 580px; padding: 20px 20px 0 40px;}
		.USB-card .pointStyle01 li { list-style: disc;}
		.USB-card .pointStyle02 img { padding-top: 90px;}
		.USB-card .pointStyle02 p { width: 300px; padding: 40px 20px 0 0;}
		.USB-card .pointStyle02 p img.subBody { padding: 0 0 20px 0;}
		.USB-card .pointStyle03 { background: url(../images/subImg_USB-card02.jpg) 354px 20px no-repeat;}
		.USB-card .pointStyle03 img.subBody { padding: 65px 0 0 20px;}
		.USB-card .pointStyle03 img { padding: 30px 0 0 20px;}
		.USB-card .pointStyle03 p { width: 600px; padding: 30px 20px 0 ;}
		
		/* ---- HD secure Template */
		.HD-secure .pointStyle01 ul { width: 550px; padding: 20px 20px 0 40px;}
		.HD-secure .pointStyle01 li { list-style: disc;}
		.HD-secure .pointStyle01 img { padding: 20px 40px 0 0;}
		.HD-secure .pointStyle02 img.subBody { padding: 20px 0 20px 20px;}
		.HD-secure .pointStyle02 img.subBody2 { padding: 20px 0 00px 20px;}
		.HD-secure .pointStyle02 img { padding: 0 20px 0 0;}
		.HD-secure .pointStyle02 p { width: 360px; padding: 0 0 0 20px;}
		.HD-secure .pointStyle02 ul { width: 580px; padding: 20px 20px 0 40px;}
		.HD-secure .pointStyle02 li { list-style: disc;}
		.HD-secure .pointStyle03 img.subBody { padding: 40px 20px 20px;}
		.HD-secure .pointStyle03 img { padding: 0px 10px 0px 10px; }
		.HD-secure .pointStyle03 p { width: 370px; padding: 0 10px 0 20px;}
		.HD-secure .pointStyle03 p.xs3 { width: 598px; padding: 0 20px 0 20px; font-size:92%;}
		
		/* ---- MD cls Template */
		.MD-cls .mainImg h1 { margin-left: -20px;}
		p.cls-dock          { width: 600px; height: 100px; padding-top: 10px; background: url(../images/btn-cls-dock.gif) 0 10px no-repeat;}
		p.cls-dock a        { width: 600px; height: 100px; display: block; background: url(../images/hover-cls-dock.gif) -66px -66px no-repeat;}
		p.cls-dock a:hover  { background-position: 267px 32px;}
		.MD-cls .galleryArea p.ttl   { height: 34px; background: url(../images/cls-info_ttl01.gif) 0 0 no-repeat;}
		.MD-cls .galleryArea ul      { height: 93px; padding-top: 7px;}
		.MD-cls .pointArea p.ttl     { height: 32px; background: url(../images/cls-info_ttl02.gif) 20px 0 no-repeat;}
		.MD-cls .useArea p.ttl       { height: 37px; background: url(../images/cls-info_ttl03.gif) 20px 0 no-repeat;}
		.MD-cls .specArea p.ttl      { height: 32px; background: url(../images/cls-info_ttl04.gif) 0 0 no-repeat;}
		.MD-cls .datasheetArea       { padding: 10px 20px 30px; background: url(../images/bg_naviPoint.gif) 624px 110px no-repeat;}
		.MD-cls .datasheetArea p.ttl { height: 30px; background: url(../images/cls-info_ttl06.gif) 0 0 no-repeat;}
		.MD-cls .dockArea            { padding: 10px 20px 30px;}
		.MD-cls .dockArea p.ttl      { width: 600px; height: 50px; background: url(../images/cls-info_ttl07.gif) 0 0 no-repeat;}
		
		.MD-cls .pointStyle01 ul          { width: 580px; border: 1px solid #000000; border: 0; padding: 20px 0 0 40px;}
		.MD-cls .pointStyle01 li          { list-style: disc;}
		.MD-cls .pointStyle01 img         { padding: 20px 0 0 106px;}
		.MD-cls .pointStyle02 img.subBody { padding: 0 0 0 20px;}
		.MD-cls .pointStyle02 img         { padding: 0 20px;}
		.MD-cls .pointStyle02 p           { width: 360px; border: 1px solid #000000; border: 0; padding: 0 0 10px 20px;}
		.MD-cls .pointStyle03 img         { padding: 20px 0 0 20px;}
		.MD-cls .pointStyle03 p           { width: 470px; padding: 20px 20px 0 10px;}
		.MD-cls .pointStyle04 p           { width: 360px; padding: 20px 20px 0 0;}
		.MD-cls .pointStyle04 img.subBody { padding: 0 0 20px 0;}
		.MD-cls .pointStyle04 img         { padding: 20px 0 0 20px;}
		.MD-cls .pointStyle05 p           { width: 360px; padding: 20px 0 0 20px;}
		.MD-cls .pointStyle05 img.subBody { padding: 0 0 20px 0;}
		.MD-cls .pointStyle05 img         { padding: 20px 20px 0 0;}
		
		/* ---- MD Mg Template */
		.MD-mg .pointStyle01 ul  { width: 580px; padding: 10px 0 0 40px;}
			.MD-mg .pointStyle01 li  { list-style: disc;}
			.MD-mg .pointStyle01 img { padding: 0 0 0 20px;}
		.MD-mg .pointStyle02 { width: 600px; padding: 0 0 0 20px;}
		.MD-mg .pointStyle02 .reason { padding-top: 20px; background: url(../../products/images/MD-mg/subimg03.gif) 0 20px no-repeat;}
		.MD-mg .pointStyle02 dl { width: 130px; float: left;}
		.MD-mg .pointStyle02 dt { width: 130px; height: 130px;}
		.MD-mg .pointStyle02 dd { width: 115px; padding: 10px 5px 0 10px;}

		/* ---- iVDR-S Template */
		.iVDR-S .mainImg h1 { margin-left: -20px; padding-bottom: 10px;}
		.iVDR-S .pointStyle01 ul  { width: 580px; padding: 10px 0 0 40px;}

/*0801*/
		/*USB-clip*/
		.USB-clip .pointArea { padding: 10px 0 0;}
		.USB-clip .pointStyle01               { width: 685px; margin-left: -45px; border: 1px solid #000000; border: 0; padding: 0;}
		.USB-clip .pointStyle01 p.clippingimg { width: 140px; margin-left: -40px; border: 1px solid #000000; border: 0; padding: 0; float: left;}
		.USB-clip .pointStyle01 ul            { width: 400px; border: 1px solid #000000; border: 0; padding-right: 40px;}
		.USB-clip .pointStyle01 ul li         { padding-top: 30px;}
			* html .USB-clip .pointStyle01                   { width: 640px; margin-left: 0px; padding: 0;}
			* html .USB-clip .pointStyle01 p.clippingimg     { width: 200px; height: 390px; margin-left: 0px; padding: 0; float: left; background: url(../../products/images/USB-clip/subimg01-ie6.jpg) 20px 20px no-repeat;}
			* html .USB-clip .pointStyle01 ul                { width: 360px; border: 1px solid #000000; border: 0; padding-right: 40px;}
			* html .USB-clip .pointStyle01 p.clippingimg img { display: none;}
		.rebirthArea                          { padding: 0 20px 30px; background: url(../images/bg_naviPoint.gif) 624px 66px no-repeat;}
		.rebirthArea a,
		.USB-clip .pointArea a,
		.USB-clip .pointArea li span          { font-weight: bold;}
		
/*0801*/
		/*databar*/
		.databar .pointArea { padding: 10px 0 0;}
		.databar .pointStyle01               { width: 685px; margin-left: -45px; border: 1px solid #000000; border: 0; padding: 0;}
		.databar .pointStyle01 p.clippingimg { width: 140px; margin-left: -40px; border: 1px solid #000000; border: 0; padding: 0; float: left;}
		.databar .pointStyle01 ul            {
	width: 450px;
	border: 1px solid #000000;
	border: 0;
	padding-right: 40px;
}
		.databar .pointStyle01 ul li         { padding-top: 30px;}
			* html .databar .pointStyle01                   { width: 640px; margin-left: 0px; padding: 0;}
			* html .databar .pointStyle01 p.clippingimg     { width: 200px; height: 390px; margin-left: 0px; padding: 0; float: left; background: url(../../products/images/databar/subimg01.jpg) 20px 20px no-repeat;}
			* html .databar .pointStyle01 ul                { width: 360px; border: 1px solid #000000; border: 0; padding-right: 40px;}
			* html .databar .pointStyle01 p.clippingimg img { display: none;}
		.rebirthArea                          { padding: 0 20px 30px; background: url(../images/bg_naviPoint.gif) 624px 66px no-repeat;}
		.rebirthArea a,
		.databar .pointArea a,
		.databar .pointArea li span          { font-weight: bold;}

/* =====================================================================
/           recomend Area
===================================================================== */
/*  */
.recommendArea { padding: 0 20px;}
.recommendArea p.ttl03   { height: 24px; border-bottom: #E3E4E4 1px solid; padding-top: 25px; background: url(../images/top_ttl03.gif) 0 25px no-repeat;}
.recommendArea li.reco01 { width: 310px; height: 80px; float: left; padding: 20px 10px 0 0;}
.recommendArea li.reco02 { width: 280px; height: 80px; float: left; padding: 20px 0 0 0;}

/* =====================================================================
*
*    4. page navigation
*
* =================================================================== */

.pageNaviArea { margin-top: 10px; padding-bottom: 8px; background: url(../images/pageNaviFoot.png) bottom left no-repeat;}
	.pageNaviArea ul { padding: 10px 10px 0; background: url(../images/pageNaviHead.gif) 0 0 no-repeat; background-color: #474D51;}
		.pageNaviArea li { height: 22px;}
		.pageNaviArea li.pageNavi05,
		.pageNaviArea li.pageNavi07,
		.pageNaviArea li.pageNavi10 { height: 36px;}
		.pageNaviArea li.pageNavi05 { background: url(../images/bg-pageNavi05.gif) 0 0 no-repeat;}
		.pageNaviArea li a { height: 22px; display: block;}
		.pageNaviArea li.pageNavi05 a,
		.pageNaviArea li.pageNavi07 a,
		.pageNaviArea li.pageNavi10 a { height: 36px;}
		.pageNaviArea li.pageNavi00 a { background: url(../images/pageNavi00.gif) 0 0 no-repeat;}
		.pageNaviArea li.pageNavi01 a { background: url(../images/pageNavi01.gif) 0 0 no-repeat;}
		.pageNaviArea li.pageNavi02 a { background: url(../images/pageNavi02.gif) 0 0 no-repeat;}
		.pageNaviArea li.pageNavi03 a { background: url(../images/pageNavi03.gif) 0 0 no-repeat;}
		.pageNaviArea li.pageNavi04 a { background: url(../images/pageNavi04.gif) 0 0 no-repeat;}
		.pageNaviArea li.pageNavi05 a { background: url(../images/pageNavi05.gif) 0 0 no-repeat;}
		.pageNaviArea li.pageNavi06 a { background: url(../images/pageNavi06.gif) 0 0 no-repeat;}
		.pageNaviArea li.pageNavi07 a { background: url(../images/pageNavi07.gif) 0 0 no-repeat;}
		.pageNaviArea li.pageNavi08 a { background: url(../images/pageNavi08.gif) 0 0 no-repeat;}
		.pageNaviArea li.pageNavi09 a { background: url(../images/pageNavi09.gif) 0 0 no-repeat;}
		.pageNaviArea li.pageNavi10 a { background: url(../images/pageNavi10.gif) 0 0 no-repeat;}
		.pageNaviArea li.pageNavi11 a { background: url(../images/pageNavi11.gif) 0 0 no-repeat;}
		.pageNaviArea li.pageNavi12 a { background: url(../images/pageNavi12.gif) 0 0 no-repeat;}
		.pageNaviArea li a:active { background-position: 0 1px;}

/* =====================================================================
*
*    5. sub navigation
*
* =================================================================== */

/* =====================================================================
*    5.1. Products Detail
* =================================================================== */

ul.localnavi        { padding-top: 20px; background: url(../../products/images/common/localnavi-head.gif) 0 0 no-repeat;}
	ul.localnavi li { width: 196px; border-right: 1px solid #DEDEDE; border-left: 1px solid #DEDEDE;}
		ul.localnavi li dl { width: 196px; padding: 0 0 4px;}
		ul.localnavi li dt { width: 182px; height: 18px; border-bottom: 4px solid #FFFFFF; padding: 2px 0 0 14px; background-color: #BBBBBB; font-size:  77%; letter-spacing: 1px; font-weight: bold; color: #FFFFFF;}
		ul.localnavi li dd { width: 196px; height: 20px; background: url(../../products/images/common/bg-localnavi.gif) 0 0 no-repeat;}
			ul.localnavi li dd a           { width: 166px; height: 19px; padding: 1px 0 0 30px; display: block;}
			ul.localnavi li dd span        { font-size:  85%; font-weight: bold; color: #000000;}
			ul.localnavi li dd span.accent { color: #0099CC;}
		/*HARD DISC DRIVE*/
		.HD-classic  ul.localnavi li dd.HD-classic,
		.HD-quattro  ul.localnavi li dd.HD-quattro,
		.HD-secure   ul.localnavi li dd.HD-secure,
		.HD-xs       ul.localnavi li dd.HD-xs,
		/*PORTABLE DISC DRIVE*/
		.Verbatim-EV ul.localnavi li dd.Verbatim-EV,
		.MD-mg       ul.localnavi li dd.MD-mg,
		.MD-cls      ul.localnavi li dd.MD-cls,
		.PD-18       ul.localnavi li dd.PD-18,
		.MD-secure   ul.localnavi li dd.MD-secure,
		.MD-xxs      ul.localnavi li dd.MD-xxs,
		/*iVDR-S DRIVE*/
		.iVDR-S      ul.localnavi li dd.iVDR-S,
		/*USB DRIVE*/
		.databar	 ul.localnavi li dd.databar,
		.USB-clip    ul.localnavi li dd.USB-clip,
		.USB-card    ul.localnavi li dd.USB-card { background-position: 0 -20px;}
		
/**/
ul.sub-localnavi          { padding-bottom: 20px; background: url(../../products/images/common/localnavi-foot.gif) bottom left no-repeat;}
	ul.sub-localnavi li   { width: 196px; height: 20px; border-right: 1px solid #DEDEDE; border-left: 1px solid #DEDEDE; padding-top: 11px; background: url(../../products/images/common/localnavi-hr.gif) 0 0 no-repeat;}
	ul.sub-localnavi li a { width: 166px; height: 19px; padding: 1px 0 0 30px; display: block; background: url(../../products/images/common/bg-localnavi.gif) 0 0 no-repeat; font-size:  85%; font-weight: bold;}
	.finish-item ul.sub-localnavi li a { background-position: 0 -20px;}
/**/

.sM01_head { padding-top: 10px; background: url(../images/subMenu01_head.gif) 0 0 no-repeat;}
	.sM01_head ul        { width: 178px; border: 1px solid #DEDEDE; border-top: none; border-bottom: none; padding: 0 9px;}
	.sM01_head li        { height: 30px;}
	.sM01_head li.sM0200 { height: 40px;}
	.sM01_head li a      { width: 178px; height: 30px; display: block;}
	.sM01_head li.sM0200 a        { height: 40px; background: url(../images/btn_shopList.gif) 0 0 no-repeat;}
	.sM01_head li.sM0200 a:hover  { background-position: 0 0;}
	.sM01_head li.sM0200 a:active { background-position: 0 1px;}
	.sM01_head li.sM0201 a        { background: url(../images/btn_beforeBuy.gif) 0 4px no-repeat;}
	.sM01_head li.sM0201 a:hover  { background-position: -190px 4px;}
.sM01_foot { margin-bottom: 10px; padding-bottom: 10px; background: url(../images/subMenu01_foot.gif) bottom left no-repeat;}

.sM06 { padding-bottom: 0;}
	li.sM0601   { width: 198px; height: 80px;}
	li.sM0601 a { width: 198px; height: 80px; background: url(../images/bnr_USB-card-pr198.gif) 0 0 no-repeat;}

/* =====================================================================
*
*    6. Buy Products
*
* =================================================================== */
.storeListArea { background: url(../images/bg_ttl00.gif) top right no-repeat;}
.storeListArea h2.ttlNetStore { width: 430px; height: 50px; padding: 20px 0 0 20px; background: url(../images/ttl-buyProducts.gif) 20px 20px no-repeat;}
.storeListArea p { padding: 45px 0 15px;}
.storeListArea ul { height: 260px; background: url(../images/bg_storeList.gif) -10px 0 repeat;}
.storeListArea li { width: 210px; height: 120px; padding: 0 10px 10px 0; float: left;}
.storeListArea li.end { width: 210px; height: 120px; padding: 0 0 10px 0; float: left;}
.storeListArea li a { width: 210px; height: 120px; display: block;}
.storeListArea li.freecomstyle a { background: url(../images/btn_freecomstyle.gif) 0 0 no-repeat;}
.storeListArea li.freecomstyle a:hover { background-position: 0 -130px;}
.storeListArea li.amazon a { background: url(../images/btn_amazoncojp.gif) 0 0 no-repeat;}
.storeListArea li.amazon a:hover { background-position: 0 -130px;}
.storeListArea li.yodobashi a { background: url(../images/btn_yodobashidotcom.jpg) 0 0 no-repeat;}
.storeListArea li.yodobashi a:hover { background-position: 0 -130px;}
.storeListArea li.biccamera a { background: url(../images/btn_biccameracom.gif) 0 0 no-repeat;}
.storeListArea li.biccamera a:hover { background-position: 0 -130px;}
.storeListArea li.tsukumo a { background: url(../images/btn_tsukumocojp.gif) 0 0 no-repeat;}
.storeListArea li.tsukumo a:hover { background-position: 0 -130px;}
.storeListArea li.murauchi a { background: url(../images/btn_murauchicom.gif) 0 0 no-repeat;}
.storeListArea li.murauchi a:hover { background-position: 0 -130px;}

/* =====================================================================
*
*    7. USB Card
*
* =================================================================== */
/* merit/scene */
h2.ttl_USB-merit{ width:650px; height:150px; background:url(../images/ttl_usb_merit.jpg); }
.usbPR ul { margin:39px 0 32px 344px; padding:0; }
.usbPR li { margin:0; padding: 0 0 0 4px; float: left;}
.usbPR li a { width: 149px; height: 49px; display: block; background-position:0 0; background-repeat:no-repeat;}
.usbPR li.merit a { background:url(../images/btn_merit.gif);}
.usbPR li.scene a { background:url(../images/btn_scene.gif);}
.usbPR li a:hover { background-position: 0 -49px;}

.usbPR .box{ margin:23px 0 0 0; padding:41px 0 0 0; background:url(../images/bg_usb_line.gif) left top no-repeat; }
.usbPR .inbox{ margin:0; padding:0 0 5px 12px; background:url(../images/bg_usb_line.gif) left bottom no-repeat; }
.usbPR .contact{ padding:52px 0 100px 66px; }

/* stay page */
.usbmerit li.merit a { background-position: 0 -98px;}
.usbscene li.scene a { background-position: 0 -98px;}

/* merit */
.usbmerit h3{ width: 433px; height: 22px; margin:0; padding:0; background:url(../images/body_merit01.gif) right top no-repeat; }
.usbmerit h4{ width: 638px; height:32px; background-position:0 0; background-repeat:no-repeat; }
.usbmerit h4.ttlmerit1{ background-image:url(../images/ttl_usb_merit01.gif); }
.usbmerit h4.ttlmerit2{ background-image:url(../images/ttl_usb_merit02.gif); }
.usbmerit h4.ttlmerit3{ background-image:url(../images/ttl_usb_merit03.gif); }
.usbmerit h4.ttlmerit4{ background-image:url(../images/ttl_usb_merit04.gif); }

.usbmerit .bgMerit1{ margin:0; padding:0 20px 0 315px; background:url(../images/bg_usb_merit01.jpg) left top no-repeat; min-height:197px; }
.usbmerit .bgMerit2{ margin:0; padding:0 360px 0 0; background:url(../images/bg_usb_merit02.jpg) left top no-repeat; min-height:249px; }
.usbmerit .bgMerit3{ margin:0; padding:0 20px 0 363px; background:url(../images/bg_usb_merit03.jpg) left top no-repeat; min-height:235px; }
.usbmerit .bgMerit4{ margin:0; padding:0 20px 215px 0px; background:url(../images/bg_usb_merit04.jpg) left bottom no-repeat; }

.usbmerit .bgMerit1 p{ padding:16px 0 0 0;}
.usbmerit .bgMerit2 p{ padding:16px 0 0 0; }
.usbmerit .bgMerit3 p{ padding:16px 0 0 0; }
.usbmerit .bgMerit4 p{ padding:16px 0 0 0; }

/* merit hack */
* html .usbmerit .bgMerit1{ height:197px; }
* html .usbmerit .bgMerit2{ height:249px; }
* html .usbmerit .bgMerit3{ height:235px; }


/* scene */
.usbscene .inbox{ margin:0; padding:0 0 5px 0;}

.usbscene h3{ width: 492px; height: 22px; margin:0; padding:0; background:url(../images/body_scene01.gif) right top no-repeat; }
.usbscene h4.ttlscene1{ margin:0; padding:16px 0 0 0; }
.usbscene h4.ttlscene2{ margin:0; padding:25px 0 0 0; }
.usbscene h4.ttlscene3{ margin:0; padding:20px 0 0 0; }
.usbscene h4.ttlscene4{ margin:0; padding:20px 0 0 0; }
.usbscene h4.ttlscene5{ margin:0; padding:30px 0 0 0; }

.usbscene .example{ margin:0; padding:13px 0 0 0; font-size:5px }
.usbscene ul.iconlist{ margin:0; padding:0; }
.usbscene ul.iconlist li{ margin:0; padding:9px 6px 0 0; float:left; }

.usbscene .sceneTxt{ padding:9px 0 0 0; }

.usbscene .bgScene1{ margin:0; padding:0 20px 0 392px; background:url(../images/bg_usb_scene01.jpg) left top no-repeat; min-height:262px; }
.usbscene .bgScene2{ margin:0; padding:0 394px 0 12px; background:url(../images/bg_usb_scene02.jpg) right top no-repeat; min-height:302px; }
.usbscene .bgScene3{ margin:0; padding:0 20px 0 392px; background:url(../images/bg_usb_scene03.jpg) left top no-repeat; min-height:349px; }
.usbscene .bgScene4{ margin:0; padding:0 384px 0 12px; background:url(../images/bg_usb_scene04.jpg) right top no-repeat; min-height:301px;}
.usbscene .bgScene5{ margin:0; padding:0 20px 0 392px; background:url(../images/bg_usb_scene05.jpg) left top no-repeat; min-height:309px; }

/* scene hack */
* html .usbscene .bgScene1{ height:262px; }
* html .usbscene .bgScene2{ height:302px; }
* html .usbscene .bgScene3{ height:349px; }
* html .usbscene .bgScene4{ height:301px; }
* html .usbscene .bgScene5{ height:309px; }

table.tblStd {
	margin-bottom: 1.5em;
	margin-top:5px;
	border-collapse: separate;
	border-right: 1px solid #949494;
	border-bottom: 1px solid #949494;
	font-size:12px ! important;
}

table.tblStd th, table.tblStd td {
	padding: 5px 5px;
	border-left: 1px solid #949494;
	border-top: 1px solid #949494;
}

table.tblStd th { background-color: FFFFFF;}
table.tblStd th td { background-color: #ECF2FD;}

table.tblStd td { background-color: #EEEEEE;}


table.tblStd table td {
	border: 0;
	padding: 0;
}

/* =====================================================================
/           buy box
===================================================================== */
.buy_box {
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 20px;
	padding-top: 0;
	padding-right: 12px;
	padding-bottom: 30px;
	padding-left: 0;
}
.buy_box-inner1 {
	width: 600px;
	background-image: url(../images/buy_box/bg_top.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 5px;
}
.buy_box-inner2 {
	background-image: url(../images/buy_box/bg_bottom.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 5px;
}
.buy_box-content {
	background-image: url(../images/buy_box/bg_center.gif);
	background-repeat: repeat-y;
	background-position: center top;
	padding-left: 10px;
}
.buy_box .buy_box-box1 {
	float: left;
	width: 275px;
}
.buy_box span.text1 {
	display: block;
	font-size:  85%;
	margin-top: 2px;
	font-weight: bold;
}
.buy_box span.text2 {
	margin-top: 1px;
	display: block;
	text-align: right;
	font-size: 136%;
	font-weight: bold;
	color: #00C3FF;
}
.buy_box .bt_buy_amazon {
	float: left;
	margin-left: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.buy_box .bt_buy_amazon a {
	height: 37px;
	width: 145px;
	background-image: url(../images/buy_box/bt_buy_amazon.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}
.buy_box .bt_buy_amazon a:hover {
	background-position: -145px 0px;
}
.buy_box .buy_box-box2 {
	float: left;
	width: 146px;
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.buy_box span.x-small {
	letter-spacing: 0.0em;
	
}
.buy_box ul li {
	float: left;
	list-style: none;
	margin-right: 5px;
}
.buy_box .bt_buy_freecomstyle a {
	height: 37px;
	width: 146px;
	background-image: url(../images/buy_box/bt_buy_freecomstyle.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}
.buy_box .bt_buy_tsukumo a {
	height: 37px;
	width: 122px;
	background-image: url(../images/buy_box/bt_buy_tsukumo.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}
.buy_box .buy_box-box3 {
	float: right;
	width: 146px;
	margin-right: 9px;
	margin-top: 5px;
	margin-bottom: 5px;
}

/* =====================================================================
/           sw box
===================================================================== */
.sw_box {
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 20px;
	padding-top: 0;
	padding-right: 12px;
	padding-bottom: 30px;
	padding-left: 0;
}
.sw_box-inner1 {
	width: 600px;
	background-image: url(../images/sw_box/bg_top.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 5px;
}
.sw_box-inner2 {
	background-image: url(../images/sw_box/bg_bottom.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 5px;
}
.sw_box-inner3 {
	width: 580px;
	background-image: url(../images/sw_box/bg_top.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 5px;
}
.sw_box-content {
	background-image: url(../images/sw_box/bg_center.gif);
	background-repeat: repeat-y;
	background-position: center top;
	padding-left: 10px;
}
.sw_box .sw_box-box1 {
	width: 570px;
	padding: 10px;
}
.sw_box .sw_box-box2 {
	width: 550px;
	padding: 10px;
}
.sw_box span.text1 {
	display: block;
	font-size:  95%;
	margin-top: 2px;
	font-weight: bold;
	line-height: 120%;
}
.sw_box span.text2 {
	margin: 10px 0 20px 0;
	display: block;
	font-size: 95%;
}
/* =====================================================================
/           buy box 2
===================================================================== */

.buy_box2 {
	position: absolute;
	top: -71px;
	left: 0px;
	width: 100%;
	padding-bottom: 3px;
	background-image: url(../images/buy_box2/shadow.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	display: none;
}
.buy_box2_inner {
	height: 67px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #474d51;
	background-color: #ebecec;
}
.buy_box2_inner2 {
	height: 85px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #474d51;
	background-color: #ebecec;
}
.buy_box2_content {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.buy_box2 .column1 {
	float: left;
	width: 179px;
}
.buy_box2 .column1 .logo a {
	background-image: url(../images/buy_box2/logo.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	height: 31px;
	width: 121px;
	overflow: hidden;
	margin-top: 21px;
	margin-left: 35px;
}
.buy_box2 .column2 {
	float: left;
	width: 60px;
}
.buy_box2 .column2 .product_image {
	margin-top: 8px;
}
.buy_box2 .column2 .product_image a {
	display: block;
}
.buy_box2 .column2 .product_image a img {
	display: block;
	border: 1px solid #adadad;
}
.buy_box2 .column2 .product_image a:hover img{
	border: 1px solid #1dace8;
}
.buy_box2 .column3 {
	float: left;
	width: 415px;
}
.buy_box2 .column3 .product_link {
	margin-top: 8px;
}
.buy_box2 .column3 .product_link ul li {
	clear: both;
}
.buy_box2 .column3 .product_link ul li a {
	color: #474D51;
	text-decoration: none;	
}
.buy_box2 .column3 .product_link ul li a em {
	background-image: url(../images/buy_box2/ck.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 13px;
	width: 13px;
	float: left;
	margin-right: 5px;
	margin-top: 3px;
}
.buy_box2 .column3 .product_link ul li a:hover em {
	background-position: 0px -13px;
}
.buy_box2 .column3 .product_link ul li a span {
	display: block;
	float: left;
	font-weight: bold;
}
.buy_box2 .column3 .product_link ul li a span.name {
	width: 300px;
	font-weight: bold;
}
.buy_box2 .column3 .product_link ul li a:hover span.name {
	color: #1dace8;
}
.buy_box2 .column3 .product_link ul li a span.price {
	width: 70px;
	text-align: right;
	color: #1dace8;
	font-weight: bold;
}
.buy_box2 .column4 {
	float: left;
	width: 326px;
}
.buy_box2 .column4 .bt_buy_amazon {
	float: left;
	margin-left: 0px;
	margin-top: 8px;
	margin-bottom: 2px;
}
.buy_box2 .column4 .bt_buy_amazon a {
	height: 37px;
	width: 145px;
	background-image: url(../images/buy_box/bt_buy_amazon.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}
.buy_box2 .column4 .bt_buy_amazon a:hover {
	background-position: -145px 0px;
}
.buy_box2 .column4 .buy_box-box2 {
	float: right;
	width: 146px;
	margin-right: 33px;
	margin-top: 8px;
	margin-bottom: 2px;
}
.buy_box2 .column4 .bt_buy_freecomstyle a {
	height: 37px;
	width: 146px;
	background-image: url(../images/buy_box/bt_buy_freecomstyle.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}
.buy_box2 .column4 .x-small {
	clear: both;
}
.buy_box2 .column4 .x-small a {
	text-decoration: underline;
	color: #474D51;
}
.buy_box2 .bt_close {
	position: absolute;
	top: 6px;
	right: 6px;
	width: 14px;
	height: 15px;
	cursor: pointer;
	background-image: url(../images/buy_box2/close.gif);
	background-repeat: no-repeat;
	background-position: left top;
}