@charset "UTF-8";

/* 全てのブラウザーで使用 */

.all-lesson{
	margin:0 auto;
	width:1200px;
	height:1000px;
   /* border:solid 2px black; */
}

.lesson-middle{
	height:900px;    /*高さを修正して、フッターとの配置を調節する。*/
	width:1095px;
	margin:10px auto 50px auto;
}

.lesson-img1{
	background-image:url(../img/common/title_plate.png);             /* 画像のURLを指定       */
    background-repeat:  no-repeat;   	/* 画像の繰り返しを指定  */              
	width:1095px;    /* 横幅のサイズを指定    */
    height:76px;	/* 縦幅のサイズを指定    */
	position:relative;
}

.lesson-font{
	height:76px;
	color:#fdebc7;
	letter-spacing:0.05em;
	font-size:35px;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ', 'Meiryo', '游ゴシック', 'Yu Gothic', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	position:relative;
	top:20px;
	right:30px;
}

.lesson-up-middle{
	width:auto;
	height:auto;
	position:relative;
	top:20px;
}

.lesson-middle1{
	width:auto;
	height:auto;
	position:relative;
}

.lesson-font1{
	width:auto;    /* 横幅のサイズを指定    */
    height:auto;	/* 縦幅のサイズを指定    */
	font-size:18px;
	line-height:1.8;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ', 'Meiryo', '游ゴシック', 'Yu Gothic', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	position:relative;
	top:0px;
	left:115px;
}

.lesson-border{
	background-image:url(../img/common/red_dots.png);             /* 画像のURLを指定       */
    background-repeat:  no-repeat;   	/* 画像の繰り返しを指定  */ 
    margin:0 auto ;	
	clear:both;
	width:919px;    /* 横幅のサイズを指定    */
    height:15px;	/* 縦幅のサイズを指定    */
	position:relative;
	top:15px;
}

.lesson-middle2{
	width:auto;
	height:550px;      /* 高さを設定しないと、フッターが上がってしまう。 */
	position:relative;
	top:20px;
	overflow:hidden;
}

.lesson-sub-middle1{
	width:auto;
	height:auto;
	float:left;
	position:relative;
}

.lesson-img2{
	background-image:url(../img/lesson/rabbit.png);             /* 画像のURLを指定       */
    background-repeat:  no-repeat;   	/* 画像の繰り返しを指定  */              
	width:155px;    /* 横幅のサイズを指定    */
    height:238px;	/* 縦幅のサイズを指定    */
	position:relative;	
	top:80px;
}

.lesson-img3{
	background-image:url(../img/lesson/notes_red2.png);             /* 画像のURLを指定       */
    background-repeat:  no-repeat;   	/* 画像の繰り返しを指定  */              
	width:89px;    /* 横幅のサイズを指定    */
    height:166px;	/* 縦幅のサイズを指定    */
	/*transform:rotate(-10deg);
	-ms-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);*/ 
	position:relative;
	top:100px;
	left:120px;
}

.lesson-sub-middle2{
	width:auto;
	height:auto;
	float:left;
	position:relative;
}

table{
	position:relative;
	top:20px;
	left:60px;
}

table , td {
	border: 1px solid black;
	border-collapse:collapse;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ', 'Meiryo', '游ゴシック', 'Yu Gothic', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

.pink{
	background-color:#fad9e6;
}

.beige{
	background-color:#fdebc7;
}

.td-block1{
	width:150px;
	height:115px;
	vertical-align: middle;
}

.td-position-A{
	position:relative;
	left:20px;
}

.td-block2{
	width:460px;
	height:115px;
	line-height:1.2;
	text-align: left;
	vertical-align: middle;
}

.td-position-B{
	position:relative;
	left:10px;
}

.td-block3{
	height:40px;
}

.td-block4{
	line-height:1.2;
}

.td-block5{
	height:80px;
}

.td-block6{
	line-height:1.2;
}

.td-block7{
	height:60px;
}

.td-block8{
	line-height:1.2;
}

.bunner-block{
	width:auto;
	height:auto;
	position:relative;
}

.bunnerStudent{
	background-image:url(../img/lesson/bunner-student.jpg);             /* 画像のURLを指定       */
    background-repeat:  no-repeat;   	/* 画像の繰り返しを指定  */              
	width:250px;    /* 横幅のサイズを指定    */
    height:149px;	/* 縦幅のサイズを指定    */
	float:left;
	position:relative;
	top:45px;
	left:90px;
}

.bunnerStudent:hover{
	opacity:0.7;
}

.bunnerGallery{
	background-image:url(../img/lesson/bunner-gallery.jpg);             /* 画像のURLを指定       */
    background-repeat:  no-repeat;   	/* 画像の繰り返しを指定  */              
	width:250px;    /* 横幅のサイズを指定    */
    height:149px;	/* 縦幅のサイズを指定    */
	float:left;
	position:relative;
	top:45px;
	left:150px;
}

.bunnerGallery:hover{
	opacity:0.7;
}


.lesson-sub-middle3{
	width:auto;
	height:auto;
	float:left;
	position:relative;
}

.lesson-img4{
	background-image:url(../img/common/notes_green.png);             /* 画像のURLを指定       */
    background-repeat:  no-repeat;   	/* 画像の繰り返しを指定  */              
	width:100px;    /* 横幅のサイズを指定    */
    height:105px;	/* 縦幅のサイズを指定    */
	position:relative;
	top:50px;
	left:150px;
}

.lesson-img5{
	background-image:url(../img/lesson/penguin.png);             /* 画像のURLを指定       */
    background-repeat:  no-repeat;   	/* 画像の繰り返しを指定  */              
	width:255px;    /* 横幅のサイズを指定    */
    height:209px;	/* 縦幅のサイズを指定    */
	position:relative;
	top:130px;
	left:70px;
}

.lesson-photo{
	overflow:hidden;
	height:200px;
	width: 100%;
	padding: 0 10px;
}
.lesson-photo div{
	display:block;
	width:33%;
	float:left;
}
.lesson-photo div img{
	width:100%;
}