@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 #le4_top{
	margin-bottom:30px;
}


#mainContents #le4_top p{
	float:left;
	width:250px;
}

#mainContents #le4_top_right{
	float:left;
	width:400px;
	margin-left:20px;
}


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

#mainContents #le4_top ul li{
	float:left;
	color:#fff;
	background:#6394d4;
	padding:5px;
	margin:0 5px 5px 0;
}

#mainContents #le4_top ul{
	height:40px;
}

#mainContents #le4_top #le4_top_right p{
	width:400px;
	font-size:109%;
}


/* 所属学校*/
.student_school{
	margin-bottom:30px;
}

.student_school p.ss{
	color:#6394d4;
	padding:7px 0 7px 10px;
	border-left:8px solid #6394d4;
	border-bottom:1px solid #6394d4;
}

.student_school p.ss+p{
	padding-top:10px;
}


	
/* おすすめ*/
.osusume{
	margin-bottom:30px;
}

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

.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 #6394d4;
	width:100%;
}

table tr{
	border-bottom:1px dashed #6394d4;
}


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

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

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;
}