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

section,nav,article,aside,header,footer{
	display:block;
}

body{
	margin:0px;
	padding:0px;
	background-color:#F8F1E5;
	background-image:url(images/rank2_bg.png);
	background-repeat:repeat-x;
	background-position:50% 0%;
	color:#333333;
	font-size:62.5%;
	line-height:1.7em;
	font-family:Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
img{
	border:none;
}

a{
	color:#E4371B;
}
header{
	background-image:url(images/rank2_headpic.png);
	background-repeat:repeat-x;
	background-position:50% 100%;
	padding:25px 0px 109px 0px;
}
h1{
	margin:0px auto;
	padding:0px;
	width:620px;
}

.disblock{
	display:block;
}

.clr{
	clear:both;
}

#intr{
	overflow:hidden;
	border-bottom:solid 3px #F1E4CE;
	margin-bottom:10px;
}
article{
	width:960px;
	margin:27px auto 200px auto;
	overflow:hidden;
	font-size:1.3em;
	line-height:1.75em;
}
.img_right{
	width:318px;
	float:right;
	margin:0px 0px 20px 15px;
}
#main{
	width:720px;
	float:left;
}
.rank_h3{
	margin:0px;
	padding:0px;
}
.rank_no{
	overflow:hidden;
	margin-bottom:35px;
}
table.rank_table{
	border:0px;
	margin:0px;
	padding:0px;
	border-collapse:collapse;
	width:700px;
}
.rank_table td{
	margin:0px;
	padding:0px;
	vertical-align:top;
	font-size:0.9em;
	border:0px;
}
.stx{
	font-size:0.9em;
	text-align:right;
	margin:0px;
}

td.stx{
	font-size:0.9em;
	text-align:left;
	margin:0px;
	line-height:150%;
}
td.pdl_10{
	padding-right:6px;
}
.rank_ex{
	width:313px;
	float:left;
	background-color:#ffffff;
	min-height:25em;
	margin-top:30px;
}
.rank_ex h4{
	margin:8px 0px 0px 0px;
	padding:0px;
}
.rank_ex p{
	width:280px;
	margin:10px auto 20px auto;
}
.rank_gr{
	width:394px;
	float:right;
	background-color:#ffffff;
	min-height:25em;
	margin-top:30px;
}
.rank_gr h4{
	margin:0px;
	padding:0px;
}
.gr_p1{
	width:370px;
	margin:auto;
}
.gr_p2{
	width:12.2em;
	background-image:url(images/rank2_point.png);
	background-position:0% 50%;
	background-repeat:no-repeat;
	text-align:right;
	margin:0px 13px 0px auto;
}
.gr_p3{
	width:13.2em;
	background-image:url(images/rank2_point.png);
	background-position:0% 50%;
	background-repeat:no-repeat;
	text-align:right;
	margin:0px 13px 0px auto;
}
#rank_nav{
	width:220px;
	float:right;
	position: relative;
}
.fixed {
	position: fixed;
	top: 3px;
}

#lesson{
	background-color:#ffffff;
	overflow:hidden;
}

#lsn_info1{
	width:685px;
	margin:10px auto;
}

#lsn_info1 ul{
	list-style-type:none;
	margin:0px;
	padding:0px 0px 20px 0px;
	float:right;
}
#lsn_info1 ul li{
	margin:0px;
	padding:0px 0px 8px 0px;
}

#lsn_info2{
	width:685px;
	margin:0px auto;
	padding:28px 0px;
	overflow:hidden;
	background-image:url(images/rank2_lsn_06.png);
	background-repeat:no-repeat;
	background-position:0px 28px;
}
#lsn_info2 h4{
	margin:0px 0px 0px 138px;
}
#lsn_info2 p{
	width:380px;
	margin:0px 0px 0px 138px;

}
#lsn_info2 nav{
	width:370px;
	margin:0px 0px 0px 132px;
}
#rank_nav ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
}
#rank_nav ul li{
	margin:0px;
	padding:0px;
}
li img{
	vertical-align:bottom;
}
footer{
	background-image:url(images/rank2_fotter.png);
	background-repeat:repeat-x;
	padding:40px 0px;
}
footer p{
	color:#ffffff;
	width:960px;
	margin:auto;
	text-align:right;
	font-size:0.9em;
	line-height:100%;
}
h2{
	margin:0px;
	padding:0px;
}