@charset "UTF-8";

#rika_tbl_block {
	clear: both;
	margin-top: 20px;
	width: 742px;
	background: url(../images/book_bg_ry.gif) repeat-y top left;
}

	table.rika_tbl { width: 655px; border-collapse: collapse; margin: 0px 60px 20px 0px; }
		table.rika_tbl td { text-align: left; vertical-align: top; padding: 0px; }
		table.rika_tbl td.unit { padding-right: 41px; }
		table.rika_tbl td.icon { padding-right: 8px; width: 36px; }
		table.rika_tbl td.text { vertical-align: middle; }
		table.rika_tbl td.text a { line-height: 1.2em; }
	
	#rika_tbl_grade3 { background:url(../images/book_grade3.gif) no-repeat left top; padding-top: 45px; padding-left: 40px; position: relative; }
	#rika_tbl_grade4 { background:url(../images/book_grade4.gif) no-repeat left top; padding-top: 53px; padding-left: 40px; position: relative; }
	#rika_tbl_grade5 { background:url(../images/book_grade5_comic.gif) no-repeat left top; padding-top: 53px; padding-left: 40px; position: relative; }
	#rika_tbl_grade6 { background:url(../images/book_grade6_comic.gif) no-repeat left top; padding-top: 53px; padding-left: 40px; position: relative; }
	
	
	#rika_tbl_bottom { width: 742px; height: 34px; background: url(../images/book_grade_bottom.gif) no-repeat left top; }
	
	ul#rika_grade_list { list-style: none; margin: 20px 120px; height: 40px; }
		ul#rika_grade_list li { float: left; text-indent: -9999px; margin: 0px 5px; }
		ul#rika_grade_list li a { width: 114px; height: 35px; display: block; background: url(../images/btn_grade.gif) no-repeat left top; }
		ul#rika_grade_list li#list_grade3 a { background-position: 0px 0px; }
		ul#rika_grade_list li#list_grade4 a { background-position: -114px 0px; }
		ul#rika_grade_list li#list_grade5 a { background-position: -228px 0px; }
		ul#rika_grade_list li#list_grade6 a { background-position: -342px 0px; }
		ul#rika_grade_list li#list_grade3 a:hover { background-position: 0px -35px; }
		ul#rika_grade_list li#list_grade4 a:hover { background-position: -114px -35px; }
		ul#rika_grade_list li#list_grade5 a:hover { background-position: -228px -35px; }
		ul#rika_grade_list li#list_grade6 a:hover { background-position: -342px -35px; }
	
	.rika_inside { text-align: center; margin-top: 20px; }
	.rika_inside .img { margin-top: 20px; }
	.rika_inside .text { margin-top: 20px; }
	.rika_inside .flash { margin-top: 20px; }
	.answer { font-size: 118%; color: #FF0000; font-weight: bold; display: block; }
	.rika_inside .rika_button { width: 370px; margin: 20px auto; }
	table.rika_layout_tbl { border-collapse: collapse; margin: auto }
		table.rika_layout_tbl td { vertical-align: top; text-align: left; padding: 5px; }
	
	
	a#btn_back { text-indent: -9999px; background: url(../images/btn_back.gif) no-repeat 0px 0px; width: 114px; height: 35px; cursor: pointer; display: block; }
	a#btn_next { text-indent: -9999px; background: url(../images/btn_next.gif) no-repeat 0px 0px; width: 114px; height: 35px; cursor: pointer; display: block; }
	a#btn_back:hover { background-position: 0px -35px; }
	a#btn_next:hover { background-position: 0px -35px; }
	
	a#btn_rikatop { text-indent: -9999px; background: url(../images/btn_rikatop.gif) no-repeat 0px 0px; width: 121px; height: 35px; cursor: pointer; display: block; }
	a#btn_rikatop:hover { background-position: -121px 0px; }
	
	a#btn_start { text-indent: -9999px; background: url(../../images/common/btn/btn_start.gif) no-repeat 0px 0px; width: 114px; height: 35px; cursor: pointer; display: block; }
	a#btn_start:hover { background-position: -114px 0px; }
	
	.link_rikaiketsu {
		display: block;
		width: 190px;
		height: 28px;
		position: absolute;
		left: 150px;
		top: 17px;
	}
	
#float_win {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	background: #c5e288;
	border-bottom: 4px solid #97b086;
	padding: 4px;
	display: none;
}

#float_win_inside {
	background: #FFF;
	border: 1px solid #999;
	padding: 5px;
}

table.comic_tbl {
	border-collapse: collapse;
	
}

table.comic_tbl td {
	text-align: left;
	vertical-align: top;
}

table.comic_tbl td.thumb {
	padding-right: 7px;
}

table.comic_tbl td.content {
	width: 221px;
}

table.comic_tbl td.class5 {
	background: #e5ffc9;
}

table.comic_tbl td.class6 {
	background: #fffed5;
}

.comic_detail_tbl {
	border-collapse: collapse;
	margin: 10px;
	width: 200px;
}

	.comic_detail_tbl td.comic_status {
		text-align: right;
	}
	
	.comic_detail_tbl td.comic_status span {
		color: #ff4603;
	}

.btn_comic {
	margin: 5px 0px 0px 0px;
	float: right;
	display: block;
	width: 114px;
	height: 35px;
	text-indent: -9999px;
	background: url(../../rikaiketsu/images/btn_manga.gif) no-repeat left top;
}

class6 .btn_comic {
	background: url(../../rikaiketsu/images/btn_manga2.gif) no-repeat left top;
}

.btn_comic:hover {
	background-position: bottom;
	cursor: pointer;
}