@charset "Shift_JIS";

.feature {
	clear: both;
	display: block;
	width: 100%; 	/* IEのfloatバグ回避 width未指定だと駄目 */
	min-height: 20em;	/* Geckoのfloatバグ回避 */
	margin: 1em 0 2em 0;
	padding: 0;
}

.image {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}

.desc {
	display: block;
	float: right;
	margin: 0 3px 1em 0; /* IEは微妙にずれる？ */
	width: 60%;
}

html>body .desc {
	margin: 0 0 1em 0;
}

.desc h4 {
	font-size: 1em;
	font-weight: bold;
	margin: 0;
	padding: 0.5em 0 1em 0;
}

.desc h5 {
	font-size: 1em;
	font-weight: bold;
	margin: 0;
	padding: 0.5em 0 0.5em 0;
}

.desc ul {
	list-style-type: square;
	margin: 0 0 1em 20px;
	padding: 0;
}

.specsheet {
	margin: 0 15px 0em 30px;
	font-size: 0.8em;
	text-align: center;
	empty-cells: show;
	border: solid 1px black;
	border-collapse: collapse;
	width: 80%;
}

.specsheet caption {
	caption-side: top;
}

.specsheet tr,th,td {
	padding: 3px;
	border: solid 1px black;
}

.specsheet th {
	background-color: silver;
	color: black;
}


/* 関連写真 */
.example {
	clear: both;
	display: block;
	width: 100%; 	/* IEのfloatバグ回避 width未指定だと駄目 */
	min-height: 200px;	/* Geckoのfloatバグ回避 */
	margin: 1em 0 2em 0;
	padding: 0;
}

.photo{
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width: 170px;
}

.zoomup {
	display: block;
	margin: 0 auto;
	padding: 0px;
	border: 0px;
	text-align: center;
}

.note {
	display: block;
	float: right;
	margin: 0 3px 1em 0; /* IEは微妙にずれる？ */
	padding: 0;
	width: 60%;
}

html>body .note {
	margin: 0 0 1em 0;
}

.note h4 {
	font-size: 1em;
	font-weight: bold;
	margin: 0;
	padding: 1em 0 1em 0;
}

.note h5 {
	font-size: 1em;
	font-weight: bold;
	margin: 0;
	padding: 1em 0 0 0;
}

.note ul {
/*	list-style: url("../../img/mark1.png");
*/
	list-style-type: square;
	margin: 0 0 0 20px;
	padding: 0;
}

.bar {
	clear: both;
}