@charset "utf-8";


/*
	1 : commonArea
	2 : mainVisualArea
	3 : troubleArea
	4 : solveArea
	5 : featureArea
	5 : productArea
	7 : exampleArea
	8 : voiceArea
	9 : secretArea
	10: relationArea
 */

/* -----------------------------
	1 : commonArea
----------------------------- */
.mainArea .buttonArea li a {
	clear: both;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	margin: 0 auto;
}
.mainArea .solveArea li.productBtn a {
	width: 292px;
	height: 41px;
	background: url(/maker/nangoku-flexi/flexiblehose/images/btn_product292x41.png) no-repeat;
}
.mainArea .featureArea li.productBtn a {
	width: 368px;
	height: 46px;
	background: url(/maker/nangoku-flexi/flexiblehose/images/btn_product368x46.png) no-repeat;
}
.mainArea .buttonArea li.contactBtn a {
	position: absolute;
	top: 72px;
	left: 639px;
	width: 265px;
	height: 46px;
	background: url(/maker/nangoku-flexi/flexiblehose/images/btn_contact.png) no-repeat;
}
.mainArea .contactArea p.lead {
	position: relative;
	width: 583px;
	height: 35px;
	background: url(/maker/nangoku-flexi/flexiblehose/images/contact_lead.png) no-repeat;
	margin: 0 auto;
}
.mainArea .contactArea dl.contactBox {
	position: relative;
	width: 950px;
	height: 152px;
	background: url(/maker/nangoku-flexi/flexiblehose/images/contact_bg.png) no-repeat;
}
.mainArea .contactArea dl.contactBox dt,
.mainArea .contactArea dl.contactBox dd,
.mainArea .contactArea p.lead {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

/* -----------------------------
	2 : mainVisualArea
----------------------------- */
.mainArea .mainVisualArea h1.mainTitle { 
	width: 950px;
	height: 190px;
	background: url(/maker/nangoku-flexi/flexiblehose/images/mainVisual.png) no-repeat;
	margin-bottom: 25px;
 }
.mainArea .mainVisualArea p.mainLead { 
	width: 950px;
  background: #eef6ff;
 	margin-bottom: 30px;
  font-weight: bold;
  font-size: 18px;
  padding: 15px 0;
  box-sizing: border-box;
  text-align: center;
}
.mainArea .mainVisualArea p.mainLead span { 
  display: inline-block;
  text-align: left;
}
.mainArea .mainVisualArea dl.mainSale { 
	width: 950px;
	height: 65px;
	background: url(/maker/nangoku-flexi/flexiblehose/images/sale.png) no-repeat;
	margin-bottom: 45px;
 }
.mainArea .mainVisualArea h1,
.mainArea .mainVisualArea dl {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

/* -----------------------------
	3 : troubleArea
----------------------------- */
.mainArea .troubleArea .troubleBox {
	width: 850px;
	height: 249px;
	background: url(/maker/nangoku-flexi/flexiblehose/images/trouble_bg.png) no-repeat;
	margin: 0 auto;
}
.mainArea .troubleArea .troubleBox dt,
.mainArea .troubleArea .troubleBox dd {
	height: 0;
	overflow: hidden;
}

/* -----------------------------
	4 : solveArea
----------------------------- */
.mainArea .solveArea {
	width: 844px;
	border: 3px solid #f1a746;
	margin: 0 auto;
}
.mainArea .solveArea .titleBlock {
	width: 845px;
	height: 100px;
	background: url(/maker/nangoku-flexi/flexiblehose/images/solve_ttl.png) no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	border: none;
}
.mainArea .solveContent {
	padding: 28px 47px 40px;
}
.mainArea .solveArea dl.solveBox dt.solveHead {
	width: 750px;
	height: 100px;
	background: url(/maker/nangoku-flexi/flexiblehose/images/solve_lead.png) no-repeat;
	margin-bottom: 56px;
}
.mainArea .solveArea dl.solveBox dt.solveHead span {
  display: block;
	height: 0;
	overflow: hidden;
}
.mainArea .solveArea dl.solveBox dd.solvePhoto {
	text-align: center;
	margin-bottom: 40px;
}
.mainArea .solveArea dl.solveBox dd.solvePhoto .solveLeft,
.mainArea .solveArea dl.solveBox dd.solvePhoto .solveRight {
	width: 294px;
	margin-bottom: 40px;
}
.mainArea .solveArea dl.solveBox dd.solvePhoto .solveLeft p,
.mainArea .solveArea dl.solveBox dd.solvePhoto .solveRight p {
	text-align: left;
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 10px;
}
.mainArea .solveArea dl.solveBox dd.solvePhoto .solveLeft {
	float: left;
	margin-left: 45px;
}
.mainArea .solveArea dl.solveBox dd.solvePhoto .solveRight {
	float: right;
	margin-right: 45px;
}
.mainArea .solveArea dl.solveBox dd.solveAbout h3.about_ttl {
	clear: both;
	width: 750px;
	height: 26px;
	background: url(/maker/nangoku-flexi/flexiblehose/images/solve_about.png) no-repeat;
	text-indent: -9999px;
	white-space: nowrap;
	overflow: hidden;
}
.mainArea .solveArea dl.solveBox dd.solveAbout p {
	font-size: 14px;
	line-height: 26px;
	padding: 9px;
}

/* -----------------------------
	5 : featureArea
----------------------------- */
.mainArea .featureArea .featureCatch {
	width: 950px;
	height: 81px;
	background: url(/maker/nangoku-flexi/flexiblehose/images/feature_ttl.png) no-repeat;
}
.mainArea .featureArea .featureCatch p,
.mainArea .featureArea dl.tableBox dt.tableTtl span {
	height: 0;
	overflow: hidden;
  display: block;
}
.mainArea .featureArea p.lead { font-size: 14px; padding: 0 15px; }
.mainArea .featureContent { padding: 0 15px; }

.mainArea .featureArea dl.tableBox dt.tableTtl {
	width: 168px;
	height: 17px;
	background: url(/maker/nangoku-flexi/flexiblehose/images/table_ttl.png) no-repeat;
}
.mainArea .featureArea dl.tableBox table {
	font-size: 13px;
}
.mainArea .featureArea dl.tableBox td {
	text-align: right;
}
.mainArea .featureArea dl.tableBox td.item {
	text-align: center;
}
.mainArea .featureArea dl.tableBox td.bgYellow {
	background: #fffff2;
}
.mainArea .featureArea .structure {
	padding: 20px 0;
	border: 5px solid #ececec;
}
.mainArea .featureArea .structure dl.structureBox {
	float: left;
	width: 292px;
	padding: 12px 0 25px;
}
.mainArea .featureArea .structure dl.structureBox:first-child {
	padding-left: 90px;
	padding-right: 73px;
	border: none;
}
.mainArea .featureArea .structure dl.structureBox {
	border-left: dotted 1px #898989;
	padding-left: 73px;
}
.mainArea .featureArea .structure dt.structureName {
	font-size: 14px; 
	line-height: 20px;
	margin-bottom: 20px;
}
.mainArea .featureArea .structure dd.structureImg {
	text-align: center;
	margin-bottom: 20px;
}
.mainArea .featureArea .structure dd.structureBtn a {
	display: block;
	width: 292px;
	height: 41px;
	background: url(/maker/nangoku-flexi/flexiblehose/images/btn_product292x41.png) no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	margin: 0 auto;
}

/* -----------------------------
	5 : productArea
----------------------------- */
.mainArea .productArea p.lead { font-size: 14px; padding: 0 15px; }
.mainArea .productContent { margin: 0 5px; }
.mainArea .productArea dl.productBox {
	float: left;
	width: 218px; 
	border: solid 1px #aaaaaa;
	margin: 0 0 20px 10px;
	padding: 17px 0 23px;
}
.mainArea .productArea dl.productBox dt.productName {
	text-align: center;
	font-size: 13px;
	line-height: 18px;
	border-bottom: dashed 1px #a0a0a0;
	padding-bottom: 11px;
	margin: 0 13px 37px;
}
.mainArea .productArea dl.productBox dd.productImg {
	text-align:center;
	margin-bottom: 35px;
}
.mainArea .productArea dl.productBox dd.productCap {
	margin: 0 25px 20px;
}
.mainArea .productArea dl.productBox dd.productBtn a {
	display: block;
	width: 153px;
	height: 32px;
	background: url(/maker/nangoku-flexi/flexiblehose/images/btn_product153x32.png) no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	margin: 0 auto;
}

.mainArea .productNo3 dl.productBox {
	float: left;
	width: 448px; 
	border: solid 1px #aaaaaa;
	margin: 0 0 20px 10px;
	padding: 17px 0 23px;
}
.mainArea .productNo3 dl.productBox dt.productName {
	text-align: center;
	font-size: 13px;
	line-height: 18px;
	border-bottom: dashed 1px #a0a0a0;
	padding-bottom: 11px;
	margin: 0 29px 30px;
}
.mainArea .productNo3 dl.productBox dd.productImg {
	float: left;
	width: 164px;
	text-align:center;
	margin-bottom: 35px;
}
.mainArea .productNo3 dl.productBox dd.space {
	margin: 0 64px 0 29px;
}
.mainArea .productNo3 dl.productBox dd.productBtn a {
	display: block;
	width: 200px;
	height: 32px;
	background: url(/maker/nangoku-flexi/flexiblehose/images/btn_product200x32.png) no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	margin: 0 auto;
}