@charset "UTF-8";
/* CSS Document */

body {
	background: #fefef9;
	}
	
#mid	{
	width:	1025px;
	}

sup {
	vertical-align: super;
	font-size: 0.75em;
	}

small {
	font-size: 0.7em;
	}
	
#menu {
	height: 34px;
#	background: red;
	padding: 0 10px;	
	}
	
#title {
	float: left;
	margin-top: 1px;
	width: 140px;
	font-size: 1.4em;
	color: #900;
	text-shadow: 0 0 3.5px #d88;
	font-weight: bold;
	}

#submenu {
	float: right;
	margin-top: 5px;
#	background: white;
	height: 24px;
	}
	
label {
	font-size: 1.2em;
	color: #666;
	width: 100px;
  	display: inline-block;
	}
	
li {
	font-size: 3em;
	border-left-width: 3px;
	border-left-style: solid;
	display: block;
	float:left;
	width: 190px;
	padding:10px 30px ;
	}
	
li:last-child {
	border-right-width: 3px;
	border-right-style: solid;
	}

ul {
	float:left;
	padding-left: 0px;
	}

#slash {
	padding: 30px 0 ;
	float:left;
	width: 30px;
	height: 20px;
	background: url(chrds_slsh.png) -350px -170px;
	margin: 10px 0 0 -14px;
	}
	
#chrd_a, #chrd_bes, #chrd_b, #chrd_c, #chrd_des, #chrd_d, #chrd_es, #chrd_e, #chrd_f, #chrd_ges, #chrd_g, #chrd_as, #chrd_fes, #chrd_ces, #chrd_ais, #chrd_cis, #chrd_dis, #chrd_fis, #chrd_gis, #chrd_eis, #chrd_bis,
#sx_ma, #sx_mi, #sx_mi6, #sx_mi7, #sx_mi9, #sx_mi11, #sx_6, #sx_7, #sx_9, #sx_ma7, #sx_ma9, #sx_sus2, #sx_sus4, #sx_add2, #sx_dim, #sx_hdim, #sx_7b9, #sx_7x9, #sx_7x5, #sx_7b5, #sx_7sus, #sx_13, #sx_13b9 {
	float: left;
	height: 60px;
}

#slchrd_a, #slchrd_bes, #slchrd_b, #slchrd_c, #slchrd_des, #slchrd_d, #slchrd_es, #slchrd_e, #slchrd_f, #slchrd_ges, #slchrd_g, #slchrd_as, #slchrd_fes, #slchrd_ces, #slchrd_ais, #slchrd_cis, #slchrd_dis, #slchrd_fis, #slchrd_gis, #slchrd_eis, #slchrd_bis {
	float: left;
	height: 60px;
	margin: 30px 0 0 -14px; 
}

#chrd_a, #slchrd_a {
	background: url(chrds_slsh.png) 0 0;
	width: 20px;
}

#chrd_bes, #slchrd_bes {
	background: url(chrds_slsh.png) 0 -60px;
	width: 30px;
}	

#chrd_b, #slchrd_b {
	background: url(chrds_slsh.png) 0 -120px;
	width: 22px;
}

#chrd_c, #slchrd_c {
	background: url(chrds_slsh.png) 0 -180px;
	width: 21px;
}

#chrd_des, #slchrd_des {
	background: url(chrds_slsh.png) 0 -240px;
	width: 33px;
}

#chrd_d, #slchrd_d {
	background: url(chrds_slsh.png) 0 -300px;
	width: 24px;
}

#chrd_es, #slchrd_es {
	background: url(chrds_slsh.png) -70px 0;
	width: 27px;
}

#chrd_e, #slchrd_e {
	background: url(chrds_slsh.png) -70px -60px;
	width: 19px;
}

#chrd_f, #slchrd_f {
	background: url(chrds_slsh.png) -70px -120px;
	width: 15px;
}

#chrd_ges, #slchrd_ges {
	background: url(chrds_slsh.png) -140px -180px;
	width: 31px;
}

#chrd_g, #slchrd_g {
	background: url(chrds_slsh.png) -70px -240px;
	width: 23px;
}

#chrd_as, #slchrd_as {
	background: url(chrds_slsh.png) -70px -300px;
	width: 27px;
}

#chrd_fes, #slchrd_fes {
	background: url(chrds_slsh.png) -210px 0;
	width: 23px;
}

#chrd_ces, #slchrd_ces {
	background: url(chrds_slsh.png) -140px -300px;
	width: 29px;
}

#chrd_ais, #slchrd_ais {
	background: url(chrds_slsh.png) -140px 0;
	width: 30px;
}

#chrd_cis, #slchrd_cis {
	background: url(chrds_slsh.png) -140px -60px;
	width: 33px;
}

#chrd_dis, #slchrd_dis {
	background: url(chrds_slsh.png) -140px -120px;
	width: 33px;
}

#chrd_fis, #slchrd_fis {
	background: url(chrds_slsh.png) -70px -180px;
	width: 25px;
}

#chrd_gis, #slchrd_gis {
	background: url(chrds_slsh.png) -140px -240px;
	width: 33px;
}

#chrd_eis, #slchrd_eis {
	background: url(chrds_slsh.png) -210px -60px;
	width: 29px;
}

#chrd_bis, #slchrd_bis {
	background: url(chrds_slsh.png) -210px -120px;
	width: 31px;
}

#sx_ma {
	width: 4px;
}

#sx_mi {
	background: url(chrds.png) -140px 0;
	width: 32px;
}

#sx_mi6 {
	background: url(chrds.png) -140px -60px;
	width: 42px;
}

#sx_mi7 {
	background: url(chrds.png) -140px -120px;
	width: 42px;
}

#sx_mi9 {
	background: url(chrds.png) -140px -180px;
	width: 42px;
}

#sx_mi11 {
	background: url(chrds.png) -140px -240px;
	width: 52px;
}

#sx_6 {
	background: url(chrds.png) -210px 0;
	width: 17px;
}

#sx_7 {
	background: url(chrds.png) -210px -60px;
	width: 17px;
}

#sx_9 {
	background: url(chrds.png) -210px -120px;
	width: 14px;
}

#sx_ma7 {
	background: url(chrds.png) -280px 0;
	width: 28px;
}

#sx_ma9 {
	background: url(chrds.png) -280px -60px;
	width: 28px;
}

#sx_sus2 {
	background: url(chrds.png) -350px 0;
	width: 58px;
}

#sx_sus4 {
	background: url(chrds.png) -350px -60px;
	width: 59px;
}

#sx_add2 {
	background: url(chrds.png) -350px -120px;
	width: 58px;
}

#sx_dim {
	background: url(chrds.png) -420px 0;
	width: 29px;
}

#sx_hdim {
	background: url(chrds.png) -420px -60px;
	width: 33px;
}

#sx_7b9 {
	background: url(chrds.png) -490px 0;
	width: 52px;
}

#sx_7x9 {
	background: url(chrds.png) -490px -60px;
	width: 55px;
}

#sx_7x5 {
	background: url(chrds.png) -490px -120px;
	width: 53px;
}

#sx_7b5 {
	background: url(chrds.png) -490px -180px;
	width: 56px;
}

#sx_7sus {
	background: url(chrds.png) -490px -240px;
	width: 57px;
}

#sx_13 {
	background: url(chrds.png) -560px 0;
	width: 26px;
}

#sx_13b9 {
	background: url(chrds.png) -560px -60px;
	width: 65px;
}