@charset "utf-8";
/* CSS Document */



#lessonContainer{
	background-image: url(../images/lesson/back_lesson.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding:10px 0 0 0;
	margin:-90px 0 0 0;
}



h3#lessonTitle{
	width:220px;
	background-color:#000000;
	color:#FFFFFF;
	line-height:50px;
	height:50px;
	font-size:24px;
	padding:0 20px;
	background-image:none;
	letter-spacing:6px;
	margin:20px 0 0 0;
	}

#lesson{
	width:720px;
	float:left;
	margin:0 0 40px 0;
	padding:20px 0 0 0;
	background-repeat:no-repeat;
	background-position:right 10px; 
	}


#lessonExplain{
	padding:30px 320px 20px 20px;
	height:258px;
	 }

#lessonIndexTitle{
	background-image: url(../images/lesson/index.png);
	background-repeat: no-repeat;
	background-position: center top;
	height:360px;
	}
#lessonInner{
	padding:20px;
	}

#lessonIndex{
	width:900px;
	padding:30px;}
ul#lessons{
	padding:20px;
	margin:0px;
	position:relative;
	background-image:url(../images/lesson/back_notice.gif);
	}
ul#lessons li{
	margin:0 00px 20px 0px;
	height:218px;
	border:1px solid #ffffff;
	position:relative;
	   -moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
	     -o-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
	    -ms-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
	        box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
background-color:#feffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOWY3ZjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #feffff 0%, #f9f7f1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feffff), color-stop(100%,#f9f7f1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #feffff 0%,#f9f7f1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #feffff 0%,#f9f7f1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #feffff 0%,#f9f7f1 100%); /* IE10+ */
background: linear-gradient(to bottom,  #feffff 0%,#f9f7f1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#f9f7f1',GradientType=0 ); /* IE6-8 */
_background:#feffff;
	}

ul#lessons li div.lessonsPhoto{
	float:left;
	padding:0 10px 0 0;}

ul#lessons li h4{
	font-family: Hiragino Mincho ProN,"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E","ＭＳ Ｐ明朝", serif;
	background-color:#000000;
	border-bottom:2px solid #c3b379;
	color:#FFFFFF;
	font-size:21px;
	line-height:40px;
	font-weight:normal;
	letter-spacing:2px;
	margin:10px 0;
	width:300px;
	}
ul#lessons li p{
	line-height:150%;
	font-size:11px;
	padding:0 10px 5px 0;
	}
ul#lessons li p.catchcopy{
	padding:0 10px 5px 0;
	margin:15px 0 10px 0;
	line-height:20px;
	font-size:14px;
	font-family: Hiragino Mincho ProN,"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E","ＭＳ Ｐ明朝", serif;
	font-size:21px;
	}
ul#lessons li p.detail{
	position:absolute;
	bottom:0px;
	right:0px;
	}

.notice{
	padding:20px;
	margin:0 0 40px 0;
	background-color:#f9f7f1;
	background-image: url(../images/lesson/back_notice.gif);
	background-repeat: repeat-x;
	background-position: left top;
	}

#lesson dl ,#lesson li{
	padding:10px 0;
	clear:both;
	border-bottom:1px dotted #c3b379;
	line-height:21px;
	}
#lesson dt{
	width:140px;
	float:left;
	text-align:center;
	line-height:21px;
	}

#lesson dd{
	margin:0 0 0 160px;
	padding:0;
	line-height:21px;
	}
#lesson dd.large{
	font-size:21px;
	font-family: Hiragino Mincho ProN,"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E","ＭＳ Ｐ明朝", serif;
	padding-bottom:5px;
	}

#curriculum{
	margin:20px 0 20px 0;
	}
#lesson #curriculum dl{
	border:none;
	height:auto;
	line-height:50px;
	position:relative;
	_position:static;
	margin:-8px 0;
	padding:15px 0 10px 0;
	background-image: url(../images/lesson/back_dt.png);
	background-repeat: no-repeat;
	background-position: 30px top;
	}
#lesson #curriculum dt{
	width:120px;
	float:left;
	text-align:center;
	font-size:21px;
	font-family: Hiragino Mincho ProN,"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E","ＭＳ Ｐ明朝", serif;
	padding-bottom:0px;
	color:#bb5ca0;

}
#lesson #curriculum dd{
	margin:0 0 0 120px;
	font-size:18px;
	font-family: Hiragino Mincho ProN,"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E","ＭＳ Ｐ明朝", serif;
	padding-bottom:5px;
	border-bottom:1px dotted #c3b379;
	height:auto;
	line-height:150%;
	}
	



#classes{
	   -moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
	     -o-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
	    -ms-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
	        box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
	margin:0 0 20px 0;
	}
#classes h4{
	height:40px;
	line-height:40px;
	margin:0;
	padding:0;
	border:none;
	}

#classes ul li{
	height:35px;
	line-height:35px;
	border-top:1px solid #ede8d7;
	font-size:12px;
	background-color:#ffffff;
	}
#classes ul li a{
	display:block;
	padding:10px 10px 10px 25px;
	color:#555;
	background-image: url(../images/common/arrow_1.png);
	background-position: 9px center;
	background-repeat:no-repeat;
	}
#classes ul li a{
	display:block;
	padding:0 0 0 25px;
	color:#555;
	background-image: url(../images/common/arrow_1.png);
	background-position: 9px center;
	background-repeat:no-repeat;
	}
#classes ul li a:hover{
	background-color:#f9f7f1;
	}