@charset "iso-8859-1";

/*------------------------------*/
/*	layout						*/
/*------------------------------*/
#mainwrap
{
	margin		: 20px 0 0;
	padding		: 0;
	font-size	: 12px;
}

#topwrapHD,
#topwrapHD10Series
{
	background	: url(../../products/img_10/base/hdbg_top.gif) repeat-y left top;
}

#secondwrapHD
{
	background	: url(../../products/img_10/base/hdbg_second.gif) repeat-y left top;
}

#topwrapHD #leftCol,
#topwrapHD10Series #leftCol,
#secondwrapHD #leftCol
{
	margin		: 0;
	padding		: 0;
	width		: 160px;
	background	: #D9CFC1;
	float		: left;
}

#topwrapHD #rightColWrap,
#topwrapHD10Series #rightColWrap,
#secondwrapHD #rightColWrap
{
	margin	: 0 21px 0 0;
}

#topwrapHD #rightCol,
#topwrapHD10Series #rightCol,
#secondwrapHD #rightCol
{
/*	margin		: 0 21px 0 0;	*/
/*	/margin		: 0;	*/
/*	/padding	: 0 21px 0 0;	*/
	width		: 767px;
/*	/width		: 788px;	*/
/*	font-size	: 12px;	*/
	text-align	: left;
	float		: right;
}

h1
{
	padding		: 0 0 10px;
	background	: #FFF;
}

.left
{
	margin	: 0 10px 0 0;
	float	: left;
}

.right
{
	margin	: 0 0 0 10px;
	float	: right;
}

.clear
{
	clear	: both;
}

a,
a:visited,
a:hover
{
	color	: #231815;
}

.x-font
{
	font-family: "Times New Roman", Times, Crillee EF Italic
}


/*------------------------------*/
/*	HD leftCol					*/
/*------------------------------*/
#leftCol .cateHD,
#leftCol .cateSTD
{
	margin	: 0;	/* 0 0 2px */
	padding	: 0 10px 8px;	/* 8px 10px */
}

#leftCol .cateHD
{
	background	: #261E1C;	/* #C6BCAF */
}

#leftCol .cateSTD
{
	background	: #A9C8DC;	/* #C6BCAF */
}
/*
.cate h3
{
	font-size	: 1.2em;
	line-height	: 1.2em;
	color		: #2F160C;
}
*/
.cateHD dt,
.cateSTD dt
{
	padding		: 8px 0 2px;
	font-weight	: bold;
	font-size	: 0.9em;
	line-height	: 1.1em;
}

.cateHD dt
{
	color	: #DFB812;
}

.cateSTD dt
{
	color	: #003366;
}

.cateHD dd,
.cateSTD dd
{
	padding		: 0 0 0 10px;
	line-height	: 1.4em;
}

.cateHD dd
{
	background	: url(../../products/img_10/icon/arrow_hd.gif) no-repeat 0 5px;
}

.cateSTD dd
{
	background	: url(../../products/img_10/icon/arrow_std.gif) no-repeat 0 5px;
}

.cateHD a,
.cateHD a:visited,
.cateHD a:hover
{
	color	: #FFF;	
}

.cateSTD a,
.cateSTD a:visited,
.cateSTD a:hover
{
	color	: #000;	
}

#leftCol .red
{
	margin	: 0 0 0 5px;
	color	: #CC3333;
}
/*
.cate p
{
	margin		: 0;
	font-weight	: bold;
}
*/
#leftCol .bnr li
{
	margin	: 2px 0 0;	/* 0 0 2px */
}


/*------------------------------*/
/*	HD rightCol					*/
/*------------------------------*/
/* navi */
#rightCol .navi
{
	margin		: 0 0 20px;
	padding		: 0 0 20px;
}

#rightCol .navifoot
{
	margin		: 100px 0 0;
	padding		: 0 0 20px;
}

.navi li,
.navifoot li
{
	padding	: 0 1px 1px 0;
	float	: left;
}

.navi li.break,
.navifoot li.break
{
	padding	: 0 0 1px 0;
}

.navi li.none,
.navifoot li.none
{
	padding	: 0 1px 0 0;
}

.navi li.nonebreak,
.navifoot li.nonebreak
{
	padding	: 0;
}

#topwrapHD #rightCol .navi,
#topwrapHD #rightCol .navifoot,
#topwrapHD10Series #rightCol .navi,
#topwrapHD10Series #rightCol .navifoot
{
	background	: url(../../products/img_10/button/navibg_top.gif) no-repeat bottom;
}

#secondwrapHD #rightCol .navi,
#secondwrapHD #rightCol .navifoot
{
	background	: url(../../products/img_10/button/navibg_second.gif) no-repeat bottom;
}

#topwrapHD #rightCol .navifootWarning,
#topwrapHD10Series #rightCol .navifootWarning
{
	margin		: 0 10px 15px;
	padding		: 10px;
	border		: 1px solid #AF4141;
	font-size	: 0.8em;
}

#rightCol .navifootNote
{
	margin		: 0 10px 30px;
	font-size	: 0.8em;
}
/* /navi */

/* h2 */
#rightCol h2
{
	margin	: 0 25px;
	padding	: 0 0 10px;
	width	: 717px;
}

#topwrapHD #rightCol h2,
#topwrapHD10Series #rightCol h2
{
	border-bottom	: 1px solid #BBB3A7;
}

#secondwrapHD #rightCol h2
{
	border-bottom	: 1px solid #D1CECA;
}
/* /h2 */

/* h3 */
.cont h3
{
	margin		: 0 0 10px;
	font-size	: 1.4em;
	line-height	: 1.2em;
	color		: #58382A;
}

.cont h3.sub
{
	margin		: 0 0 5px;
	font-size	: 1.2em;
	color		: #000;
}

.cont h3 span
{
	font-weight	: lighter;
	font-size	: 0.8em;
}

.cont h3 .right img
{
	margin	: 0 0 0 5px;
}

/*
.cont h3 span img
{
	vertical-align	: middle;
}	
*/
.cont h3.L1 a
{
	padding	: 20px 0 0;
	display	: block;
}

.cont h3 a,
.cont h3 a:visited,
.cont h3 a:hover
{
	color	: #58382A;
}
/* /h3 */

/* h4 */
.cont h4,
.cont table h4
{
	margin		: 0 0 5px;
	padding		: 0 0 0 11px;
	background	: url(../../products/img_10/icon/square.gif) no-repeat 0 3px;
	font-weight	: bold;
	text-align	: left;
}
/* /h4 */

/* cont */
.cont
{
	margin	: 0 25px;
	padding	: 20px 0 5px;
	width	: 717px;
}

#topwrapHD .cont,
#topwrapHD10Series .cont
{
	border-top	: 1px solid #E7E1D8;
}

#secondwrapHD .cont
{
	border-top	: 1px solid #F7F5F1;
}
/* /cont */

/* cont leftCont */
.cont .leftCont
{
	width	: 230px;
	float	: left;
}

.cont .leftContWide
{
	width	: 450px;
	float	: left;
}

.cont .leftContFrash,
.cont .leftContFlash
{
	padding	: 0 0 15px;
	width	: 380px;
	float	: left;
}

.cont .leftCont h3,
.cont .leftContWide h3
{
	margin		: 0 0 5px;
	font-size	: 1.2em;
	color		: #000;
}

.cont .leftCont span.left,
.cont .leftContWide span.left
{
	margin		: 0 10px 0 0;
	text-align	: center;
	float		: left;
}

.cont .leftCont span.left img,
.cont .leftContWide span.left img,
.cont .leftContFlash span.left img
{
	margin	: 0 0 5px;
}
/* /cont leftCont */

/* cont rightCont */
.cont .rightCont
{
	width	: 460px;
	float	: right;
}

.cont .rightContWide
{
	width	: 220px;
	float	: right;
}

.cont .rightContFrash,
.cont .rightContFlash
{
	padding	: 0 0 15px;
	width	: 290px;
	float	: right;
}

.cont .rightCont img,
.cont .rightContWide img
{
	margin	: 0 0 5px;
}
/* /cont rightCont */

/* cont clearCont */
.cont .clearCont
{
	width	: 717px;
	clear	: both;
}
/* /cont clearCont */

/* cont clearContFlash */
.cont .clearContFlash
{
	padding		: 0 0 15px;
	width		: 717px;
	text-align	: center;
	clear		: both;
}
/* /cont clearContFlash */

/* cont leftCont 10Series */
#topwrapHD10Series .cont .leftCont
{
	width	: 440px;
}

#topwrapHD10Series .cont .rightCont
{
	width	: 250px;
}
/* /cont leftCont 10Series */

/* cont table */
.cont .table2col,
.cont .table2colFlash,
.cont .table3col
{
	margin	: 0 0 15px;
/*	width	: 717px;	*/
	clear	: both;
}

.cont .table2colFlash td
{
	padding	: 0 0 15px;
}

.cont .table2col caption,
.cont .table2colFlash caption,
.cont .table3col caption
{
	margin		: 0 0 5px;
	font-weight	: bold;
	font-size	: 1.2em;
	color		: #000;
	text-align	: left;
}

.cont .table2col th,
.cont .table2col td,
.cont .table2colFlash th,
.cont .table2colFlash td,
.cont .table3col th,
.cont .table3col td
{
/*	width			: 325px;	*/
	vertical-align	: top;
	text-align		: left;
}

.table2col h3,
.table2colFlash h3,
.table3col h3
{
	margin		: 0 0 5px;
	font-size	: 1.2em;
	color		: #000;
}

.table2col h3 span,
.table2colFlash h3 span,
.table3col h3 span
{
	font-size	: 0.8em;
}

.table2col img,
.table2colFlash img,
.table3col img
{
	margin	: 0 0 5px;
}

.table2col img.left,
.table2colFlash img.left,
.table3col img.left
{
	margin	: 0 10px 5px;
}
/* /cont table */

/* cont note */
.cont .note
{
	margin	: 0 0 15px;
	padding	: 10px 15px;
	border	: 1px solid #CCC;
	clear	: both;
}

.cont .noteWhite
{
	margin		: 0 0 15px;
	padding		: 10px 15px;
	background	: #FFF;
	border		: 1px solid #CCC;
	clear		: both;
}

.note h3,
.noteWhite h3
{
	margin		: 0 0 5px;
	font-size	: 1.2em;
	color		: #000;
}

.note .leftCont,
.noteWhite .leftCont
{
	width	: 220px;
}

.note .rightCont,
.noteWhite .rightCont
{
	width	: 440px;
}
/* /cont note */

/* detail */
.detail
{
	text-align	: right;
	clear		: both;
}

.detail a,
.detail a:visited,
.detail a:hover
{
	padding		: 0 0 0 15px;
	background	: url(/common-new/img/common/arrow-cir-right-blue-fff.gif) no-repeat 0 3px;
	color		: #135DA3;
}
/* /detail */

/* separator */
.separator
{
	margin	: 0 25px;
	width	: 717px;
	height	: 1px;
}

.separator hr
{
   display	: none;
}

#topwrapHD .separator,
#topwrapHD10Series .separator
{
	background	: #BBB3A7;
}

#secondwrapHD .separator
{
	background	: #D1CECA;
}
/* /separator */


/*------------------------------*/
/*	specifications				*/
/*------------------------------*/
#rightCol .specifications a,
#rightCol .specifications a:visited,
#rightCol .specifications a:hover
{
	color	: #3B77BF;	
}

/* table */
.tableSpecL
{
	margin			: 0 0 5px;
	width			: 717px;
	border-right	: 1px solid #666;
	border-bottom	: 1px solid #666;
	font-size		: 0.8em;
}

.tableSpecC
{
	margin			: 0 0 5px;
	width			: 717px;
	border-right	: 1px solid #666;
	border-bottom	: 1px solid #666;
	font-size		: 0.8em;
	text-align		: center;
}

.tableSpecL caption,
.tableSpecC caption
{
	padding		: 0 0 5px;
	font-weight	: bold;
	font-size	: 1.2em;
	text-align	: left;
}

.tableSpecL th,
.tableSpecC th
{
	padding			: 6px;
	background		: #B9A38B;
	border-top		: 1px solid #666;
	border-left		: 1px solid #666;
	font-weight		: bold;
/*	vertical-align	: top;	*/
}

.tableSpecL th
{
	text-align	: left;
}

.tableSpecC th
{
	text-align	: center;
}

.tableSpecL th.section
{
	background	: #D9CFC1;
	text-align	: left;
}

.tableSpecC th.section
{
	background	: #D9CFC1;
	text-align	: center;
}

.tableSpecL td,
.tableSpecC td
{
	padding			: 6px;
	border-top		: 1px solid #666;
	border-left		: 1px solid #666;
	vertical-align	: top;
}
/*
.tableSpecL td
{
	width	: 250px;
}
*/
.tableSpecC td
{
	vertical-align	: middle;
}
/* /table */


/*------------------------------*/
/*	accessory					*/
/*------------------------------*/
#rightCol .accessory
{
	margin		: 0 25px;
	padding		: 20px 0 5px;
	width		: 717px;
	border-top	: 1px solid #F7F5F1;
}

#rightCol .accessory a,
#rightCol .accessory a:visited,
#rightCol .accessory a:hover
{
	color	: #3B77BF;
}

/* link */
.accessory .link
{
	margin	: 0 0 20px;
}

.link li
{
	margin			: 0 10px 0 0;
	padding			: 0 0 0 13px;
	background		: url(/common-new/img/common/arrow-cir-right-blue-fff.gif) no-repeat 0 3px;
	vertical-align	: text-top;
	float			: left;
}

.link li img
{
	margin			: 0 0 0 5px;
	vertical-align	: text-top;
}
/* /link */

/* h3,h4,h5 */
.accessory h3
{
	margin		: 0 0 10px;
	background	: #999;
}

.accessory h3 img
{
	margin	: 0 15px;
}

.accessory h4
{
	margin		: 0 0 10px;
	width		: 185px;
	background	: #000;
}

.accessory h4 img
{
	margin	: 0 0 0 10px;
}

.accessory h5
{
	margin		: 0 0 5px;
	line-height	: 1.2em;
}
/* /h3,h4,h5 */

/* table */
.tableAccessory
{
	margin			: 0 0 5px;
	width			: 100%;
	background		: #FAF9F4;
	border-right	: 1px solid #CCC;
	border-bottom	: 1px solid #CCC;
	font-size		: 0.8em;
	text-align		: center;
}

.tableAccessory th
{
	padding		: 4px;
	border-top	: 1px solid #CCC;
	border-left	: 1px solid #CCC;
}

.tableAccessory th.section
{
	background	: #EEE;
}

.tableAccessory td
{
	padding		: 4px;
	border-top	: 1px solid #CCC;
	border-left	: 1px solid #CCC;
}
/* /table */

/* leftCont,breakCont,clearCont */
.accessory .leftCont
{
	margin	: 0 13px 0 0;
	width	: 230px;
	float	: left;
}

.accessory .leftContWide
{
	margin	: 0 13px 0 0;
	width	: 280px;
	float	: left;
}

.accessory .breakCont
{
	width	: 230px;
	float	: right;
}

.accessory .clearCont
{
	clear	: both;
}
/* /leftCont,breakCont,clearCont */

/* detailBox */
.accessory .leftCont .detailBox,
.accessory .leftContWide .detailBox,
.accessory .breakCont .detailBox
{
	margin	: 0 0 15px;
	width	: 110px;
	border	: 1px dotted #AAA;
}

.accessory .leftCont .detailBox p,
.accessory .leftContWide .detailBox p,
.accessory .breakCont .detailBox p
{
	margin	: 10px;
}
/* /detailBox */

/* PowerBattery */
.accessory .accessoryPowerBattery
{
	margin	: 0 0 20px;
	width	: 717px;
}

.accessoryPowerBattery .rightCont
{
	width	: 474px;
	float	: right;
}
/* /PowerBattery */

/* Archiving */
.accessory .accessoryArchiving
{
	margin	: 0 0 20px;
	width	: 717px;
}
/* /Archiving */

/* DataTransfer */
.accessory .accessoryDataTransfer
{
	margin	: 0 0 20px;
	width	: 717px;
}
/*
.accessoryDataTransfer .leftCont
{
	margin		: 0 13px 0 0;
	width		: 473px;
	float		: left;
}
*/
/* /DataTransfer */


/*------------------------------*/
/*	clearfix					*/
/*------------------------------*/
#topwrapHD:after,
#topwrapHD10Series:after,
#secondwrapHD:after,
.navi:after,
.navifoot:after,
h3:after,
h4:after,
.cont:after,
.clearCont:after,
.clearContFlash:after,
.cont .note:after,

.clear:after,

.link:after,
.leftCont:after,
.accessoryPowerBattery:after,
.accessoryArchiving:after,
.accessoryDataTransfer:after
{
	content		: ".";
	height		: 0.1px;
	font-size	: 0.1em;
	line-height	: 0;
	display		: block;
	visibility	: hidden;
	clear		: both;
	
/*	overflow	: hidden;	*/
}

/*	for IE7	*/
#topwrapHD,
#topwrapHD10Series,
#secondwrapHD,
.navi,
.navifoot,
.cont,
h3,
h4,
.clearCont,
.clearContFlash,
.cont .note,

.clear,

.link,
.leftCont,
.accessoryPowerBattery,
.accessoryArchiving,
.accessoryDataTransfer
{
	min-height	: 1em;
	display		: inline-block;
	
/*	overflow	: hidden;	*/
}

/*	for Mac	*/
* html #topwrapHD,
* html #topwrapHD10Series,
* html #secondwrapHD,
* html .navi,
* html .navifoot,
* html .cont,
* html h3,
* html h4,
* html .clearCont,
* html .clearContFlash,
* html .cont .note,

* html .clear,

* html .link,
* html .leftCont,
* html .accessoryPowerBattery,
* html .accessoryArchiving,
* html .accessoryDataTransfer
{
	height	: 1%;
	
/*	overflow	: hidden;	*/
}

#topwrapHD,
#topwrapHD10Series,
#secondwrapHD,
.navi,
.navifoot,
.cont,
h3,
h4,
.clearCont,
.clearContFlash,
.cont .note,

.clear,

.link,
.leftCont,
.accessoryPowerBattery,
.accessoryArchiving,
.accessoryDataTransfer
{
	display	: block;
	
/*	overflow	: hidden;	*/
}