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

* {
/*    box-sizing:border-box; */
	margin:0;
	padding:0;
}

body{
	margin:0;
}

#MenuIcon1{position:relative;display:block;height:30px;width:100%;margin-top:5px;}
#MenuSymbl1{z-index:100;position:absolute;right:10px;}

/*
#MenuM1a {position:relative;display:none;width:80%;height:95px;margin:0 auto;margin-bottom:5px;top:25px;}

.MenuM2a {width:45%;border:2px solid #ccc;float:left;}
.MenuM2a p {padding-top:12px;text-align:center;font-size:18px;font-weight:bold;margin:0 auto;}
.MenuM2a a {text-decoration:none;color:blue;}
*/
#MenuM1a {position:relative;display:none;width:80%;height:115px;margin:0 auto;margin-bottom:5px;top:25px;}
.MenuM2 a {text-decoration:none;color:blue;}


#level1a{
	max-width:1200px;
	width:1200px;
	margin:0 auto;
}

.PgTtla{
	position:relative;
	top:0px;
	width:80%;
	height:100px;
	margin:0 auto;
	color:rgb(255,0,0);
	background-color:rgb rgb(255,255,255);
	background-image:none;
	background-size:400px 173px;
	background-repeat:no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	text-align:center;
}
.PgTtla p{
	position:relative;
	top:15px;
	padding:0px;
	margin:20px;
	color:inherit;
}

.PgTtl{
	position:relative;
	top:0px;
	width:80%;
	height:170px;
	margin:0 auto;
	color:rgb(255,0,0);
	background-color:rgb rgb(255,255,255); /* (40,94,151); */
	background-image:none;
	background-size:400px 173px;
	background-repeat:no-repeat;
	font-family: Arial, Helvetica, sans-serif; /*"Arial Black", Gadget, sans-serif; */
	font-size:20px;
	font-weight:bold;
	text-align:center;
}
.PgTtl p{
	position:relative;
	top:15px;
	padding:0px;
	margin:20px;
	color:inherit;
}
.PgTtl a[href^=tel] {
/*   text-decoration:inherit; */
   color: inherit;
}
#PgTtlul{
	position:relative;
	top:-30px;
	width:275px;
	padding:0px;
	margin:0 auto;
}
#PgTtlspcr{
	height:10px;
}

#PgTtlspcr5{
	height:5px;
}
#PgTtlspcr10{
	height:10px;
}
#PgTtlspcr12{
	height:12px;
}

#PgTtlspcr1{
	height:12px;
}

#PgTtlimg{
	width:275px;
}

.PgTtl2{
	position:relative;
	top:0px;
	width:90%;
	height:20px;
	margin:0 auto;
	color:rgb(0,0,0);
	background-color:rgb(255,255,255);
	font-family: Arial, Helvetica, sans-serif; /*"Arial Black", Gadget, sans-serif; */
	font-size:18px;
	font-weight:bold;
	text-align:center;
}
.PgTtl2 p{
	position:relative;
	top:5px;
	padding:0px;
	margin:10px;
}
.PgTtl3{
	font-size:16px;
	font-weight:bold;
}

.Menuul{
	z-index:16;
	display: block;
	position:none;
	top:10px;
/*	width:100%; */
	padding:0px;
/*	margin:0 auto; */
	color:rgb(255,0,0);
	text-align:right;
/*	text-align:center; */
}
.Menuli{
	z-index:16;
	display:none;
	position:relative;
	padding-top: 9px;
	padding-bottom: -4px;
	padding-left: 20px;
	padding-right: 20px;
	height:30px;
/*color: rgb(40,94,151);*/
	font-size:20px;
	font-weight:normal;
	list-style:none;
	color:orange;
}
.Menuul a {
	display:inline;
	color:orange;}
/*
a:link{
	color:red;
	}
*/
/*
a:visited{
	color:orange;}
*/
a:hover{
	font-weight:bold;}
}
/*
#MenuIcon{position:relative;display:block;height:30px;width:100%;margin-top:5px;}
#MenuSymbl{z-index:100;position:absolute;right:10px;width:50px;}

#MenuM1 {position:relative;display:none;width:80%;height:175px;margin:0 auto;margin-bottom:25px;top:300px;}
.MenuM2 {width:45%;height:49.9px;border: 2px solid #ccc;float:left;}
.MenuM2 p {padding-top:12px;text-align:center;font-size:18px;font-weight:bold;margin:0 auto;}
.MenuM2 a {text-decoration:none;color:yellow;}
*/

.Menu{
	position:relative;
	top:0px;
	width:80%;
	margin:0 auto;
	padding:10px;
	color:rgb(0,0,0);
	background-color:rgb(255,255,255);
	font-family: Verdana, Geneva, sans-serif; /*"Arial Black", Gadget, sans-serif; */
	font-size:16px;
	font-weight:bold;
	text-align:center;
	display:none;
}
.MenuLine{
	width:100%;
	text-align:center;	
	margin:5px;
}

.level1b{
	width:70%;
	margin:0 auto;
}
.level1c{
	width:70%;
	margin:0 auto;
	padding:0;
}

img{
/*	width:100%; */
	max-width:100%;
	height:auto;
}
.spcr05{height:5px;}

.div1{
	font-size:16px;
	font-weight:bold;
}

form{
	width:90%;
	margin:0 auto;	
	clear:both;
}
.Rqrd{
	font-size:20px;
	font-weight:bold;
	color:red;
}
#Name,#Email,#Phone,#Event,#Date,#Subject,#Type,#EngTp,#AudSz,#Piano,#Message{
	position:relative;
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top:5px;
	padding-bottom:5px;
	font-size: 16px;
	border: 2px solid rgb(192,192,192);
}
.Label1{
	position:relative;
	margin:0px;
	text-align:left;
}
#contact-area {
	position:relative;
	width:70%;
	clear: both;
	margin: 0 auto;
	margin-top: 15px;
/*	width:700px;*/
	font-size: 16px;
}

input,select,textarea {
	box-shadow:0px 0px 4px rgb(128,128,128);
}
textarea{
	max-height:100px;
}
#sendbttn{
	position:relative;
	width:150px;
	margin:0 auto;
}
.bttn5{
	position:relative;

	background-color:rgb(105,105,105); /*(230,0,0); /*#C00;*/
	color:rgb(255,255,255);
	margin:0 auto;
	width:150px;
	height:40px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	border-bottom-width:2px;
/*	border-color:rgb(128,128,128); */
	cursor:pointer;
}


/* For mobile phones: */
[class*="col-"] {
    width: 100%;
}

[class*="col"] {
    float:left;
    padding:15px;
}
/*
@media only screen and (min-width:600px){
	.PgTtl{height:250px;}
	.PgTtl{font-size:25px;}
	.PgTtl2{font-size:25px;}
	}
@media only screen and (min-width:1080px){
	.PgTtl{font-size:32px;}
	.PgTtl2{font-size:32px;}
	#MenuSymbl{display:none;}
}
@media only screen and (min-width:1200px){
	.tpln{font-size:12px;}
	.PgTtl{font-size:72px;}
}
*/


@media only screen and (min-width:600px){
	.PgTtl{height:250px;} 
	.PgTtl{top:0;font-size:25px;}
	.PgTtl2{font-size:25px;}
	}
@media only screen and (min-width:1080px){
/*	.PgTtl{top:0;font-size:220px;}
	.PgTtl2{font-size:32px;}
	#PgTtlspcrA{height:36px;}
	#MenuSymbl{display:none;}
	.Menuul{display:block;}
	.Menuli{display:inline;}
	#MenuM1{display:none;}
	.MenuM2{display:none;}
}
@media only screen and (min-width:1200px){
	.tpln{font-size:12px;}
	.PgTtl{font-size:72px;}
}
*/

@media only screen and (min-width:600px){
	.PgTtla{height:125px;}
	.PgTtla{font-size:30px;}
	.PgTtl2{font-size:30px;}
}
@media only screen and (min-width:768px){
	.PgTtla{height:100px;}
	.PgTtla{font-size:32px;}
	.PgTtl2{font-size:32px;}
}
@media only screen and (min-width:1080px){
	.PgTtla{height:150px;}	
	.PgTtla{font-size:32px;}
	.PgTtla{background-image:url(images/clef.png);}
	.PgTtl2{height:34px;}
	.PgTtl2{font-size:32px;}
	#MenuSymbl{display:none;}
	.Menuul{display:block;}
	.Menuli{display:inline;}
	#MenuM1a{display:none;height:0px;}
	.MenuM2a{display:none;}

	.MenuM2{display:none;}

}
@media only screen and (min-width:1200px){
	.PgTtla{height:180px;}
	.PgTtla{font-size:72px;}
}