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



/*
*
*
*	Lesson
*
*
*/


/*トップページ リンクボタン追加20220215*/
.f-container {
	display:flex;
}
.f-container > div{
    display: flex;
    align-items: center;
    width: 100%;
    background: #cbe6ed;
	margin: 0 1px;
}
.second {
  border-top: 3px solid #7aa004;
  background: #fbffed !important;
}
.first {
  border-top: 3px solid #f48503;
  background: #fff5e9 !important;
}
.you {
  border-top: 3px solid #ff5d4c;
  background-color: #fff2f1 !important;
}

.f-item a {
  display: block;
  position: relative;
  margin: 0 auto;
  padding: 1em 3.2em;
  color: #333;
  font-size: 14px;
  font-weight: 700;
  transition: 0.3s;
  text-decoration: none;
}

.f-item a::before {
  content: '';
  position: absolute;
  top: 50%;
  right: 0.5em;
  transform: translateY(-50%) rotate(45deg);
  width: 5px;
  height: 5px;
  border-top: 2px solid #333333;
  border-right: 2px solid #333333;
  transition: 0.3s;
}

.f-item a::after {
  content: '';
  position: absolute;
  top: 50%;
  right: calc(0.5em + 5px);
  transform: translateY(-50%) rotate(45deg);
  width: 5px;
  height: 5px;
  border-top: 2px solid #333333;
  border-right: 2px solid #333333;
  transition: 0.3s;
}

.f-item a:hover {
  text-decoration: none;
}

.f-item a:hover::before {
  right: 1.8em;
}

.f-item a:hover::after {
  right: calc(1.8em + 5px);
}

/*/////////////////////////////////////////////////////////////////////////////////////////////

	+ Outline

/////////////////////////////////////////////////////////////////////////////////////////////*/
html{
}

body{
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, "メイリオ", sans-serif;
	font-size:14px;
	line-height:1.7;
	color:#333333;
	letter-spacing:1px;
	vertical-align:baseline;
	background: #fff;
}
a{
	color:#0053c5;
}
a:hover,a:active{
	text-decoration:none;
}
a:visited{
	text-decoration:none;
}

.alpha a:hover img{
	opacity: 0.8;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
}
#contents div{
	margin-bottom:20px;
}
#contents p{
	margin-bottom:10px;
}
.mt_0{
	margin-top:0 !important;
}
.mt_5{
	margin-top:5px !important;
}
.mt_10{
	margin-top:10px !important;
}
.mt_20{
	margin-top:20px !important;
}
.mt_30{
	margin-top:30px !important;
}
.mb_0{
	margin-bottom:0 !important;
}
.mb_5{
	margin-bottom:5px !important;
}
.mb_10{
	margin-bottom:10px !important;
}
.mb_20{
	margin-bottom:20px !important;
}
.mb_30{
	margin-bottom:30px !important;
}
.row{
	overflow:hidden;
	zoom:1;
}
.f_10{
	font-size:10px !important;
}
.f_13{
	font-size:13px !important;
}
.f_15{
	font-size:15px !important;
}
.f_18{
	font-size:18px !important;
}
.f_21{
	font-size:21px !important;
}
.f_25{
	font-size:25px !important;
}
.f_bold{
	font-weight:bold!important;
}
.f_center{
	text-align:center!important;
}
.f_ling{
	line-height:1.3;
}
.f_black{
	color:#333 !important;
}
.f_red{
	color:#c92e35 !important;
}
.f_blue{
	color:#17589c !important;
}
.a_arrow{
	padding-left:15px;
	background:url(../img/arrow_red.gif) no-repeat left center;
	font-size:16px;
}
.bg_pink{
	background:#ffdef3 !important;
}
.a_arrow:hover{
	background-color:transparent !important;
	background-position: left center !important;
	background-image:url(../img/arrow_red.gif) !important;
	background-repeat:no-repeat !important;
	color:#b33f16 !important;
}
#contents .note{
	color:#900 !important;
	margin-bottom:25px;
}
#contents .comment{
	border:1px solid #F00;
	padding:12px;
	background:#fffbfb;
	display:block;
	margin-bottom:25px;
}
#contents .comment li{
	display:block;
	margin-bottom:10px;
}
#contents .comment dt{
	font-size:18px;
	font-weight:bold;
	margin-bottom:10px;
}
#contents .comment dd{
	margin-bottom:10px;
}
#contents .success{
	border:1px solid #1b7fef;
	padding:12px;
	background:#e9f3ff;
	display:block;
	margin-bottom:25px;
}
#contents .success li{
	display:block;
	margin-bottom:10px;
}
#contents .success dt{
	font-size:18px;
	font-weight:bold;
	margin-bottom:10px;
}
#contents .success dd{
	margin-bottom:10px;
}
#contents .report{
	border:1px solid #7fbd27;
	padding:12px;
	background:#fafff2;
	display:block;
	margin-bottom:25px;
}
#contents .report li{
	display:block;
	margin-bottom:10px;
}
#contents .report dt{
	font-size:18px;
	font-weight:bold;
	margin-bottom:10px;
}
#contents .report dd{
	margin-bottom:10px;
}
#contents .normal{
	border:1px solid #cccccc;
	padding:12px;
	background:#f9f9f9;
	display:block;
	margin-bottom:25px;
}
#contents .normal li{
	display:block;
	margin-bottom:10px;
}
#contents .normal dt{
	font-size:18px;
	font-weight:bold;
	margin-bottom:10px;
}
#contents .normalt dd{
	margin-bottom:10px;
}
#contents .fukidashi{
    background: url(../img/bg_fukidashi.gif) no-repeat scroll 40px bottom transparent;
    display: block;
    margin-bottom: 10px;
    overflow: hidden;
    padding-bottom: 18px;
}
#contents .fukidashi p{
    background: none repeat scroll 0 0 #48a0e4;
    border: 0 none;
    color: #FFFFFF;
    float: left;
    margin: 0;
    padding: 12px 30px 10px;
	font-weight:bold;
	font-size:21px;
}
#contents .fukidashi h4{
    background: none repeat scroll 0 0 #48a0e4;
    border: 0 none;
    color: #FFFFFF;
    float: left;
    margin: 0;
    padding: 12px 150px 10px;
	font-weight:bold;
	font-size:21px;
}
/*/////////////////////////////////////////////////////////////////////////////////////////////

	+ Header

/////////////////////////////////////////////////////////////////////////////////////////////*/

#wrap_head{
	border-bottom:3px solid #f2f5f5;
	text-align:center;
}
#head{
	width:980px;
	text-align:left;
	height:105px;
	position:relative;
	margin:0 auto;
}
#head #logo{
	position:absolute;
	left:0;
	top:13px;
	display:block;
}
#head #head_teaches{
	position:absolute;
	right:105px;
	top:18px;
}
#head #head_contact{
	position:absolute;
	right:0;
	top:18px;
}

/*/////////////////////////////////////////////////////////////////////////////////////////////

	+ Contents

/////////////////////////////////////////////////////////////////////////////////////////////*/
#wrap{
	text-align:center;
	padding-top:15px;
}
#contents{
	margin:0 auto;
	width:980px;
	text-align:left;
}

#contentsHead{
	position:relative;
	height:370px;
	margin-bottom:20px;
}
#contentsHead #wrap_h1{
	position:absolute;
	top:10px;
	left:0;
	z-index:10;
}
/*
#contentsHead h1{
	line-height:1;
	display:block;
	padding:85px 0 0 40px;
	color:#6d99bb;
	height:182px;
	width:938px;
	font-size:48px;
	font-weight:bold;
	border:1px solid #eee;
	font-family: "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", Meiryo, "メイリオ", sans-serif;
	background-image:url(../img/bg_h1.jpg);
	background-color:#fff;
	background-position:right top;
	background-repeat:no-repeat;
    text-shadow:
      2px 2px 2px #fff,
	  -2px 2px 2px #fff,
	  2px -2px 2px #fff,
      -2px -2px 2px  #fff;
}
#contentsHead h1 span{
	font-size:60px;
	display:block;
	color:#0079d6;
}
*/
#contentsHead #lesson_navi{
	display:block;
	overflow:hidden;
	zoom:1;
	height:60px;
	border:1px solid #eee;
	background:#f2f5f5;
	border-top-width:0;
	width:978px;
}
#contentsHead #lesson_navi li{
	font-size:15px;
	display:block;
	height:65px;
	line-height:1;
	border-right:1px solid #e9e9e9;
	float:left;
}
#contentsHead #lesson_navi li a{
	padding:24px 15px 0 25px;
	height:36px;
	display:block;
	text-decoration:none;
	background:url(../img/arrow.gif) no-repeat 10px center;
}
#contentsHead #lesson_navi li.sub_navi a{
	background:url(../lesson/spring2016/img/arrow02.gif) no-repeat 10px center;
}
#contentsHead #lesson_navi li a:hover{
	background-color:#edf6f8;
}
#contentsHead #ch_btn{
	position:absolute;
	left:-10px;
	top:0;
	z-index:10;
}
#course_navi{
	display:block;
	padding:10px;
	background:#effaff;
	overflow:hidden;
	zoom:1;
	margin-bottom:15px;
}
#course_navi li{
	float:left;
}
#panList{
	font-size:12px;
	position:absolute;
	left:0;
	bottom:0;
	z-index:1;
}
#contentsHead #panList li{
	float:left;
	padding-left:25px;
	background:url(../img/panList_arrow.gif) no-repeat 10px center;
}
#contentsHead #panList li.home{
	padding:0;
	background:none;
}
#contentsHead #lesson_sub_navi{
	position:absolute;
	top:330px;
	left:100px;
	z-index:10;
	padding-top:16px;
	background:url(../img/sub_navi_bg.png) no-repeat 120px top;
	display:none;
}
#contentsHead #lesson_sub_navi ul{
	display:block;
	border:5px solid #0079d6;
	overflow:hidden;
	zoom:1;
	width:675px;
	background:#FFF;
	z-index:10;
}
#contentsHead #lesson_sub_navi li{
	float:left;
	width:225px;
}
#contentsHead #lesson_sub_navi li a{
	padding:14px 5px 11px 35px;
	display:block;
	font-size:15px;
	background:url(../img/arrow.gif) no-repeat 13px center;
	border-bottom:1px solid #e1ebf2;
	border-right:1px solid #e1ebf2;
	text-decoration:none;
}
#contentsHead #lesson_sub_navi li a:hover{
	background-color:#edf6f8;
}
#contents h2 {
    font-size: 34px;
    font-weight: bold;
	line-height:1.1;
}
#contents .wrap_h2 {
    border-left: 10px solid #0079d6;
    margin-bottom: 15px;
    padding: 10px 0 0 15px;

}
#contents .wrap_h2 strong {
    color: #0079d6;
    display: block;
    font-size: 36px;
    font-weight: bold;
}
#contents .block{
	border:1px solid #cecece;
	padding:18px;
	overflow:hidden;
	zoom:1;
	clear:both;
	margin-bottom:30px;
}
#contents .blockBord{
	border:5px solid #f0e9cc;
	padding:18px;
	overflow:hidden;
	zoom:1;
}
#contents .b_dot{
	margin-bottom:30px;
	padding-bottom:10px;
	border-bottom:1px dashed #bbb;
}


#contents #news_table{
	border-collapse: collapse;
    border-spacing: 0;
	width:99%;
	margin-bottom:25px;
	border:4px solid #f0e9cc;
}
#contents #news_table th{
	text-align:left;
	vertical-align:middle;
	padding:15px 7px 12px;
	background:#f9f4e1;
	font-size:30px;
	color:#6a6552;

}
#contents #news_table td{
	padding:15px 15px 12px;
	background:#fff;
}
#contents #news_table td ul{
	display:block;
	overflow:hidden;
	margin-top:20px;
}
#contents #news_table td ul li{
	display:block;
	width:43%;
	padding:20px 3%;
}
#contents #news_table td ul li.left{
	float:left;
	background-color:#fef4f8;
}
#contents #news_table td ul li.right{
	float:right;
	background-color:#e9faff;
}
#contents #news_table td .left  dl{
	width:100%;
	display:block;
}
#contents #news_table td .left dl dt{
	display:block;
	color:#a12828;
	font-size:18px;
	margin-bottom:5px;
}
#contents #news_table td .right  dl{
	width:100%;
	display:block;
}
#contents #news_table td .right dl dt{
	display:block;
	color:#2d6c81;
	font-size:18px;
	margin-bottom:5px;

}
#contents .block_puls{
	border:1px solid #cecece;
	border-bottom-width:0px;
	padding:18px;
	overflow:hidden;
	zoom:1;
	background-color:#f0faff;
	border-bottom:0;
	position:relative;
	margin-bottom:0;
	clear:both;
}
#contents .block_puls dl{
	font-size:36px;
	font-weight:bold;
	overflow:hidden;
	zoom:1;

}
#contents .block_puls dl dt{
	float:left;
	margin-right:25px;
}
#contents .block_puls dl dd{
	line-height:1.4;
}
#contents .block_puls dl dd strong{
	font-size:40px;
	display:block;
	color:#35a9e6;
}
#contents .block_puls #bp_btn{
	position:absolute;
	top:20px;
	right:18px;

}
#contents .pagetop{
	magin-bottom:20px;
	text-align:right;
}

#contents h3{
	font-size:28px;
	font-weight:bold;
	color:#2f78b0;
}
#contents .icon_school{
	padding-left:45px;
	background:url(../img/icon_school.gif) no-repeat left center;
}
#contents .icon_star{
	padding-left:45px;
	background:url(../img/icon_star.gif) no-repeat left center;
}
#contents .icon_book{
	padding-left:45px;
	background:url(../img/icon_book.gif) no-repeat left center;
}
#contents .icon_comment{
	padding-left:48px;
	background:url(../img/icon_comment.gif) no-repeat left center;
}
#contents .icon_comment.green {
	color:#4fa807;
	background:url(../img/icon_comment_02.png) no-repeat left center;
}
#contents .icon_comment.orange {
	color:#d38600;
	background:url(../img/icon_comment_03.png) no-repeat left center;
}
#contents .icon_comment.pink {
	color:#ce4b7d;
	background:url(../img/icon_comment_04.png) no-repeat left center;
}
.photo_right{
	float:right;
	padding:0 0 10px 10px;
}
.photo_left{
	float:left;
	padding:0 10px 10px 0;
}
/*/////////////////////////////////////////////////////////////////////////////////////////////

	+ Footer

/////////////////////////////////////////////////////////////////////////////////////////////*/
#foot_navi{
	display:block;
	overflow:hidden;
	zoom:1;
	margin-bottom:25px;
}
#foot_navi li{
	float:left;
	margin-right:7px;
}
#foot_navi li a{
	background:url(../img/arrow.gif) no-repeat left center;
	padding:15px;
}
#foot{
	padding-top:105px;
	position:relative;
	width:980px;
	margin:0 auto;
}
#foot #fb_left{
	position:absolute;
	top:0;
	left:0;
}
#foot #fb_right{
	position:absolute;
	top:0;
	right:0;
}
#copy{
	text-align:center;
}
/*/////////////////////////////////////////////////////////////////////////////////////////////

	+ Table ＆ Ul ＆ Dl

/////////////////////////////////////////////////////////////////////////////////////////////*/
.access_table{
	border-collapse: collapse;
    border-spacing: 0;
	width:100%;
	margin-bottom:25px;
}
.access_table th{
	text-align:center;
	border:1px solid #d8d8d8;
	font-weight:bold;
	background:#fff;
}
.access_table td{
	border:1px solid #d8d8d8;
	background:#fff;
	padding:15px;
	vertical-align:top;
}
.access_table td ul{
	display:block;
	overflow:hidden;
	zoom:1;
	margin-bottom:15px;
}
.access_table td ul li.left{
	float:left;
}
.access_table td ul li.right{
	float:right;
}
.access_table td dl{
}
.access_table td dl dt{
	font-size:18px;
	display:inline;
	background:#FFFEC8;
	font-weight:bold;
	margin-bottom:15px;
}
.access_table td dl dd{
	margin-bottom:17px;
}
.tableTop{
	border-collapse: collapse;
    border-spacing: 0;
	width:99%;
	margin-bottom:25px;
	font-size:16px;
}
.tableTop th{
	text-align:center;
	border:1px solid #d8d8d8;
	font-weight:bold;
	background:#fff;
}
.tableTop td{
	border:1px solid #d8d8d8;
	background:#fff;
}
.tableTop tbody th{
	background:#fff;
	text-align:left;
}
.tableTop tbody .even th{
	background:#f9f9f9;
}
.tableTop tbody .even td{
	background:#f8f8f8;
}
.tableTop tbody td a{
	padding:15px 7px 12px 25px;
	display:block;
	background:url(../img/arrow.gif) no-repeat 10px center;
	font-weight:bold !important;
}
.tableTop tbody td a:hover{
	background-color:#edf6f8;
}
.table_plan{
	border-collapse: collapse;
    border-spacing: 0;
	width:99%;
	margin-bottom:25px;
}
.table_plan th{
	text-align:center;
	padding:15px 7px 12px;
	border:1px solid #d8d8d8;
	font-weight:bold;
	background:#fff;
}
.table_plan td{
	border:1px solid #d8d8d8;
	background:#fff;
}
.table_plan thead th{
	background-color:#e1edf6;
}
.table_plan tbody th{
	background:#48bbf0;
	color:#fff;
}
.table_plan tbody .even th{
	background:#62c8f7;
}
.table_plan tbody .even td{
	background:#f8f8f8;
}
.table_plan tbody td a{
	padding:6px 7px 3px 25px;
	display:block;
	background:url(../img/arrow.gif) no-repeat 10px center;
}
.table_plan tbody td span{
	padding:6px 7px 3px 15px;
	display:block;
}
.table_plan tbody td a:hover{
	background:url(../img/arrow.gif) no-repeat 15px center #edf6f8;
}
.table_plan.select thead th{
	background-color:rgb(0,121,214);
	color:rgb(255,255,255);
}
.table_point{
	border-collapse: collapse;
    border-spacing: 0;
	width:99%;
	margin-bottom:25px;
	border:1px solid #d8d8d8;
	font-size:14px;
}
.table_point thead th{
	text-align:center;
	padding:15px 7px 12px 60px;
	border-bottom:1px dashed #d8d8d8;
	font-weight:bold;
	text-align:left;
	background:url(../img/icon_point.gif) no-repeat 10px center#ffe6dd;
	font-size:18px;
}
.table_point td{
	padding:15px 10px 12px;
	border-bottom:1px dashed #d8d8d8;
	border-right:1px dashed #d8d8d8;
	background:#fff;
}
.table_point tbody th{
	background:#48bbf0;
	color:#fff;
}
.table_point tbody .even td{
	background:#f8f8f8;
}

.table_lessonA{
	border-collapse: collapse;
    border-spacing: 0;
	width:99%;
	margin-bottom:25px;
}
.table_lessonA th,.table_lessonA td{
	padding:7px 10px 4px;
	border:1px solid #d8d8d8;
	background:#fff;
}
.table_lessonA thead .th_other{
	font-size:14px;
	border-top:1px solid #cecece;
	background-color:#d0e6f6;
	font-weight:bold;
	text-align:center;
	width:20%;
}
.table_lessonA thead .even .th_other{
	background-color:#c6e0f4;
}
.table_lessonA thead td.td_price{
	border-top:3px solid #ccc;
	padding:15px 15px 12px;
	background-color:#fcfcfc;
	color:#3e4b51;
	font-weight:bold;
}
.table_lessonA thead th{
	border-top:3px solid #457da8;
	padding:15px 15px 12px;
	color:#3e4b51;
	font-size:17px;
	font-weight:bold;
	background-color:#e6f4ff;
	text-align:center;
}
.table_lessonA.red thead th{
	border-top:3px solid #a85c45;
	padding:15px 15px 12px;
	color:#8a3d26;
	background-color:#ffece6;
}
.table_lessonA thead td{
	text-align:left;
}
.table_lessonA thead td.sub_title{
	text-align:center;
	background:#e6edff;
	color:#475e98;
	font-weight:bold;
}
.table_lessonA thead th.th_re{
	border-top:1px solid #ccc;
	border-right:3px solid #e05992 !important;
	background:#fff2f8 !important;
	font-size:15px;
	color:#333 !important;
}
.table_lessonA tbody th{
	padding:12px 10px 7px;
	background:#48a0e4;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	text-align:center;
}
.table_lessonA.red tbody th{
	background:#e47448;
}
.table_lessonA tbody .td_school{
	background-color:#fffbeb;
}
.table_lessonA tbody .even .td_school{
	background-color:#fcf6df;
}
.table_lessonA tbody .td_price{
	background-color:#fff7f7;
}

.table_lessonA tbody .even .td_price{
	background-color:#fff0f0;
}
.table_lessonA tbody .even td{
	background:#f8f8f8;
}
.table_lessonA tbody .hover td{
	background:#ddf5ff !important;
}

.table_lessonA.select thead th{
	background-color:rgb(0,121,214);
	color:rgb(255,255,255);
}

.table_lessonB{
	border-collapse: collapse;
    border-spacing: 0;
	width:99%;
	margin-bottom:25px;
}
.table_lessonB th,.table_lessonB td{
	padding:15px 15px 12px;
	border:1px solid #d8d8d8;
	background:#fff;
}
.table_lessonB thead th{
	color:#2e93e1;
	font-weight:bold;
	background-color:#cde7fb;
	text-align:center;
}
.table_lessonB thead th.message{
	background-color:#7cb6e3;
	font-size:18px;
	color:#fff;
}
.table_lessonB thead td{
	text-align:left;
}
.table_lessonB td.point{
	font-weight:bold;
	line-height:1.3;
	background-color:#f2f9ff;
}
.table_lessonB tbody th.th_yoko{
	border-right:3px solid #7cb6e3;
	background:#f6fcff;
	font-weight:bold;
	font-size:14px;
	color:#1e6ca8;
}
.table_lessonB tbody .even th.th_yoko{
	border-right:3px solid #62c8f7;
	background:#e4f6ff;
}
.table_lessonB tbody th{
	background:#7cb6e3;
	color:#fff;
	font-weight:bold;
	font-size:14px;
}
.table_lessonB tbody .even th{
	background:#62c8f7;
}
.table_lessonB tbody .even td{
	background:#f8f8f8;
}
.table_lessonB tbody td a{
	padding:6px 7px 3px 25px;
	display:block;
	background:url(../img/arrow.gif) no-repeat 10px center;
}
.table_lessonB tbody td a:hover{
	background-color:#edf6f8;
}
.table_lessonB .arrow a{
	display:block;
	padding-left:15px;
	background:url(../img/arrow.gif) no-repeat left center;
}
.table_lessonB.select thead th{
	background-color:rgb(0,121,214);
	color:rgb(255,255,255);
}
.dlA{
	display:block;
	border:1px solid #cecece;
}
.dlA dt{
	border-bottom:1px solid #cecece;
	padding:7px 15px 5px;
	font-size:15px;
	font-weight:bold;
	background-color:#fffdd5;
}
.dlA dd{
	padding:10px 15px 10px;
	display:block;
	overflow:hidden;
	zoom:1;
}
.dlA dd ul{
	display:block;
}
.dlA dd ul li{
	float:left;
	width:50%;
}
.dlA.left{
	float:left;
	margin:0 15px 15px 0;
}
.dlA.right{
	float:right;
	margin:0 0 15px 15px;
}

.table_midashi{border-left:7px solid #2f78b0;margin-bottom:10px;padding-left:10px;color:#2f78b0;font-size:28px;font-weight:bold;}

/*/////////////////////////////////////////////////////////////////////////////////////////////

	+ Top

/////////////////////////////////////////////////////////////////////////////////////////////*/
.row{
	overflow:hidden;
	margin-bottom:0 !important;
}
.row .col1{
	width:308px;

}
.row .red{
	width:308px;

}

.row .col2{
	width:643px;

}
.row .harf {
	width:477px;
}
.row .left{
	float:left;
	margin-right:25px;
}
.row .right{
	float:right;
}
.row dl{
	border:#ccc 1px solid;
	display:block;
	border-top:8px solid #006bd5;
}
.row dl dt{
	font-size:20px;
	font-weight:bold;
	margin-bottom:10px;
	padding:18px 18px 10px 30px;
}
.row dl dd{
	padding:5px 18px 18px 18px;
}
.row a{
	text-decoration:none !important;
	display:block;
    transition: background 0.3s ease 0s;
}
.row a:hover{
	background:#e4f2ff;

}
.row a dl dt{
	background:url(../lesson/spring2016/img/arrow02.png) no-repeat 18px center #e4f2ff;

}

.card {
	background:#0053c5;
	color:#fff;
	padding:3px 10px;
	font-size:14px;
	margin-right:15px;
	display:block;
	float:left;
}


.row .pink dl{
	border-top:8px solid #f983b8;
}
.row .pink a{
	text-decoration:none !important;
	display:block;
    transition: background 0.3s ease 0s;
	color:#f16ba7;
}
.row .pink a:hover{
	background:#ffedf5;
}
.row .pink a dl dt{
	background:url(../lesson/spring2016/img/arrow02_pink.png) no-repeat 18px center #ffedf5;

}


.row .red a {
	color:#d65c20;
}
.row .red dl {
	border:#ccc 1px solid;
	display:block;
	border-top:8px solid #d65c20;
}
.row .red a:hover {
	background:#ffe9de;
}
.row .red a dl dt {
	background:url(../lesson/spring2016/img/arrow01.png) no-repeat 15px center #ffe9de;
}
.row .red dl dt {
	background:#ffe9de;
}
.row .red a dl dd {
	color:#333;
}
.row .red a:hover dl dd.pre {
	background:#f7fbff;
}
.row .red a dl dd.pre {
	background:#eee;
	padding-top:20px;
}
.row .red a dl dd ul {
	display:block;
	font-size:11px;
	border:#ccc 1px dashed;
	padding:10px;
	margin:10px 0;
	background:#fff;
}

.red .card {
	background:#d65c20;
}
.row a dl dd{
	color:#333;
}
.tableTop{
	border-collapse: collapse;
    border-spacing: 0;
	width:99%;
	margin-bottom:25px;
}
.tableTop th{
	text-align:center;
	border:1px solid #d8d8d8;
	font-weight:bold;
	background:#fff;
}
.tableTop td{
	border:1px solid #d8d8d8;
	background:#fff;
}
.tableTop tbody th{
	background:#fff;
	text-align:left;
}
.tableTop tbody .even th{
	background:#f9f9f9;
}
.tableTop tbody .even td{
	background:#f8f8f8;
}
.tableTop tbody th a{
	padding:15px 7px 12px 25px;
	display:block;
	background:url(../img/arrow.gif) no-repeat 10px center;
}
.tableTop tbody th a:hover{
	background-color:;
	background:url(../img/arrow.gif) no-repeat 10px center #edf6f8;
}
.tableTop tbody th.hover{
	background-color:#edf6f8 !important;
}
.tableTop tbody .even td,.tableTop tbody .even th{
	background:#f9f9f9;
}

/*/////////////////////////////////////////////////////////////////////////////////////////////

	+ Follow

/////////////////////////////////////////////////////////////////////////////////////////////*/
#block_plan .table_plan{
	width:300px;
	float:left;
	margin-right:20px;
}
#block_plan .table_plan.end{
	margin-right:0;
}