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

.list_title {
	background-image: url(../images/china/sub_title.png);
	width: 96%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 7%;
	background-repeat: no-repeat;
	height: 42px;
}
.list_titletxt {
	padding-left: 5%;
	padding-top: 1%;
}
.recommendation {
	width: 96%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 3%;
}
.lesson_pri {
	width: 96%;
	margin-right: auto;
	margin-left: auto;
}
.tab img {
	width: 100%;
}
.tab2 img {
	width: 100%;
}
.tab3 img {
	width: 100%;
}
.tab4 img {
	width: 100%;
}
.tab5 img {
	width: 100%;
}
ul.tab{
	width: 100%;
	padding: 0px;
}
ul.tab li{
	list-style-type:none;
	float: left;
}
ul.panel{
	clear:both;
	border-top:none;
	padding-top: 4%;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}


ul.panel li{
	list-style-type:none;
	color:#333;
}
ul.tab2{
	padding-top: 0%;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
ul.tab2 li{
	list-style-type:none;
	float: left;
}
ul.panel2{
	clear:both;
	border-top:none;
	padding-top: 4%;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
ul.panel2 li{
	list-style-type:none;
	color:#333;
}
/*VIP用テーブルスタイル*/
.lesson_vip {
	width: 99%;
	border: 1px solid #cccccc;
	background-color: #FFF;
	border-collapse: collapse;
	margin-right: auto;
	margin-left: auto;
}
.lesson_vip tbody tr td {
	border: 1px solid #CCC;
}
.lesson_vip_title {
	background-color: #FFC800;
	vertical-align: middle;
	font-weight: bold;
	table-layout: fixed;
	text-align: center;
	width: 30%;
	padding: 2px;
}
.lesson_vip_fee {
	vertical-align: middle;
	text-align: center;
	table-layout: fixed;
	padding: 4px;
}
/*VIP用テーブルスタイル*/

.lesson_tb_left {
	background-color: #FFC800;
	vertical-align: middle;
	font-weight: bold;
	table-layout: fixed;
	text-align: center;
	padding: 4px;
	width: 56px;
}
.lesson_tb_right {
	vertical-align: middle;
	text-align: left;
	table-layout: fixed;
	/*width:28%;*/
	padding: 6px;
}
.vm {
	vertical-align: middle;
}
.lesson_title {
	font-weight: bold;
}
.lesson_tb_right span {
	display: block;
	text-align: left;
	vertical-align: baseline;
}
ul.tab3{
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
ul.tab3 li{
	list-style-type:none;
	float: left;
}
ul.panel3{
	clear:both;
	border-top:none;
	padding-top: 4%;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
ul.panel3 li{
	list-style-type:none;
	color:#333;
}
ul.tab4{
	padding-top: 0%;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
ul.tab4 li{
	list-style-type:none;
	float: left;
}
ul.panel4{
	clear:both;
	border-top:none;
	padding-top: 4%;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
ul.panel4 li{
	list-style-type:none;
	color:#333;
}
ul.tab5{
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
ul.tab5 li{
	list-style-type:none;
	float: left;
}
ul.panel5{
	clear:both;
	border-top:none;
	padding:0;
}
ul.panel5 li{
	list-style-type:none;
	color:#333;
}

.lesson_b03 {
	width: 99%;
	border: 1px solid #cccccc;
	background-color: #FFF;
	border-collapse: collapse;
	margin-right: auto;
	margin-left: auto;
}
.lesson_b03 tbody tr td {
	border: 1px solid #CCC;
}
.name {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	background-color: #ff8206;
	color: #FFF;
	padding-top: 1%;
	padding-bottom: 1%;
	padding-left: 15px;
	margin-top: 2%;
}
.staff_l {
	float: left;
	width: 50%;
}
.staff_r {
	float: left;
	padding-left: 2%;
	padding-top: 1%;
	width: 45%;
	font-size: 0.7em;
}
.staff_comment {
	background-color: #f7dbbf;
	padding: 10px;
	width: 94%;
	font-size: 0.9em;
}
.student_comment {
	background-color: #f7dbbf;
	padding: 10px;
	width: 94%;
	font-size: 0.9em;
}
.list_subtitle {
	background-image: url(../images/online_en/list_subtitle.jpg);
	width: 96%;
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
	height: 30px;
	margin-top: 2%;
}
.list_subtitle_txt {
	padding-left: 5%;
	padding-top: 1%;
}