@charset "utf-8";

body{
	margin:0;
	padding:0;
  font-size:97%;
  font-weight:normal;
  line-height:1.6;
	font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Verdana, "メイリオ", Meiryo, sans-serif;
	color:#664C00;

/*	font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif; */
	
  	background-color:#fff;
	-webkit-text-size-adjust: 100%;
}
body a:link{
  color:#664C00;
  text-decoration:none;
  }
body a:visited{
  color:#664C00;
  text-decoration:none;
  }
body a:hover{
	color:#9E7D5C;
  text-decoration:none;
  }
body a:active{
	color:#9E7D5C;
  text-decoration:none;
  }
body a img{
  border:0px;
  }
body a:hover img{
  filter:alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
  }

h1,h2,h3,h4,h5,h6,p,div,img,dl,dt,dd,ol,ul,li,form,header,nav,section,footer{
	margin:0;
	padding:0;
	font-size:100%;
}
table,tr,th,td{
	margin:0;
	padding:0;
	border-collapse:collapse;
  	vertical-align:top;
  }
img{
	max-width:100%;
	height:auto;
	border:0;
	vertical-align:bottom;
}

h1,h2,h3,h4,h5,h6,p,dl,ol,ul{
	margin-bottom:20px;
}

section{
	padding:40px 0 0 0;
}

.active{
	color:#ff5500;
}
  
.for_pc {
	display:block;
}
.for_pc_td {
	display:table-cell;
}
.for_sm {
	display:none;
}
.for_sm320 {
	display:none;
}
/*---------- width  ----------*/
.inner{
  margin:0 auto 0 auto;
  width: 1100px;
  /*\*//*/
  overflow:hidden;
  /**/
  }
.inner:after{
  height:0;
  visibility:hidden;
  content:".";
  display:block;
  clear:both;
  }


/*---------- font  ----------*/
.g_font {
	font-family: 'Gentium Book Basic', serif;
	color:#664C00;
}
.m_font {
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.space05 {
	padding-left:0.5em;
	letter-spacing:0.5em;
}

.indent1 {
	margin-left:1em;
	text-indent:-1em;
}

.spacer {
	margin:0;
	padding:0;
	clear:both;
	height:1px;
}

/*---------- back-ground  ----------*/
.bg_pink {
	background-color:#FFF6F9;
}

.bg_pink2 {
	background-color:#FFF9FB;
}

.bg_yellow {
	background-color:#FCFAF3;
}
.bg_cream {
	background-color:#FFFCF5;
}
.bg_blue {
	background-color:#F5FDFD;
}

.bg_green {
	background-color:#F6FEFB;
}

.bg_orange {
	background-color:#FFFBF9;
}

.bg_purple {
	background-color:#FAFAFF;
}


/*---------- button style  ----------*/
.button_style1{
	width:265px;
	color:#664C00;
	font-size:100%;
	font-weight:normal;
	background-color:#fff;
	text-align:center;
	line-height:1;
	border-radius: 10px;
	border:1px solid #E4DCCB;
	overflow:hidden;
}

.button_style1 a{
	display:block;
	padding:10px 0;
}


/* -------------------------------------------------------------------------------------------- */
/* container                                                                                    */
/* -------------------------------------------------------------------------------------------- */
#container{
  width: 100%;
  min-width:1100px;
  position:relative;
  text-align:left;
 border-top:4px solid #8C6900;
 }
  
/* -------------------------------------------------------------------------------------------- */
/* header                                                                                       */
/* -------------------------------------------------------------------------------------------- */
header{
  }

header h1{
	margin:0 0 5px 10px;
	font-size:90%;
	color:#664C00;
	font-weight:normal;
}

/* -------------------------------------------------------------------------------------------- */
/* header　（PC用）                                                                              */
/* -------------------------------------------------------------------------------------------- */
#header_pc{
  }
/* ------------------------------- */
#header_pc_logo{
	margin:0 0 0 10px;
  width:324px;
  height:50px;
  padding:0;
  }
/* ------------------------------- */
#header_pc_contact{
	margin:-40px 20px 15px 0;
	font-size:110%;
	text-align:right;
	height:40px;
  }
/* ------------------------------- */

#menu_pc{
	position:relative;
	padding:5px 0;
	background-color:rgba(255,255,255,0.9);
	border-bottom:1px solid #E4DCCB;
	z-index:10000;

}

#menu_pc td{
	padding:0;
	line-height:140%;
	text-align:center;
  }

.menu_style1{
	font-size:160%;
}

.menu_style2{
	font-size:90%;
}

/* -------------------------------------------------------------------------------------------- */
/* slicknav                                                                                     */
/* -------------------------------------------------------------------------------------------- */

.slicknav_menu {
	display:none;
}

@media screen and (max-width: 500px) {
	.js #menu {
		display:none;
	}
	
	.js .slicknav_menu {
		display:block;
	}
}

/* -------------------------------------------------------------------------------------------- */
/* contents area                                                                                */
/* -------------------------------------------------------------------------------------------- */
#contents{
	clear:both;
  }

/* ------------------------------- */
/* go to pagetop                   */
/* ------------------------------- */

#page-top { 
    position: fixed; 
    bottom: 210px; 
    right: 30px; 
    font-size: 77%; 
    z-index:9999999999;
} 

#page-top a { 
    width: 47px; 
    text-align: center; 
    display: block; 
} 

#page-top a:hover { 
  filter:alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
} 


/* ------------------------------- */
/* go to the middle of page        */
/* ------------------------------- */

.page_link{
	height:100px;
	margin-top:-100px;
/*	background-color:rgba(255,0,0,0.30) */
  }

/* -------------------------------------------------------------------------------------------- */
/* footer                                                                                       */
/* -------------------------------------------------------------------------------------------- */
footer{
  clear:both;
  padding:20px 0;
	background-color:#8C6900;
	color:#fff;
  	text-align:center;
  }
footer p{
  margin:0;
	padding:0;
	line-height:1;
	font-size:90%;
  }


/* -------------------------------------------------------------------------------------------- */
/* top page                                                                                     */
/* -------------------------------------------------------------------------------------------- */

#top_image {
	margin:0;
	text-align:center;
	border-bottom:1px solid #E4DCCB;
	background-image:url(../image/top_image_pc_bg.jpg);
	background-repeat:no-repeat;
	background-position: center 0px;
}

/* ------------------------------- */
#top_message {
	margin:30px 50px;
	font-size:130%;
	color:#664C00;
}

/* ------------------------------- */
.top_school {
	margin:0 0 40px 80px;
	padding:10px;
	width:408px;
	border:1px solid #E4DCCB;
	background-color:#fff;
	float:left;
}

.top_school_info{
	padding-top:20px;
	width:258px;		
	float:left;
	text-align:center;
}
.top_school_info h2{
	font-size:140%;
}

.top_school_photo{
	width:150px;
	height:180px;
	float:right;
}

/* ------------------------------- */
.top_link_style {
	margin:0 25px 50px 15px;
	padding:10px 0 0 0;
	width:330px;
	float:left;
}

.top_link_style h2{
	margin:0 0 5px 0;
	font-size:240%;
	font-weight:normal;
	text-align:center;
	line-height:1;
}
.top_link_style h3{
	margin:0 0 10px 0;
	font-size:100%;
	font-weight:normal;
	text-align:center;
}

.top_link_message{
	padding:10px 10px 20px 10px;
	border-left:1px solid #E4DCCB;
	border-right:1px solid #E4DCCB;
	border-bottom:1px solid #E4DCCB;
}

.top_link_message p{
	min-height:6.8em;
}
.top_link_message div{
	margin:-10px auto 0 auto;
}

/* ------------------------------- */
.top_request_info {
	margin:0 20px 0 10px;
	padding:10px 0 0 0;
	width:550px;
	text-align:center;
	float:left;
}

.top_request_info h2{
	margin:30px 0 5px 0;
	font-size:250%;
	font-weight:normal;
	line-height:1;
}
.top_request_info h3{
	font-size:100%;
	font-weight:normal;
}

.top_request_info .button_style1{
	margin:0 auto;
}


#top_request_image {
	margin:0 40px 40px 10px;
	padding:0;
	width:470px;
	float:right;
}

/* ------------------------------- */
#top_profile h2{
	margin:0 0 5px 10px;
	font-size:250%;
	font-weight:normal;
	line-height:1;
	width:550px;
	text-align:center;
	float:left;
}
#top_profile h3{
	margin:0 0 10px 10px;
	font-size:100%;
	font-weight:normal;
	width:550px;
	text-align:center;
	float:left;
}

#top_profile_image {
	margin:-25px 100px 0 0;
	padding:0;
	width:220px;
	float:right;
}

#top_profile p{
	margin:0 0 20px 100px;
	width:670px;
	font-size:100%;
	text-align:left;
	float:left;
}

#top_profile .button_style1{
	margin:-40px 0 40px 151px;
}


/* ------------------------------- */
#top_news h2{
	margin:0 0 5px 0;
	font-size:240%;
	font-weight:normal;
	line-height:1;
	text-align:center;
}
#top_news h3{
	margin:0 0 10px 0;
	font-size:100%;
	font-weight:normal;
	text-align:center;
}

#blog_feed{
	margin:0 auto 60px auto;
	padding:10px;
	width:900px;
	height:140px;
	border:1px solid #E4DCCB;
	background-color:#fff;
	overflow: auto;
}

#blog_feed dl{
	margin-left:50px;
	list-style-type:none;
	line-height:1.4;
	}
#blog_feed dt{
	padding:2px 0px 2px 30px;
	list-style-type:none;
	color:#777;
	background-image:url('../image/arrow3.gif');
	background-position:0 10px;
	background-repeat:no-repeat;
	}
#blog_feed dd{
	margin:-1.5em 0 5px 8em;
	}

/* -------------------------------------------------------------------------------------------- */
/* sub page                                                                                     */
/* -------------------------------------------------------------------------------------------- */

#sub_title{
	height:80px;
	background-image:url(../image/sub_title_pc_bg.jpg);
	background-repeat:no-repeat;
	background-position: center 0px;
	border-bottom:1px solid #E4DCCB;
}

#sub_title h2{
	padding:20px 0 0 135px;
	line-height:1;
}
.title_style1{
	font-size:240%;
	font-weight:normal;
}
.title_style2{
	font-size:100%;
	font-weight:normal;
}

#sub_menu{
	margin:20px 0 30px 0;
}

#sub_menu ul{
	margin:0 0 0 50px;
	padding:0;
	list-style-type:none;
}

#sub_menu li{
	margin:0 30px 10px 0;
	color:#664C00;
	font-size:100%;
	font-weight:normal;
	background-color:#fff;
	text-align:center;
	line-height:1;
	border-radius: 10px;
	border:1px solid #E4DCCB;
	overflow:hidden;
	float:left;
}
#sub_menu a{
	display:block;
	padding:11px 5px;
}

.long_title{
	width:13em;
}
.short_title{
	width:8em;
}
.short_title2{
	width:9em;
}
.short_title3{
	width:6em;
}

.image_right1{
	margin:0 0 20px 40px;
	width:38%;
	float:right;
}
.image_right2{
	margin:0 0 20px 40px;
	width:48%;
	float:right;
}
.image_right3{
	margin:0 0 20px 40px;
	width:30%;
	float:right;
}
.image_bottom{
	margin:0 auto 20px auto;
	width:85%;
}

/* ------------------------------- */

#sub_style section{
	margin:0 50px 80px 50px;
	padding:40px 50px 20px 50px;
	clear:both;
	
}

#sub_style h3{
	font-size:220%;
	font-weight:bold;
	color:#663300;
	
}

#sub_style h4{
	margin-bottom:5px;
	font-size:200%;
	color:#663300;
	font-weight:bold;
	
}

#sub_style h5{
	margin-bottom:10px;
	font-size:120%;
	color:#663300;
	font-weight:bold;
	
}

#sub_style ul{
	margin-left:30px;
}
#sub_style li{
	line-height:1.5;
	margin-bottom:10px;
	
}

.sub_message{
	margin:30px 50px;
}


/* ------------------------------- */

#concept_for_parents{
	margin:30px;
	padding:20px 30px 10px 30px;
	border:5px solid #FFE2E6;
	background-color:#FFFDFD;
	
}

/* ------------------------------- */

.lesson_style1{
	margin-bottom:40px;
	padding:20px 30px;
	border:5px solid #E9F8EE;
	background-color:#FDFFFD;

	
}
.lesson_style1 li span{
	font-weight:bold;
	font-size:110%;
	
}

#lesson_piano_table{
	margin:0 0 20px 0;
	width:900px;
	
}

#lesson_piano_table td{
	width:410px;
	padding:0 20px;
	vertical-align:bottom;
}

.lesson_dl1 {
	margin-bottom:20px;
}
.lesson_dl1 dt{
	width:4em;
	background-color:#13A425;
	color:#fff;
	text-align:center;
	font-weight:bold;
}
.lesson_dl1 dd{
	margin:-1.6em 0 15px 5em;
}


.lesson_dl2 {
	margin-bottom:20px;
}
.lesson_dl2 dt{
	font-size:110%;
	font-weight:bold;
}
.lesson_dl2 dd{
	margin-left:1em;
}

#sub_style .lesson_ul{
	margin-left:1em;
	list-style-type:none;
}
#sub_style .lesson_ul li{
	margin:0 5px 0 0;
	display:inline-block;
}


/* ------------------------------- */

.access_style {
	width:330px;
	float:left;
	
}

.access_style img{
	margin:30px 0 0 0;
	width:280px;
	
}

.map {
	width:550px;
	box-sizing: border-box;
	margin: 0;
	float:right;
}

/* ------------------------------- */
/* for table */
#form-tbl {
	margin-left: 50px;
}
#form {
	border-collapse: collapse;
	margin: 0 0 30px 0;
	width:900px;
}
#form th, #form td {
	border: 1px solid #E4DCCB;
	padding: 8px 20px;
}
#form th {
	white-space: nowrap;
	background: #FCFAF3;
	font-weight:normal;
	width:10em;
}
#form th span{
	color:red;
	font-size:80%;
}
#form td {
	background: #fff;
}
p.btn {
	margin-bottom:40px;
}
p.btn input {
	width: 120px;
	height: 32px;
}
/* for message */
p.msg {
	color: #dd0000;
	margin: 2em 0 2em 50px;
}
span.msg {
	color: #dd0000;
}

/* for back-button */
form.back {
	margin-top: 2em;
}