@charset "utf-8";


/*
	1 : commonArea
	2 : mainVisualArea
	3 : selectionArea
	4 : serviceArea
	5 : recommendArea
	6 : lineupArea
 */

/* -----------------------------
	1 : commonArea
----------------------------- */
/* contactArea */
.l-content .contactArea p.contactLead {
	clear: both;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	margin: 0 auto 15px;
}
.l-content .contactArea p.t01 {
	width: 585px;
	height: 67px;
	background: url(/maker/koganei/solenoid_valve/images/contact_lead01.gif) no-repeat;
}
.l-content .contactArea p.t02 {
	width: 493px;
	height: 67px;
	background: url(/maker/koganei/solenoid_valve/images/contact_lead02.gif) no-repeat;
}
.l-content .contactArea p.t03 {
	width: 676px;
	height: 67px;
	background: url(/maker/koganei/solenoid_valve/images/contact_lead03.gif) no-repeat;
}
.l-content dl.contactContent {
	position: relative;
	width: 950px;
	height: 152px;
	background: url(/maker/koganei/solenoid_valve/images/contact_bg.gif) no-repeat;
}
.l-content dl.contactContent .contactTtl,
.l-content dl.contactContent .contactTel,
.l-content dl.contactContent .contactFax {
	height: 0;
	overflow: hidden;
}
.l-content dl.contactContent .contactMail a {
	position: absolute;
	top: 70px;
	left: 648px;
	display: block;
	width: 265px;
	height: 47px;
	background: url(/maker/koganei/solenoid_valve/images/btn_contact.gif) no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
/* btnArea */
.l-content .btnArea li a {
	display: block;
	background: url(/maker/koganei/solenoid_valve/images/btn_contact.gif) no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.l-content .btnArea li.from01 a {
	width: 375px;
	height: 47px;
	background: url(/maker/koganei/solenoid_valve/images/btn_from01.gif) no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

/* -----------------------------
	2 : mainVisualArea
----------------------------- */
.l-content h1.mainVisual {
	width: 950px;
	height: 190px;
	background: url(/maker/koganei/solenoid_valve/images/mainVisual.jpg) no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

/* -----------------------------
	3 : selectionArea
----------------------------- */
.l-content .selectionArea {
	width: 920px;
	height: 526px;
	border: 15px solid #ced9eb;
}
.l-content .selectionArea h2.ttl {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  margin-top: 20px;
}
.l-content .selectionArea h2.ttl span {
  color: #D00;
}
.l-content .selectionArea .selectionContentWrap {
	width: 860px;
	height: 283px;
	background: url(/maker/koganei/solenoid_valve/images/selection_content_bg.png) no-repeat;
  margin: 20px auto 0;
}
.l-content .selectionArea dl.selectionContent {
  float: left;
  width: 420px;
}
.l-content .selectionArea dl.selectionContent .ttl {
  font-size: 18px;
  line-height: 48px;
  text-align: center;
  color: #FFF;
}
.l-content .selectionArea dl.selectionContent .list {
  margin-left: 60px;
  font-size: 14px;
  font-weight: bold;
  line-height: 29px;
  margin-top: 45px;
}
.l-content .selectionArea dl.selectionContent .list li {
  line-height: 1.5;
  padding: 4px 0;
}
.l-content .selectionArea p.selectionLead {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  margin-top: 20px;
}
.l-content .selectionArea li.from01 {
	bottom: 30px;
	left: 270px;
}
.l-content .selectionArea .m-btnList--center {
  margin: 20px auto 30px;
}
.l-content .selectionArea .formBtn {
  font-size: 16px;
}


/* -----------------------------
	4 : serviceArea
----------------------------- */
.l-content .serviceArea .serviceContentWrap {
	position: relative;
	width: 911px;
	height: 188px;
	background: url(/maker/koganei/solenoid_valve/images/service_bg_211001.png) no-repeat;
	margin: 0 auto;
}
.l-content .serviceArea .serviceContentWrap .serviceContent {
  float: left;
  width: 290px;
}
.l-content .serviceArea .serviceContent .ttl {
  font-size: 18px;
  line-height: 48px;
  text-align: center;
  color: #FFF;
}
.l-content .serviceArea .serviceContent .txt {
  margin: 30px 25px 0 25px;
  font-size: 14px;
  font-weight: bold;
  line-height: 29px;
}
.l-content .serviceArea .serviceContent .number {
  font-size: 30px;
  vertical-align: -2px;
  padding-left: 2px;
}

/* -----------------------------
	6 : lineupArea
----------------------------- */
.l-content .lineupArea p.lineupLead {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  margin-top: 20px;
  line-height: 24px;
}
.l-content .lineupArea p.lineupLead span {
  color: #D00;
}
.l-content .lineupArea .lineupContent dl.lineupItem {
	float: left;
	width: 288px;
	text-align: center;
	border: 1px solid #cccccc;
	margin: 0 0 20px 20px;
}
.l-content .lineupArea .lineupContent dl.lineupItem dd.lineupImg { margin: 17px 0 ;}
.l-content .lineupArea .lineupContent dl.lineupItem dd.lineupName { margin: 0 0 19px ;}