@charset "utf-8";

/*
	1 : shared
	2 : mainArea
	3 : meritArea
	4 : compressorArea
	5 : contactArea
	6 : projectsNav
	7 : exampleArea
 */


/* -----------------------------
	1 : shared
----------------------------- */
.l-content  ul.product_btn a {
	clear: both;
	display: block;
	width: 370px;
	height: 37px;
	background:url(/maker/anestiwata/built-in_compressor/images/product_btn.gif) no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	margin: 0 auto;
}

/* -----------------------------
	2 : mainArea
----------------------------- */
.l-content .mainVisual {
	width: 950px;
	height: 210px;
	background:url(/maker/anestiwata/built-in_compressor/images/mainVisual.jpg) no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.l-content .mainLead {
	width: 950px;
	height: 106px;
	background:url(/maker/anestiwata/built-in_compressor/images/mainLead.gif) no-repeat center;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.l-content .normalList > li {
	padding-left: 0.5em;
	padding-bottom: 3px;
	text-indent: -0.5em;
}

/* -----------------------------
	3 : meritArea
----------------------------- */
.l-content .meritArea .meritContent {
	background: #e7ebf3;
	padding: 0 20px 18px;
}
.l-content .meritArea .meritContent p.meritTitle {
	width: 910px;
	height: 65px;
	background:url(/maker/anestiwata/built-in_compressor/images/merit_title.gif) no-repeat center;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.l-content .meritArea .meritContent dl.meritList dl {
	width: 910px;
	margin: 0 auto;
}
.l-content .meritArea .meritContent dl.meritList dt {
	float: left;
	width: 220px;
	height: 190px;
	margin-left: 10px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.l-content .meritArea .meritContent dl.meritList dt:first-child { margin: 0; }
.l-content .meritArea .meritContent dl.meritList dd {
	height: 0;
	overflow: hidden;
}
.l-content .meritArea .meritContent dl.meritList dt.merit01 { background:url(/maker/anestiwata/built-in_compressor/images/merit_t_img01.gif) no-repeat; }
.l-content .meritArea .meritContent dl.meritList dt.merit02 { background:url(/maker/anestiwata/built-in_compressor/images/merit_t_img02.gif) no-repeat; }
.l-content .meritArea .meritContent dl.meritList dt.merit03 { background:url(/maker/anestiwata/built-in_compressor/images/merit_t_img03.gif) no-repeat; }
.l-content .meritArea .meritContent dl.meritList dt.merit04 { background:url(/maker/anestiwata/built-in_compressor/images/merit_t_img04.gif) no-repeat; }
.l-content .meritArea .meritContent p.notes {
	clear: both;
	margin-top: 16px;
}

/* -----------------------------
	4 : compressorArea
----------------------------- */
.l-content .compressorArea .lineupContent,
.l-content .compressorArea .dimensionsContent,
.l-content .compressorArea .dimensionsContent {
	width: 910px;
	margin: 0 auto;
}
.l-content .compressorArea .lineupContent dl {
	float: left;
	width: 216px;
	border: 1px solid #c1c1c1;
	margin-left: 10px;
}
.l-content .compressorArea .lineupContent dl:first-child { margin: 0; }
.l-content .compressorArea .lineupContent dd { text-align: center; }
.l-content .compressorArea .lineupContent dd.itemImg { padding-top: 20px; }
.l-content .compressorArea .lineupContent dd.itemName { padding: 20px 0; }

.l-content .compressorArea .specificationContent table { width: 100%; }
.l-content .compressorArea .specificationContent table th { background: #f2f2f2; }
.l-content .compressorArea .specificationContent table th,
.l-content .compressorArea .specificationContent table td {
	text-align: center;
	border: 1px solid #cccccc;
	padding: 10px 0 9px;
}

.l-content .compressorArea .dimensionsContent .u-left {
	float: left;
	width: 408px;
	border: 1px solid #c1c1c1;
	padding: 20px;
}
.l-content .compressorArea .dimensionsContent .u-right {
	float: right;
	width: 408px;
	border: 1px solid #c1c1c1;
	padding: 20px;
}
.l-content .compressorArea dl.figureBox dt.figureName {
	font-size: 12px;
	text-align: left;
	padding-bottom: 10px;
}
.l-content .compressorArea .figureTable table caption { text-align: right; }
.l-content .compressorArea .figureTable table th { background: #f2f2f2; }
.l-content .compressorArea .figureTable table th,
.l-content .compressorArea .figureTable table td {
	text-align: center;
	border: 1px solid #cccccc;
	padding: 10px 0 9px;
}
.l-content .compressorArea .figureTable table th.t01 { width: 106px; }
.l-content .compressorArea .figureTable table th.t02 { width: 59px; }
.l-content .compressorArea .figureTable table th.t03 { width: 166px; }
.l-content .compressorArea .figureTable table th.t04 { width: 119px; }

/* -----------------------------
	5 : contact_txt
----------------------------- */
.l-content .contact_txt {
  width: 556px;
  height: 54px;
  margin: 50px auto 20px;
  background: url(/maker/anestiwata/built-in_compressor/images/contact_lead_bg.png) no-repeat center;
  font-size: 20px;
  font-weight: bold;
  color: #3f69af;
  text-align: center;
}
.l-content .contact_txt strong {
  color: #D00;
}

/* -----------------------------
	6 : projectsNav
----------------------------- */
.l-content .projectsNav {
	width: 910px;
	height: 40px;
	margin: 0 auto;
}
.l-content .projectsNav ul li {
	float: left;
	width: 450px;
}
.l-content .projectsNav ul li.userBtn {
	margin-right: 10px;
}
.l-content .projectsNav ul li a {
	display: block;
	width: 450px;
	height: 40px;
	background-image: url(/maker/anestiwata/built-in_compressor/images/projects_btn.gif);
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.l-content .projectsNav ul li.userBtn a {
	background-position: 0 0;
}
.l-content .projectsNav ul li.makerBtn a {
	background-position: -460px 0;
}

/* -----------------------------
	7 : exampleArea
----------------------------- */
.l-content .exampleArea {
	clear: both;
	width: 950px;
	margin: 0 auto;
}
.l-content .exampleArea .exampleContent ul.imgList li { float: left; }
.l-content .exampleArea .exampleContent .u-mr10 { margin-right: 10px; }
.l-content .exampleArea .exampleContent2 {
	float: left;
	width: 465px;
	margin-right: 10px;
}
.l-content .exampleArea .exampleContent2 .u-left {
	height: 200px;
	border: 1px solid #c1c1c1;
	padding: 20px 0 0;
	background: url(/maker/anestiwata/built-in_compressor/images/example_img01.jpg) no-repeat right top;
}
.l-content .exampleArea .exampleContent2 .u-right {
	height: 200px;
	border: 1px solid #c1c1c1;
	padding: 20px 0 0;
	background: url(/maker/anestiwata/built-in_compressor/images/example_img02.jpg) no-repeat right top;
}

.l-content .exampleArea .exampleContent2 ul.normalList { text-align: left; margin-left: 16px; }