@charset "UTF-8";

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

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

#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 h2 {
	margin: 20px 0 10px;
	background: none;
	border: 1px solid #999999;
	color: #666666;
}

#contents #contentArea .sectionH2 .sectionH3 {
	margin: 0 0 20px;
}
#contents #contentArea .sectionH2 .sectionH3 h3 {
	width: 457px;
	margin: 0 0 0 5px;
	padding: 5px 0 0 12px;
	color: #000000;
	font-size: 85%;
	font-weight: bold;
	background:  url(../images/h3Bg.gif) no-repeat left top;
	border-bottom: 1px solid #cfcece;
}
#contents #contentArea .sectionH2 .sectionH3 h3 span {
	margin-left: 10px;
}
#contents #contentArea .sectionH2 .sectionH3 h3 span.eigo {color: #d0000e;}
#contents #contentArea .sectionH2 .sectionH3 h3 span.suugaku {color: #0066b1;}
#contents #contentArea .sectionH2 .sectionH3 h3 span.kokugo {color: #019c7d;}
#contents #contentArea .sectionH2 .sectionH3 h3 span.rika {color: #f5a100;}
#contents #contentArea .sectionH2 .sectionH3 h3 span.shakai {color: #8d3c0d;}

#contents #contentArea .sectionH2 .sectionH3 .imgArea {
	width: 64px;
	float: left;
	border: 1px solid #AAAAAA;
}

#contents #contentArea .sectionH2 .sectionH3 .txtArea {
	width: 481px;
	float: right;
	padding: 11px 0 0;
	background: url(../images/review_topBg.gif) no-repeat left top;
}
#contents #contentArea .sectionH2 .sectionH3 dl {
	padding: 7px 8px 7px 7px;
	background: url(../images/reviewBg.gif) repeat-y left top;
}
#contents #contentArea .sectionH2 .sectionH3 dl dt {
	margin: 0 0 7px;
	padding: 0 10px;
	border-bottom: 1px solid #cfcece;
	font-size: 75%;
}
#contents #contentArea .sectionH2 .sectionH3 dl dd {
	margin: 0;
	padding: 0 10px;
	font-size: 75%;
}
#contents #contentArea .sectionH2 .sectionH3 .productMove {
	padding: 0 17px 17px;
	background: url(../images/review_btmBg.gif) no-repeat left bottom;
}
#contents #contentArea .sectionH2 .sectionH3 .productMove a {
	padding: 0 0 0 15px;
	background: url(../../common/images/listMark01.gif) no-repeat left center;
}



/* wideVisual */
#contents #contentArea .wideVisual {
	margin: 0 0 10px;
	_margin: 0 0 10px -1px;
}
#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;
}
#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;
}


/* #article */
#contents #contentArea #article {
	width: 418px;
	float: right;
}

/* customerReviews */
#contents #contentArea #article .sectionH2.customerReviews {
	margin: 0 0 20px;
	padding: 0 0 20px;
	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: 75px;
	margin: 0;
	padding: 0;
	background: none;
	border: none;
}

#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: 379px;
	_width: 399px;
	margin-left: 2px;
	_margin-left: 8px;
	padding: 10px;
	background: #ffffff url(../product/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;
}


#contents #contentArea .sectionH2.customerReviews .sectionH3 {
	width: 401px;
	margin: 0 8px 20px 9px;
	padding: 10px 0 0;
	background: url(../images/customerReviews_topBg.gif) no-repeat left top;
}
@media print{#contents #contentArea #article .sectionH2.customerReviews .sectionH3 {
	background: url(../images/customerReviews_topBg.gif) no-repeat left top!important;
}}

#contents #contentArea .sectionH2.customerReviews .sectionH3.first-child {
	padding-top: 0;
	background: url(../images/customerReviews_first_topBg.gif) no-repeat left top;}
@media print{#contents #contentArea #article .sectionH2.customerReviews .sectionH3.first-child {
	background: url(../images/customerReviews_first_topBg.gif) no-repeat left top!important;
}}

#contents #contentArea .sectionH2.customerReviews .sectionH3 h3 {
	width: 377px;
	_width: 389px;
	margin: 0 0 0 5px;
	background:  url(../images/customerReviewsh3Bg.gif) no-repeat left top;
}
#contents #contentArea .sectionH2.customerReviews .sectionH3.first-child  h3 {
	margin: 8px 0 0 5px;
	_margin: 0 0 0 5px;
}
#contents #contentArea .sectionH2.customerReviews .sectionH3 dl {
	width: 388px;
	_width: 403px;
	background: url(../images/customerReviews_dlBg.gif) repeat-y left top;
}

#contents #contentArea .sectionH2.customerReviews .sectionH3 .productMove {
	margin: 0!important;
	padding: 0 0 20px 15px;
	background: url(../images/customerReviews_btmBg.gif) no-repeat left bottom;
}


/* #aside */
#contents #contentArea #aside {
	width: 150px;
	float: left;
	margin-top: 16px;
}
#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 =====
*/
#contents #contentArea .sectionH2 .sectionH3:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
* html #contents #contentArea .sectionH2 .sectionH3 {
	/*\*/height: 1%;/*for WinIE*/
	display: inline-table;/*for MacIE*/
}