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

　初期設定

*====================================*/
* {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
section,article,header,footer {
    display: block;
}

body{
	margin:0;
	padding:0;
}
img {
	border:none;
	vertical-align:bottom;
}
img.img-right {
	float:right;
}
img.img-left {
	float:left;
}
.img-btm {/*下よせ*/
	position:absolute;
	bottom:0;
}
img.btm-bar {
	margin-top:50px;
}
img.img-btm-margin-top {
	float:left;
	margin-top:570px;
}
.btm-photo {
	margin-top:60px;
}
img.btm-img-margin-top {/*最下部のピアノの絵*/
	margin-top:5px;
}
hr.h60 {
	width:950px;
	border-top:0.5px solid #ccc;
	margin:60px auto;
	height:0.5px;
}
.box {
	width:960px;
	padding:0 5px;
	margin:0 auto;
	overflow:hidden;
}
.relative {
	position:relative;
}
area {
	outline:none;
	border:none;
}

/*====================================

　背景色

オレンジ　#F39700
ワインレッド　#5D0000
news背景ベージュ　#E1CB9AE
schedule 背景青　#106A8F
オレンジ背景　#c97d00
*====================================*/
body.news {
	background-color:#E1CB9A;
}
body.profile {
	background-color:#c97d00;
}
body.schedule {
	background-color:#106A8F;
}
body.photo {
	background-color:#5D0000;
}


/*====================================

　ヘッダー

*====================================*/

.header-img-01 {
	text-align:center;
	background-color:#000;
}
img.top-logo {
	display:block;
	margin:19px auto 20px;
	text-align:center;
}

.abroad .header-img-01 {
	background-color:#9F9A78;
}
.ensemble .header-img-01 {
	background-color:#E1CB9A;
}
.inbound .header-img-01 {
	background-color:#5E0000;
}
.lesson .header-img-01 {
	background-color:#00320D;
}



/*====================================

　テキスト

*====================================*/

h1 {
	font-size:86%;
	margin-top:0;
}
h2 {
	font-size:86%;
	margin-top:0;
}
p {
	font-size:81%;
	line-height:1.6;
}
p.margin-top-0 {
	margin-top:0;
}
table {
	border-collapse:collapse;
}
td {
	font-size:83%;
}
ul {
	margin:0;
	padding:0;
}
a {
	text-decoration:none;
	border:none;
}
.font-normal {
	font-weight:normal;
}
/*====================================

　フッター

*====================================*/

img.btm-logo {
	margin:0 auto;
	display:block;
}
.copy {
	text-align:center;
	margin-top:-25px;
}

footer.box {
	margin:0 auto 5px;
}


/*====================================

　ニュース

*====================================*/

.news-box a {
	color:#F39700;
}
.news-box a:hover {
	text-decoration:underline;
}

/*====================================

　スケジュール・ヒストリー

*====================================*/
.schedule .box img {
	vertical-align:middle;
}
.year-left {
	float:left;
}
.year-right {
	float:right;
}
.year-white {
	margin-top:-30px;
	color:#fff;
}
.year-black {
	margin-top:-30px;
	color:#000;
}
.year-white a {
	color:#fff;
}
.year-white a:hover {
	color:#E41B1E;
}
.year-black a {
	color:#000;
}
.year-black a:hover {
	color:#E41B1E;
}

.year-white a:hover {
	color:#E41B1E;
}
.year {
	margin-top:-30px;
	color:#FFF;
}
.year a {
	color:#fff;
}
.year a:hover {
	color:#E41B1E;
}

.right-clm {
	width:200px;
	float:right;
}
.right-clm img {
	margin:0 0 20px;
}
.right-clm img.no-margin {
	margin:0;
}


/*====================================

　リンク

*====================================*/
img.margin-btm-120 {
	margin-bottom:120px;
}

/*====================================

　メールフォーム

*====================================*/
img.form-back {
	z-index:0;
}
.form {
	position:absolute;
	top:80px;
	left:50px;
	z-index:100;
}
.form td {
	padding:2px 5px;
	font-size:83%;
}
textarea {
	width:400px;
	height:100px;
}
.submit {
	text-align:right;
}
/*====================================

　メニュー　上部１

*====================================*/
nav {
	overflow:hidden;
}
nav ul {
	list-style:none;
}
nav ul li {
	float: left;
	text-indent: -9999px;
}
.top-menu ul li a {
	text-decoration: none;
	display: block;
	height: 62px;
	width:136px;
}
.top-menu ul li a.mtop {
	background: url(../data/png/menu_01.png) 0 0;
}
.top-menu ul li a.mtop:hover {
	background: url(../data/png/menu_01.png) 0 -63px;
}
.top-menu ul li a.mnews {
	background: url(../data/png/menu_01.png) -136px 0;
}
.top-menu ul li a.mnews:hover {
	background: url(../data/png/menu_01.png) -136px -63px;
}
.top-menu ul li a.mprofile {
	background: url(../data/png/menu_01.png) -272px 0;
}
.top-menu ul li a.mprofile:hover {
	background: url(../data/png/menu_01.png) -272px -63px;
}
.top-menu ul li a.mschedule {
	background: url(../data/png/menu_01.png) -408px 0;
}
.top-menu ul li a.mschedule:hover {
	background: url(../data/png/menu_01.png) -408px -63px;
}
.top-menu ul li a.mphoto {
	background: url(../data/png/menu_01.png) -544px 0;
}
.top-menu ul li a.mphoto:hover {
	background: url(../data/png/menu_01.png) -544px -63px;
}
.top-menu ul li a.mlink {
	background: url(../data/png/menu_01.png) -680px 0;
}
.top-menu ul li a.mlink:hover {
	background: url(../data/png/menu_01.png) -680px -63px;
}
.top-menu ul li a.mcontact {
	background: url(../data/png/menu_01.png) -816px 0;
	width:134px;
}
.top-menu ul li a.mcontact:hover {
	background: url(../data/png/menu_01.png) -816px -63px;
}


/*====================================

　メニュー　上部2

*====================================*/

.white ul li a.mtop {
	background: url(../data/png/menu_02.png) 0 0;
}
.white ul li a.mtop:hover {
	background: url(../data/png/menu_02.png) 0 -63px;
}
.white ul li a.mnews {
	background: url(../data/png/menu_02.png) -136px 0;
}
.white ul li a.mnews:hover {
	background: url(../data/png/menu_02.png) -136px -63px;
}
.white ul li a.mprofile {
	background: url(../data/png/menu_02.png) -272px 0;
}
.white ul li a.mprofile:hover {
	background: url(../data/png/menu_02.png) -272px -63px;
}
.white ul li a.mschedule {
	background: url(../data/png/menu_02.png) -408px 0;
}
.white ul li a.mschedule:hover {
	background: url(../data/png/menu_02.png) -408px -63px;
}
.white ul li a.mphoto {
	background: url(../data/png/menu_02.png) -544px 0;
}
.white ul li a.mphoto:hover {
	background: url(../data/png/menu_02.png) -544px -63px;
}
.white ul li a.mlink {
	background: url(../data/png/menu_02.png) -680px 0;
}
.white ul li a.mlink:hover {
	background: url(../data/png/menu_02.png) -680px -63px;
}
.white ul li a.mcontact {
	background: url(../data/png/menu_02.png) -816px 0;
	width:134px;
}
.white ul li a.mcontact:hover {
	background: url(../data/png/menu_02.png) -816px -63px;
}

/*====================================

　メニュー　下部１

*====================================*/

.btm-menu ul li a {
	text-decoration: none;
	display: block;
	height: 120px;
}
.btm-menu ul li a.bensemble {
	background: url(../data/png/btm_menu_01_black.png) 0 0;
	width:47px;
}
.btm-menu ul li a.bensemble:hover {
	background: url(../data/png/btm_menu_01_black.png) 0 -120px;
}
.btm-menu ul li a.babroad {
	background: url(../data/png/btm_menu_01_black.png) -47px 0;
	width:90px;
}
.btm-menu ul li a.babroad:hover {
	background: url(../data/png/btm_menu_01_black.png) -47px -120px;
}
.btm-menu ul li a.binbound {
	background: url(../data/png/btm_menu_01_black.png) -137px 0;
	width:90px;
}
.btm-menu ul li a.binbound:hover {
	background: url(../data/png/btm_menu_01_black.png) -137px -120px;
}
.btm-menu ul li a.blesson {
	background: url(../data/png/btm_menu_01_black.png) -227px 0;
	width:90px;
}
.btm-menu ul li a.blesson:hover {
	background: url(../data/png/btm_menu_01_black.png) -227px -120px;
}
.btm-menu ul li a.btop {
	background: url(../data/png/btm_menu_01_black.png) -317px 0;
	width:333px;
}
.btm-menu ul li a.btop:hover {
	background: url(../data/png/btm_menu_01_black.png) -317px -120px;
}
.btm-menu ul li a.bjp {
	background: url(../data/png/btm_menu_01_black.png) -650px 0;
	width:150px;
}
.btm-menu ul li a.bjp:hover {
	background: url(../data/png/btm_menu_01_black.png) -650px -120px;
}
.btm-menu ul li a.bru {
	background: url(../data/png/btm_menu_01_black.png) -800px 0;
	width:150px;
}
.btm-menu ul li a.bru:hover {
	background: url(../data/png/btm_menu_01_black.png) -800px -120px;
}

/*====================================

　メニュー　下部2

*====================================*/


.btm-white ul li a.bensemble {
	background: url(../data/png/btm_menu_02.png) 0 0;
	width:47px;
}
.btm-white ul li a.bensemble:hover {
	background: url(../data/png/btm_menu_02.png) 0 -120px;
}
.btm-white ul li a.babroad {
	background: url(../data/png/btm_menu_02.png) -47px 0;
	width:90px;
}
.btm-white ul li a.babroad:hover {
	background: url(../data/png/btm_menu_02.png) -47px -120px;
}
.btm-white ul li a.binbound {
	background: url(../data/png/btm_menu_02.png) -137px 0;
	width:90px;
}
.btm-white ul li a.binbound:hover {
	background: url(../data/png/btm_menu_02.png) -137px -120px;
}
.btm-white ul li a.blesson {
	background: url(../data/png/btm_menu_02.png) -227px 0;
	width:90px;
}
.btm-white ul li a.blesson:hover {
	background: url(../data/png/btm_menu_02.png) -227px -120px;
}
.btm-white ul li a.btop {
	background: url(../data/png/btm_menu_02.png) -317px 0;
	width:333px;
}
.btm-white ul li a.btop:hover {
	background: url(../data/png/btm_menu_02.png) -317px -120px;
}
.btm-white ul li a.bjp {
	background: url(../data/png/btm_menu_02.png) -650px 0;
	width:150px;
}
.btm-white ul li a.bjp:hover {
	background: url(../data/png/btm_menu_02.png) -650px -120px;
}
.btm-white ul li a.bru {
	background: url(../data/png/btm_menu_02.png) -800px 0;
	width:150px;
}
.btm-white ul li a.bru:hover {
	background: url(../data/png/btm_menu_02.png) -800px -120px;
}