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


/*****************************************************************
	瓢箪山校の場合
*****************************************************************/

.school_navi1 a{
	width:101px;
	background-position:0 -140px;
}

/*****************************************************************
	ナビ(schedule)scheduleの中のlessonという意味で
*****************************************************************/

.navi4 a{
	width:112px;
	background-position:-352px -160px;
}

/*****************************************************************
	スケジュール
*****************************************************************/

#lesson{
	width:960px;
	margin:0 auto;
	overflow:hidden;
}

.title01{
	width:100%;
	height:45px;
	border-bottom:10px solid #ff2600;
	float:left;
}

.title01 h2{
	font-size:3.1em;
	font-weight:normal;
	color:#000000;
	line-height:45px;
	text-indent:-3px;
}

/*****************************************************************
	レッスン詳細
*****************************************************************/

.lesson_l{
	width:470px;
	margin:20px 20px 0 0;
	float:left;
}

.lesson_individual{
	width:470px;
	float:left;
}

.lesson_title{
	width:100%;
	height:30px;
	background:#000000;
	float:left;
}

.lesson_title h3{
	font-size:1.1em;
	font-weight:normal;
	color:#ffffff;
	line-height:32px;
	text-indent:5px;
}

.lesson_detail01{
	width:100%;
	border-bottom:1px solid #cccccc;
	padding:10px 0 10px 0;
	float:left;
}

.lesson_detail_l{
	width:130px;
	height:25px;
	background:#000000;
	float:left;
}

.lesson_detail_l p{
	font-size:0.9em;
	color:#ffffff;
	line-height:27px;
	text-align:center;
}

.lesson_detail_r{
	width:340px;
	float:left;
}

.lesson_detail_r p{
	font-size:0.9em;
	line-height:25px;
	text-indent:1.1em;
}

.lesson_detail_text{
	width:100%;
	margin:5px 0 0 0;
	float:left;
}

.lesson_detail_text p{
	font-size:0.9em;
}

.lesson_detail_text p span{
	font-weight:bold;
	color:#ff00ff;
}

/*****************************************************************
	インストラクター
*****************************************************************/

.lesson_r{
	width:470px;
	margin:20px 0 0 0;
	float:left;
}

.instructor_individual{
	width:470px;
	float:left;
}

.instructor_title{
	width:100%;
	height:30px;
	background:#000000;
	float:left;
}

.instructor_title h3{
	font-size:1.2em;
	color:#ffffff;
	line-height:32px;
	text-indent:5px;
}

.lesson_instructor{
	width:100%;
	margin:10px 0 0 0;
	float:left;
}

.instructor_detail{
	width:470px;
	border-bottom:2px solid #000000;
	margin:10px 0 0 0;
	float:left;
}

.instructor_img{
	width:140px;
	height:140px;
	float:left;
}

.instructor_img img{
	width:140px;
	height:140px;
	border:2px solid #000000;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
}

.dance_category_box{
	width:320px;
	margin:0 0 0 10px;
	float:left;
}

.dance_category{
	width:100px;
	height:20px;
	background:#000000;
	margin:0 6px 0 0;
	float:left;
}

.dance_category p{
	font-size:0.7em;
	color:#ffffff;
	line-height:21px;
	text-align:center;
}

.instructor_name{
	width:320px;
	height:40px;
	border-bottom:3px solid #ff2600;
	margin:17px 0 0 10px;
	float:left;
}

.instructor_name p{
	font-size:2em;
	font-weight:bold;
	color:#000000;
	line-height:40px;
}

.instructor_introduction{
	width:100%;
	padding:10px 0 10px 0;
	float:left;
}

.instructor_introduction p{
	font-size:0.8em;
	line-height:20px;
}

.lesson_charge{
	width:100%;
	margin:10px 0 0 0;
	padding:0 0 10px 0;
	border-bottom:2px solid #000000;
	float:left;
}

.lesson_charge_title{
	width:140px;
	height:25px;
	background:#000000;
	float:left;
}

.lesson_charge_title h4{
	font-size:0.9em;
	font-weight:normal;
	color:#ffffff;
	line-height:25px;
	text-align:center;
}

.lesson_charge_explanation{
	width:100%;
	margin:10px 0 0 0;
	float:left;
	position:relative;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
}

.lesson_charge_explanation a{
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	top:0;
	left:0;
}

.lesson_charge_explanation:hover{
	opacity:0.7;
}

.lesson_charge_name{
	width:100%;
	height:20px;
	float:left;
}

.lesson_charge_name p{
	font-size:0.9em;
	font-weight:bold;
	color:#000000;
	line-height:20px;
}

.lesson_charge_introduction{
	width:100%;
	margin:5px 0 0 0;
	float:left;
}

.lesson_charge_introduction p{
	font-size:0.8em;
	line-height:20px;
}

.instructor_glory{
	width:100%;
	margin:10px 0 0 0;
	padding:0 0 10px 0;
	border-bottom:2px solid #000000;
	float:left;
}

.instructor_glory_title{
	width:140px;
	height:25px;
	background:#000000;
	float:left;
}

.instructor_glory_title h4{
	font-size:0.9em;
	font-weight:normal;
	color:#ffffff;
	line-height:25px;
	text-align:center;
}

.instructor_glory_list{
	width:100%;
	margin:10px 0 0 0;
	float:left;
}

.instructor_glory_list p{
	font-size:0.8em;
	line-height:20px;
}

/*****************************************************************
	一覧ボタン
*****************************************************************/

.return_btn{
	width:200px;
	height:50px;
	background:#333333;
	margin:20px 135px 0 135px;
	float:left;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
}

.return_btn p{
	font-size:14px;
	line-height:54px;
	text-align:center;
}

.return_btn a{
	width:100%;
	height:100%;
	display:block;
	color:#ffffff;
}

.return_btn:hover{
	opacity:0.7;
}