/*_______________________________________
Contents of Products Page's content
_______________________________________*/

#contents{
	float: right;
	width: 100%;
	letter-spacing: 0px;
}



#contents a,
#contents li a {
	text-decoration: underline;
}

#contents a img {
	border: solid 1px;
}

#contents h1 {
	width: 100%;
	font-weight: bold;
	margin: 0 20px 30px 0px;
	padding: 10px 0 10px 0;
	border-top: solid 5px #f2781c;
}

#contents h2,
#contents h3,
#contents h4,
#contents h5,
#contents h6 {
	position: relative;
	font-weight: bold;
	margin: 20px 0 10px 10px;
	padding: 4px 4px 3px 11px;
	border: solid 1px #6f7057;
	background: url("http://www.pcaround.com/KBFly/keyboard/hhkb/images/common/point_label.gif") no-repeat 0% 50% #eeeeee;
}

#contents h2 a,
#contents h3 a,
#contents h4 a,
#contents h5 a,
#contents h6 a {
	font-weight: bold;
}

#contents h2.label02,
#contents h3.label02,
#contents h4.label02,
#contents h5.label02,
#contents h6.label02 {
	border-style: none none solid none ;
	background: url("http://www.pcaround.com/KBFly/keyboard/hhkb/images/common/point_label02.gif") no-repeat 0% 50% transparent;
}

#contents p,
#contents th,
#contents td,
#contents li,
#contents dt,
#contents dd {
	line-height: 150%;
}

#contents p {
	margin: 0 0 10px 20px;
}

#contents th p,
#contents td p,
#contents li p,
#contents li li p,
#contents li li li p,
#contents dd p,
#contents dt p {
	margin: 0;
}

#contents em,
#contents strong {
	font-weight: 600;
}

#contents pre {
	margin: 0 0 10px 20px;
	padding: 8px;
	font-family: monospace;
	background: #ddd;
	border: solid 1px #aaa;
}

#contents ul,
#contents ol {
	margin: 0 0 10px 3.5em;
}

#contents .compact ul,
#contents .compact ol {
	margin: 0 0 10px 2.5em;
}

#contents .compact ul ul,
#contents .compact ol ol,
#contents .compact ul ol,
#contents .compact ol ul {
	margin: 0 0 10px 1em;
}

#contents li {
	margin: 0 0 8px 5px;
}

#contents ul li ul li,
#contents ol li ul li {
	list-style-type: disc;
}

#contents dl {
	margin: 0 0 10px 20px;
}

#contents dd {
	margin: 0 0 0 20px;
}

#contents hr {
	height: 1px;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #999;
	margin: 10px 0 20px 20px;
}

#contents a.noBorder img {
	border: none;
}

/* layout */

#contents img.useImageMap {
	border: none;
}

#contents h2 .moreInfo,
#contents h3 .moreInfo,
#contents h4 .moreInfo,
#contents h5 .moreInfo,
#contents h6 .moreInfo {
	position: absolute;
	right: 5px;
	top: 7px;
	font-weight: normal;
}

#contents .indent {
	text-indent: 1em;
}

#contents .alignLeft {
	text-align: left;
}

#contents .alignRight {
	text-align: right;
}

#contents .alignCenter {
	text-align: center;
}

#contents .textSmall {
	font-size: small;
}

#contents .notice {
	color: #900;
}

#contents .floatLeft {
	margin: 0 5px 5px 20px;
	float: left;
}

#contents .floatRight {
	margin: 0 0 5px 5px;
	float: right;
}

#contents .vTop {
	vertical-align: top;
}

#contents .vMiddle {
	vertical-align: middle;
}
#contents .vFoot {
	vertical-align: text-bottom;
}

#contents dl.date {
}

#contents .date dt {
	width: 5em;
	float: left;
	margin: 0 0 2px 0;
	color: #666;
}

#contents .date dd {
	margin: 0 0 2px 4.5em;
	display: block;
	width: 91%;
}

/*
#contents .date dd:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
}
*/

#contents .boxNoBG,
#contents .boxGray,
#contents .boxRed,
#contents .boxBlue,
#contents .boxGreen {
	margin: 0 0 10px 20px;
}

#contents .boxNoBGr{
	margin: 0 0 0px 10px;
}


#contents .boxNoBG p,
#contents .boxNoBGr p,
#contents .boxGray p,
#contents .boxRed p,
#contents .boxBlue p,
#contents .boxGreen p {
	margin: 0;
}

#contents div.boxNoBG h2,
#contents div.boxNoBG h3,
#contents div.boxNoBG h4,
#contents div.boxNoBG h5,
#contents div.boxNoBG h6,
#contents div.boxNoBGr h2,
#contents div.boxNoBGr h3,
#contents div.boxNoBGr h4,
#contents div.boxNoBGr h5,
#contents div.boxNoBGr h6,
#contents div.boxGray h2,
#contents div.boxGray h3,
#contents div.boxGray h4,
#contents div.boxGray h5,
#contents div.boxGray h6,
#contents div.boxRed h2,
#contents div.boxRed h3,
#contents div.boxRed h4,
#contents div.boxRed h5,
#contents div.boxRed h6,
#contents div.boxBlue h2,
#contents div.boxBlue h3,
#contents div.boxBlue h4,
#contents div.boxBlue h5,
#contents div.boxBlue h6,
#contents div.boxGreen h2,
#contents div.boxGreen h3,
#contents div.boxGreen h4,
#contents div.boxGreen h5,
#contents div.boxGreen h6 {
	margin: 0;
	border-style: none;
	padding: 4px 4px 3px 4px;
	border: none;
	color: #fff;
	background: none;
}

#contents div.boxNoBG h2,
#contents div.boxNoBG h3,
#contents div.boxNoBG h4,
#contents div.boxNoBG h5,
#contents div.boxNoBG h6 {
	color: #000;
}

#contents div.boxNoBGr h2,
#contents div.boxNoBGr h3,
#contents div.boxNoBGr h4,
#contents div.boxNoBGr h5,
#contents div.boxNoBGr h6 {
	color: #000;
}

#contents .inner {
	padding: 8px;
}

/* box-color(noBG) */

.boxNoBG {
	border: solid 1px #999;
}

#contents div.boxNoBG h2,
#contents div.boxNoBG h3,
#contents div.boxNoBG h4,
#contents div.boxNoBG h5,
#contents div.boxNoBG h6 {
	border-bottom: solid 1px #999;
}

/* box-color(noBGr) */

.boxNoBGr {
	border: solid 1px #d70000;
}

#contents div.boxNoBGr h2,
#contents div.boxNoBGr h3,
#contents div.boxNoBGr h4,
#contents div.boxNoBGr h5,
#contents div.boxNoBGr h6 {
	border-bottom: solid 1px #d70000;
}

/* box-color(gray) */

.boxGray {
	border: solid 1px #535353;
	background-color: #e0e0e0;
}

#contents div.boxGray h2,
#contents div.boxGray h3,
#contents div.boxGray h4,
#contents div.boxGray h5,
#contents div.boxGray h6 {
	background-color: #535353;
}

.boxGray div.inner2 {
	padding: 8px;
	background-color: #fafafa;
}

/* box-color(red) */

.boxRed {
	border: solid 1px #791313;
	background-color: #fcbdbd;
}

.boxRed2  {
	margin-right: 40px;
	margin-left: 50px;
	border: solid 2px #791313 }

#contents div.boxRed h2,
#contents div.boxRed h3,
#contents div.boxRed h4,
#contents div.boxRed h5,
#contents div.boxRed h6 {
	background-color: #791313;
}

/* box-color(blue) */

.boxBlue {
	border: solid 1px #0c2749;
	background-color: #b1c9e7;
}

#contents div.boxBlue h2,
#contents div.boxBlue h3,
#contents div.boxBlue h4,
#contents div.boxBlue h5,
#contents div.boxBlue h6 {
	background-color: #0c2749;
}

/* box-color(green) */

.boxGreen {
	border: solid 1px #08300d;
	background-color: #bde6c3;
}

#contents div.boxGreen h2,
#contents div.boxGreen h3,
#contents div.boxGreen h4,
#contents div.boxGreen h5,
#contents div.boxGreen h6 {
	background-color: #08300d;
}

/* column */

#contents div div h2,
#contents div div h3,
#contents div div h4,
#contents div div h5,
#contents div div h6 {
	margin: 0 0 10px 0;
}

#contents div .col1,
#contents div .col2,
#contents div .col3 {
	float: left;
}

#contents div div .inner table {
	
	margin: 0;
	width: 100%;
}

#contents .column2,
#contents .column2B,
#contents .column3,
#contents .column3B {
	margin: 0 0 10px 15px;
}

#contents .column2 .inner,
#contents .column2B .inner,
#contents .column3 .inner,
#contents .column3B .inner {
	padding: 0 5px 5px 5px;
}

#contents .column2 p,
#contents .column2B p,
#contents .column3 p,
#contents .column3B p {
	margin: 0 0 5px 0;
}

#contents .column2 .col1,
#contents .column2 .col2,
#contents .column2B .col1,
#contents .column2B .col2 {
	width: 48%;
}


#contents .column2 .col1,
#contents .column2B .col1 {
	padding: 0 5px 0 0;
}

#contents .column2 .col2,
#contents .column2B .col2 {
	padding: 0 0 0 5px;
}


#contents .column2B .col2 {
	width: 48%;
	border-left: solid 1px #999;
}

#contents .column3 .col1,
#contents .column3B .col1,
#contents .column3 .col2,
#contents .column3B .col2,
#contents .column3 .col3,
#contents .column3B .col3 {
	width: 32%;
}

#contents .column3 .col1,
#contents .column3B .col1 {
	padding: 0 3px 0 0;
}

#contents .column3 .col2,
#contents .column3B .col2 {
	padding: 0 3px 0 3px;
}

#contents .column3 .col3,
#contents .column3B .col3 {
	padding: 0 0 0 3px;
}

#contents .column3B .col2,
#contents .column3B .col3 {
	border-left: solid 1px #999;
}


/* table */

#contents table {
	width: 500px;
	border-collapse: collapse;
	border-spacing: 0;
	border: solid 1px #000;
	margin: 0 0 20px 20px;
	text-align: center;
}

#contents table .mini{
	width: 400px;
	border-collapse: collapse;
	border-spacing: 0;
	border: solid 1px #000;
	margin: 20px 0 20px 10px;
	font-size: small;
}

#contents ul,
#contents ol {
	text-align: left;
}

#body-nomenu #contents table {
	width: 660px;
}

#body-nomenu #contents .compact table {
	width: 500px;
	margin: 0 90px 20px 110px;
}
#body-nomenu #contents .compact2 table {
	width: 300px;
	margin: 0 20px 10px 10px;
}

#contents table td,
#contents table th {
	border: solid 1px #333;
	padding: 3px;
}

#contents table td {
}

#contents table caption {
	margin: 0 0 5px 0;
}

/* table-color(gray) */

#contents table th {
	background-color: #e0e0e0;
	font-weight: normal;
}

#contents table th.emphasize,
#contents table thead th,
#contents table tfoot th {
	font-weight: bold;
	color: #fff;
	background-color: #535353;
}

/* table-color(red) */

#contents table.red th {
	background-color: #ff9191;
}

#contents table.red th.emphasize,
#contents table.red thead th,
#contents table.red tfoot th {
	background-color: #791313;
}

/* table-color(blue) */

#contents table.blue th {
	background-color: #91afd3;
}

#contents table.blue th.emphasize,
#contents table.blue thead th,
#contents table.blue tfoot th {
	background-color: #0c2749;
}

/* table-color(green) */

#contents table.green th {
	background-color: #91b097;
}

#contents table.green th.emphasize,
#contents table.green thead th,
#contents table.green tfoot th {
	background-color: #08300d;
}

#contents div.noborder table,
#contents div.noborder table th,
#contents div.noborder table td {
	border-color: #fff;
}

#contents div.noborder table td table,
#contents div.noborder table th table th,
#contents div.noborder table td table th, 
#contents div.noborder table td table td, 
#contents div.noborder table td table thead,
#contents div.noborder table td table tfoot,
#contents div.noborder table td table thead th,
#contents div.noborder table td table tfoot th{
	border-color: #000;
}


/* link-style */

#contents img.icon {
	margin: 0 3px;
	vertical-align: baseline;
}


/* navigation */

#contents .moreInfo,
#contents .pageTop,
#contents .historyBack {
	text-align: right;
	padding: 0 15px 0 0;
	min-height: 12px;
}

#contents .moreInfo{
	text-align: right;
	padding: 0 15px 0 0;
	min-height: 20px;
}



#contents .moreInfo {
	background: url("http://www.pcaround.com/KBFly/image/DetailButton_CN.jpg") no-repeat 100% 50%;
}

#contents .pageTop {
	padding: 0 12px 0 0;
	background: url("http://www.pcaround.com/KBFly/keyboard/hhkb/images/common/icon_pagetop.gif") no-repeat 100% 50%;
}

#contents .historyBack {
	background: url("http://www.pcaround.com/KBFly/keyboard/hhkb/images/common/icon_historyback.gif") no-repeat 100% 50%;
}