@charset "Shift_JIS";
@import url("estimate.css");
@import url("../inc/active.css");



/* --------------------------------------------
	lineup_detail cmn style
-------------------------------------------- */
sup, x:-moz-read-only { vertical-align: top;}/* FF2,FF3用 */



#lineupBox { width: 730px;}


.lineupProductImg {
	background: url(../../common/img/lineup/lineyp_bg_mainImg.gif) no-repeat left top;
	padding: 5px;
}


div.clearfix .lineupProductImg2 {
	float: right;
}
	div.clearfix .lineupProductImg2 img {
		margin-left: 32px;
	}
div.clearfix .lineupProductDesc {
	padding-top: 15px;
}


.h2Title {
	background: url(../../common/img/lineup/lineup_bg_h2Title.gif) no-repeat left top;
	margin-top: 25px;
	padding-left: 9px;
	width: 721px !important;
	width: 730px;/* IE6 */
	height: 35px;
	font-size: 130%;
	color: #cc0000;
	line-height: 35px;
	font-weight: bold;
	clear: both;
}
.h2Title02 {
	background: url(../../common/img/lineup/lineup_bg_h2Title.gif) no-repeat left top;
	padding-left: 9px;
	width: 721px !important;
	width: 730px;/* IE6 */
	height: 35px;
	font-size: 130%;
	color: #cc0000;
	line-height: 35px;
	font-weight: bold;
	clear: both;
}
.lineupDotTitle01 {
	background: url(../../common/img/lineup/lineup_bg_dotX01.gif) repeat-x left bottom;
	margin-top: 17px;
	padding: 0 0 5px 3px;
	font-size: 115%;
	font-weight: bold;
}
.lineupDotTitle02 {
	background: url(../../common/img/lineup/lineup_bg_dotX01.gif) repeat-x left bottom;
	margin-top: 28px;
	padding: 0 0 5px 3px;
	font-size: 115%;
	font-weight: bold;
}

ul.colorVariations {
	display: block;
	margin-top: 15px;
	overflow: hidden;
}
	ul.colorVariations li {
		float: left;
		display: block;
		background: url(../../common/img/lineup/lineup_bg_colorList.gif) no-repeat left top;
		margin-right: 12px;
		width: 235px;
		height: auto !important;
		height: 198px; /* IE6 min-height */
		min-height: 198px;
	}
		.colorImg a {
			display: block;
			border: 4px solid #cccccc;
			width: 227px !important;
			height: 135px !important;
			width: 235px;/* for IE6 */
			height: 142px;/* for IE6 */
			/*padding: 4px;*/
		}
		.colorImg span {
			display: block;
			border: 4px solid #cccccc;
			width: 227px !important;
			height: 135px !important;
			width: 235px;/* for IE6 */
			height: 142px;/* for IE6 */
		}
		.colorImg a:hover {
			border: 4px solid #cc0000;
		}
		.colorName {
			margin-top: 3px;
			padding-left: 27px;
			text-indent: -27px;
		}
			.colorName img {
				margin-right: 3px;
			}



.lineupSpecTable01  {
	border-collapse: separate;
	border-spacing: 1px;

	margin-top: 7px;
	width: 100%;
	background-color: #cccccc;
}
	.lineupSpecTable01 th,
	.lineupSpecTable01 td {
		border: 1px solid #ffffff;
	}
	.lineupSpecTable01 th {
		padding: 5px 0;
		width: 478px !important;
		width: 480px;
		background-color: #ffffff;
	}
		.lineupSpecTable01 th p {
			margin-left: 7px;
		}
			.lineupSpecTable01 th img {
				margin-right: 10px;
			}
	.lineupSpecTable01 td {
		background: #e7ecf0;
		padding: 5px 1px;
		font-size: 115%;
		font-weight: bold;
		line-height: 1;
		text-align: center;
	}
		.lineupSpecTable01 td span {
			font-size: 130%;
		}


.lineupList01 {
	margin-top: 12px;
}
.lineupList01 li {
	background: url(../../common/img/cmn_ico_circleList.gif) no-repeat left 6px;
	padding-left: 11px;
}

.lineupList02 {
	margin-top: 12px;
	margin-left: 6px;
}
.lineupList02 li {
	background: url(../../common/img/cmn_ico_circleList.gif) no-repeat left 6px;
	padding-left: 11px;
}


div.price_frame table.list_table td { width: 82px; background: #ffffff url(../img/bg_in_table_td.gif) left top repeat-y; border-top: 1px #cccccc solid; vertical-align: middle; text-align: center;}



.lineupSpecTable02  {
	border-collapse: separate;
	border-spacing: 1px;

	margin-top: 13px;
	width: 100%;
	background-color: #cccccc;
}
	.lineupSpecTable02 tr.lineupSpecTableHd th,
	.lineupSpecTable02 tr.lineupSpecTableHd td {
			background-color: #e5e5e5;
	}
	.lineupSpecTable02 th {
		width: 221px !important;
		width: 223px;
		height: 21px !important;
		height: 23px;
		border: 1px #ffffff solid;
		background-color: #f2f2f2;
	}
	.lineupSpecTable02 td {
		background-color: #ffffff;
		border: 1px #ffffff solid;
	}
	.lineupSpecTable02 th,
	.lineupSpecTable02 td {
		vertical-align: top;
	}
		.lineupSpecTable02 th p,
		.lineupSpecTable02 td p {
			padding-left: 9px;
			line-height: 1.8;
		}

.specNotice {
	margin-top: 6px;
	text-align: right;
}

/* --------------------------------------------
	lineup/index
-------------------------------------------- */
div#lineupTop ul.bnrList { width: 730px; overflow: hidden; padding-bottom: 20px;}
div#lineupTop .wHalf { width: 360px;}
div#lineupTop .wHalf ul.bnrList { width: 360px; overflow: hidden; padding-bottom: 20px;}

	div#lineupTop ul.bnrList li {
		background: url(../img/lineup_bg_bnrList.gif) left top no-repeat;
		width: 346px !important;
		width: 360px;
		height: 156px !important;
		height: 170px;
		padding: 7px;
		margin-top: 10px;
		position: relative;
	}
		div#lineupTop ul.bnrList li.left { float: left;}
		div#lineupTop ul.bnrList li.right { float: right;}
			div#lineupTop ul.bnrList li span { position: absolute; bottom: 13px; right: 14px; width: 190px; height: 30px;}
				div#lineupTop ul.bnrList li span a { width: 190px; height: 30px; display: block;}



/* --------------------------------------------
	lineup/category/index
-------------------------------------------- */

.bnrLink {
	float: right;
}

.prestArea {
	border: 1px #cccccc solid;
	padding: 20px;
	clear: both;
	margin-top: 30px;
}

.bnrLink a {
	display: block;
	border: 3px solid #cccccc;
}
	.bnrLink a:hover {
		border: 3px solid #cc0000;
	}
	
.lineupList {
	width: 742px;
	margin-right: -12px;
	overflow: hidden;
	padding-top: 30px;
	clear: both;
}
	.lineupList li {
		float: left;
		margin-right: 12px;
		width: 235px;
		height: 230px;
		position: relative;
	}
		.lineupList li .engine {
			position: absolute;
			top: -20px;
		}
			.lineupImg a {
				display: block;
				border: 4px solid #cccccc;
				width: 227px !important;
				height: 135px !important;
				width: 235px;/* for IE6 */
				height: 142px;/* for IE6 */
			}
			.lineupImg a:hover {
				border: 4px solid #cc0000;
			}
		.lineupPrice {
			background: url(../../common/img/lineup/bg_lineupList01.gif) no-repeat center top;
			margin-top: 1px;
			padding-left: 20px;
			width: 215px !important;
			width: 235px;
			height: auto !important;
			height: 35px;/* for IE6 */
			min-height: 35px;
		}
			.lineupPrice p {
				display: inline;
				margin-left: -20px;
				padding-left: 20px;
			}
			.lineupPrice a {
				display: block;
				background: url(../../common/img/cmn_ico_squareArrow.gif) no-repeat left 3px;
				margin-left: -20px;
				padding-left: 20px;
				font-weight: bold;
				text-decoration: none;
			}
			.lineupPrice a:hover {
				text-decoration: underline;
			}
				.lineupPrice span {
					font-size: 85%;
				}
			.lineupPrice dt {
				float: left;
				width: 9.5em;
			}


/* --------------------------------------------
	lineup_detail cmn style
-------------------------------------------- */

.limitedFeatureBox01 {
	background: url(../../common/img/cmn_dotX01.gif) repeat-x left bottom;
	margin-top: 20px;
	padding-bottom: 20px;
	width: 730px;
	overflow: hidden;
}
.limitedFeatureBox02 {
	margin-top: 20px;
	width: 730px;
	overflow: hidden;
}

	.limitedFeatureBox01 div {
		float: left;
		margin-top: 37px;
		width: 464px;
	}
	.limitedFeatureBox02 div {
		float: left;
		margin-top: 33px;
		width: 325px;
	}
		.limitedFeatureBox02 div ul {
			margin-top: 10px;
		}
			.limitedFeatureBox02 div ul li {
				background: url(../ysp_limited/FZ1_limited/img/FZ1Limited_ico01.gif) no-repeat left 5px;
				padding-left: 17px;
			}
	.limitedFeatureBox02 ul.fltR {
		float: right;
		margin-bottom: -20px;
		width: 387px;
		overflow: hidden;
	}
		.limitedFeatureBox02 ul.fltR li {
			margin-bottom: 20px;
			font-size: 85%;
		}
.limitedWallpaperList {
	margin: 15px 0 0 30px;
	width: 700px;
	overflow: hidden;
}
	.limitedWallpaperList li {
		float: left;
		margin-right: 15px;
		width: 155px;
	}
		.limitedWallpaperList dt {
			height: 116px;
			overflow: hidden;
		}
			.limitedWallpaperList dd p {
				margin-top: 10px;
			}
				.limitedWallpaperList dd p a {
					display: block;
					width: 155px;
					height: 24px;
				}
				.limitedWallpaperList .wp1280 a {
					background-image: url(../ysp_limited/FZ1_limited/img/FZ1Limited_btn_wp1280_ov.jpg);
				}
				.limitedWallpaperList .wp1024 a {
					background-image: url(../ysp_limited/FZ1_limited/img/FZ1Limited_btn_wp1024_ov.jpg);
				}
				.limitedWallpaperList dd a:hover {
					background-color: transparent;
				}
					.limitedWallpaperList dd a:hover img {
						visibility: hidden;
					}

.limitedFeatureBox03 {
	background: url(../../common/img/cmn_dotX01.gif) repeat-x left bottom;
	margin-top: 20px;
	padding-bottom: 20px;
	width: 730px;
	overflow: hidden;
}
	.limitedWR250List01 {
		height: 120px;
		overflow: hidden;
	}
		.limitedWR250List01 li {
			float: left;
			margin-right: 16px;
		}
		.limitedWR250List01 li.last {
			margin-right: 0;
		}

	.limitedWR250List02 {
		width: 730px;
		overflow: hidden;
	}
		.limitedWR250List02 li {
			float: left;
			background: url(../ysp_limited/FZ1_limited/img/FZ1Limited_ico01.gif) no-repeat left 5px;
			padding-left: 17px;
		}
		.limitedWR250List02 li.fltL {
			width: 309px !important;
			width: 326px;
		}
		.limitedWR250List02 li.fltR {
			width: 353px !important;
			width: 370px;
		}
			.limitedWR250List02 li span {
				color: #cc0000;
			}

.limitedFeatureBox04 {
	background: url(../../common/img/cmn_dotX01.gif) repeat-x left bottom;
	margin-top: 20px;
	padding-bottom: 20px;
	width: 730px;
	overflow: hidden;
}
	.limitedFeatureBox04 .fltL { padding-left: 47px;}
	.limitedFeatureBox04 .fltR { padding-right: 47px;}

/* --------------------------------------------
	lineup Active
-------------------------------------------- */
		body.id_lineup_top #subContents ul li#C01 a,
		body.id_sportsbike #subContents ul li#C02 a,
		body.id_bigscooter #subContents ul li#C03 a,
		body.id_scooter #subContents ul li#C04 a,
		body.id_competition #subContents ul li#C05 a,
		body.id_overseas #subContents ul li#C06 a,
		body.id_foreign #subContents ul li#C07 a {
			background: url(../../common/img/cmn_bg_lNavi01_ov.gif) no-repeat left top;
			color: #cc0000;
			font-weight: bold;
		}
			body.id_lineup_top #subContents ul li#C01 ul li a,
			body.id_sportsbike #subContents ul li#C02 ul li a,
			body.id_bigscooter #subContents ul li#C03 ul li a,
			body.id_scooter #subContents ul li#C04 ul li a,
			body.id_competition #subContents ul li#C05 ul li a,
			body.id_overseas #subContents ul li#C06 ul li a,
			body.id_foreign #subContents ul li#C07 ul li a {
					display: block;
					background: url(../../common/img/cmn_bg_lNavi02.gif) no-repeat 1px top;
					padding: 7px 0 0 19px;
					width: 179px !important;
					height: 18px !important;
					width: 198px;
					height: 25px;
					font-weight: normal;
					color: #333333;
				}
			body.id_lineup_top #subContents ul li#C01 ul li.last a,
			body.id_sportsbike #subContents ul li#C02 ul li.last a,
			body.id_bigscooter #subContents ul li#C03 ul li.last a,
			body.id_scooter #subContents ul li#C04 ul li.last a,
			body.id_competition #subContents ul li#C05 ul li.last a,
			body.id_overseas #subContents ul li#C06 ul li.last a,
			body.id_foreign #subContents ul li#C07 ul li.last a {
					background: url(../../common/img/cmn_bg_lNavi02_end.gif) no-repeat 1px top;
				}
		


body.id_sportsbike .title02,
body.id_bigscooter .title02,
body.id_scooter .title02,
body.id_competition .title02,
body.id_overseas .title01,
body.id_lineup_top .title02 {
	display: none !important;
}


/* --------------------------------------------
	VMAX Shop list
-------------------------------------------- */
.yspList {
	margin-top: 1em;
	width: 100%;
}
	.yspList tr.line th,
	.yspList tr.line td {
		background: url(../../common/img/cmn_dotX01.gif) repeat-x left top;
		vertical-align: top;
		line-height: 1.6;
	}
	.yspList tr.last th,
	.yspList tr.last td {
		background: url(../../common/img/cmn_dotX01.gif) repeat-x left bottom;
	}
	.yspList th {
		font-weight: bold;
	}
		.yspList th p {
			padding: 3px 0 3px 10px;
		}
		.yspList tr.first th p {
			padding: 3px 0 3px 0;
		}
		.yspList td p {
			padding: 3px 0;
		}
			.yspList th a,
			.yspList td a,
			.yspList td .kouji {
				background: url(../../common/img/cmn_ico_redArrow.gif) no-repeat left 1px;
				padding-left: 10px;
				color: #333333;
				text-decoration: none;
			}
			.yspList th a:hover,
			.yspList td a:hover {
				text-decoration: underline;
			}




/* --------------------------------------------
	簡易ページ　ヤマハへ
-------------------------------------------- */
#detailYamaha { border: #666666 solid 1px; padding: 8px;}
	
#detailYamaha .fltL p { float: left;}
#detailYamaha .fltL .mr10 { margin-right: 10px;}

#detailYamaha .fltR { margin-top: 3px; background:url(../img/btn_to_yamaha_ov.jpg) left top no-repeat;}
#detailYamaha .fltR a { width: 190px; height: 30px; display: block;} 
#detailYamaha .fltR a:hover { background-color: transparent;}
#detailYamaha .fltR a:hover img { visibility: hidden;}
