@charset "utf-8";

/* mainVisual
-------------------------------------------------- */
#category_lessonIndex #mainArea{ background:#e1ebf2 url(/lesson/images/bg_img_indexheader01.jpg) no-repeat center 0; border:none;}
#category_lessonIndex #mainArea .mainImg { padding:122px 0 0 0; height:158px;}
#category_lessonIndex #mainArea .mainImg h2 { width:980px; margin:0 auto;}

/* contents
-------------------------------------------------- */
#category_lessonIndex .commonTitleBorder{ margin-bottom:20px; padding-top:20px; font-size:23px; font-weight:bold; border-left:solid 3px #131364; line-height:1px;}
#category_lessonIndex .commonTitleBorder span{ font-size:30px; color:#131364; line-height:1px;}
#category_lessonIndex .lessonInner{ margin-bottom:40px; padding:27px 27px 0; border: solid 1px #adadad;}
#category_lessonIndex .lessonInner.last{ margin-bottom:0;}
#category_lessonIndex .lessonInner .styleTitle { padding-bottom:22px; margin-bottom:22px; border-bottom:dotted 1px #adadad;}
#category_lessonIndex .lessonInner .styleIcon { float:left; width:154px;}
#category_lessonIndex .lessonInner .styleText { float:right; width:490px; padding:10px 0 0; line-height:1.4em; font-size:21px;}
#category_lessonIndex .lessonInner .styleTextType2 { float:right; width:490px; margin-top:-7px; padding:0; line-height:1.5em; letter-spacing: -0.08em; font-size:21px;}
#category_lessonIndex .lessonInner .lessonSubInner { width:654px; overflow:hidden;}
#category_lessonIndex .lessonInner .lessonSubInner ul { width:688px;}
#category_lessonIndex .lessonInner ul li { float:left; width:310px; margin:0 34px 30px 0; padding:0;}
#category_lessonIndex .lessonInner ul li dt { margin-bottom:10px;}
#category_lessonIndex .lessonInner ul li dd .title { margin-bottom:10px; color:#131364; font-size:18px; line-height:1.4;}
#category_lessonIndex .lessonInner ul li dd .text { font-size:16px; line-height:1.4;}

/* pop_timetable
-------------------------------------------------- */
#frm{
	background:#FFFFFF;
	border: solid 5px #E6E6E6;
	margin-bottom:10px;
	padding-bottom:20px;
	font-size:13px;
}
#frm .time{margin:20px 0 0 20px;}
#frm .time dl{width:195px; margin-right:20px; float:left;}
#frm .time dt{ padding-bottom:15px;}
#frm .time dd{ line-height:1.6em; padding-left:5px; }
.caution{font-size:11px; text-indent:-1em; padding-left:15px; margin-bottom:40px;}

/* conversion area02 */
#convArea03{
	border:solid 5px #0b0c3b;
	padding:25px 15px;
	background:url("/lesson/images/popup_bg_convArea02.png") right top no-repeat;
}
#convArea03 .head{
	margin:0 0 10px;
}
#convArea03 h3.commonTitleBorder{
	float:left;
	margin:0;
}
#convArea03 p{
	float:left;
	padding:0 0 0 20px;
}
#convArea03 #leadTxt{
	clear:both;
}
#convArea03 ul{
	clear:both;
	padding:25px 0 0;
}
#convArea03 ul li:first-child{
	padding:0 16px 0 0;
}
#convArea03 ul li{
	float:left;
	border:none;
	margin:0;
	padding:8px 0 0 5px;
}
#convArea03 ul li a{
	background-image:none;
	padding:0;
}