@charset "utf-8";

/*
	1 : mainVisual
	2 : troubleArea
	3 : productArea
	4 : selectionArea
 */


/* -----------------------------
	1 : mainArea
----------------------------- */
.l-content .mainVisual {
	width: 950px;
	height: 200px;
	background:url(/pr/vona/mech/processing/tube-hose/images/mainVisual_210914.png) no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

/* -----------------------------
	2 : troubleArea
----------------------------- */
.l-content .troubleArea .buttonArea {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.l-content .troubleArea .buttonArea li.btn_selection a {
	display: block;
	width: 215px;
	height: 40px;
	background:url(/pr/vona/mech/processing/tube-hose/images/btn_selection.gif) no-repeat;
	margin: 0 auto;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

/* -----------------------------
	3 : productArea
----------------------------- */
.l-content .productArea h3 { clear: both; }
.l-content .productArea .productContent { margin: 0 19px 0 20px; }
.l-content .productArea .leftBox {
	float: left;
	width: 450px;
}
.l-content .productArea .leftBox220 {
	float: left;
	width: 220px;
}
.l-content .productArea .rightBox {
	float: right;
	width: 450px;
}
.l-content .productArea ul.productNav { margin-left: -10px; }
.l-content .productArea ul.productNav li {
	float: left;
	width: 220px;
	height: 40px;
	margin: 0 0 11px 10px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.l-content .productArea ul.productNav li a {
	display: block;
	width: 220px;
	height: 40px;
	background-image: url(/pr/vona/mech/processing/tube-hose/images/page_nav.gif);
	background-repeat: no-repeat;
}
.l-content .productArea ul.productNav li.nav01 a { background-position: 0 0 ; }
.l-content .productArea ul.productNav li.nav02 a { background-position: -230px 0 ; }
.l-content .productArea ul.productNav li.nav03 a { background-position: -460px 0 ; }
.l-content .productArea ul.productNav li.nav04 a { background-position: -690px 0 ; }
.l-content .productArea ul.productNav li.nav05 a { background-position: 0 -51px ; }
.l-content .productArea ul.productNav li.nav06 a { background-position: -230px -51px ; }
.l-content .productArea ul.productNav li.nav07 a { background-position: -460px -51px ; }
.l-content .productArea .productBox { margin-left: -10px; }
.l-content .productArea dl.productList {
	float: left;
	width: 218px;
	border: 1px solid #cbcbcb;
	margin-left: 10px;
	padding: 15px 0 18px;
}
.l-content .productArea dt.productTitle {
	height: 48px;
	text-align: center;
	color: #004bb1;
	font-size: 14px;
}
.l-content .productArea dt.productTitle a {
	text-decoration: none;
}
.l-content .productArea dd.productPhoto { text-align: center; }
.l-content .productArea dd.productMaker { text-align: center; padding: 5px 0 8px; }
.l-content .productArea dd.productLead { width: 180px; margin: 0 auto 10px ;}
.l-content .productArea dd.productNotes { width: 180px; margin: 0 auto 15px ;}
.l-content .productArea dd.productCategory{
  margin-bottom: 10px;
}
.l-content .productArea dd.productCategory ul {
  display: table;
  margin: 0 auto;
}
.l-content .productArea dd.productCategory ul li {
  display: table-cell;
  vertical-align: middle;
  padding-left: 7px;
  line-height: 1.2;
}
.l-content .productArea dd.productCategory ul li:first-child {
  display: table-cell;
  padding-left: 0;
}
.l-content .productArea dd.productCategory ul li span {
  display: inline-block;
  padding: 3px 0;
  text-align: center;
  width: 63px;
  font-weight: bold;
}
.l-content .productArea dd.productCategory ul li.tube span{
  color: #1f9709;
  background: #f6fff4;
  border: 1px solid #1f9709;
}
.l-content .productArea dd.productCategory ul li.hose span{
  color: #1a91cf;
  background: #f4fcff;
  border: 1px solid #0068b7;
}
.l-content .productArea dd.productCategory ul li.shipment span{
  color: #fe0000;
  background: #ffffff;
  border: 1px solid #fe0000;
}
.l-content .productArea dd.productCategory ul li.shipmentLong span{
  color: #fe0000;
  background: #ffffff;
  border: 1px solid #fe0000;
  width: 71px;
}
.l-content .productArea dd.productShop a {
	clear: both;
	display: block;
	width: 157px;
	height: 33px;
	background-image: url(/pr/vona/mech/processing/tube-hose/images/btn_items.gif);
	margin: 0 auto;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

/* -----------------------------
	4 : selectionArea
----------------------------- */
.l-content .selectionArea dl.step-5 {
	width: 950px;
	height: 204px;
	background:url(/pr/vona/mech/processing/tube-hose/images/selection_bg.gif) no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.l-content .selectionArea p.lead {
	font-size: 14px;
	margin: 0 0 10px 10px;
}
.l-content .selectionArea p.photo { text-align: center; }