@charset "utf-8";

/* ------- 双方向性ライブ授業の魅力 ------ */

/* -index- */

html body.index div#main{
	padding-left:0;
	padding-top:0;
	}
.indexWrap{
	background:#e5e5e5;
	padding:15px 15px 5px 15px;
	}
.colum{
	width:230px;
	float:left;
	margin-right:10px;
	}
.indexWrap .last{
	margin-right:0;
	}

.indexContWrap{
	background:#ffffff;
	margin-bottom:10px;
	}
.indexCont{
	padding:10px;
	text-align:left;
	position:relative;
	}
.indexCont{
	padding:10px 10px 40px 10px;
	text-align:left;
	}
.indexCont .photo{
	margin-bottom:15px;
	}
.indexCont h4{
	margin-bottom:10px;
	}
.indexCont .txt{
	line-height:1.5;
	margin-bottom:10px;
	}
.indexCont ul.bottom{
	width:210px;
	position:absolute; bottom:10px; left:10px;
	}
.indexCont ul.bottomSp01{
	width:210px;
	position:absolute; bottom:10px; right:10px;	
	}
.indexCont .bottom li.num{
	float:left;
	}
.indexCont .bottom li.detail{
	float:right;
	}
	
	
/* -interview- */
	
.mainVis h3,
.mainVis h4{
	float:right;
}
.mainVis p{
	float:left;
}
.interview_txt{
	margin-bottom:30px;
}
.interview_txt p {
	margin-bottom:10px;
}
.interview_txt p.bb {
	border-bottom: 1px dotted #CCC;
	padding-bottom:10px;
	margin-bottom:10px;
}	
.interview_txt .blue {
	color: #0066CC;
	padding-right: 1em;
	font-weight: bold;
}
.interview_txt .red{
	color:#AC020D;
	padding-right: 1em;
	font-weight: bold;
}
.interview_txt ul{
	margin-bottom:10px;
	padding-left:10px;
}	
.interview_txt ul li{
	text-indent:-1.4em;
	padding:0 1.4em 0;
	margin-bottom:5px;
}	
	


.teacher {
	width: 710px;
	padding:10px;
	border:1px solid #CCC;
	margin-bottom:25px;
}
.teacher_text {
	float: right;
	width: 550px;
}
.teacher_text .name01 {
	font-size: 120%;
	padding: 0 0 8px 10px;
	font-weight: bold;
}
.teacher_text .name02 {
	line-height: 1.3;
	padding: 0px 0px 0px 10px;
}
.teacher_text .name03 {
	font-size: 150%;
	font-weight: bold;
	padding: 0px 0px 6px 10px;
}
.teacher_text .name03 span {
	font-size: 80%;
	font-weight: normal;
	color: #808080;
}
.teacher_text .name04 {
	background-color: #F5F0F0;
	padding: 10px;
	margin-bottom:10px;
}	

.back {
    background-image: url("../images/icon_back.gif");
    background-position: 0 0.2em;
    background-repeat: no-repeat;
    margin-top: 10px;
    padding-left: 20px;
}