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

 Pages
 - CSS for Screen

--------------------------------------------------

INDEX
- Concept
- Two Clavinova
- About Clavinova
- Artist
- Develop
- Lineup
- Top

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

/*
 * Concept
 */

.concept01,
.concept02 {
	background: #eee url(../interview/img/artist_bg_all.gif) repeat-y;
}

.concept01 #contentInner,
.concept02 #contentInner {
	background-color: transparent;
}

.concept01 #mainCol,
.concept02 #mainCol {
	position: relative;
}

.concept01 h1,
.concept01 .lead,
.concept01 .claviLogo,
.concept02 h1,
.concept02 .lead,
.concept02 .schoolList {
	position: absolute;
}

.concept01 #mainCol {
	background: url(../concept/img/con1_bg_01.jpg) no-repeat;
	height: 950px;
}

.concept01 h1 {
	position: absolute;
	left: 55px;
	top: 35px;
}

.concept01 .lead {
	position: absolute;
	left: 54px;
	top: 523px;
}

.concept01 .claviLogo {
	position: absolute;
	left: 57px;
	top: 742px;
}

.concept02 #mainCol {
	background: url(../concept/img/con2_bg_01.jpg) no-repeat;
	height: 980px;
}

.concept02 h1 {
	left: 55px;
	top: 37px;
}

.concept02 .lead {
	left: 55px;
	top: 523px;
}

.concept02 .schoolList {
	left: 55px;
	top: 863px;
}

/* history */

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

.history #contentInner {
	background: transparent;
}

.history h1 {
	margin-bottom: 15px;
	line-height: 1;
	font-size: 1%;
}

.history #mainInner {
	margin-left: 53px;
	margin-right: 17px;
}

.history .yearSelect {
	margin-left: 500px;
}

.history .yearSelect li {
	float: left;
	list-style: none;
	line-height: 1;
	font-size: 1%;
}

.history .yearSelect li.year01 {
	background: url(../concept/img/his_cmn_btn01_o.gif) no-repeat;
}

.history .yearSelect li.year02 {
	background: url(../concept/img/his_cmn_btn02_o.gif) no-repeat;
}

.history .yearSelect li.year03 {
	background: url(../concept/img/his_cmn_btn03_o.gif) no-repeat;
}

.history01 .yearSelect li.year01 a,
.history02 .yearSelect li.year02 a,
.history03 .yearSelect li.year03 a {
	visibility: hidden;
}

.history01 .yearSelectFoot {
	padding-top: 50px;
}


.history h2 {
	margin-top: 48px;
	margin-bottom: 21px;
	line-height: 1;
	font-size: 1%;
}

.history p.lead {
	margin-bottom: 21px;
}

.history .ancLink {
	padding-bottom: 45px;
}

.history .ancLink li {
	float: left;
	list-style: none;
	padding-right: 12px;
	line-height: 1;
	font-size: 1%;
}

.history .prdBox {
	width: 765px;
	padding-top: 25px;
	margin-bottom: 75px;
}

.history .prdBox div.left {
	width: 465px;
}

.history .prdBox h3 {
	padding-bottom: 12px;
	margin-bottom: 23px;
	border-bottom: 1px solid #cfcfcf;
	line-height: 1;
	font-size: 1%;
}

.history .prdBox h4 {
	margin-bottom: 20px;
	line-height: 1;
	font-size: 1%;
}

.history .prdBox .textBox {
	padding-bottom: 32px;
	line-height: 1.5;
}

.history .prdBox .textBox img.left {
	margin-right: 25px;
	margin-bottom: 7px;
	margin-top: 5px;
}

.history .prdBox .textBox img.right {
	margin-left: 25px;
	margin-bottom: 7px;
}

.history .toTop {
	padding-top: 10px;
	border-top: 1px solid #cfcfcf;
}

.history01 .right {
	text-align: right;
}

/* history01 */

.history01 #prd01 .right img {
	margin-right: 44px;
	margin-top: -6px;
}

* html .history01 #prd01 .right img {
	position: relative;
}


.history01 #prd02 .right img {
	margin-right: 31px;
}

.history01 #prd03 .right img {
	margin-right: 27px;
	margin-top: 5px;
}

.history01 #prd04 .right img {
	margin-right: 27px;
	margin-top: 3px;
}

/* history02 */

.history02 #prd01 .right img {
	margin-right: 44px;
}

.history02 #prd02 .right img {
	margin-right: 47px;
	margin-top: 9px;
}

.history02 #prd03 .right img {
	margin-right: 47px;
	margin-top: 17px;
}

.history02 #prd04 .right img {
	margin-right: 44px;
	margin-top: 20px;
}

.history02 #prd05 .right img {
	margin-right: 35px;
	margin-top: 20px;
}

.history02 #prd06 .right img {
	margin-right: 35px;
	margin-top: 20px;
}

/* history03*/

.history03 #prd01 .right img {
	margin-right: 43px;
	margin-top: 4px;
}

.history03 #prd02 .right img {
	margin-right: 45px;
	margin-top: 13px;
}

.history03 #prd03 .right img {
	margin-right: 45px;
	margin-top: 21px;
}

.history03 #prd04 .right img {
	margin-right: 42px;
	margin-top: 16px;
}

.history03 #prd05 .right img {
	margin-right: 42px;
	margin-top: 16px;
}

.history03 #prd06 .right img {
	margin-right: 42px;
	margin-top: 16px;
}

.history03 #prd04 .textBox div {
	margin-top: 20px;
	font-size: 1%;
	line-height: 1;
}

/*
 * Two Clavinova
 */

 /* Fun Top */
.funTop {
	background: #eee url(../img/cmn_bg_left.gif) repeat-y;
}

.funTop #contentInner {
	background: transparent;
}

.funTop #mainCol {
	background: transparent url(../two_clavinova/img/top_bg_01.jpg) no-repeat;
	position: relative;
	height: 700px;
}

.funTop h1,
.funTop #mainCol ul,
.funTop #mainCol li {
	position: absolute;
	line-height: 1;
	font-size: 1%;
 }
 
 .funTop #mainCol li {
 	list-style: none;
 }

.funTop h1 {
	left: 126px;
	top: 62px;
}

.funTop li.clp1 {
	left: 89px;
	top: 499px;
}

.funTop li.clp2 {
	left: 250px;
	top: 499px;
}

.funTop li.clp3 {
	left: 69px;
	top: 612px;
}

.funTop li.cvp1 {
	left: 472px;
	top: 499px;
}

.funTop li.cvp2 {
	left: 634px;
	top: 499px;
}

.funTop li.cvp3 {
	left: 455px;
	top: 612px;
}

.flvCaution {
	text-align: left;
	margin-top: 15px;
}
 
/*
 * About Clavinova
 */
 
#about {
	line-height: 1.7;
	background: #eee url(../img/cmn_bg_left.gif) repeat-y;
}
 
 #about #contentInner {

}

#about .mainInner {
	margin-left: 54px;
	margin-right: 48px;
}

#about h1 {
	padding-bottom: 35px;
}

#about .ancNav {
	padding-bottom: 75px;
	width: 780px;
}

.touch #mainCol div.wrap,
.design #mainCol div.wrap,
.sound #mainCol div.wrap {
	width: 735px;
}

#about h2 {
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 25px;
}

* html #about h2,
* html #about h2 img {
	position: relative;
}

#about h2 img {
	margin-left: -3px;
}

#about .aboutPara {
	border-bottom: 1px solid #ddd;
	padding-top: 25px;
	padding-bottom: 20px;
}

#about h3 {
	padding-bottom: 15px;
}

#about .lead {
	padding-bottom: 20px;
	line-height: 1;
	font-size: 1%;
}

#about div.imageBox {
	padding-top: 20px;
/*
	padding-top: 40px;
*/
}

#about .flvLabel {
	text-align: right;
	margin-top: -30px;
	line-height: 1;
	font-size: 1%;
}

* html #about .flvLabel {
	position: relative;
}

#about .flvLabel img {

}

#about .flvLabel ul {
	text-align: left;
	padding-top: 15px;
	width: 345px;
}

#about .flvLabel li {
	list-style: none;
	float: left;
}

#about .toTop {
	margin-bottom: 75px;
	margin-top: 8px;
}

#about .flaBox {
	font-size: 1%;
	line-height: 1;
	width: 345px;
}

#about #mainCol .right {
	padding-top: 2px;
	line-height: 1;
	font-size: 1%;
}

/* Design */

#about #design01 .left {
	width: 355px;
}

#about .designCaution {
	padding-top: 20px;
	line-height: 1;
	font-size: 1%;
}

#about #design02 .left {
	width: 240px;
}

#about #design01 .left div,
#about #design02 .left div {
	padding-top: 21px;
}

#about #design01 .left div img,
#about #design02 .left div img {
	margin-left: -11px;
}

* html #about #design01 .left div img,
* html #about #design02 .left div img {
	position: relative;
}

#about #design02 .toTop {
	margin-top: 5px;
}

/* Touch */

#about #touch01 .left,
#about #touch02 .left {
	width: 345px;
}

#about #touch03 .left,
#about #touch04 .left {
	width: 245px;
}

.touch #mainCol dt,
.sound #mainCol dt {
	font-weight: bolder;
}

* html .touch #mainCol dt,
* html .sound #mainCol dt {
	margin-left: 0;
}

.touch dl {
	padding-top: 15px;
}

/* Sound */
.sound #mainCol .left {
	width: 345px;
}

.sound #mainCol dl {
	padding-top: 20px;
}

#sound04 .right {
	width: 336px;
}

#sound04 .right p {
	margin-bottom: 18px;
}

#sound03 #flv01 img {
	visibility: hidden;
}

#sound03 li img {
	cursor: pointer;
}

#sound03 #flv01 {
	background: url(../about/img/sound_btn_03_1_o.gif) no-repeat;
}
#sound03 #flv02 {
	background: url(../about/img/sound_btn_03_2_o.gif) no-repeat;
}
#sound03 #flv03 {
	background: url(../about/img/sound_btn_03_3_o.gif) no-repeat;
}
#sound03 #flv04 {
	background: url(../about/img/sound_btn_03_4_o.gif) no-repeat;
}

#sound03 .flvLabel li {
	padding-bottom: 8px;
	padding-right: 15px;
}

#sound05 h3 {
	margin-top: 15px;
	padding-bottom: 12px;
}

.sound .note {
	padding-top: 15px;
}

#sound03 h4,
#sound05 h4 {
	margin-top: 8px;
	margin-bottom: 3px;
}

#sound04 .left div {
	margin-top: 15px;
}

#about #sound06 {
	padding-bottom: 0;
	border: 0 none;
}

#about #sound06 .right {
	font-size: 1%;
	line-height: 1;
}

#sound06 .imgBox {
	margin-top: 20px;
	line-height: 1;
	font-size: 1%;
}

 /*
   * Artist
	*/

.artist {
	background: #eee url(../interview/img/artist_bg_all.gif) repeat-y;
}

.artist #contentInner {
	background-color: transparent;
}

/* artist top */

.artistTop #mainCol {
	background: url(../interview/img/artist_bg_ind.jpg) no-repeat;
	height: 100%;
}

.artistTop #mainCol ul {
	position: relative;
	height: 500px;
}

.artistTop #mainCol li {
	position: absolute;
	list-style: none;
}

.artistTop #mainCol li.list01 {
	top: 27px;
	left: 53px;
}

.artistTop #mainCol li.list02 {
	top: 27px;
	left: 452px;
}

.artistTop #mainCol li.list03 {
	top: 140px;
	left: 53px;
}

.artistTop #mainCol li.list04 {
	top: 140px;
	left: 452px;
}

.artistTop #mainCol li.list05 {
	top: 253px;
	left: 53px;
}

.artistTop #mainCol li.list06 {
	top: 253px;
	left: 452px;
}

/* artist child*/

.artistChild #mainCol {
	position: relative;
}

.artistChild h1,
.artistChild h2,
.artistChild h3,
.artistChild h4,
.artistChild p#lead,
.artistChild div#flash1,
.artistChild ul#seekBtn,
.artistChild div#prof {
	position: absolute;
}

.artistChild h1,
.artistChild h2,
.artistChild h3,
.artistChild h4 {
	line-height: 0;
}

.artistChild h1 img
.artistChild h2 img,
.artistChild h3 img,
.artistChild h4 img {
	vertical-align: top;
}

.artistChild #prof,
.artistChild #prof a {
	color: #ccc;
	text-decoration: none;
}

.artistChild #prof a:hover {
	text-decoration: underline;
}

.artistChild #profInner {
	width: 835px;
}

.artistChild h5 {
	text-indent: -9999px;
	overflow: hidden;
	width: 1px;
	height: 1px;
}

.artistChild #profTxt {
	margin-left: 53px;
	margin-right: 46px;
	border-bottom: 1px solid #383536;
	border-top: 1px solid #383536;
	background-repeat: no-repeat;
	background-position: 0 center;
}

.artistChild #profTxt p {
	margin: 12px 0 12px 175px;
	padding-left: 20px;
	border-left: 1px solid #383536;
	line-height: 1.6;
}

.artistChild #prof li {
	list-style: none;
	margin-left: 53px;
	margin-top: 5px;
	padding-left: 13px;
	background: url(../interview/img/artist_cmn_lm.png) no-repeat 0 0.3em  !important;
	background: url(../interview/img/artist_cmn_lm.gif) no-repeat 0 0.4em;
}

.artistChild ul#seekBtn li {
	float: left;
	padding-right: 22px;
	list-style: none;
}

/* artist01 - Makoto Kuriya */
.artist01 #mainCol {
	background: url(../interview/img/artist_kuriya_bg.jpg) no-repeat;
	height: 912px;
}

.artist01 h1 {
	left: 55px;
	top: 401px;
}

.artist01 h2 {
	left: 464px;
	top: 51px;
}

.artist01 p#lead {
	left: 464px;
	top: 130px;
}

.artist01 h3 {
	left: 465px;
	top: 215px;
}

.artist01 div#flash1 {
	left: 465px;
	top: 245px;
}

.artist01 h4 {
	left: 472px;
	top: 538px;
	z-index: 100;
}

.artist01 ul {
	left: 554px;
	top: 538px;
	z-index: 101;
}

.artist01 div#prof {
	left: 0;
	top: 580px;

}

.artist01 #profTxt {
	background-image: url(../interview/img/artist_kuriya_prof.png) !important;
	background-image: url(../interview/img/artist_kuriya_prof.gif);
}

/* artist02 - Yuko Mifune */
.artist02 #mainCol {
	background: transparent url(../interview/img/artist_mifune_bg.jpg) no-repeat;
	height: 725px;
}

.artist02 h1 {
	left: 52px;
	top: 402px;
}

.artist02 h2 {
	left: 464px;
	top: 54px;
}

.artist02 p#lead {
	left: 464px;
	top: 130px;
}

.artist02 h3 {
	left: 465px;
	top: 218px;
}

.artist02 div#flash1 {
	left: 465px;
	top: 245px;
}

.artist02 h4 {
	left: 472px;
	top: 538px;
	z-index: 100;
}

.artist02 ul {
	left: 554px;
	top: 538px;
	z-index: 101;
}

.artist02 div#prof {
	left: 0;
	top: 580px;
}

.artist02 #profTxt {
	background-image: url(../interview/img/artist_mifune_prof.png) !important;
	background-image: url(../interview/img/artist_mifune_prof.gif);
}


/* artist03 - Bill Sharpe */
.artist03 #mainCol {
	background: url(../interview/img/artist_bill_bg.jpg) no-repeat;
	height: 912px;
}

.artist03 h1 {
	left: 53px;
	top: 341px;
}

.artist03 h2 {
	left: 464px;
	top: 54px;
}

.artist03 p#lead {
	left: 464px;
	top: 127px;
}

.artist03 h3 {
	left: 465px;
	top: 212px;
}

.artist03 div#flash1 {
	left: 465px;
	top: 220px;
}

.artist03 div#prof {
	left: 0;
	top: 560px;
}

.artist03 #profTxt {
	background-image: url(../interview/img/artist_bill_prof.png) !important;
	background-image: url(../interview/img/artist_bill_prof.gif);
}

/* artist04 - Paul Harry Harris */
.artist04 #mainCol {
	background: url(../interview/img/artist_harry_bg.jpg) no-repeat;
	height: 912px;
}

.artist04 h1 {
	left: 52px;
	top: 375px;
}

.artist04 h2 {
	left: 464px;
	top: 54px;
}

.artist04 p#lead {
	left: 464px;
	top: 127px;
}

.artist04 h3 {
	left: 465px;
	top: 212px;
}

.artist04 div#flash1 {
	left: 465px;
	top: 220px;
}

.artist04 div#prof {
	left: 0;
	top: 550px;
}

.artist04 #profTxt {
	background-image: url(../interview/img/artist_harry_prof.png) !important;
	background-image: url(../interview/img/artist_harry_prof.gif);
}

/* artist05 - Laurie Holloway */
.artist05 #mainCol {
	background: url(../interview/img/artist_laurie_bg.jpg) no-repeat;
	height: 912px;
}

.artist05 h1 {
	left: 51px;
	top: 355px;
}

.artist05 h2 {
	left: 464px;
	top: 54px;
}

.artist05 p#lead {
	left: 464px;
	top: 120px;
}

.artist05 h3 {
	left: 465px;
	top: 212px;
}

.artist05 div#flash1 {
	left: 465px;
	top: 220px;
}

.artist05 div#prof {
	left: 0;
	top: 560px;
}

.artist05 #profTxt {
	background-image: url(../interview/img/artist_laurie_prof.png) !important;
	background-image: url(../interview/img/artist_laurie_prof.gif);
}

/* artist06 - Cann Twins */
.artist06 #mainCol {
	background: url(../interview/img/artist_cann_bg.jpg) no-repeat;
	height: 912px;
}

.artist06 h1 {
	left: 52px;
	top: 370px;
}

.artist06 h2 {
	left: 464px;
	top: 54px;
}

.artist06 p#lead {
	left: 465px;
	top: 130px;
}

.artist06 h3 {
	left: 465px;
	top: 212px;
}

.artist06 div#flash1 {
	left: 465px;
	top: 220px;
}

.artist06 div#prof {
	left: 0;
	top: 560px;
}

.artist06 div#prof img {
	margin: 3px 5px 5px 8px;
}

.artist06 #profTxt {
	background-image: url(../interview/img/artist_cann_prof.png) !important;
	background-image: url(../interview/img/artist_cann_prof.gif);
}

 /*
   * Develop
	*/

/* Develop Top */

.developTop {
	background: #eee url(../interview/img/ind_bg_left.jpg) repeat-y;
}

.developTop #contentInner {
	background-color: transparent;
}

.developTop #contentBox #mainCol {
	background: url(../interview/img/ind_bg_all.jpg) no-repeat;
	position: relative;
	height: 700px;
}

.developTop #mainCol h1 {
	position: absolute;
	left: 67px;
	top: 61px;
	padding: 0;
}

.developTop #mainCol li {
	list-style: none;
}

.developTop #mainCol li#list01 {
	position: absolute;
	left: 91px;
	top: 209px;
}

.developTop #mainCol li#list02 {
	position: absolute;
	left: 206px;
	top: 209px;
}

.developTop #mainCol li#list03 {
	position: absolute;
	left: 322px;
	top: 209px;
}

.developTop #mainCol li#list04 {
	position: absolute;
	left: 438px;
	top: 209px;
}

.developTop #mainCol li#list05 {
	position: absolute;
	left: 552px;
	top: 209px;
}

.developTop #mainCol li#list07 {
	position: absolute;
	left: 667px;
	top: 209px;
}

.developTop #mainCol li#list08 {
	position: absolute;
	left: 87px;
	top: 335px;
}

.developTop #mainCol li#list09 {
	position: absolute;
	left: 202px;
	top: 335px;
}


.developTop #mainCol #panel01,
.developTop #mainCol #panel02,
.developTop #mainCol #panel03,
.developTop #mainCol #panel04,
.developTop #mainCol #panel05,
.developTop #mainCol #panel06,
.developTop #mainCol #panel07,
.developTop #mainCol #panel08,
.developTop #mainCol #panel09 {
	position: absolute;
	left: 92px;
	top: 456px;
	display: none;
}

/* Develop Child */

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

.developChild #contentInner {
	background: transparent;
}
	
.developChild #mainCol {
	background: url(../interview/img/cmn_bg_head.jpg) no-repeat;
}

.develop h1 {
	padding-bottom: 90px;
	padding-left: 66px;
}

.developChild #textBox,
.developChild .toTop {
	padding-left: 100px;
	padding-right: 70px;
}

.developChild #textBox {
	background: url(../interview/img/dev_bg_foot.jpg) no-repeat left bottom;
	margin-bottom: 25px;
	padding-bottom: 35px;
}

.developChild #textBox .text {
	width: 450px;
}

.developChild #textBox .photo {
	width: 210px;
	text-align: right;
	padding-top: 5px;
}

.developChild #textBox .photo img {
	margin-bottom: 45px;
}

.develop .ques {
	color: #82702C;
	font-weight: bolder;
	padding-bottom: 0.6em;
	font-size: 120%;
	line-height: 1.5;
}

.develop img.left {
	margin-right: 20px;
	margin-top: 0.5em;
}

.develop img.right {
	margin-left: 20px;
	margin-top: 0.5em;
}

.developChild .para li {
	background: url(../interview/img/artist_cmn_lm.gif) no-repeat left 0.3em;
	padding-left: 15px;
	list-style: none;
	line-height: 1;
	margin-bottom: 0.8em;
}

.developChild .para ul {
	border-top: 1px dotted #ccc;
	padding-top: 45px;
}

.developChild .para ul.link {
	border-top: none;
	padding-top: 0;
}

.developChild .para li a {
	color: #82702C;
	text-decoration: none;
}

.developChild .para li a:hover {
	text-decoration: underline;
}

.developChild .logDate {
	padding-top: 2em;
}

.developChild .navFoot {
	line-height: 1;
	font-size: 1%;
	padding-top: 15px;
	width: 660px;
}

.developChild dl.navFootS {
	padding-top: 5px;
}

.developChild .navFoot dt {
	padding-bottom: 4px;
}

.developChild .navFoot dd {
	float: left;
}

.develop1 .navFoot .item02 img,
.develop2 .navFoot .item03 img,
.develop3 .navFoot .item04 img,
.develop4 .navFoot .item05 img,
.develop5 .navFoot .item06 img,
.develop6 .navFoot .item07 img,
.develop7 .navFoot .item08 img,
.develop8 .navFoot .item09 img,
.develop9 .navFoot .item10 img {
	visibility: hidden;
}

.develop1 .navFoot .item02 {
	background: url(../interview/img/dev_foot_btn2_o.gif) no-repeat;
}

.develop2 .navFoot .item03 {
	background: url(../interview/img/dev_foot_btn3_o.gif) no-repeat;
}

.develop3 .navFoot .item04 {
	background: url(../interview/img/dev_foot_btn4_o.gif) no-repeat;
}

.develop4 .navFoot .item05 {
	background: url(../interview/img/dev_foot_btn5_o.gif) no-repeat;
}

.develop5 .navFoot .item06 {
	background: url(../interview/img/dev_foot_btn6_o.gif) no-repeat;
}

.develop6 .navFoot .item07 {
	background: url(../interview/img/dev_foot_btn7_o.gif) no-repeat;
}

.develop7 .navFoot .item08 {
	background: url(../interview/img/dev_foot_btn8_o.gif) no-repeat;
}

.develop8 .navFoot .item09 {
	background: url(../interview/img/dev_foot_btn9_o.gif) no-repeat;
}

.develop9 .navFoot .item10 {
	background: url(../interview/img/dev_foot_btn10_o.gif) no-repeat;
}

.develop7 #textBox .shortMargin .photo img {
	margin-bottom: 20px;
}

/*
 * Top
 */


#top {
	background: #eee url(../img/top_bg_white.gif) repeat-y top left;
}

#topWrapBox {
	width: 1000px;
}

#topHead {
	font-size: 1%;
	line-height: 1;
	height: 100px;
	position: relative;
}

#logoLang {
	background-color: #111110;
	border-bottom: 1px solid #272727;
	width: 1000px;
	height: 35px;
	overflow: hidden;
}

#logoLang p.left {
	padding-left: 30px;
}

#logoLang p.right {
	padding-right: 30px;
}


#topHead .left img {
	margin-top: 8px;
}

#topNav {
	position: absolute;
	top: 36px;
	left: 0;
	width: 1000px;
	padding-top: 11px;
	background: url(../img/top_nav_bg.gif) repeat-x;
	margin-top: 0;
}

#topNav h1 {
	float: left;
	padding-left: 30px;
}

#topNav ul {
	float: right;
	padding-right: 30px;
}

#topNav li {
	list-style: none;
	float: left;
}

li.topMenu {
	position: relative;
	height: 54px;
}

#topNav .childNav {
	display: none;
	position: absolute;
	top: 54px;
	left: 0;
}

#topNav .childNav li {
	float: none;
}

#topMain {
	padding-bottom: 15px;
	margin-bottom: 30px;
	background-color: #888888;
	margin-top: -3px;
	width: 1000px;
}

#topBody {
	margin: 0 66px 0 64px;;
}

#topBody li {
	list-style: none;
	float: left;
}


#topBody,
#top #mainCnt,
#top #subCnt {

}

#top #mainCnt {
	width: 870px;
	font-size: 1%;
	line-height: 1;
	padding-bottom: 18px;
	border-bottom: 1px solid #DADADA;
	margin-bottom: 11px;
}

#top #mainCnt h3 {
	border-bottom: 1px solid #DADADA;
	padding-bottom: 8px;
	margin-bottom: 8px;
}

#top #mainCnt h3 {
	width: 400px;
}

#top #mainCnt p {
	margin-bottom: 14px;
}

#top #mainCnt .left {
	width: 431px;
}

#top #mainCnt .left li {
	padding-right: 31px;
}

#top #mainCnt .right ul {
	width: 407px;
}

#top #mainCnt li.cvpBtn {
	float: right;
}

#top #mainCnt li.cvpBtn img {
	margin-right: -21px;
	margin-top: -4px;
}

* html #top #mainCnt li.cvpBtn img {
	position: relative;
}

#top #subCnt {
	width: 870px;
}

#top #subCnt h3,
#top #subCnt ul {
	font-size: 1%;
	line-height: 1;
}

#top #subCnt h3 {
	margin-bottom: 15px;
}

#top #subCnt .left {
	width: 430px;
	padding-bottom: 8px;
} 

#top #subCnt dl {
	width: 410px;
	padding-bottom: 5px;
}

#top #subCnt dt {
	width: 10em;
	float: left;
}

#top #subCnt dd {
	margin-left: 11em;
}

#top #subCnt .right {
	width: 435px;
	border-left:  1px solid #dadada;
}

#top #subCnt .right ul {
	width: 435px;
}

#top #subCnt .right ul {

}

#top #subCnt .right li {
	padding-bottom: 10px;
}

#top #subCnt .right li.artistBtn {
	padding-left: 23px;
}

#top #subCnt .right li.developBtn {
	float: right;
}

#top #subCnt .right li.dealerBtn {
	padding-left: 30px;
	padding-top: 17px;
	padding-bottom: 0;
}


#top #subCnt .right li.developBtn img {
	margin-right: -14px;
}

* html #top #subCnt .right li.developBtn img {
	position: relative;
}

#topFoot {
	margin:  5px 66px 18px 64px;
	border-top:  1px solid #dadada;
	padding-top: 13px;
	text-align: center;
}

#topFoot span {
	font-size: 200%;
	vertical-align: top;
	line-height: 0.8;
}

/* for IE 6,7 */
#topFoot {
	/margin-top: 10px;	
}

#topFoot span {
	/font-size: 100%;
	/line-height: 1.4;
}