/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{
	margin:0;
	padding:0;
	border:0;
	font-style:normal;
	font-weight:normal;
	font-family:  gƒqƒ‰ƒMƒmŠpƒS ProN W3, gHiragino Kaku Gothic ProNh, "Meiryo UI" ,gƒƒCƒŠƒIh, Meiryo, "‚l‚r ‚oƒSƒVƒbƒN" , "MS PGothic" , sans-serif;
	vertical-align:baseline;
	font-size:16px;
	line-height:1.5en;
	color:#646464;
	}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section{
	display:block;
	}

html{
	overflow-y:scroll;
	}

blockquote, q{
	quotes:none;
	}

blockquote:before, blockquote:after,
q:before, q:after{
	content:'';
	content:none;
	}

input, textarea,{
	margin:0;
	padding:0;
	}

ol, ul{
	list-style:none;
	}

table{
	border-collapse:collapse;
	border-spacing:0;
	}

caption, th{
	text-align:left;
	}

a:focus{
	outline:none;
	}
a{
	color:#853aa8;
	text-decoration:none;
}
.clearfix:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}
.clearfix{
	min-height:1px;
	}

* html .clearfix{
	height:1px;
	/*\*//*/
	height:auto;
	overflow:hidden;
	/**/
	}

/* margin */

.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}

.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}

.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.ml50{margin-left:50px;}

.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}
.mr50{margin-right:50px;}

.pt5{padding-top:5px;}
.pt10{padding-top:5px;}
.pt20{padding-top:5px;}
.pt30{padding-top:5px;}
.pt40{padding-top:5px;}
.pt50{padding-top:5px;}

.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pb50{padding-bottom:50px;}

.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}
.pl40{padding-left:40px;}
.pl50{padding-left:50px;}

.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}
.pr40{padding-right:40px;}
.pr50{padding-right:50px;}

.fc_f00{
	color:#ff0000;
}

.clear{
	clear:both;
}

.sp{
	display:none;
}

.pc{
	display:block;
}

.link_button{
	display:inline-block;
	background:url("../img/bg_type02.gif");
	box-shadow:rgba(100,100,100,0.4) 1px 1px 0px;
}

.link_button_in{
	color:#fff;
	background:url("../img/bg_type03.png");
	background-repeat: no-repeat;
	background-position: left top;
	padding:5px 20px;
}


/* ƒgƒbƒvƒy[ƒW */

.head-line{
	background:url("../img/bg_type01.gif");
}

.head-line-w{
	max-width:1000px;
	margin:0 auto;
	padding:5px 10px;
	color:#fff;
}

.top-main{
	background-image:url("../img/top_kv_bgimage.png");
	background-repeat: no-repeat;
	background-position: center top;
	height:600px;
}

.top-bg-01{
	background-image:url("../img/top_kv_mainimage.png");
	background-repeat: no-repeat;
	background-position: center bottom;
	height:600px;
}

.top-bg-02{
	background-image:url("../img/top_kv_titleline.png");
	background-repeat: no-repeat;
	background-position: center bottom;
	height:600px;
}

.top-main-w{
	max-width:1000px;
	margin:0 auto;
}

.top-title{
	padding-top:465px;
}

.top-bottom{
	margin-top:-595px;
	text-align:right;
}

.info{
	background:url("../img/bg_type01.gif");
	padding:4px 0;
}

.info-bg{
	background-color:#fff;
}

.info-w{
	max-width:1000px;
	margin:0 auto;
	padding:7px 0;
}

.info_title{
	float:left;
	font-weight:bold;
	color:#f58100;
	margin-left:10px;
}

.info_txt{
	padding-left:60px;
}

.info_date{
	margin-right:10px;
}

.sec-glay{
	background-color:#f5f5f5;
	padding:20px 0;
	margin-bottom:20px;
}

.sec-glay-w{
	max-width:1000px;
	margin:0 auto;
}

.sec-glay .sec-title{
	font-size:1.8rem;
	color:#0b5e89;
	padding-bottom:15px;
}

.sec-glay img{
	float:left;
	margin-right:10px;
}

.sec-glay-txt{
	line-height:1.9;
}

.sec-glay .sec-glay-txt .link{
	margin-top:10px;
	text-align:right;
}


.sec{
	max-width:1000px;
	margin:0 auto;
}

.sec .sec-title{
	background:url("../img/bg_type01.gif");
	padding:5px 0px;
}

.sec .sec-title-bg{
	color:#fff;
	font-size:1.6rem;
	padding: 5px 10px;
	border-bottom:solid #fff 1px;
}

#toppage .course-w{
	padding:10px 10px 40px 10px;
}

#toppage .course li{
	float:left;
	margin:8px 3px;
}

#toppage .course a{
	line-height:1.5;
	color:#0b5e89;
}

.map_area{
	margin:20px 0 40px;
}

.map_area ul{
	float:left;
	margin:10px 0 0 20px;
}

.map_area li{
	padding-left:25px;
	background-image:url("../img/top_map_icon.png");
	background-repeat: no-repeat;
	background-position: left center;
	height:24px;
	margin-bottom:7px;
}

.map_area li a{
	color:#84433a;
}

.map_area img{
	float:right;
	padding-right:20px;
}


footer{
	background:url("../img/bg_type01.gif");
	color:#fff;
	line-height:1.5;
}

#footer_w{
	max-width:1000px;
	margin:0 auto;
	padding:20px 0;
}

#footer_logo{
	float:left;
}

#footer_banner{
	float:right;
}

#footer_banner img{
	border:solid 1px #fff;
}

.footer_position{
	padding:20px 0;
}

.footer_position .footer_list{
	float:left;
}

.footer_list_head{
	color:#fff;
	border-left:#f58100 solid 3px;
	padding-left:8px;
	margin-bottom:20px;
}

.list_type_01 a{
	color:#fff;
}

.list_type_02 ul{
	margin-top:5px;
	margin-left:0.8rem;
}

.list_type_02 li a{
	color:#fff;
	margin-left:0.5em;
}

.list_type_02 li:before{
	content:"E";
	color:#fff;
}

.footer_list + .footer_list{
	margin-left:80px;
}


.copyright{
	background-color:#2b9ccb;
	text-align:center;
	padding:5px 0;
	color:#fff;
}

/* ‰Ί‘wƒy[ƒW */

.cont-bg-01-voicetraining{
	background-image:url("../img/cont_kv_mainimage_voicetraining.png");
	background-repeat: no-repeat;
	background-position: center bottom;
	height:400px;
}

.cont-bg-01-bass{
	background-image:url("../img/cont_kv_mainimage_bass.png");
	background-repeat: no-repeat;
	background-position: center bottom;
	height:400px;
}

.cont-bg-01-drum{
	background-image:url("../img/cont_kv_mainimage_drum.png");
	background-repeat: no-repeat;
	background-position: center bottom;
	height:400px;
}


.cont-bg-01-gagaku{
	background-image:url("../img/cont_kv_mainimage_gagaku.png");
	background-repeat: no-repeat;
	background-position: center bottom;
	height:400px;
}

.cont-bg-01-guitar{
	background-image:url("../img/cont_kv_mainimage_guitar.png");
	background-repeat: no-repeat;
	background-position: center bottom;
	height:400px;
}


.cont-bg-01-piano{
	background-image:url("../img/cont_kv_mainimage_piano.png");
	background-repeat: no-repeat;
	background-position: center bottom;
	height:400px;
}

.cont-bg-01-sax{
	background-image:url("../img/cont_kv_mainimage_sax.png");
	background-repeat: no-repeat;
	background-position: center bottom;
	height:400px;
}

.cont-bg-01-trumpet{
	background-image:url("../img/cont_kv_mainimage_trumpet.png");
	background-repeat: no-repeat;
	background-position: center bottom;
	height:400px;
}

.cont-bg-01-violin{
	background-image:url("../img/cont_kv_mainimage_violin.png");
	background-repeat: no-repeat;
	background-position: center bottom;
	height:400px;
}

.cont-main{
	background-image:url("../img/top_kv_bgimage.png");
	background-repeat: no-repeat;
	background-position: center top;
	height:400px;
}

.cont-bg-01{
	background-image:url("../img/top_kv_mainimage_s.png");
	background-repeat: no-repeat;
	background-position: center bottom;
	height:400px;
}

.cont-bg-02{
	background-image:url("../img/top_kv_titleline.png");
	background-repeat: no-repeat;
	background-position: center bottom;
	height:400px;
}

.cont-main-w{
	max-width:1000px;
	margin:0 auto;
}

.site-title{
	padding-top:330px;
	float:left;
}

.cont-title{
	padding-top:330px;
}

.cont-bottom{
	margin-top:-395px;
	text-align:right;
	padding-right:20px;
}

.pankuzu{
	background:url("../img/bg_type01.gif");
	padding:4px 0;
}

.pankuzu-bg{
	background-color:#fff;
}

.pankuzu-w{
	max-width:1000px;
	margin:0 auto;
	padding:7px 0;
}

.pankuzu_txt{
	padding-left:10px;
}

.sec_body{
	padding:0 10px;
}

.sub-title{
	font-size:1.2rem;
	font-weight:bold;
	border-bottom:1px solid #2b9ccb;
	margin-bottom:5px;
	color:#2b9ccb;
	border-left:solid 5px #2b9ccb;
	padding-left:0.4em;
}

.sub-body{
	padding:0 5px 25px;
}

.taiken_step{
	margin-bottom:15px;
	padding-bottom:10px;
	border-bottom:solid 1px #bbb;
}

.taiken_step img{
	float:left;
	margin-right:10px;
}

.company_table{
	width:98%;
}

.company_table td{
	border-right:solid 1px #fff;
	border-bottom:solid 1px #fff;
	padding:15px;
}

.form_table{
	width:98%;
}

.form_table th{
	border-right:solid 1px #fff;
	border-bottom:solid 1px #fff;
	padding:15px;
	vertical-align: middle;
	width:35%;
}

.form_table td{
	border-right:solid 1px #fff;
	border-bottom:solid 1px #fff;
	padding:15px;
}

.form_table input{
	width:80%;
}

.form_table textarea{
	width:80%;
}

.form_btn{
	text-align: center;
	margin:20px 0 50px;
}

.form_btn input{
	padding:10px 20px;
}

.table_c01{
	background-color:#2b9ccb;
	color:#fff;
}

.table_c02{
	background-color:#f5f5f5;
}

.table_c02 span{
	color:#ff0000;
}

.sitemap_position{
	padding:20px 0;
}

.sitemap_position .sitemap_list{
	float:left;
}

.sitemap_list_head{
	color:#853aa8;
	border-left:#f58100 solid 3px;
	padding-left:8px;
	margin-bottom:20px;
}

.sitemap_position .list_type_01 a{
	color:#853aa8;
}

.sitemap_position .list_type_02 ul{
	margin-top:5px;
	margin-left:0.8rem;
}

.sitemap_position .list_type_02 li a{
	color:#853aa8;
	margin-left:0.5em;
}

.sitemap_position .list_type_02 li:before{
	content:"E";
	color:#853aa8;
}

.sitemap_list + .sitemap_list{
	margin-left:80px;
}

#classroom .course-w{
	padding:10px 10px 40px 10px;
}

#classroom .course li{
	float:left;
	margin:8px 3px;
}

#classroom .course a{
	line-height:1.5;
	color:#0b5e89;
}

.instructor_list li{
	float: left;
	margin:10px 5px 0;
	width:150px;
}

.instructor_list li img{
	width:150px;
}

.instructor_list li p{
	text-align: center;
}

.map_area_course{
	margin:20px 0 0px;
}

.map_area_course ul{
	margin:10px 0 0 20px;
}

.map_area_course li{
	padding-left:25px;
	background-image:url("../img/top_map_icon.png");
	background-repeat: no-repeat;
	background-position: left center;
	height:24px;
	margin-bottom:7px;
	margin-right:15px;
	float:left;
}




/* ƒXƒ}ƒz */

@media screen and (max-width: 640px) {

	.sp{
		display:block;
	}

	.pc{
		display:none;
	}

	.top-main{
		margin-top:40px;
		height:250px;
		background-size:100%;
		background-position:center center;
	}

	.top-bg-01{
		height:250px;
		background-size:130%
	}

	.top-bottom{
		margin-top:-440px;
	}

	.top-bottom img{
		height:100px;
	}

	.sec-glay{
		padding:20px 5px;
	}

	.sec-glay .sec-title{
		font-size:1.2rem;
	}

	.sec-glay img{
		float:none;
		margin-right:0;
		margin-bottom:5px;
		width:100%;
	}

	.sec .sec-title-bg{
		font-size:1.2rem;
	}

	.taiken_step{
		text-align: center;
	}

	.taiken_step img{
		float:none;
		margin-right:0px;
	}

	.taiken_step p{
		text-align: left;
	}


	#toppage .course li{
		width:150px;
	}

	#toppage .course li img{
		width:150px;
	}

	.map_area{
		padding:0px 5px;
		}

	.map_area li{
		float:left;
		margin-right:15px;
	}

	.map_area img{
		float:none;
		padding-right:0px;
		width:100%;
	}

	#footer_logo{
		float:none;
		text-align:center;
	}

	#footer_logo img{
		width:50%;
	}

	#footer_banner{
		float:none;
		text-align:center;
		margin-top:15px;
	}

	.copyright{
		font-size:0.7rem;
	}

	.list_type_03{
		margin-top:15px;
		text-align:center;
	}

	.list_type_03 a{
		color:#fff;
	}



/*@ƒXƒ}ƒz ‰Ί‘wƒy[ƒW */

	.cont-bg-01-voicetraining{
		height:170px;
		background-size:130%
	}

	.cont-bg-01-bass{
		height:170px;
		background-size:130%
	}

	.cont-bg-01-drum{
		height:170px;
		background-size:130%
	}

	.cont-bg-01-gagaku{
		height:170px;
		background-size:130%
	}

	.cont-bg-01-guitar{
		height:170px;
		background-size:130%
	}

	.cont-bg-01-piano{
		height:170px;
		background-size:130%
	}

	.cont-bg-01-sax{
		height:170px;
		background-size:130%
	}

	.cont-bg-01-trumpet{
		height:170px;
		background-size:130%
	}

	.cont-bg-01-violin{
		height:170px;
		background-size:130%
	}


	.cont-main{
		height:170px;
		background-size:100%;
		background-position:center center;
	}

	.cont-bg-01{
		height:170px;
		background-size:130%
	}

	.cont-bg-02{
		height:170px;
		background-size:130%;
	}

	.cont-bottom{
		margin-top:-155px;
		padding-right:10px;
	}

	.cont-bottom img{
		height:100px;
	}

	.site-title{
		padding-top:0px;
	}

	.cont-title{
		padding-top:140px;
		height:30px;
		padding-left:5px;
	}

	.pankuzu_txt{
		font-size:0.7rem;
	}

	.pankuzu_txt a{
		font-size:0.7rem;
	}

	.form_table th{
		width:45%;
		font-size: 0.8rem;
	}

	.form_table input{
		width:100%;
	}

	.form_table textarea{
		width:100%;
	}

}