@charset "UTF-8";

/*
===== CONTENTS ==============================
	1:#contentArea
	2:#localNav
=============================================
*/

/*
===== 1:#contentArea =====
*/

#contents #contentArea {
	margin: 0 0 30px;
}
#contents #contentArea h1 {
	margin: 0;
}

#contents #contentArea .underH1 {
	float: right;
	margin: -2.9em 0.3em 0em 0em;
	_margin: -2.86em 0.3em 0em 0em;
}

#contents #contentArea .resize_image {
	vertical-align:middle;
	float: right;
}

#contents #contentArea h1.category {
	padding: 0;
}
#contents #contentArea p {
	margin: 0 0 0 8px;
	padding: 0;
}
#contents #contentArea p.lead {
	margin: 0 0 10px;
	padding: 0;
}

#contents #contentArea ul a,
#contents #contentArea ul li.reload img {
	display:block;
}
#contents #contentArea ul li {
	float:left;
}
#contents #contentArea ul li.reload {
	width: 357px;
	border-bottom: 1px solid #AAAAAA;
}
#contents #contentArea ul li.reload img {
	margin-left: 328px;
}

/* #usual1 */
#contents #contentArea #usual1 {
	margin: 5px 0 20px;
}

#contents #contentArea #usual1 div {
	clear: left;
	padding: 8px 5px 2px;
	border: 1px solid #AAAAAA;
	border-top: none;
}

#contents #contentArea #usual1 div table {
	width: 570px;
}
#contents #contentArea #usual1 div table th,
#contents #contentArea #usual1 div table td {
	padding: 4px 0;
	text-align: left;
	vertical-align: top;
}
#contents #contentArea #usual1 div table td a {
	margin-right: 3px;
}

#contents #contentArea #mainVisual {
	margin: 10px 0 20px;
	padding: 0;
	border: none;
}


/* searchResult */
#contents #contentArea #searchResult {
	margin: 6px 0 8px;
	padding: 22px 26px 14px;
	border: 1px solid #AAAAAA;
}
#contents #contentArea #searchResult table {}
#contents #contentArea #searchResult table td {
	padding: 2px 5px 10px 2px;
	color: #1a4673;
	font-size: 80%;
	line-height: 1.4;
	text-align: left;
	vertical-align: top;
}
#contents #contentArea #searchResult table td a {
	color: #1a4673;
	font-weight: bold;
}
#contents #contentArea #searchResult table td.thmImg {
	width: 72px;
	padding: 2px 0 10px 2px;
}
#contents #contentArea #searchResult table td.thmImg img {
	border:1px solid #AAAAAA;
}
#contents #contentArea #searchResult table td img.arrow {
	margin: 0 5px 0 0;
}


/* wideVisual */
#contents #contentArea .wideVisual {
	margin: 0 0 20px;
}
#contents #contentArea .wideVisual img {
	display: block;
}
#contents #contentArea .wideVisual table {
	margin: 0 0 0 1px;
	border-top: 1px solid #AAAAAA;
	border-left: 1px solid #AAAAAA;
}
html*#contents #contentArea .wideVisual table {
	margin: 0;
}
#contents #contentArea .wideVisual table td {
	line-height: 1.4;
	text-align: center;
	vertical-align: middle;
	border-right: 1px solid #AAAAAA;
	border-bottom: 1px solid #AAAAAA;
}
#contents #contentArea .wideVisual table td.course {
	padding: 5px 5px 0;
}
#contents #contentArea .wideVisual table td.course img {
	margin: 0 0 5px;
}

/* catLink */
#contents #contentArea .catLink {
	padding: 15px 0;
	font-size: 80%;
	text-align: right;
}
#contents #contentArea .catLink a {
	padding: 0 0 0 15px;
	background: url(../../common/images/listMark02.gif) no-repeat left center;
	font-weight: bold;
}


/* #article */
#contents #contentArea #article {
	width: 418px;
	float: right;
}
#contents #contentArea #article strong {
	color: #fa5b0a;
	font-weight: bold;
}
#contents #contentArea #article .imgArea img {
	width: 90px;
	margin: 10px 0 20px;
}

#contents #contentArea #article .detailsTable {
	border-top: 2px solid #004eff;
}
#contents #contentArea #article .detailsTable table {
	width: 417px;
	margin: 0 0 10px 1px;
	border-top: 1px solid #AAAAAA;
	border-left: 1px solid #AAAAAA;
}
#contents #contentArea #article .detailsTable table th,
#contents #contentArea #article .detailsTable table td {
	padding: 4px 10px;
	border-right: 1px solid #AAAAAA;
	border-bottom: 1px solid #AAAAAA;
	font-size:80%;
	vertical-align: middle;
}
#contents #contentArea #article .detailsTable table th {
	text-align: center;
	background: url(../images/thBg.gif) repeat-x left center;
}

#contents #contentArea #article .detailsTable table td {
	background: url(../images/tdBg.gif) repeat-x left center;
}

#contents #contentArea #article .detailsTable table td.en,
#contents #contentArea #article .detailsTable table td.ma,
#contents #contentArea #article .detailsTable table td.ja,
#contents #contentArea #article .detailsTable table td.sc,
#contents #contentArea #article .detailsTable table td.ss,
#contents #contentArea #article .detailsTable table td.pdf {
	text-align: center;
}

#contents #contentArea #article .detailsTable table td a {
	display: block;
	text-decoration: none;
}
#contents #contentArea #article .detailsTable table td.excel a {
	padding: 2px 0 2px 22px;
	background: url(../../common/images/excel_icon.gif) no-repeat left center;
}


#contents #contentArea #article .sectionH2 {
	margin-bottom: 15px;
	background: url(../../common/images/txtBg.gif) repeat-x left 1.7em;
}
#contents #contentArea #article .sectionH2 h2 {
	margin: 0 0 1px;
	background-color: #8eabf9;
	background-image: url(../images/h2Bg.gif);
}
#contents #contentArea #article .sectionH2 p {
	margin-top: 5px;
}

/* relate */
#contents #contentArea #article .sectionH2.relate {
	background: url(../images/relate_topBg.gif) no-repeat left top;
}
@media print{#contents #contentArea #article .sectionH2.relate {
	background: url(../images/relate_topBg.gif) no-repeat left bottom!important;
}}

#contents #contentArea #article .sectionH2.relate h2 {
	margin: 0;
	padding: 0;
	background: none!important;
}
#contents #contentArea #article .sectionH2.relate ul {
	padding: 15px 0;
	background: url(../images/relate_btmBg.gif) no-repeat left bottom;
}
#contents #contentArea #article .sectionH2.relate ul li {
	width: 114px;
	_width: 138px;
	padding: 0 12px;
	font-size: 70%;
	line-height: 1.2;
}
#contents #contentArea #article .sectionH2.relate ul li img {
	margin: 0 0 5px;
	border: 1px solid #AAAAAA;
}
#contents #contentArea #article .sectionH2.relate ul li .arrow {
	margin: 2px 0 0;
}

/* customerReviews */
#contents #contentArea #article .sectionH2.customerReviews {
	margin: 10px 0 20px;
	padding: 0 0 33px;
	background: url(../images/customerReviewsBg.gif) no-repeat left bottom;
}
@media print{#contents #contentArea #article .sectionH2.customerReviews {
	background: url(../images/customerReviewsBg.gif) no-repeat left bottom!important;
}}

#contents #contentArea #article .sectionH2.customerReviews h2 {
	height: 83px;
	margin: 0;
	padding: 0;
	background: none;
}
#contents #contentArea #article .sectionH2.customerReviews .voice {
	position: relative;
	margin: 0 8px 0 9px;
	padding: 0 10px 5px;
	background: url(../images/voiceBg.gif) no-repeat left bottom;
}
#contents #contentArea #article .sectionH2.customerReviews .voice dl {
}
#contents #contentArea #article .sectionH2.customerReviews .voice dl dt {
	margin: 0 0 5px;
	border-bottom: 1px solid #cfcece;
	font-size: 75%;
}
#contents #contentArea #article .sectionH2.customerReviews .voice dl dd {
	margin: 0 0 15px;
	font-size: 75%;
}
#contents #contentArea #article .sectionH2.customerReviews .voice .look {
	position: absolute;
	bottom: -50px;
	right: 14px;
}

#contents #contentArea #article .sectionH2.customerReviews form {
	margin: 0 10px 0 7px;
	_margin: 0;
}
#contents #contentArea #article .sectionH2.customerReviews form fieldset {}
#contents #contentArea #article .sectionH2.customerReviews form fieldset legend {}
*:first-child+html #contents #contentArea #article .sectionH2.customerReviews form fieldset legend {
	margin-left: -7px;
}
#contents #contentArea #article .sectionH2.customerReviews form fieldset div {
	width: 380px;
	_width: 400px;
	margin-left: 1px;
	_margin-left: 8px;
	padding: 10px;
	background: #ffffff url(../images/inputBg.gif) repeat-y left top;
}
#contents #contentArea #article .sectionH2.customerReviews form fieldset div table {
	width: 100%;
	margin: 0 0 20px;
}
#contents #contentArea #article .sectionH2.customerReviews form fieldset div table th,
#contents #contentArea #article .sectionH2.customerReviews form fieldset div table td {
	padding: 5px;
	font-size: 75%;
}
#contents #contentArea #article .sectionH2.customerReviews form fieldset div table th {
	width: 5em;
	font-weight: bold;
	text-align: right;
	vertical-align: top;
}
#contents #contentArea #article .sectionH2.customerReviews form fieldset div table td input#reviewTitle,
#contents #contentArea #article .sectionH2.customerReviews form fieldset div table td textarea {
	width: 280px;
}

#contents #contentArea #article .sectionH2.customerReviews form fieldset div table td div {
	width: 100%;
	margin: 0;
	padding: 0;
	background: none;
}
#contents #contentArea #article .sectionH2.customerReviews form fieldset div .btn {
	margin: 0 0 10px;
	text-align: center;
}

/* editorComment */
#contents #contentArea #article .sectionH2.editorComment {
	margin: 0 0 15px;
	padding: 0 0 12px;
	background: url(../images/editorCommentBg.gif) no-repeat left bottom;
}
@media print{#contents #contentArea #article .sectionH2.editorComment {
	background: url(../images/editorCommentBg.gif) no-repeat left bottom!important;
}}

#contents #contentArea #article .sectionH2.editorComment h2 {
	margin: 0;
	padding: 0;
	background: none;
}
#contents #contentArea #article .sectionH2.editorComment dl {
	padding: 12px 12px 0;
}
#contents #contentArea #article .sectionH2.editorComment dl dt {
	font-size: 75%;
	font-weight: bold;
}
#contents #contentArea #article .sectionH2.editorComment dl dd {
	padding: 5px 0 0 12px;
	font-size: 75%;
}




#contents #contentArea #article .sectionH2 .sectionH3 {
	margin: 0 0 20px;
}
#contents #contentArea #article .sectionH2 .sectionH3 h3 {
	margin: 0 0 8px;
	padding: 0 0 0 5px;
	background: url(../images/h3Bg.gif) repeat-x left center;
	border-width: 1px 0 1px 4px;
	border-style: solid;
	border-left-color: #ef6a11;
	border-top-color: #AAAAAA;
	border-bottom-color: #AAAAAA;
	font-size: 80%;
	font-weight: bold;
}

#contents #contentArea #article .sectionH2 .sectionH3 .sectionH4 {}
#contents #contentArea #article .sectionH2 .sectionH3 .sectionH4 h4 {
	margin: 0 0 0 8px;
	padding: 0 0 0 5px;
	border-left: 3px solid;
	font-size: 75%;
	font-weight: bold;
	line-height: 1.2;
}

/* #aside */
#contents #contentArea #aside {
	width: 150px;
	float: left;
}
#contents #contentArea #aside img {
	display: block;
}
#contents #contentArea #aside ul {}
#contents #contentArea #aside ul li {
	float: left;
}
#contents #contentArea #aside ul.btn {}
#contents #contentArea #aside ul.btn li {
	float: none;
	margin: 0 0 5px;
	font-size: 65%;
	text-align: right;
}
#contents #contentArea #aside ul.btn li .filesize {
	margin: 0 5px 0 0;
}
#contents #contentArea #aside strong {
	font-size: 100%;
	font-weight: bold;
}

/* assort */
#contents #contentArea #aside .assort {
	margin: 0 0 10px;
}
#contents #contentArea #aside .assort ul li {
	margin: 0 5px 5px 0;
}
#contents #contentArea #aside .assort p {
	clear: left;
	width: 145px;
	margin: 0;
	padding: 0;
	font-size: 80%;
}
#contents #contentArea #aside .assort dl {
	width: 145px;
}
#contents #contentArea #aside .assort dl dt {
	font-size: 70%;
	line-height: 1.0;
}
#contents #contentArea #aside .assort dl dd {
	margin: -1.15em 0 0 1em;
	font-size: 70%;
	line-height: 1.3;
}

#contents #contentArea #aside table {
	width: 145px;
	margin: 0 0 10px;
	border-top: 1px dotted #f29600;
}
#contents #contentArea #aside table td {
	padding: 5px 0;
	font-size: 80%;
	line-height: 1.4;
	text-align: left;
	vertical-align: top;
	border-bottom: 1px dotted #f29600;
}
#contents #contentArea #aside table td ul li {
	margin: 5px 0;
}

/* smallVisual */
#contents #contentArea #aside .smallVisual {
	margin: 0 0 20px;
}
#contents #contentArea #aside .smallVisual img {
	border: 1px solid #aaaaaa;
}

/*
===== 2:#localNav =====
*/

#contents #localNav ul {}
#contents #localNav ul li {}




/*
===== 4:Browser clear =====
*/
.relationProducts:after,
#contents #contentArea .wideVisual:after,
.pageNav:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
* html .relationProducts,
* html #contents #contentArea .wideVisual,
* html .pageNav {
	/*\*/height: 1%;/*for WinIE*/
	display: inline-table;/*for MacIE*/
}