@charset "utf-8";

/*コンテンツ全体*/

#article{
	clear:both;
	margin-bottom:5em;
	}

#article h2{
	line-height:35px;
	margin-bottom:50px;
	background:#000000;
	color:#FFFFFF;
	font-size:2em;
	font-weight:700;
	letter-spacing:0.1em;
	padding:20px;
	vertical-align:middle;
	font-family: 'Arimo',Arial, sans-serif;
	}

	
#article h2 span{
	font-size:0.7em;
	position:relative;
	top:-5px;
	}

/*コンテンツエリア　各セクションの共通スタイル*/

#article #section01,
#article #section02{
	clear:both;
	}

/*「クラス紹介」スタイル*/


#article #section01{
	margin-bottom:50px;
	}
	
#article #section01 img{
	float:right;
	}
	
#article #section01 dl{
	float:left;
	width:550px;
	}	

#article div h3{
	font-size:1.7em;
	margin-bottom:15px;
	letter-spacing:0.1em;
	line-height:1em;
	border-bottom:3px double #000000;
	padding-bottom:15px;
	}
	

#article #section01 dl dt{
	margin-bottom:20px;
	position:relative;
	padding:10px;
	line-height:1em;
	text-align:center;
	color:#FFFFFF;
	background:#14a83c;
	border-radius:5px;
	font-size:1.5em;
	letter-spacing:0.1em;
	z-index:0;
	}
	
#article #section01 dl>span{
	padding:5px;
	background:#fff000;
	white-space:nowrap;
	color:#000000;
	font-size:1.3em;
	line-height:1em !important;
	z-index:100 !important;
	position:relative;
	 -moz-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
	}	

#article #section01 dl dt span{
	position:absolute;
	left:570px;
	top:0;
	padding:10px;
	background:#e50011;
	white-space:nowrap;
	}	

#article #section01 dl dd{
	font-size:1.2em;
	padding:0 10px;
	margin-bottom:20px;

	}
	
#article #section01 dl dd img{
	position:relative;
	top: 50%;
	transform: translateY(-50%);
	}

/*「レッスン料金・詳細」スタイル*/


#article #section02,
#article #section03{
	width:435px;
	margin-bottom:30px;
	}
	
#article #section02{
	float:left;
	clear:both;
	}
	
#article #section03{
	float:right;
	}	

	

#article #section02 table{
	width:435px;
	position:relative;
	}

#article #section02 table caption{
	position:absolute;
	bottom:-40px;
	right:0;
	padding:10px;
	}

#article #section02 table th,
#article #section02 table td{
	padding:10px;
	line-height:1.5em;
	letter-spacing:0.1em;
	border:1px solid #BACBDF;
	}
			

#article #section02 table th{
	width:217px;
	background:#C8D9ED;
	text-align:center;
	}
	
#article #section02 table caption{
	margin-bottom:0.5em;
	text-align:right;
	letter-spacing:0.1em;
	}	
	
#article #section02 table td{
	text-align:right;
	}	

#article #section03 h4{
	padding:10px 0;
	line-height:1em;
	text-align:center;
	letter-spacing:0.1em;
	font-size:1.5em;
	color:#e50011;
	border:2px solid #e50011;
	margin-bottom:1em;
	}
	
#article #section03 p{
	font-size:1.2em;
	padding:0 10px;
	text-align:center;
	letter-spacing:0.1em;
	}	

/*ページ下部ナビゲーション*/

#aside a{display:block; margin-right:5px; text-decoration:none; float:left; width:175px;}
#aside a:hover{opacity:0.8;}
#aside a b{background:#000; color:#fff; display:table-cell; padding:5px 10px 0; height:60px; font-size:1.6em; line-height:120%; vertical-align:middle; width:175px; text-align: center;}
#aside a p{background:#eee; color:#000; display:block; padding:10px; width:175px;}