/* CSS Document */


#header { width: 940px; }
#pop-header { width: 740px; }
#pops-header { width: 600px; }


/*======================================================================* 
 *  corporate                                                           *
 *======================================================================*/

#corporate { height: 42px; padding: 21px 0 14px 0; }

h1.logo-ybs { float: left; }
h1.logo-ybs a {
  /*\*/
    overflow: hidden;
  /**/
  width: 326px;
  height: 42px;
  background: url(../img/logo-ybs.gif) left top no-repeat;
  text-indent: -9999px;
  display: block;
}

p.logo-ybs { float: left; }
p.logo-ybs a {
  /*\*/
    overflow: hidden;
  /**/
  width: 326px;
  height: 42px;
  background: url(../img/logo-ybs.gif) left top no-repeat;
  text-indent: -9999px;
  display: block;
}

p.logo-yamaha {
  width: 114px;
  height: 42px;
  background: url(../img/logo-yamaha.gif) left top no-repeat;
  text-indent: -9999px;
  float: right;
}

p.btn-contact {
	padding: 5px 18px 0 0;
	float: right;
}

p.btn-contact a {
  /*\*/
    overflow: hidden;
  /**/
  width: 156px;
  height: 31px;
  background: url(../img/btn-contact.gif) left top no-repeat;
  text-indent: -9999px;
  display: block;
}
p.btn-contact a:hover { background-position: left bottom; }


/*======================================================================* 
 *  gnavi                                                               *
 *======================================================================*/

ul#gnavi {
  width: 940px;
  height: 51px;
  padding-top: 1px;
  background: url(../img/bg-gnavi.gif) left top no-repeat;
}
ul#gnavi li {
  height: 51px;
  list-style-type: none;
  float: left;
}
ul#gnavi li span { display: none; }
ul#gnavi li a {
  /*\*/
    overflow: hidden;
  /**/
  height: 51px;
  text-indent: -9999px;
  display: block;
}
ul#gnavi li.gnavi01 a { width: 248px; background: url(../img/btn-gnavi01.gif) left top no-repeat; }
ul#gnavi li.gnavi02 a { width: 95px; background: url(../img/btn-gnavi02.gif) left top no-repeat; }
ul#gnavi li.gnavi03 a { width: 95px; background: url(../img/btn-gnavi03.gif) left top no-repeat; }
ul#gnavi li.gnavi04 a { width: 95px; background: url(../img/btn-gnavi04.gif) left top no-repeat; }
ul#gnavi li.gnavi05 a { width: 95px; background: url(../img/btn-gnavi05.gif) left top no-repeat; }
ul#gnavi li.gnavi06 a { width: 95px; background: url(../img/btn-gnavi06.gif) left top no-repeat; }
ul#gnavi li.gnavi07 a { width: 95px; background: url(../img/btn-gnavi07.gif) left top no-repeat; }
ul#gnavi li.gnavi08 a { width: 122px; background: url(../img/btn-gnavi08.gif) left top no-repeat; }
ul#gnavi li a:hover { background-position: bottom left; }
ul#gnavi li.gnavi01a, ul#gnavi li.gnavi01a a { width: 248px; background: url(../img/btn-gnavi01.gif) left bottom no-repeat; }
ul#gnavi li.gnavi02a, ul#gnavi li.gnavi02a a { width: 95px; background: url(../img/btn-gnavi02.gif) left bottom no-repeat; }
ul#gnavi li.gnavi03a, ul#gnavi li.gnavi03a a { width: 95px; background: url(../img/btn-gnavi03.gif) left bottom no-repeat; }
ul#gnavi li.gnavi04a, ul#gnavi li.gnavi04a a { width: 95px; background: url(../img/btn-gnavi04.gif) left bottom no-repeat; }
ul#gnavi li.gnavi05a, ul#gnavi li.gnavi05a a { width: 95px; background: url(../img/btn-gnavi05.gif) left bottom no-repeat; }
ul#gnavi li.gnavi06a, ul#gnavi li.gnavi06a a { width: 95px; background: url(../img/btn-gnavi06.gif) left bottom no-repeat; }
ul#gnavi li.gnavi07a, ul#gnavi li.gnavi07a a { width: 95px; background: url(../img/btn-gnavi07.gif) left bottom no-repeat; }
ul#gnavi li.gnavi08a, ul#gnavi li.gnavi08a a { width: 122px; background: url(../img/btn-gnavi08.gif) left bottom no-repeat; }


/*======================================================================* 
 *  breadcrumbs                                                         *
 *======================================================================*/

#breadcrumbs {
  width: 940px;
  padding: 8px 0 6px 0;
  background: url(../img/line-breadth.gif) left top no-repeat;
  color: #bc922f;
  font-size: 69%;
  clear: both;
}
#breadcrumbs a { color: #bc922f; text-decoration: none; }
#breadcrumbs a:hover { text-decoration: underline; }
#breadcrumbs span { color: #e9d48e; }
