@charset "utf-8";


#FLO_R,
.flo_r{
	float: right;
}

#FLO_L,
.flo_l{
	float: left;
}

a img:hover {
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter:"alpha(opacity=70)";
}

/* *********************************************************************************************************************
 * Common columns definitions
 **********************************************************************************************************************/
.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 {
	float: left;
	margin: 0 0% 20px 2%;
	padding:0px 0px;
	display:block;
	text-align:left;
}

.col1.last, .col2.last, .col3.last, .col4.last, .col5.last, .col6.last, .col7.last, .col8.last, .col9.last, .col10.last, .col11.last, .col12 {
	/*margin: 0;*/
}

.col1 { width: 5.5%; }
.col2 { width: 14%; }
.col3 { width: 22.5%;} 
.page-template-lesson-list .col3{
		background:url(/img/ext/lesson-bg.png) repeat left top;
		overflow:hidden;
		height:470px;}
.col4 { width: 31%; }
.col5 { width: 39.5%; }
.col6 { width: 48%; }
.col7 { width: 56.5%; }
.col8 { width: 65%; }
.col9 { width: 73.5%; }
.col10 { width: 82%; }
.col11 { width: 90.5%; }
.col12 { width: 99%; margin: 0; }

.col1 img, .col2 img, .col3 img, .col4 img, .col5 img, .col6 img, .col7 img, .col8 img, .col9 img, .col10 img, .col11 img, .col12 img {
	margin:10px auto 0;
	height: auto;
	display: block;
	width:92%;
}

.single-lesson h1.lesson,
.page-template-lesson-list h1.lesson{
	text-align:left;
	background:url(/img/ext/h1.jpg) no-repeat left bottom!Important;
	color:#330000!Important;
	font-size:20px!Important;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding: 10px 0 0 50px;
	height:auto;
	line-height:28px;
	margin-bottom:20px;
}


.page-template-lesson-all h1.lesson{
	background:url(/img/ext/h1.jpg) no-repeat left bottom;
	width:900px!Important;
	padding: 10px 0 0 50px;
	height:auto;
}

.page-template-lesson-all h1.lesson a{
	text-align:left;
	color:#330000;
	font-size:20px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:28px;
	margin-bottom:20px;
}

.single-lesson h2,
.page-template-lesson-all h2{
	text-align:left;
	border-bottom:1px solid #666666;
	color:#330000;
	font-size:18px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding: 10px 0 0 10px;
	height:auto;
	line-height:28px;
}

.single-lesson h3,
.page-template-lesson-all h3{
	text-align:left;
	background:url(/img/ext/h3.jpg) no-repeat left center;
	padding: 0px 0 0 20px;
	color:#330000;
	font-size:18px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	height:auto;
	line-height:28px;
	margin-top:20px;
}






/* *********************************************************************************************************************
 * レッスン詳細
 **********************************************************************************************************************/
 
.single-lesson p{
	text-align:left;
	color:#333;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!Important;
}

.single-lesson p.txt,
.page-template-lesson-all p.txt{
	padding:10px;
}

.beginner{
	background:url(/img/ext/beginner.jpg) repeat left top;
	padding:20px;
	margin-bottom:30px;
}

.inter{
	background:url(/img/ext/inter.jpg) repeat left top;
	padding:20px;
	margin-bottom:30px;
}

.advanced{
	background:url(/img/ext/advanced.jpg) repeat left top;
	padding:20px;
	margin-bottom:20px;
}

.teacher{
	margin:20px 0px 20px;
	text-align:left;
	background:url(/img/ext/top-bg.jpg) repeat top center;
}

.teacher_in{
	padding:20px;
	border-top:15px solid #d791b0;
	color:#330000;
	line-height:170%;
	font-size:16px;
}

img.girl{
	width:28px;
	height:29px;
}

.single-lesson .btn,
.page-template-lesson-all .btn{
	float:right;
	margin:0px 0 0 20px;
}

.single-lesson .btn img,
.page-template-lesson-all .btn img{
	width:100%;
	
}

.single-lesson .item{
	margin-bottom:5px;
}

.single-lesson .item2{
	margin-top:20px;
}

.single-lesson .photo,
page-template-lesson-all .photo{
	width:260px;
	height:130px;
}


.page-template-lesson-all a,
.single-lesson a{
	color: #21759b!Important;
}

.page-template-lesson-all a:hover,
.single-lesson a:hover{
	color: #0f3647!Important;
	text-decoration:none!Important;
}


/* *********************************************************************************************************************
 * レッスン一覧
 **********************************************************************************************************************/

.message{
	margin:20px 0px 20px;
	text-align:left;
	background:url(/img/ext/note-bg.jpg) no-repeat top center;
}

.message_in{
	padding:20px 80px 20px 60px;
	color:#330000;
	line-height:170%;
}

.message2{
	margin:20px 0px 20px;
	text-align:left;
	background:url(/img/ext/note-bg2.jpg) no-repeat top center;
}

.message_in2{
	padding:20px 80px 20px 80px;
	color:#330000;
	line-height:190%;
}

p.catch{
	padding:10px 10px 0;
	font-size:15px;
}


.page-template-lesson-list .detail{
	padding:10px 10px 0;
	font-size:15px;
}

.title{
	font-weight:bold;
	color:white;
	padding:10px;
	line-height:130%;
	height:40px;
}

.title a{
	color:white!Important;
	text-decoration:underline;
}

.title a:hover{
	color:white;
	text-decoration:none;
}

.pink{
	background-color:#d791b0;
}

.green{
	background-color:#9fd89a;
}

.orange{
	background-color:#eaad5e;
}

.blue{
	background-color:#94d0ec;
}
.purple{
	background-color:#d09ad8;
}

.y-green{
	background-color:#c8ce1b;
}

.all{
	margin:0 auto 20px;
	width:240px;
}


	

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

.single-lesson .message_in{
	padding:20px 80px 20px 20px;
	color:#330000;
	line-height:150%;
}

.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11 {
	width: 31%;
	float:left;
}

.message2{
	margin:20px 0px 20px;
	text-align:left;
	background:url(/img/ext/note-bg.jpg) repeat top center;
}

.message_in2{
	border-top:15px solid #d791b0;
	padding:20px ;
	color:#330000;
	line-height:190%;
}



}

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


.single-lesson .btn,
.page-template-lesson-all .btn{
	float:none;
	width:80%;
	margin:0 auto;
}

.single-lesson .btn img{
}

.single-lesson .flo_r, .single-lesson .flo_l{
	float:none;
}

.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11 {
	float: none;
	width: 95%;
}

.page-template-lesson-list .col3{
	height:auto;
}

.single-lesson .photo{
	width:100%;
	height:auto;
}


.single-lesson h1.lesson,
.page-template-lesson-list h1.lesson{
	text-align:center;
	background:url(/img/ext/h1-bg.jpg) repeat left bottom!Important;
	color:#330000;
	font-size:20px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:28px;
	margin-bottom:20px;
	padding:10px;
}

.page-template-lesson-all h1.lesson{
	background:url(/img/ext/h1-bg.jpg) repeat left bottom!Important;
	padding: 10px;
	height:auto; 
	width:100%!Important;
	margin-bottom:20px;
}

.page-template-lesson-all h1.lesson a{
	text-align:center;
	color:#330000;
	font-size:20px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:28px;
}
}


/* *********************************************************************************************************************
 * レッスン教材詳細
 **********************************************************************************************************************/
 
 .materials_in{
	border:1px solid #4aacc5;
	padding:10px 20px;
}
 
.single-materials p{
	text-align:left;
	color:#333;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!Important;
}

.single-materials h1{
	font-size:140%!Important;
	background-color:#d1c0a5;
	color:#330000;
	border:none!Important;
	text-align:center;
	padding-top:3px!Important;
	
}

.single-materials #main h3{
	color:#333333!Important;
	margin:20px 0 10px;
	font-size:18px;
}

.single-materials #main p{
	margin-bottom:10px;
}



.single-materials .item{
	margin-bottom:5px;
}

.single-materials .item2{
	margin-top:10px;
}

.single-materials .photo{
	padding-right:20px;
	display:talbe-cell;
	width:130px;
	height:200px;
	text-align: center; /*左右中央*/
vertical-align: middle; /*上下中央*/
}

.single-materials .photo img{
	width:auto;
height:auto;
max-width:130px;
max-height:200px;
}

.single-materials a{
	color: #21759b!Important;
}

.single-materials a:hover{
	color: #0f3647!Important;
	text-decoration:none!Important;
}

.single-materials ul.level{
	margin:0 0 10px 0!Important;

}

.single-materials ul.level li{
	border:1px solid #d1c0a5;
	padding:0px 5px;
	color:#333;
	font-weight:bold;
	display: inline-block;
	margin:0px 10px 0px 0!Important;
	list-style:none outside;
	background-color:white;
	font-size:16px;
}

.single-materials .noboxshadow img{
	box-shadow:none!Important;
	border:none!Important;
	border-radious:none!Important;
}

.single-materials #main ul li{
	list-style:disc outside;
	margin-left:20px;
}