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

body{
	margin:0;
	padding:0;
	background:#B0D4F3 url(/img/common/bg2.gif) repeat-x left top;
	font-size:12px;
}
body.sub{
	background:url(/img/common/subbg.gif);
}

img{
	border:0;
}
form{
	margin:0;
	padding:0;
}

a:link{	color:#0072bc; text-decoration:none;}
a:hover{color:#0072bc; text-decoration:underline;}
a:visited{	color:#99209b; text-decoration:none;}

#head{
	width:945px;
	margin-left:22px;
}

#container{
	padding-top:21px;
	background:url(/img/login_1.gif) no-repeat 20px top;
}
#container:after{
	content:".";
	height:0;
	visibility:hidden;
	clear:both;
}
/*홀리핵 IE6.0에만 적용*/
*html #container{
	height:1%;
}


.after_clear:after{
	content:".";
	height:0;
	visibility:hidden;
	clear:both;
}
/*홀리핵 IE6.0에만 적용*/
*html .after_clear{
	height:1%;
}

.f_left{
	float:left;
}
.f_right{
	float:right;
}
.padding_l_5{
	padding-left:5px !important;
}
.padding_l_10{
	padding-left:10px !important;
}
.padding_b_bigger{
	padding-bottom:100px !important;
}

.margin_t_5{
	margin-top:5px !important;
}
.margin_l_10{
	margin-left:10px !important;
}

.padding_l_10{
	padding-left:10px !important;
}


.t_center{
	text-align:center;
}
.t_left{
	text-align:left;
}

.no_comment{
	padding:10px 0;
	text-align:center;
}

	
	#left_layout{
		margin-left:10px;
		width:216px;
		float:left;
	}
	#content{
		padding-left:23px;
		width:730px;
		float:left;
		background:url(/img/common/arrow.gif) no-repeat left 30px;
	}
	
		#content h2{
			margin:0;
		}
		#content h2 *{
			display:block;
		}
	
		#content .t{
			height:26px;
			font-size:12px;
			background:url(/img/mg_1.gif) no-repeat left top;
		}
		#content .c{
			width:641px;
			position:relative;
			padding:1px 32px;
			background:url(/img/m_bg.gif) repeat-y left top;
		}
		#content .b{
			height:42px;
			font-size:12px;
			background:url(/img/member/m_doen.gif) no-repeat left bottom;
		}


	#left_navi{
		height:1%;
		background:url(/img/login_bg.gif) repeat-y left top;
	}
		#left_navi h2{
			height:38px;
			font-size:38px;
			line-height:38px;
			text-indent:-1000em;
		}
		#left_navi .top{
			padding-top:10px;
			background:url(/img/login_2.gif) no-repeat left top;
		}
		#left_navi ul.navi{
			margin:0;
			padding:0 0 10px 0;
			background:url(/img/login_3.gif) no-repeat left bottom;
		}
			#left_navi ul.navi li{
				list-style:none;
				height:29px;
				margin:0 20px;
				padding:0;
			}
			#left_navi ul.navi li{
				background-repeat:no-repeat;
				background-position:left top;
			}
			#left_navi ul.navi li a{
				display:block;
				height:29px;
				text-indent:-1000em;
				background-repeat:no-repeat;
				background-position:left top;
			}
	/*맴버 메뉴*/
	.left_navi_members h2{
		margin:0;
		background:url(/img/member/menu1.gif) no-repeat 20px bottom;
	}
	.left_navi_members ul.navi li.list1{background-image:url(/img/member/menu2.gif);}
	.left_navi_members ul.navi li.list2{background-image:url(/img/member/menu3.gif)}
	.left_navi_members ul.navi li.list3{background-image:url(/img/member/menu4.gif)}
	.left_navi_members ul.navi li.list4{background-image:url(/img/member/menu5.gif)}
	.left_navi_members ul.navi li.list5{background-image:url(/img/member/menu6.gif);}

/*
	.left_navi_members ul.navi li.list1 a{background-image:url(/img/member/menu2.gif);}
	.left_navi_members ul.navi li.list2 a{background-image:url(/img/member/menu3.gif)}
	.left_navi_members ul.navi li.list3 a{background-image:url(/img/member/menu4.gif)}
	.left_navi_members ul.navi li.list4 a{background-image:url(/img/member/menu5.gif)}
	.left_navi_members ul.navi li.list5 a{background-image:url(/img/member/menu6.gif); margin-bottom:15px;}
*/

	.left_navi_members ul.navi li.list1 a:hover{background-image:url(/img/member/menu2_1.gif)}
	.left_navi_members ul.navi li.list2 a:hover{background-image:url(/img/member/menu3_1.gif)}
	.left_navi_members ul.navi li.list3 a:hover{background-image:url(/img/member/menu4_1.gif)}
	.left_navi_members ul.navi li.list4 a:hover{background-image:url(/img/member/menu5_1.gif)}
	.left_navi_members ul.navi li.list5 a:hover{background-image:url(/img/member/menu6_1.gif)}

	.left_navi_members ul.navi li.list1_selected{background-image:url(/img/member/menu2_1.gif)}
	.left_navi_members ul.navi li.list2_selected{background-image:url(/img/member/menu3_1.gif)}
	.left_navi_members ul.navi li.list3_selected{background-image:url(/img/member/menu4_1.gif)}
	.left_navi_members ul.navi li.list4_selected{background-image:url(/img/member/menu5_1.gif)}
	.left_navi_members ul.navi li.list5_selected{background-image:url(/img/member/menu6_1.gif)}


	/*커뮤니티 메뉴*/
	.left_navi_community h2{
		margin:0;
		background:url(/img/community/m_1.gif) no-repeat 20px bottom;
	}
	.left_navi_community ul.navi li.list1 {background-image:url(/img/community/m_2.gif);}
	.left_navi_community ul.navi li.list2 {background-image:url(/img/community/m_3.gif)}
	.left_navi_community ul.navi li.list3 {background-image:url(/img/community/m_4.gif)}
	.left_navi_community ul.navi li.list4 {background-image:url(/img/community/m_5.gif)}
	.left_navi_community ul.navi li.list5 {background-image:url(/img/community/m_6.gif);}
	.left_navi_community ul.navi li.list6 {background-image:url(/img/community/m_8.gif);}
	.left_navi_community ul.navi li.list7 {background-image:url(/img/community/m_7.gif);}


	.left_navi_community ul.navi li.list1 a:hover{background-image:url(/img/community/m_21.gif)}
	.left_navi_community ul.navi li.list2 a:hover{background-image:url(/img/community/m_31.gif)}
	.left_navi_community ul.navi li.list3 a:hover{background-image:url(/img/community/m_41.gif)}
	.left_navi_community ul.navi li.list4 a:hover{background-image:url(/img/community/m_51.gif)}
	.left_navi_community ul.navi li.list5 a:hover{background-image:url(/img/community/m_61.gif)}
	.left_navi_community ul.navi li.list6 a:hover{background-image:url(/img/community/m_81.gif)}
	.left_navi_community ul.navi li.list7 a:hover{background-image:url(/img/community/m_71.gif)}

	.left_navi_community ul.navi li.list1_selected{background-image:url(/img/community/m_21.gif)}
	.left_navi_community ul.navi li.list2_selected{background-image:url(/img/community/m_31.gif)}
	.left_navi_community ul.navi li.list3_selected{background-image:url(/img/community/m_41.gif)}
	.left_navi_community ul.navi li.list4_selected{background-image:url(/img/community/m_51.gif)}
	.left_navi_community ul.navi li.list5_selected{background-image:url(/img/community/m_61.gif)}
	.left_navi_community ul.navi li.list6_selected{background-image:url(/img/community/m_81.gif)}
	.left_navi_community ul.navi li.list7_selected{background-image:url(/img/community/m_71.gif)}


	/*리딩소개 메뉴*/
	.left_navi_about h2{
		margin:0;
		background:url(/img/smenu.gif) no-repeat 20px bottom;
	}
	.left_navi_about ul.navi li.list1{background-image:url(/img/smenu1.gif);}
	.left_navi_about ul.navi li.list2{background-image:url(/img/smenu2.gif)}
	.left_navi_about ul.navi li.list3{background-image:url(/img/smenu3.gif)}
	.left_navi_about ul.navi li.list4{background-image:url(/img/smenu4.gif); margin-bottom:15px;}


	.left_navi_about ul.navi li.list1 a:hover{background-image:url(/img/smenu1_1.gif)}
	.left_navi_about ul.navi li.list2 a:hover{background-image:url(/img/smenu2_1.gif)}
	.left_navi_about ul.navi li.list3 a:hover{background-image:url(/img/smenu3_1.gif)}
	.left_navi_about ul.navi li.list4 a:hover{background-image:url(/img/smenu4_1.gif)}

	.left_navi_about ul.navi li.list1_selected{background-image:url(/img/smenu1_1.gif)}
	.left_navi_about ul.navi li.list2_selected{background-image:url(/img/smenu2_1.gif)}
	.left_navi_about ul.navi li.list3_selected{background-image:url(/img/smenu3_1.gif)}
	.left_navi_about ul.navi li.list4_selected{background-image:url(/img/smenu4_1.gif)}

	/*리딩 스타일*/
	.left_navi_style h2{
		margin:0;
		background:url(/img/style/menu/title.gif) no-repeat 20px bottom;
	}
	.left_navi_style ul.navi li.list1{background-image:url(/img/style/menu/menu.01.off.gif);}
	.left_navi_style ul.navi li.list2{background-image:url(/img/style/menu/menu.02.off.gif);}
	.left_navi_style ul.navi li.list3{background-image:url(/img/style/menu/menu.03.off.gif);}
	.left_navi_style ul.navi li.list4{background-image:url(/img/style/menu/menu.04.off.gif); margin-bottom:15px;}



	.left_navi_style ul.navi li.list1 a:hover{background-image:url(/img/style/menu/menu.01.on.gif);}
	.left_navi_style ul.navi li.list2 a:hover{background-image:url(/img/style/menu/menu.02.on.gif);}
	.left_navi_style ul.navi li.list3 a:hover{background-image:url(/img/style/menu/menu.03.on.gif);}
	.left_navi_style ul.navi li.list4 a:hover{background-image:url(/img/style/menu/menu.04.on.gif);}

	.left_navi_style ul.navi li.list1_selected{background-image:url(/img/style/menu/menu.01.on.gif);}
	.left_navi_style ul.navi li.list2_selected{background-image:url(/img/style/menu/menu.02.on.gif);}
	.left_navi_style ul.navi li.list3_selected{background-image:url(/img/style/menu/menu.03.on.gif);}
	.left_navi_style ul.navi li.list4_selected{background-image:url(/img/style/menu/menu.04.on.gif);}


	/*보카 팩토리*/
	.left_navi_voca h2{
		margin:0;
		background:url(/img/voca/menu/title.gif) no-repeat 20px bottom;
	}
	.left_navi_voca ul.navi li.list1 {background-image:url(/img/voca/menu/menu.01.off.gif);}
	.left_navi_voca ul.navi li.list2 {background-image:url(/img/voca/menu/menu.02.off.gif);}
	.left_navi_voca ul.navi li.list3 {background-image:url(/img/voca/menu/menu.03.off.gif); margin-bottom:15px;}


	.left_navi_voca ul.navi li.list1 a:hover{background-image:url(/img/voca/menu/menu.01.on.gif);}
	.left_navi_voca ul.navi li.list2 a:hover{background-image:url(/img/voca/menu/menu.02.on.gif);}
	.left_navi_voca ul.navi li.list3 a:hover{background-image:url(/img/voca/menu/menu.03.on.gif);}

	.left_navi_voca ul.navi li.list1_selected{background-image:url(/img/voca/menu/menu.01.on.gif);}
	.left_navi_voca ul.navi li.list2_selected{background-image:url(/img/voca/menu/menu.02.on.gif);}
	.left_navi_voca ul.navi li.list3_selected{background-image:url(/img/voca/menu/menu.03.on.gif);}




	/*how to*/
	.left_navi_howto h2{
		margin:0;
		background:url(/img/howto/menu/title.gif) no-repeat 20px bottom;
	}
	.left_navi_howto ul.navi li.list1 {background-image:url(/img/howto/menu/menu.01.off.gif);}
	.left_navi_howto ul.navi li.list2 {background-image:url(/img/howto/menu/menu.02.off.gif);}
	.left_navi_howto ul.navi li.list3 {background-image:url(/img/howto/menu/menu.03.off.gif); margin-bottom:15px;}


	.left_navi_howto ul.navi li.list1 a:hover{background-image:url(/img/howto/menu/menu.01.on.gif);}
	.left_navi_howto ul.navi li.list2 a:hover{background-image:url(/img/howto/menu/menu.02.on.gif);}

	.left_navi_howto ul.navi li.list1_selected{background-image:url(/img/howto/menu/menu.01.on.gif);}
	.left_navi_howto ul.navi li.list2_selected{background-image:url(/img/howto/menu/menu.02.on.gif);}

	.left_navi_howto ul.navi li.list1_selected{background-image:url(/img/howto/menu/menu.01.on.gif);}
	.left_navi_howto ul.navi li.list2_selected{background-image:url(/img/howto/menu/menu.02.on.gif);}




	/*what to read*/
	.left_navi_what h2{
		margin:0;
		background:url(/img/what/menu/title.gif) no-repeat 20px bottom;
	}
	.left_navi_what ul.navi li.list1 {background-image:url(/img/what/menu/menu.01.off.gif);}
	.left_navi_what ul.navi li.list2 {background-image:url(/img/what/menu/menu.02.off.gif);}
	.left_navi_what ul.navi li.list3 {background-image:url(/img/what/menu/menu.03.off.gif);}


	.left_navi_what ul.navi li.list1 a:hover{background-image:url(/img/what/menu/menu.01.on.gif);}
	.left_navi_what ul.navi li.list2 a:hover{background-image:url(/img/what/menu/menu.02.on.gif);}
	.left_navi_what ul.navi li.list3 a:hover{background-image:url(/img/what/menu/menu.03.on.gif);}

	.left_navi_what ul.navi li.list1_selected{background-image:url(/img/what/menu/menu.01.on.gif);}
	.left_navi_what ul.navi li.list2_selected{background-image:url(/img/what/menu/menu.02.on.gif);}
	.left_navi_what ul.navi li.list3_selected{background-image:url(/img/what/menu/menu.03.on.gif);}

	.left_navi_what ul.navi li.list1_selected{background-image:url(/img/what/menu/menu.01.on.gif);}
	.left_navi_what ul.navi li.list2_selected{background-image:url(/img/what/menu/menu.02.on.gif);}
	.left_navi_what ul.navi li.list3_selected{background-image:url(/img/what/menu/menu.03.on.gif);}



	
	#banners{
		margin-top:10px;
	}
		#banners img{
			display:block;
			margin:10px 0;
		}


#bottom{
	clear:both;
	width:875px;
	padding:20px 0 20px 20px;
	text-align:right;
}
#bottom *{
	vertical-align:middle;
}






input {
	color:#666;
	FONT-SIZE: 12px; COLOR: #666666; FONT-FAMILY:Tahoma, 돋움
}
select{
	color:#666;
	font-size:12px;
}



.pageWarp{
	text-align:center;
}
.pageWarp a{margin:0 1px; text-decoration:none;}
.pageWarp a.selected{font-weight:bold; color:#0053A3;}

.search_box .search_val{
	height:15px;
	padding-top:3px;
	border:1px solid #97C2EC;
	font-size:11px;
}

.add_comment{
	width:460px;
	height:50px;
	padding:5px;
	border:1px solid #98C2EC;
	font-size:12px;	
	color:#7B7B7B;
}


.no_content{
	padding:1em 0;
	text-align:center;
}

.content{
	line-height:1.5em;
}

body, input, p, td, textarea{
	font-family:Tahoma, dotum, gulim, Arial, Helvetica, sans-serif;
}
textarea{
	font-size:1em;
}





/*page for /reading/index.html*/
.rbox01{
	margin:20px 0;
}
	.rbox01 .rbox01_t{
		height:22px;
		font-size:12px;
		background:url(/img/reading/rbox.01.t.gif) no-repeat left bottom;
	}
	.rbox01 .rbox01_b{
		height:22px;
		font-size:12px;
		background:url(/img/reading/rbox.01.b.gif) no-repeat left top;
	}
	.rbox01 .rbox01_c{
		position:relative;
		width:600px;
		padding:2px 20px;
		background:url(/img/reading/rbox.01.back.gif) repeat-y left top;
	}
	.rbox01 h4{
		margin:0;
	}
	.rbox01 .reading_steps{
		height:321px;
		background:url(/img/reading/pics.reading.step.gif) no-repeat left top;
	}
		.rbox01 .reading_steps p{
			text-indent:-1000em;
		}


/*아이콘 넣기*/
.icon_clock{
	position:relative;
	padding-top:15px;
	top:-15px;
	height:50px;
	background:url(/img/reading/pic.clock.gif) no-repeat right 50%;
}






.rbox06{
	margin:20px 0;
}
	.rbox06 .rbox06_t{
		height:22px;
		font-size:12px;
		background:url(/img/reading/rbox.06.t.gif) no-repeat left bottom;
	}
	.rbox06 .rbox06_b{
		height:22px;
		font-size:12px;
		background:url(/img/reading/rbox.06.b.gif) no-repeat left top;
	}
	.rbox06 .rbox06_c{
		position:relative;
		width:600px;
		padding:2px 20px;
		background:url(/img/reading/rbox.06.back.gif) repeat-y left top;
	}
	
	
.rbox02{
	background:url(/img/reading/rbox.02.back.gif) repeat-y left bottom;
}
	.rbox02 .rbox02_t{
		width:295px;
		font-size:12px;
		background:url(/img/reading/rbox.02.b.gif) no-repeat left bottom;
	}
	.rbox02 .rbox02_c{
		width:285px;
		/*height:155px;*/
		padding:25px 0 25px 10px;
		font-size:12px;
		background:url(/img/reading/rbox.02.t.gif) no-repeat left top;
	}
	
	ul.reading_list{
		margin:0 10px;
		width:250px;
		padding:0;
	}
		ul.reading_list li{
			margin:3px 0;
			width:245px;
			height:20px;
			list-style:none;
			background:url(/img/reading/hline.02.gif) repeat-x left .5em;
			color:#004A80;
		}
		ul.reading_list li:after{
			content:".";
			height:0;
			visibility:hidden;
			clear:both;
		}
		/*홀리핵 IE6.0에만 적용*/
		*html ul.reading_list li{
			height:1%;
		}
		ul.reading_list li span{
			display:block;
			float:left;
			padding-left:10px;
			padding-right:5px;
			background:#E0F0FE url(/img/reading/dot.3x3.gif) no-repeat left 50%;;
		}
		ul.reading_list li a{
			float:right;
			display:block;
			height:20px;
			width:51px;
			padding-left:5px;
			background:#E0F0FE url(/img/reading/btn.start.gif) no-repeat right top;
			text-indent:-1000em;
		}













.rbox08{
	margin:20px 0;
}
	.rbox08 .rbox08_t{
		height:25px;
		font-size:12px;
		background:url(/img/reading/rbox.08.t.gif) no-repeat left bottom;
	}
	.rbox08 .rbox08_b{
		height:25px;
		font-size:12px;
		background:url(/img/reading/rbox.08.b.gif) no-repeat left top;
	}
	.rbox08 .rbox08_c{
		position:relative;
		width:600px;
		padding:2px 20px;
		background:url(/img/reading/rbox.08.back.gif) repeat-y left top;
	}


.rbox03{
	width:637px;
	margin:20px 0;
	background:url(/img/reading/rbox.03.back.gif) repeat-x left top;
}
	.rbox03 .rbox03_l{
		height:43px;
		font-size:12px;
		background:url(/img/reading/rbox.03.l.gif) no-repeat left top;
	}
	.rbox03 .rbox03_c{
		height:43px;
		padding:0 20px;
		line-height:43px;
		font-size:12px;
		background:url(/img/reading/rbox.03.r.gif) no-repeat right top;
	}
	.rbox03 .rbox03_c h3{
		margin:0;
		display:inline;
		font-size:12px;
		color:#004A80;
	}


.rbox04{
		background:url(/img/reading/rbox.04.back.gif) repeat-x left top;
}
	.rbox04 .rbox04_l{
		height:51px;
		font-size:12px;
		background:url(/img/reading/rbox.04.l.gif) no-repeat left top;
	}
	.rbox04 .rbox04_c{
		height:51px;
		padding:0 20px;
		line-height:51px;
		font-size:12px;
		background:url(/img/reading/rbox.04.r.gif) no-repeat right top;
	}
	.rbox04 .t_center{
		color:#F26522;
	}
	.rbox04 .t_left{
		color:#F26522;
	}



.rbox05{
		background:url(/img/reading/rbox.05.back.gif) repeat-x left top;
}
	.rbox05 .rbox05_l{
		height:43px;
		font-size:12px;
		background:url(/img/reading/rbox.05.l.gif) no-repeat left top;
	}
	.rbox05 .rbox05_c{
		height:43px;
		padding:0 20px;
		line-height:43px;
		font-size:12px;
		background:url(/img/reading/rbox.05.r.gif) no-repeat right top;
	}
	.rbox05 .back_solve_quize{
		text-indent:-1000em;
		background:url(/img/reading/title3.speed.03.gif) no-repeat left center;
	}

.rbox07{
	background:url(/img/reading/rbox.07.gif) no-repeat 50% 50%;
}
	.rbox07 div{
		width:604px;
		height:44px;
		line-height:2em;
		padding:45px 0;
		text-align:center;
		color:#636363;
	}
	.rbox07 strong{
		color:#1B1464;
	}



.rbox09{
	position:relative;
	margin:10px auto;
	width:564px;
	background:#E0F0FE url(/img/reading/rbox.09.t.gif) no-repeat left top;
}
	.rbox09_b{
		padding:20px 30px;
		background:url(/img/reading/rbox.09.b.gif) no-repeat left bottom;
		line-height:1.5em;
		color:#004A80;
	}
	.rbox09_b img{
		vertical-align:middle;
	}






.icon_clock2{
	background:url(/img/reading/pic.clock2.gif) no-repeat 70px 50%;
}


.icon_ball{
	padding-left:15px;
	background:url(/img/reading/icon.title2.gif) no-repeat left 50%;
}
.word_number{
	vertical-align:middle;
	width:85px;
	height:40px;
	background:url(/img/reading/back.word.gif) no-repeat left center;
	text-align:center;
	color:#FFF;
}



.btn_start{
	width:112px;
	height:51px;
	text-indent:-1000em;
	background:url(/img/reading/btn.start.02.gif) no-repeat left center;
}
.btn_finish{
	width:112px;
	height:51px;
	text-indent:-1000em;
	background:url(/img/reading/btn.finish.gif) no-repeat left center;
}
.btn_result:hover,
.btn_result{
	width:112px;
	height:51px;
	text-indent:-1000em;
	background:url(/img/style/btn.result.gif) no-repeat left center;
}

.reading_content{
	margin:15px;
	line-height:1.8em;
	font-family:tahoma;
}


ol.quiz{
	margin:0 5px;
	padding:0;
}
	ol.quiz li{
		list-style:inside;
		margin:0;
		padding:10px 0 25px 0;
		font-weight:bold;
		background:url(/img/reading/hline.01.gif) repeat-x left top;
		text-indent:25px;
		font-family:tahoma;
		font-size:13px;
	}
	ol.quiz li.first{
		background:none;
	}
	ol.quiz ol{
		padding:10px 0;
		margin:0;
	}
	ol.quiz ol li{
		margin:0;
		padding:0 0 0 25px;
		line-height:1.8em;
		text-indent:0;
		background:none;
	}
	ol.quiz ol li.checked{
		position:relative;
		background:url(/img/reading/icon.check.gif) no-repeat 7px 50%;
	}
	ol.quiz ol li.over{
		background:url(/img/reading/icon.check.gif) no-repeat 7px 50%;
	}
	ol.quiz ol li.currect{
		color:#F26522;
	}
	ol.quiz ol li span{
		font-weight:normal;
	}
	
	ol.quiz .result{
		color:#ED1C24;
	}
	
		
ol.reading_result{
	margin:0 0 0 145px;
	padding:0;
}
	ol.reading_result li{
		padding:20px 0;
		list-style:none;
		color:#1B1464;
		border-bottom:1px solid #E1E1E1;
	}
	ol.reading_result li h4{
		width:122px;
		height:64px;
		position:absolute;
		left:25px;
		background:url(/img/reading/back.step.gif) no-repeat 50% 50%;
		font-size:11px;
		font-weight:normal;
		font-family:dotum;
		text-align:center;
	}
		ol.reading_result li h4 div{
			margin:10px 0 5px 0;
			height:20px;
			background:url(/img/reading/texts.step.gif) no-repeat 50% top;
			text-indent:-1000em;
		}
		ol.reading_result li.step2 h4 div{background-position:50% -20px;}
		ol.reading_result li.step3 h4 div{background-position:50% -40px;}
		ol.reading_result li.step4 h4 div{background-position:50% -60px;}
		ol.reading_result li.step5 h4 div{background-position:50% -80px;}
		ol.reading_result li.step6 h4 div{background-position:50% -100px;}
		ol.reading_result li.step7 h4 div{background-position:50% -120px;}
	ol.reading_result li ul{
		margin:0;
	}
	ol.reading_result li ul li{
		position:relative;
		padding:0 0 0 10px;
		list-style:none;
		line-height:1.7em;
		background:url(/img/reading/dot.3x1.gif) no-repeat left 50%;
		border-bottom:0;
		color:#636363;
	}
	


/*page for member*/
.hline{
	margin:10px 20px;
	border-top:1px solid #CCCCCC;
	background-color:#ECECEC;
	font-size:2px;
	line-height:2px;
	height:2px;
}

.mrbox01{
	width:585px;
	margin:20px auto;
}
	.mrbox01 .mrbox01_t{
		height:26px;
		font-size:12px;
		background:url(/img/member/rbox.01.t.gif) no-repeat left bottom;
	}
	.mrbox01 .mrbox01_b{
		height:26px;
		font-size:12px;
		background:url(/img/member/rbox.01.b.gif) no-repeat left top;
	}
	.mrbox01 .mrbox01_c{
		position:relative;
		padding:2px 20px;
		background:url(/img/member/rbox.01.back.gif) repeat-y left top;
	}
.mrbox01 h3{
	margin:0 0 10px 60px;
}
.comment{
	margin:20px 0;
	color:#555555;
	text-align:center;
}
.btn{
	text-align:center;
}
.btn *{
	vertical-align:middle;
}





/*page for style*/
h5.border_bottom{
	margin-left:13px;
	padding:0 5px 15px 5px;
	height:2em;
	width:235px;
	background:url(/img/style/hline.4by2.gif) repeat-x left bottom;
}
.style_content{
	margin-left:16px;
	width:230px;
	height:90px;
	line-height:1.5em;
	color:#004A80;
}
.icon_qusten{
	width:135px;
	padding-right:95px;
	background:url(/img/style/pic.qusten.gif) no-repeat right top;
}







.srbox01{
	width:640px;
}
.srbox01 .srbox01_t{
	background:url(/img/style/rbox.01.t.gif) no-repeat left bottom;
	height:141px;
}
.srbox01 .srbox01_b{
	background:url(/img/style/rbox.01.b.gif) no-repeat left top;
	height:23px;
}
.srbox01 .srbox01_c{
	padding:1px 15px;
	background:url(/img/style/rbox.01.back.gif) repeat-y left top;
}







.qusten{
	margin:0 20px;
	padding:0;
	position:relative;
	top:-20px;
}
	.qusten input{
		vertical-align:middle;
	}
	.qusten li{
		padding:0 0 30px 0;
		margin:0;
		list-style-position:inside;
		font-weight:bold;
		color:#1B1464;
	}
	.qusten ol{
		padding:0;
		margin:8px 0;
	}
	.qusten ol li{
		padding:0;
		margin:0;
		list-style-position:outside;
		list-style:none;
		font-weight:normal;
		color:#555555;
	}


.srbox02{
	margin:20px auto;
	width:606px;
	height:234px;
	background:url(/img/style/rbox.02.gif) no-repeat 50% 50%;
}
	.srbox02 ul{
		margin:30px 0 0 0;
		padding:0 0 0 170px;
	}
		.srbox02 ul li{
			width:350px;
			list-style:none;
			padding:10px 3px;
			border-top:1px solid #B7B7B7;
		}
		.srbox02 ul li strong{
			color:#1B1464;
		}
		.srbox02 ul li.first{
			border:none;
		}

.icon_result2{
	background:url(/img/style/icon.result.02.gif) no-repeat 35px 30%;
}

.srbox03{
	margin:30px auto 0 auto;
	width:606px;
	height:304px;
	background:url(/img/style/rbox.03.gif) no-repeat left top;
}
	.srbox03 ul{
		margin:45px 0 0 95px;
	}
	.srbox03 h3{
		position:absolute;
		left:70px;
		text-indent:-1000em;
	}
	.srbox03 h3.img_leftbrain{
		width:60px;
		height:27px;
		background:url(/img/style/title3.check.01.gif) no-repeat 50% 50%;
	}
	.srbox03 h3.img_rightbrain{
		width:60px;
		height:27px;
		background:url(/img/style/title3.check.02.gif) no-repeat 50% 50%;
	}
	.srbox03 li{
		margin:35px 0;
		width:480px;
		line-height:1.5em;
		list-style:none;
		color:#464646;
	}





#content .srbox04 .t{
	height:21px;
	background:url(/img/community/crdiarywrite1.gif) no-repeat left top;
}
#content .srbox04 .b{
	height:21px;
	background:url(/img/community/crdiarywrite3.gif) no-repeat left bottom;
}
#content .srbox04 .c{
	background:url(/img/community/crdiarywrite2.gif) repeat-y left top;
}









h3.subtitle{
	margin-top:0;
}




.btns{
	padding:10px 0;
	text-align:center;
}

table.recommend{
	width:560px;
}
table.recommend tbody th,
table.recommend tbody td{
	background:url(/img/community/dot.line.7by4.gif) repeat-x left bottom;
}
table.recommend textarea,
table.recommend input{
	border:1px solid #97C2EC;
}
table.recommend th{
	vertical-align:top;
	text-align:left;
	padding:10px 20px 10px 0;
	color:#0054A6;
}
table.recommend th div{
	padding-left:20px;
	background:url(/img/community/dot.5by5.gif) no-repeat 5px 50%;
}
table.recommend td{
	padding:5px 0;
}
table.recommend tr.add_margint_10 th,
table.recommend tr.add_margint_10 td{
	padding-top:20px;
}




table.vocabook{
	width:600px;
	border-bottom:3px solid #D7E9F9;
}
table.vocabook td.cell1{
	border-right:1px solid #E0E0D5;
}
table.vocabook td.cell1,
table.vocabook td.cell2{
	width:300px;
	margin-top:15px;
	padding:10px 0 15px 0;
	background:url(/img/voca/dot.line5by3.gif) repeat-x left bottom;
}

table.vocabook div.pic{
	float:left;
	width:115px;
	text-align:center;
}
table.vocabook div.content{
	text-align:left;
}
table.vocabook div.content h4{
	font-size:1em;
	margin:0;
}
table.vocabook div.content h4 a{
	color:#004A80;
}
table.vocabook div.content .writer{
	color:#004A80;
}
table.vocabook div.content .title_h{
	color:#636363;
}
table.vocabook div.content .btns{
	text-align:left;
}



.vocabook_comment{
	margin:20px auto 0 auto;
	width:605px;
	border-top:3px solid #D7E9F9;
	border-bottom:3px solid #D7E9F9;
}
.vocabook_comment h3{
	margin:20px 15px 12px 15px;
}

.vocabook_comment_box{
}
.vocabook_comment_box textarea{
	width:490px;
	height:40px;
	padding:10px;
	border:1px solid #98C2EB;
	color:#7C7B7B;
}

	.vocabook_comment table{
		margin:15px 0;
		width:100%;
	}
	.vocabook_comment table tbody td{
		padding:6px 10px;
		background:url(/img/voca/dot.line8by6.gif) repeat-x left top;
	}
	.vocabook_comment table tbody tr.first td{
		background:none;
	}
	.vocabook_comment table .cell1{
		vertical-align:middle;
		width:100px;
	}
	.vocabook_comment table .cell2{
		vertical-align:top;
		color:#7C7B7B;
	}
	
	.vocabook_comment table .cell3{
		width:75px;
		color:#7C7B7B;
	}
	.vocabook_comment img{
		vertical-align:middle;
	}



.agreement p{
	margin-left:10px;
	font-size:.9em;
}
.agreement h2{
	font-weight:normal;
	font-size:.9em;
}
.agreement h3{
	font-weight:normal;
	font-size:.9em;
}
.agreement h4{
	font-weight:normal;
	font-size:.9em;
}




.readingstyle_content{
	width:575px !important;
	padding:1px 30px !important;
}
.readingstyle_content h3{
	top:-10px;
}
.readingstyle_content p{
	margin:15px;
	color:#004A80;
}


.study_content{
	position:relative;
	width:577px !important;
	padding:1px 30px !important;
}
.study_content p{
	line-height:1.5em;
	margin:15px 10px;
	color:#004A80;
}


.howto_content{
	position:relative;
	width:577px !important;
	padding:1px 30px !important;
}
.howto_content h3{
	margin:0;
}
.howto_content h4{
	margin:15px 0;
}
.howto_content p{
	line-height:1.5em;
	margin:15px 10px;
	color:#004A80;
}



.right_content{
	position:relative;
	width:577px !important;
	padding:1px 30px !important;
}
.right_content p{
	line-height:1.5em;
	margin:15px 10px 35px 10px;
	color:#004A80;
}


.audio_box{
	position:relative;
	left:-15px;
	width:608px;
	height:85px;
	padding:30px 0;
	text-align:center;
	background:url(/img/howto/audio.back.01.gif) no-repeat 50% 50%;
}




table.more{
}
table.more h4{
	margin:5px 0;
	font-size:1em;
}
table.more a{
	color:#004A80;
}
table.more td{
	padding:10px 0;
	vertical-align:top;
	background:url(/img/style/dot.6by4.gif) repeat-x left bottom;
	color:#004A80;
}
table.more td.cell1{
	width:90px;
}




.what_rbox01{
	position:relative;
	margin:10px 0;
	left:-15px;
	width:608px;
	background:url(/img/what/rbox01.back.gif) repeat-y left top;
}
.what_rbox01 .box{
	background:url(/img/what/rbox01.t.gif) no-repeat left top;
}
.what_rbox01 .box .box{
	position:relative;
	color:#004A80;
	padding:25px 35px;
	background:url(/img/what/rbox01.b.gif) no-repeat left bottom;
}
.what_rbox01 h4{
	margin-top:0;
}
.what_rbox01 img{
	vertical-align:middle;
}




.what_rbox02{
	position:relative;
	margin:10px 0;
	left:-15px;
	width:608px;
	background:url(/img/what/rbox02.back.gif) repeat-y left top;
}
.what_rbox02 .box{
	background:url(/img/what/rbox02.t.gif) no-repeat left top;
}
.what_rbox02 .box .box{
	position:relative;
	color:#004A80;
	padding:25px 35px;
	background:url(/img/what/rbox02.b.gif) no-repeat left bottom;
}






table.recom tr.first td{
	background:none;
}
table.recom td{
	padding:9px 0 20px 0;
	width:275px;
	color:#636363;
	background:url(/img/what/dot.7by5.gif) repeat-x left top;
}
table.recom img{
	border:1px solid #9A9492;
	margin-right:15px;
	float:left;
}
table.recom td h4{
	font-size:1em;
	margin:2px 0;
}
table.recom td .writer{
	color:#004A80;
	margin:5px 0 15px 0;
}
table.recom td .comment{
	margin-right:15px;
	text-align:left;
	color:#898989;
	font-size:.9em;
}








table.recom2 tr.first td{
	background:none;
}
table.recom2 td{
	padding:9px 0 20px 0;
	width:560px;
	color:#636363;
	background:url(/img/what/dot.7by5.gif) repeat-x left top;
}
table.recom2 img{
	border:1px solid #9A9492;
	margin-right:15px;
	float:left;
}
table.recom2 td h4{
	font-size:1em;
	margin:2px 0;
}
table.recom2 td .writer{
	color:#004A80;
	font-weight:normal;
	margin:5px 0 15px 0;
}
table.recom2 td .comment{
	margin-right:15px;
	text-align:left;
	color:#004A80;
}








.qmenu{
	position:relative;
	bottom:-15px;
	color:#A7A7A7;
}
.qmenu img{
	margin:0 5px;
	vertical-align:middle;
}


.link_content{
	padding:1px 25px !important;
}
.link_content h4{
	margin-top:0;
}
.link_content p{
	margin:10px 15px;
	margin-bottom:40px;
}


.input02{
	background-color:#D8EFF6;
	border:1px solid #C2C2C2;
}
.input03{
	border:1px solid #97C2EC;
}