@charset "utf-8";
@import url("../css/default.css");
@import url("../css/font.css");
@import url("../css/common.css");

/* CSS Document */


/*==========================================
コンテントボトムエリアの設定 
============================================*/
#contentsBottom{
	width:960px;
	margin:0 auto 300px;
    padding-top:55px;
}


/*==========================================
メインコンテントエリアの設定 
============================================*/
#mainContents{
	   float:left;
	   width:670px;
}

#mainContents p{
	line-height:1.5;
}



#mainContents #le3_top{
	margin-bottom:30px;
}


#mainContents #le3_top p{
	float:left;
	margin-right:20px;
	width:250px;
}

#mainContents #le3_top_right{
	float:left;
	width:400px;
	
}

#mainContents #le3_top h3{
	padding-bottom:10px;
}

#mainContents #le3_top ul li{
	float:left;
	color:#fff;
	background:#85b82c;
	padding:5px;
	margin:0 5px 5px 0;
}

#mainContents #le3_top ul{
	height:60px;
}

#mainContents #le3_top #le3_top_right p{
	width:400px;
	font-size:109%;
}

/* ミドルエリア*/

.le3_middle{
	margin-bottom:15px;
}

.le3_middle .le3_middle_left{
	float:left;
	width:320px;
	padding-right:15px;
	
}


.le3_middle h4{
	margin-bottom:10px;
}

	
/* おすすめ*/
.osusume{
	margin-bottom:15px;
	float:right;
	width:335px;
}

.osusume p{
	color:#85b82c;
	padding:7px 0 7px 10px;
	border-left:8px solid #85b82c;
	border-bottom:1px solid #85b82c;
}

.osusume ul{
	padding-top:10px;
}

.osusume ul li{
	margin-bottom:7px;
	background:url(images/les_icon01.gif) no-repeat left center;
	padding-left:17px;
}

/* 表*/

table{
	border:1px solid #85b82c;
	width:100%;
}

table tr{
	border-bottom:1px dashed #85b82c;
}


table tr th{
	width:40%;
	background:#f4f8ed;
	text-align:center;
	padding:15px 0;
	border-right:1px solid #85b82c;
}
	
table tr td{
	padding-left:15px;
}

ul.hyou{
	margin-top:10px;
	margin-bottom:50px;
}

ul.hyou li{
	padding-bottom:5px;
}

/* その他レッスン*/

#sonota{
	margin-top:60px;
}
	
#sonota ul li{
	float:left;
	padding-top:20px;
	width:215px;
}

#sonota ul li+li{
	margin-left:12.5px;
}


#sonota ul li a:hover img{
		opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: “alpha( opacity=70 )”;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	 -o-transition: all 0.3s ease;
	 -ms-transition: all 0.3s ease;
	transition: all  0.3s ease;
}

#mainContents  span{
	color:#ff0000;
}

#mainContents  a{
	text-decoration:underline;
}

#mainContents  a:hover{
	color:#ef7723;
}