@charset "utf-8";
/*----------------------------------------------------------
	File Name     products.css
*/
/*----------------------------------------------------------
	unitLineup
-----------------------------------------------------------*/
div#unitLineup {
	padding: 0 0 20px 0;
}
div#unitLineup div.wrapper {
	position: relative;
	margin: 0 0 20px 0;
	width: 920px; height: 250px;
	background: url(../products/images/frame.gif) no-repeat 0 0;
}
div#unitLineup div.lblock {
	position: absolute;
	top: 0; left: 20px;
	width: 460px;
}
div#unitLineup div.lblock h3 {
	position: absolute;
	top: 20px; left: 250px;
}
div#unitLineup div.lblock p {
	position: absolute;
	top: 20px; left: 0;
}
div#unitLineup div.lblock ul {
	position: absolute;
	top: 90px; left: 250px;
	width: 180px;
}
div#unitLineup div.rblock {
	position: absolute;
	top: 0; left: 470px;
	width: 460px;
}
div#unitLineup div.rblock h3 {
	position: absolute;
	top: 20px; left: 0;
}
div#unitLineup div.rblock p {
	position: absolute;
	top: 20px; left: 190px;
}
div#unitLineup div.rblock ul {
	position: absolute;
	top: 90px; left: 0;
	width: 180px;
}
div#unitLineup div.lblock ul li {
	margin: 0 0 5px 0;
	font-size: 1px;
	line-height: 0;
	display: block;
	width: 180px; height: 24px;
	text-indent: -9999em;
	overflow: hidden;
}
div#unitLineup div.rblock ul li {
	margin: 0 0 5px 0;
	font-size: 1px; line-height: 0;
}
div#unitLineup div.lblock ul li a,
div#unitLineup div.rblock ul li a {
	display: block;
	width: 180px; height: 24px;
	text-indent: -9999em;
	overflow: hidden;
}
div#unitLineup div.lblock .btn1 {
	background: url(../products/images/btn_engine.gif) no-repeat 0 0;
	background-position: 0 -24px;
}
div#unitLineup div.lblock .btn2 {
	background: url(../products/images/btn_exterior.gif) no-repeat 0 0;
	background-position: 0 -24px;
}
div#unitLineup div.lblock .btn3 {
	background: url(../products/images/btn_suspension.gif) no-repeat 0 0;
	background-position: 0 -24px;
}
div#unitLineup div.lblock .btn4 {
	background: url(../products/images/btn_electronics.gif) no-repeat 0 0;
	background-position: 0 -24px;
}
div#unitLineup div.lblock .btn5 {
	background: url(../products/images/btn_accessories.gif) no-repeat 0 0;
	background-position: 0 -24px;
}

div#unitLineup li.btn1 a {
	background: url(../products/images/btn_engine.gif) no-repeat 0 0;
}
div#unitLineup li.btn2 a {
	background: url(../products/images/btn_exterior.gif) no-repeat 0 0;
}
div#unitLineup li.btn3 a {
	background: url(../products/images/btn_suspension.gif) no-repeat 0 0;
}
div#unitLineup li.btn4 a {
	background: url(../products/images/btn_electronics.gif) no-repeat 0 0;
}
div#unitLineup li.btn5 a {
	background: url(../products/images/btn_accessories.gif) no-repeat 0 0;
}
div#unitLineup div.lblock ul li a:hover,
div#unitLineup div.rblock ul li a:hover {
	background-position: 0 -24px;
}
/*----------------------------------------------------------
	unitProducts
-----------------------------------------------------------*/
div#unitProducts .naviProducts {
	background: 0;
	margin-left: 186px;
}
div#unitProducts .naviProducts li {
	width: 122px;
	float: left;
}
div#unitProducts .naviProducts li a {
	display: block;
	width: 122px; height: 33px;
	background: no-repeat 0 0;
	text-indent: -9999em;
	overflow: hidden;
}
div#unitProducts #naviProducts1 a { background-image: url(../products/images/common/navi_products1.gif); }
div#unitProducts #naviProducts2 a { background-image: url(../products/images/common/navi_products2.gif); }
div#unitProducts #naviProducts3 a { background-image: url(../products/images/common/navi_products3.gif); }
div#unitProducts #naviProducts4 a { background-image: url(../products/images/common/navi_products4.gif); }
div#unitProducts #naviProducts5 a { background-image: url(../products/images/common/navi_products5.gif); }
div#unitProducts .naviProducts li a:hover {
	background-position: 0 -33px;
}
div#unitProducts .naviProducts li.current a,
div#unitProducts .naviProducts li.current a:hover {
	background-position: 0 -66px;
}
div#unitProducts {
	padding: 0 0 0px;
}
div#unitProducts h3 {
	padding: 0 0 6px;
	margin: 0 0 20px;
	background: url(../products/images/bg_model.gif) repeat-x 0 100%;
	clear: both;
}
div#unitProducts h4 {
	clear: both;
	padding: 10px 0 2px 0;
	border-bottom: 2px solid #243D90;
	font-size: 88%;
	font-weight: bold;
	font-family: Arial,sans-serif;
	line-height: 1.3em;
	color: #243D90;
}
div#unitProducts .itemTitle {
	clear: both;
	padding: 10px 0 2px 0;
	border-bottom: 2px solid #243D90;
	font-size: 100%;
	font-weight: bold;
	font-family: Arial, sans-serif;
	color: #243D90;
	line-height: 1em;
}
div#unitProducts .itemTitleJa {
	color: #333333;
	font-size: 60%;
}



div#unitProducts ul.images {
	width: 100%;
}
div#unitProducts ul.images li {
	float: left;
	margin: 0 0 13px 13px;
	line-height: 0;
}
div#unitProducts ul.images li.fst {
	float: left;
	margin: 0 0 13px 0;
}
div#unitProducts #containerItemList {
	margin-bottom: 50px;
}

div#unitProducts table {
	margin: 0 0 0px;
	width: 100%;
	font-family: "MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}
div#unitProducts table th {
	padding: 8px 0px;
	font-size: 63%;
	font-weight: bold;
	line-height: 1.3em;
	color: #243D90;
	vertical-align: top;
}
div#unitProducts table th.cell1 {
	width: 150px;
}
div#unitProducts table th.cell2 {
	padding-right: 15px;
	width: 20%;
}
div#unitProducts table th.cell3 {
	padding-right: 15px;
}
div#unitProducts table th.cell4 {
	width: 15%;
	padding-right: 15px;
}
div#unitProducts table th.cell5 {
	width: 10%;
	padding-right: 15px;
}
div#unitProducts table td {
	background: url(../images/common/line_dot.gif) repeat-x 0 0;
	font-size: 75%;
	line-height: 1.3em;
	vertical-align: top;
	padding-top: 8px;
	padding-right: 20px;
	padding-bottom: 8px;
	cursor:pointer;
}
#unitProducts .cell1 a img {
	background-color: #243D90;
	height: 74px;
	width: 128px;
	display: block;
	padding: 1px;
	margin-bottom: 10px;
}
#unitProducts .cell1 a:hover img {
	background-color: #FF7800;
	height: 74px;
	width: 128px;
	display: block;
	padding: 1px;
}
#unitProducts #containerItem {
	background-image: url(../products/images/bg_item.gif);
	background-repeat: repeat-y;
	font-family: "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
	float: left;
	width: 920px;
	font-size: 80%;
	padding-bottom: 50px;
	line-height: 1.3em;
}
#unitProducts #containerItem #item {
	width: 680px;
	float: left;
	padding-right: 20px;
	margin-top: 20px;
}
#unitProducts #containerItem #itemList {
	width: 219px;
	float: right;
	line-height: 1.1em;
}
.containerContents #unitProducts .in #containerItem #itemList ul {
	padding-left: 9px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.containerContents #unitProducts .in #containerItem #itemList li {
	background-image: url(../products/images/common/arrow_item.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 15px;
	margin-bottom: 20px;
}
#unitProducts #containerItem #itemList a {
	text-decoration: underline;
	color: #333333;
}
#unitProducts #containerItem #itemList a:hover {
	text-decoration: none;
	color: #333333;
}

#unitProducts #containerItem #itemPhotoMain {
	width: 540px;
	float: left;
	height: 400px;
	margin-bottom: 10px;
}
#unitProducts #containerItem #itemPhotoMain img {
	position: absolute;
}
#unitProducts #containerItem #itemPhotoThum {
	float: right;
}
#unitProducts #containerItem #itemPhotoThum li {
	font-size: 0;
	line-height: 0;
	vertical-align: bottom;
}
#unitProducts #containerItem #itemPhotoThum img {
	background-color: #243D90;
	height: 74px;
	width: 128px;
	display: block;
	padding: 1px;
	margin-bottom: 5px;
}
#unitProducts #containerItem #itemPhotoThum a:hover img {
	background-color: #FF7800;
	height: 74px;
	width: 128px;
	display: block;
	padding: 1px;
}
#unitProducts #containerItem #item .itemTxt {
	float: left;
	width: 680px;
	display: block;
	margin-bottom: 15px;
}
#unitProducts .in #containerItem #item #tekigou {
	width: 680px;
	margin-bottom: 10px;
	font-size: 100%;
}
#unitProducts .in #containerItem #item #tekigou th {
	font-size: 100%;
}
#unitProducts .in #containerItem #item #tekigou td {
	padding-left: 10px;
}


#unitProducts #containerItem #item .itemNumTxt {
	float: left;
	width: 680px;
	display: block;
	margin-bottom: 15px;
	font-size: 120%;
}
#unitProducts #containerItem #item #itemSpec {
	float: left;
	width: 240px;
}
#unitProducts #containerItem #item #itemYoutube {
	float: right;
	width: 425px;
}
#unitProducts #containerItem #item #itemYoutube p {
	margin-bottom: 20px;

}