@charset "utf-8";
/* -----------------------------------------------

 Lineup
 - CSS for Screen

--------------------------------------------------
Copyright (c) 2009 YAMAHA CORPORATION All Rights Reserved.
----------------------------------------------- */

#lineup {
	background: #eee url(../img/cmn_bg_left.gif) repeat-y;
}

#lineup img {
	-ms-interpolation-mode: bicubic;
}

#lineup h1 {
	font-size: 1%;
	line-height: 1;
}

.seriesTab {
	padding-left: 610px;
	padding-bottom: 35px;
}

.lineupChild .seriesTab {
	padding-left: 561px;
	padding-bottom: 80px;
}

.seriesTab li {
	float: left;
	list-style: none;
}

#lineup #mainInner {
	margin-left: 54px;
}

/*
 * Index 
 */
 
.index h1 {
	padding-bottom: 13px;
}

.index h2 {
	padding-top: 15px;
	margin-bottom: 55px;
	font-size: 1%;
	line-height: 1;
}

.index #mainCol a {
	text-decoration: none;
}

.index #mainCol a:hover {
	color: #736427;
}

.index .prdBox {
	width: 190px;
	padding-bottom: 15px;
	float: left;
}

.index .prdPhoto {
	width: 150px;
	height: 150px;
	border: 1px solid #ccc;
	position: relative;
}

.index .prdPhoto div {
	padding: 15px 15px;
}

.index .prdPhoto p {
	position: absolute;
	right: 8px;
	bottom: 7px;
	font-size: 1%;
	line-height: 1;
}

.index h3 {
	font-size: 130%;
	width: 150px;
	text-align: center;
}

.index #colCLP a {
	color: #6A3907;
}

.index #colCVP a {
	color: #365264;
}

.index .toTop {
	width: 730px;
	margin-top: 0;
	padding-bottom: 100px;
}

/*
 * Lineup Child
 */


.lineupChild h1 {
	padding-bottom: 13px;
}

.lineupChild #mainInner {
	margin-left: 55px;
	margin-right: 50px;
}

.lineupChild #prdHead {
	width: 730px;
	line-height: 1;
	padding-bottom: 5px;
	margin-bottom: 20px;
}

.lineupChild #prdHead h2 {
	float: left;
	font-size: 180%;
}

.lineupChild #prdHead ul {
	width: 398px;
	padding-top: 10px;
	float: right;
	line-height: 1;
	font-size: 1%;
}

.lineupChild #prdHead li {
	list-style: none;
	float: left;
	padding-left: 15px;
	vertical-align: bottom;
}

.lineupChild h3 {
	text-align: right;
	padding-bottom: 25px;
}

.lineupChild h3 {
	line-height: 1px;
	font-size: 1%;
	padding-right: 1px;
}

.clpOverView #prdHead,
.clpFeature #prdHead,
.clpSpec #prdHead,
.clpAccessorie #prdHead {
	border-bottom: 1px solid #8A6134;
}

.cvpOverView #prdHead,
.cvpFeature #prdHead,
.cvpSpec #prdHead,
.cvpAccessorie #prdHead {
	border-bottom: 1px solid #C9CFD6;
}

.clpOverView #prdHead h2,
.clpFeature #prdHead h2,
.clpSpec #prdHead h2,
.clpAccessorie #prdHead h2 {
	color: #6A3907;
}

.cvpOverView #prdHead h2,
.cvpFeature #prdHead h2,
.cvpSpec #prdHead h2,
.cvpAccessorie #prdHead h2 {
	color: #375264;
}

/*
 * nav
 */
 
.clpOverView #prdHead .list01 a,
.clpFeature #prdHead .list02 a,
.clpSpec #prdHead .list03 a,
.clpAccessorie #prdHead .list04 a,
.cvpOverView #prdHead .list01 a,
.cvpFeature #prdHead .list02 a,
.cvpSpec #prdHead .list03 a,
.cvpAccessorie #prdHead .list04 a {
	visibility: hidden;
}

.clpOverView #prdHead .list01 {
	background: url(../lineup/img/nav_clp_over_o.gif) no-repeat 15px 0;
}
.clpFeature #prdHead .list02 {
	background: url(../lineup/img/nav_clp_feat_o.gif) no-repeat 15px 0;
}
.clpSpec #prdHead .list03 {
	background: url(../lineup/img/nav_clp_spec_o.gif) no-repeat 15px 0;
}
.clpAccessorie #prdHead .list04 {
	background: url(../lineup/img/nav_clp_acce_o.gif) no-repeat 15px 0;
}
.cvpOverView #prdHead .list01 {
	background: url(../lineup/img/nav_cvp_over_o.gif) no-repeat 15px 0;
}
.cvpFeature #prdHead .list02 {
	background: url(../lineup/img/nav_cvp_feat_o.gif) no-repeat 15px 0;
}
.cvpSpec #prdHead .list03 {
	background: url(../lineup/img/nav_cvp_spec_o.gif) no-repeat 15px 0;
}
.cvpAccessorie #prdHead .list04 {
	background: url(../lineup/img/nav_cvp_acce_o.gif) no-repeat 15px 0;
}

/*
 * Overview
 */

.overView h4 {
	padding-bottom: 3px;
}

.overView h4 {
	line-height: 1px;
	font-size: 1%;
}
 
.overView #cntOver {
	width: 730px;
}

.overView #cntOver .pict {
	width: 290px;
	padding-top: 5px;
}

.overView #cntOver .pict .mainPhoto {
	margin-bottom: 45px;
}

.overView #cntOver .pict .mainPhoto div {
	width: 290px;
	height: 290px;
	border: 1px solid #ccc;
}

.overView #cntOver .pict .mainPhoto div img {
	margin: 25px 25px;
}

.overView #cntOver .pict .subPhoto {
	margin-bottom: 15px;
}

.overView #cntOver .pict .subPhoto div {
	width: 130px;
	height: 130px;
	border: 1px solid #ccc;
}

.overView #cntOver .pict .subPhoto div img {
	margin: 15px 15px;
}

.overView #cntOver .text {
	width: 365px;
}

.overView #cntOver h5 {
	font-size: 130%;
	margin-bottom: 15px;
	line-height: 1.5;
}

.overView #cntOver p {
	margin-bottom: 15px;
}

.overView #cntOver ul {
	font-size: 115%;
	margin-bottom: 45px;
}

.overView #cntOver li {
	list-style: none;
	padding-left: 15px;
	line-height: 1.5;
	margin-bottom: 8px;
}

.clpOverView #cntOver li {
	background: url(../lineup/img/lm_clp.gif) no-repeat 0 0.4em;
}

.cvpOverView #cntOver li {
	background: url(../lineup/img/lm_cvp.gif) no-repeat 0 0.4em;
}

.clpOverView #cntOver .pict,
.clpOverView #cntOver h5,
.clpOverView #cntOver ul {
	color: #6A3907;
}

.cvpOverView #cntOver .pict,
.cvpOverView #cntOver h5,
.cvpOverView #cntOver ul {
	color: #375264;
}

/*
 * Feature
 */
 
.feature h4 {
	font-size: 130%;
	padding-bottom: 8px;
}

.feature .para {
	width: 580px;
}

.clpFeature h4 {
	color: #6A3907;
}
 
.cvpFeature h4 {
	color: #375264;
}

/*
 * Spec
 */
 
 .spec #cntSpec table {
 	border-collapse: collapse;
	margin: 0;
	width: 730px;
}
 
.spec #cntSpec th {
	color: #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	text-align: left;
}

.spec #cntSpec th,
.spec #cntSpec td {
	padding: 6px 10px;
	line-height: 1.5;
}

.spec td {
	background-color: #fff;
}

.spec #cntSpec td.firstCol,
.spec #cntSpec td.secondCol {
	border-right: 1px solid #fff;
/*
	text-align: center;
*/
	font-weight: bolder;
}
 
.clpSpec table {
	border-top: 1px solid #84592B;
	border-left: 1px solid #84592B;
}

.clpSpec th {
	background-color: #84592B;
}

.clpSpec td {
	border-right: 1px solid #84592B;
	border-bottom: 1px solid #84592B;
}

.clpSpec td.firstCol {
	color:  #84592B;
	background-color: #C6AF94;
}

.clpSpec td.secondCol {
	color: #84592B;
	background-color: #DED0C0;
}

.cvpSpec table {
	border-top: 1px solid #5B7080;
	border-left: 1px solid #5B7080;
}

.cvpSpec th {
	background-color: #5B7080;
}

.cvpSpec td {
	border-right: 1px solid #5B7080;
	border-bottom: 1px solid #5B7080;
}

.cvpSpec td.firstCol {
	color: #5B7080;
	background-color: #B3BCC5;
}

.cvpSpec td.secondCol {
	color: #5B7080;
	background-color: #E2E6ED;
}

/*
 * Accessories
 */

.accessorie #cntAcce .para {
	width: 620px;
}
 
.accessorie #cntAcce .pict {
	width: 145px;
	height: 145px;
	border: 1px solid #ccc;
}

.accessorie #cntAcce .pict img {
	margin: 15px 15px;
}
 
.accessorie #cntAcce .text {
	width: 445px;
}

.accessorie #cntAcce .text h4 {
	font-size: 130%;
}

.accessorie #cntAcce .text p.lead {
	font-size: 100%;
}

.accessorie #cntAcce .text p {
	line-height: 1.5;
}

.clpAccessorie #cntAcce .text h4 {
	color: #84592B;
}

.cvpAccessorie #cntAcce .text h4 {
	color: #5B7080;
}