@charset "utf-8";

/*****************************************************/
/** 中ページ用 **/
/*****************************************************/

/***************** 基本設定 *****************/
#Contents {
 	font-size: 2.7rem;
 	line-height: 1.7;
 	background: #e8dfed;
}

/***************** 見出しタグ *****************/

#Contents h2 {
	width: 100%;
	height: 140px;
	text-align: center;
	background-color: #bc96c9;
	background-size: contain;
 	margin: 1% auto 5% auto;
 	text-indent: -9999px;
}

.h2_news {
background: url(../images/sp/h2_news.png) no-repeat;
}

.h2_history {
background: url(../images/sp/h2_history.png) no-repeat;
}

.h2_schedule {
background: url(../images/sp/h2_schedule.png) no-repeat;
}

.h2_monthly {
background: url(../images/sp/h2_schedule.png) no-repeat;
}

.h2_course {
background: url(../images/sp/h2_course.png) no-repeat;
}
.h2_school {
background: url(../images/sp/h2_school.png) no-repeat;
}

.h2_gallery {
background: url(../images/sp/h2_gallery.png) no-repeat;
}

.h2_movie {
background: url(../images/sp/h2_movie.png) no-repeat;
}

.h2_voice {
background: url(../images/sp/h2_voice.png) no-repeat;
}

.h2_profile {
background: url(../images/sp/h2_profile.png) no-repeat;
}

.h2_contact {
background: url(../images/sp/h2_contact.png) no-repeat;
}
.h2_otoiawase {
background: url(../images/sp/h2_otoiawase.png) no-repeat;
}


#Contents h3 {
	width: 90%;
	background: #a35aa9 url("../images/sp/h3.png") no-repeat bottom right;
	background-size: 80%;
 	margin: 8% auto 3% auto;
 	padding: 3% 5%;
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
	color: #ffffff;
	clear: both;
}

#Contents h4 {
	width: 80%;
	background: url("../images/sp/h4.png") no-repeat center left;
	background-size: 10%;
 	margin: 1% auto 3% auto;
 	padding: 3% 5% 3% 15%;
	border-bottom: 2px solid #7d6a2e;
	clear: both;
}

#Contents .KijiArea {
	width: 92%;
 	margin: 1% 4% 5% 4%;
 	clear: both;
 	display: block;
}

/***************** 画像幅調整 *****************/
#Contents img {
	max-width: 90%;
	width: auto !important;
	height: auto !important;
	float: none !important;	
	display: block;
	margin: 10px auto;
}

/***************** map幅調整 *****************/
#Contents iframe {
	max-width: 90%;
	max-height: 90%;
	float: none !important;	
	display: block;
	margin: 10px auto;
}

/***************** テーブル *****************/
#Contents table {
    border: 1px #b684c2 solid;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 10px auto;
}

#Contents table th {
    padding: 10px;
    border: #b684c2 solid;
    border-width: 0 0 1px 1px;
    background: #c48ad2;
 /*   background: #a65eac; */
    color: #FFF;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}

#Contents table td {
    padding: 10px;
    border: 1px #b684c2 solid;
    border-width: 0 0 1px 1px;
    background: #f2d6f9;
}


/***************** ボタン *****************/
.PageNavi {
	text-align: center;
	clear: both;
	display: block;
	margin-top: 30px;
}

#Contents ul.button li, a.NaviBack, a.NaviNext {
	width: 90%;
	background: #ffffff;
 	margin: 1% auto 3% auto;
 	padding: 2% 5%;
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
	color: #ffffff;
	border: 2px solid #a35aa9;
	clear: both;
	color: #000000;
}

#Contents ul.button li a {
	color: #000000;
	display: block;
}

#Contents ul.button li:hover, .PageNavi a:hover {
	background: #f2d6f9;
}

#Contents ul.button li a:before {
	content: " ▶ ";
	font-size: 1.0em;
	color: #a35aa9;
}

/* 教室のご案内 */
.school_table {
 	width: 90%;
}

/* 生徒の声 */
.VoiceArea {
  margin: 30px auto 30px auto;
  width: 100%;
  line-height: 160%;
  padding: 0px 10px;
}

.voice_name {
  margin: 0px 0px 10px 0px;
  text-indent: 20px;
  font-weight: bold;
  color: #ffffff;
  background: #972424;
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
	display: inline;
	padding: 5px;
	margin: 4px 0px ;
}


/* お問合せ */
table.form  {
 	width: 100%;
}

.form table, .form tbody, .form tr, .form th, .form td {
	display: block;
	text-align: center;
	border: none;
}

.form tr{
	background: #f2d6f9;
}

input[type=text]{
	max-width:500px;
	min-width:100px;
	height:40px;
	-webkit-appearance: none;
}

input[type="submit"],input[type="button"] {
 	padding: 2% 5%;
	font-size: 1.0em;
	background: #ffffff;
	color: #000000;
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
	border: 2px solid #a35aa9;
	-webkit-appearance: none;
}