@charset "UTF-8";
/*
///////////////////////////////////////////
CSS FOR LESSON
Made by Tranpth
///////////////////////////////////////////
*/
/*/////SUB-VISUAL/////*/
#Sub-visual {
	width: 100%;
	height: 149px;
	margin: 0 auto 20px;
}
.inner-subvisual {
	width: 921px;
	height: 149px;
	position: relative;
	background: url(../images/lesson/img_subvisual.png) no-repeat center center;
}
.heading-two {
	width: 326px;
	height: 115px;
	position: absolute;
	top: 15px;
	left: 27px;
}
.heading-three {
	height: 50px;
	text-align: center;
	background: url(../images/contact/bg_h3.png) no-repeat center bottom;
	margin: 0 0 20px;
}
.heading-four {
	padding: 0 0 0 12px;
}
.breadcrumb {
	width: 900px;
	height: 25px;
	margin: 0 auto 30px;
	padding: 0 30px;
}
.breadcrumb li {
	font-size: 100%;
	line-height: 20px;
	color: #000800;
	float: left;
}
.breadcrumb li.top {
	height: 22px;
	width: 85px;
	padding: 3px 0 0 35px;
	background: url(../images/common/pattern_01.png) no-repeat left center;
}
.breadcrumb li.page {
	height: 22px;
	padding: 3px 35px 0 0;
	background: url(../images/common/pattern_02.png) no-repeat right center;
}
.breadcrumb li a {
	color: #000800;
	text-decoration: none;
}
.breadcrumb li a:hover {
	text-decoration: underline;
}
#Main {
	float: right;
}

/*/////SIDE/////*/
#Side {
	float: left;
	padding: 0 0 0 20px;
}

/* #Lesson */
#Lesson {
	width: 230px;
}


/* ******************** Tabs2 */
/* section */
.section{
	margin-left: 10px;	
}
.section p{
	color: #000800;
	line-height: 20px;
}
.section .title-h4{
	background: url(../images/lesson/bg_h4_01.png) no-repeat left top;
	padding: 20px 0 20px 60px;
	margin-bottom: 15px;
	margin-left: -10px;
}

.red{
	color: #bf1c3f !important;
}
.w200{
	width: 200px;
}

/* article */
.article{
	color: #000800;
}
.article .content-01{
	width: 360px;
	padding-top: 20px;
}
.article .content-02{
	width: 380px;
	padding-top: 20px;
}
.article p{
	margin-bottom: 15px;
}

/* price-block */
.price-block{
	position: relative;
	margin-left: 7px;
}
.price-block dl{
	background: url(../images/lesson/bg_tb.png) no-repeat left top;
	color: #000800;
	margin-top: -3px;
	clear: both;
}
.price-block dt{
	float: left;
	width: 120px;
	text-align: center;
	padding: 9px 0 17px;
}
.price-block dd{
	background: url(../images/lesson/bg_tb_line.png) no-repeat left bottom;
	padding: 9px 0 17px 160px;
	text-align: center;

}

.bd-bottom-white{
	border-top: 10px solid #fff;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	line-height: 0;
}

.button-01{
	clear: both;
	float: right;
}


/*************************** Lesson member  */
#Main{
	width: 690px;
}
.block-profile{
	background: #fffef6;

}
/* has-topbg */
.has-topbg{
	background: #fffef6 url(../images/lesson_member/bg_main_top.png) no-repeat center 30px;
}
.main-block{
	padding: 98px 20px 98px 0;
	text-align: center;
}

.section .title-03{
	background: url(../images/lesson_member/bg_h4_01.png) no-repeat left top;
	padding: 30px 0;
	text-align: center;
	width: 254px;
	margin-bottom: 10px;
}

/* news-block */
.news-block{
	background: url(../images/lesson_member/bg_news.png) no-repeat left top;
	padding: 39px 70px;
	margin: 0 -30px 0 -25px;
}
.news-block dl.news{
	height: 140px;	
}
.news-block dl.news dt{
	float: left;
	width: 95px;
	padding: 5px 0;
	line-height: 30px;	 
}
.news-block dl.news dd{
	padding: 5px 0;
	line-height: 30px;	
}

/*Custom CSS jsscroll*/
.news-scroll {
  height: 150px;
}
.news-scroll .jspVerticalBar {
  width: 7px;
}
.news-scroll .jspTrack {
  width: 7px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background: url(../images/lesson_member/bg_js_bar.png) repeat-y;
}
.news-scroll .jspDrag {
  width: 7px;
  height: 105px !important;
  margin: 0 auto;
  background: url(../images/lesson_member/js_bar.png) no-repeat;
}
.news-scroll .jspVerticalBar {
  background-color: #fff;
}

.title-flower{
	padding: 7px 0 5px 37px;

}
.pos-01{
	background: url(../images/lesson_member/bg_title_01.png) no-repeat left top;

}
.pos-02{
	background: url(../images/lesson_member/bg_title_02.png) no-repeat left top;
}

.stick{
	position: relative;
}

/* head-block */
.head-block{
	position: relative;
	margin-left: 7px;
}
.head-block dl{
	background: url(../images/lesson_member/bg_tb_top.png) no-repeat left top;
	color: #000800;
}
.head-block dt{
	float: left;
	width: 120px;
	text-align: center;
	padding: 9px 0 14px;
}
.head-block dd{
	background: url(../images/lesson_member/bg_tb_line_top.png) no-repeat left bottom;
	padding: 9px 0 17px 160px;
	text-align: center;
}

/* time-block */
.time-block{
	clear: both;
	background: url(../images/lesson_member/bg_tb_01.png) no-repeat left top;
	margin-top: -3px;
	margin-left: 7px;
}
.time-block li{
	background: url(../images/lesson_member/bg_tb_line_01.png) no-repeat left bottom;
	padding: 8px 0 14px;
	display: block;	
}
/* IE7 */
*:first-child+html .pd-ie7{ 
	background: url(../images/lesson_member/bg_tb_line_01.png) no-repeat left 29px;
}

.time-block p{
	float: left;
	text-align: center;
}
.time-block .text-title{
	width: 125px;
	padding-right: 15px;
}
.time-block .text-01{
	width: 220px;	
}
.note-02{
	color: #ac013c !important;
	font-weight: bold;
}

.caption{
	background: url(../images/lesson_member/icon_circle_grey.png) no-repeat left 5px;
	padding: 0 0 0 15px;
	margin: 10px 0 10px 10px;
	font-size: 117%;
}

/* blue-block */
.blue-block{
	position: relative;
	margin-left: 7px;
}
.blue-block dl{
	background: url(../images/lesson_member/bg_tb_blue.png) no-repeat left top;
	color: #000800;
}
.blue-block dt{
	float: left;
	width: 120px;
	text-align: center;
	padding: 9px 0 17px;
}
.blue-block dd{
	background: url(../images/lesson_member/bg_tb_line_blue.png) no-repeat left bottom;
	padding: 9px 0 17px 160px;
	text-align: center;
}

.head-block .bd-bottom-white,
.time-block .bd-bottom-white,
.blue-block .bd-bottom-white{
	border-top: 9px solid #fff;
	bottom: 0;
}

.blue-notes{
	clear: both;
	text-align: right;
	color: #007baf !important;
	padding-right: 10px;
	margin-top: -6px;
	z-index: 99;
	position: relative;

}

/*/////FORM/////*/
#Form {
  position: relative;
}

.tbl-contact {
  width: 100%;
}
.tbl-contact th {
  width: 175px;
  vertical-align: top;
  padding: 5px 10px 5px 5px;
  font-size: 117%;
  line-height: 30px;
  color: #000800;
  text-align: right;
}
.tbl-contact td {
  padding: 5px 5px 5px 0;
}
.tbl-contact td.slot-td {
  padding: 15px 5px 0 0;
}

.ipt-form {
  height: 20px;
  padding: 5px;
  border: none;
  color: #000800;
  font-size: 117%;
}
.ipt-form.case1 {
  width: 400px;
  background: url(../images/lesson_member/bg_ipt_01.png) no-repeat;
}
.ipt-form.case2 {
  width: 108px;
  background: url(../images/lesson_member/bg_ipt_02.png) no-repeat;
}
.ipt-form.case3 {
  width: 290px;
  background: url(../images/lesson_member/bg_ipt_03.png) no-repeat;
}
.ipt-form.case4 {
  width: 218px;
  float: left;
  background: url(../images/lesson_member/bg_ipt_04.png) no-repeat;
}

#Txtarea {
  width: 401px;
  height: 190px;
  padding: 5px;
  border: none;
  color: #000800;
  font-size: 117%;
  background: url(../images/lesson_member/bg_txt_area.png) no-repeat;
}

.box-btn {
  padding: 0;
}

.btn-form {
  width: 148px;
  height: 48px;
  border: none;
  cursor: pointer;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background: url(../images/lesson_member/btn_form.png) no-repeat;
}

.tbl-subform dt {
  width: 100px;
  float: left;
  padding: 5px;
  text-align: right;
  line-height: 30px;
  font-size: 100%;
  color: #000800;
}
.tbl-subform dt.private {
  padding: 0 5px 5px;
}
.tbl-subform dt.private1 {
  padding: 5px 0 0;
}
.tbl-subform dd {
  padding: 5px 0 5px 110px;
}
.tbl-subform dd.box-slt {
  padding: 5px 5px 0 110px;
  *padding: 5px 5px 5px 0;
}
.tbl-subform dd.private {
  padding: 0 0 5px 110px;
}
.tbl-subform dd.private1 {
  padding: 5px 0 0 110px;
}
.tbl-subform dd.box-senses {
  padding: 0 5px 0 110px;
  *padding: 0 5px 5px 0;
}
.tbl-subform dd.box-senses .ipt-form {
  float: left;
}

.Slt-form {
  width: 118px;
  height: 30px;
  padding: 5px;
}
.select-02 .Slt-form{
	width: 299px;
}
.ar-form {
  width: 22px;
  height: 22px;
  padding: 0 4px;
  vertical-align: middle;
  display: inline-block;
  background: url(../images/lesson_member/ar_form.png) no-repeat;
}

.note-form {
  color: #fb9c00 !important;
  font-size: 84% !important;
  padding: 0 5px !important;
}
.note-form.senses {
  float: left;
  margin: 8px 0 0 0;
}

.small-line{
	line-height: 18px;
}

.input_list li{
	display: inline;
	float: left;
	margin-right: 30px;
}

.pb-0{
	padding-bottom: 0 !important
}

.pos-flower-10 {
	position: absolute;
	left: -60px;
	bottom: -20px;
}
.pos-flower-11 {
	position: absolute;
	right: -55px;
	bottom: -35px;
}






/* ******************** Custom */
#Lesson .bg-top {
	width: 230px;
	padding-top: 90px;
	background: url(../images/lesson/bg_top_lesson.png) no-repeat left top;
}
#Lesson .bg-bottom {
	width: 230px;
	padding-bottom: 10px;
	background: url(../images/lesson/bg_bottom_lesson.png) no-repeat left bottom;
}
#Lesson .bg-middle {
	width: 230px;
	background: url(../images/lesson/bg_middle_lesson.png) repeat-y;
}
.block-sidebar {
	position: relative;
}
.block-sidebar .title-side {
	position: absolute;
	left: 2px;
	top: 32px;
	cursor: pointer;
}
.list-sidebar {
	padding: 5px 0 15px 20px;
}
.list-sidebar li {
	padding: 7px 0;
}
.list-sidebar li a {
	display: block;
}
.list-sidebar.show {
	display: block;
}
.list-sidebar.hide {
	display: none;
}
.inner-main {
	padding: 0 20px 0 0;
}
.block-profile {
	border: 1px solid #efd6d6;
	/*margin: 0 0 35px;*/
	padding: 30px 35px 30px 30px;
}
.block-profile.end {
	padding: 30px 35px 0 30px;
	padding: 30px 35px 10px 30px\9;
	margin: 0;
}
.block-profile .para {
	font-size: 100%;
	line-height: 20px;
	color: #000800;
	padding: 0 0 0 10px;
}
.block-profile .para.title {
	font-size: 134%;
}
.bottom-link {
	padding: 0 20px;
}
.bottom-link li {
	width: 50%;
	float: left;
}
.bottom-link .btn-next a {
	float: right;
	color: #000800;
	font-size: 100%;
	padding: 0 60px 0 0;
	text-decoration: none !important;
	background: url(../images/media/btn_next.png) no-repeat right center;
}
.bottom-link .btn-prev a {
	float: left;
	color: #000800;
	font-size: 100%;
	padding: 0 0px 0 60px;
	text-decoration: none !important;
	background: url(../images/media/btn_prev.png) no-repeat left center;
}
.txt01 {
	color: #000800;
	padding: 0 60px;
}
.hidden {
	display: none;
}
.cl-pink {
	color: #f355bd;
}
.pr-85 {
	padding-right: 85px;
}
.mb-55 {
	margin-bottom: 55px;
}
.mb-60 {
	margin-bottom: 60px;
}
.mb-65 {
	margin-bottom: 65px;
}
.mb-70 {
	margin-bottom: 70px;
}
.mb-75 {
	margin-bottom: 75px;
}
.mb-80 {
	margin-bottom: 80px;
}
.mb-85 {
	margin-bottom: 85px;
}
.mb-90 {
	margin-bottom: 90px;
}
.mb-95 {
	margin-bottom: 95px;
}
.mb-100 {
	margin-bottom: 100px;
}
.mb-105 {
	margin-bottom: 105px;
}
.mb-110 {
	margin-bottom: 110px;
}
.mb-115 {
	margin-bottom: 115px;
}
.mb-120 {
	margin-bottom: 120px;
}
.vertical-b {
	vertical-align: bottom;
}