@charset "utf-8";

	
#page-title{
	padding:23px 0 10px;
}

#page-title h2{
	font-size:28px;
	padding-left:60px;
	background:url(/images/special/tit_icon.gif) no-repeat 0 6px;
}

#page-title h2 span{
	font-size:22px;
	font-weight:normal;
}

#wrap{
	padding: 0 0 70px;
}


/*-----------------------------------------
	共通
-------------------------------------------*/

.rank-unit{
	padding-top:40px;
	margin-bottom:10px;
	line-height:1.2;	
}


.rank-unit_list{
	margin-bottom:30px;
	padding-top:40px;
	font-size:16px;
}


/*----- Other-rank Link -----*/

.arrow_rank{
    display: inline-block;
    padding-left: 17px;
	padding-top:2px;
    background: url(/images/special/arrow_cnav.png) no-repeat left 50%;
    font-size: 16px;
	font-weight:bold;
	margin-right:20px;
}
.fright{
	float:right;
}
.fleft{
	float:left;
}


/*---------- Link ---------*/

#wrap a:link{
	color:#2777E2;
}
#wrap a:visited{
	color:#2777E2;
}
#wrap a:hover{
	color:#2777E2;
}
#wrap a:active{
	color:#2777E2;
}

/*----------------*/

#wrap .thumb a:link{
	color:#444;
}
#wrap .thumb a:visited{
	color:#444;
}
#wrap .thumb a:hover{
	color:#2777E2;
}
#wrap .thumb a:active{
	color:#444;
}

/*----------------*/

#wrap .arrow-b a:link{
	color:#444;
}
#wrap .arrow-b a:visited{
	color:#444;
}
#wrap .arrow-b a:hover{
	color:#2777E2;
}
#wrap .arrow-b a:active{
	color:#444;
}

/*----------------*/

#wrap .tab_light a:link{
	color:#444;
}
#wrap .tab_light a:visited{
	color:#444;
}

/*----------------*/

#wrap #side-box .name a{
	color:#000;
}




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

	トップページ

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

/*----- SHOWCASE TOP -----*/


#showcase{
	margin-bottom:10px;
	margin-top:-30px;
}

/*---------- その他の特集 ----------*/

#thumb-list .thumb{
	width:210px;
	height:250px;
	float:left;
	line-height:1.4;
	margin-left:10px;
	margin-right:25px;
}

#thumb-list .thumb img{
	margin-bottom:20px;
}

#thumb-list .thumb p{
	line-height:1.5;
	font-size:14px;
}

#thumb-list .thumb p.tit{
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
	line-height:1.2;
}

.arrow-b {
	text-align:center;
}



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

	各クラブページ

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

#main-box{
	width:720px;
	float:left;
}


/*----- SHOWCASE -----*/

.sc{
	margin-bottom:10px;
	width:720px;
	height:180px;
	background:url(/images/special/rank_exam/bg_sc.jpg) top left no-repeat;
}

.sc-tit{
	text-align:center;
	padding-top:22px;
	font-size:20px;
}

.sc-tit span{
	font-size:15px;
}

.sc-wbox{
	display:inline-block;
	margin:17px 0 0 44px;
}

.sc-box{
	display:inline-block;
	width:90px;
	margin-right:5px;
	text-align:center;
}

.sc-box_type{
	width:88px;
	height:18px;
	color:#FFF;
	font-size:11px;
	vertical-align:middle;
	margin-bottom:10px;
}

.sc-box_boy{
	background-color:#0085B0;
	border:1px solid #0085B0;
	color:#FFF;
}

.sc-box_girl{
	background-color:#D902DB;
	border:1px solid #D902DB;
	color:#FFF;
}

.sc-box_mix{
	background-color:#ADAE14;
	border:1px solid #ADAE14;
	color:#FFF;
}

.sc-box_private{
	background-color:#FFF;
	border:1px solid #06A5D7;
	color:#06A5D7;
}

.sc-box_national{
	background-color:#FFF;
	border:1px solid #8AB007;
	color:#8AB007;
}

.sc-box_public{
	background-color:#FFF;
	border:1px solid #FF8001;
	color:#FF8001;
}

.sc-box_ratio{
	font-size:26px;
	line-height:1.2;
	font-weight:bold;
}

.sc-box_ratio span{
	font-size:16px;
	font-weight:normal;	
}

.sc-box_ratio_last{
	font-size:16px;
	line-height:1.2;
}

	
/*-----------------------------------------
	ランキング
-------------------------------------------*/

/*---------- TAB ----------*/

.tab_light_unit {
	margin:0px auto 20px;
}

.tab_light_unit > ul{
	display:table;
	margin:auto;
	border-spacing:5px 0;
}

.tab_light{
	display:table-cell;
	color:#444;
	font-size:14px;
	text-align: center;
	vertical-align:middle;
	background:url(/images/special/rank_univ/arrow_cnav.png) no-repeat 10px 50%;
	border:#D6D6D6 1px solid;
	padding-top:2px;
	width:160px;
	height:32px;
}

.tab_light_on{
	display:table-cell;
	color:#444;
	font-size:14px;
	text-align: center;
	vertical-align:middle;
	background:url(/images/special/rank_univ/arrow_cnav_on.png) no-repeat 10px 50% #79B4FF;
	border:#79B4FF 1px solid;
	font-weight:bold;
	position:relative;
	padding-top:2px;
	width:160px;
	height:32px;
}

.tab_light a{
	display:block;
	color:#444;
}
	
.tab_light_on:before{
	content: "";
	position: absolute;
	bottom: -20px;
	right: 50%;
	border-top: 10px solid #79B4FF;
	border-right: 6px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 6px solid transparent;
}


/*---------- Title ----------*/

.unit-title{
	width:600px;
	height:46px;
	line-height:46px;
	color:#FFF;
	margin:0;
	background:url(/images/special/runk_tit_icon.png) no-repeat 45px 10px;
	padding-left:120px;
}

.unit-title h3{
	font-size:18px;
	font-weight:normal;
}

.unit-title_boy{
	background-color:#0085B0;
}

.unit-title_girl{
	background-color:#BA01BA;
}

.unit-title_mix{
	background-color:#ADAE14;
}


/*---------- dl ----------*/

dl{
    display:table;
    table-layout:fixed;
	margin:0;
}

dt, dd{
    display:table-cell;
}



/*---------- LIST dl ----------*/

.list-dl{
	width:720px;
}

.list-dl dl{
	border-left:1px solid #D6D6D6;
    width:719px;
	line-height:1.2;
}

.list-dl dt, .list-dl dd{
    border-right:1px solid #D6D6D6;
	border-bottom:1px solid #D6D6D6;
	vertical-align:middle;
	padding-top:10px;
	padding-bottom:8px;
}

.list-dl dl.rank-list_th{
	background-color:#FAFAFA;
	font-size:12px;
	height:22px;
	border-top:1px solid #D6D6D6;
	text-align:center;
}

.list-dl dl.rank-list_th dt, .list-dl dl.rank-list_th dd{
	padding-top:0px;
	padding-bottom:0px;
}


.rank-list_no{
	text-align:center;
	font-size:18px;
	font-weight:bold;
}

.rank-list_img{
	text-align:center;
}


/*
.rank-list_school{
	text-align:left;
	padding-left:20px;
	font-size:16px;
}*/



.rank-list_school, .rank-list_exam{
	text-align:left;
	padding-left:10px;
	padding-right:5px;
	font-size:16px;
}

.rank-list_type{
	text-align:center;
	font-size:14px;
}

.rank-list_deviation{
	text-align:center;
	font-size:14px;
}

.rank-list_ratio{
	text-align:center;
	font-size:18px;
	font-weight:bold;
	background-color:#F7FCFD;
}

.rank-list_lratio{
	text-align:center;
	font-size:16px;
}

.rank-list_school a{
	color:#2777E2;
}


/*-- List-width --*/

.rank-list_th_w_no{
	width:101px;
}
.rank-list_th_w_school{
	width:193px;
}
.rank-list_th_w_exam{
	width:168px;
}


.rank-list_w_no{
	width:65px;
}

.rank-list_w_arrow{
	width:35px;
}

.rank-list_w_school{
	width:178px;
}

.rank-list_w_exam{
	width:153px;
}

.rank-list_w_type{
	width:70px;
}

.rank-list_w_deviation{
	width:45px;
}

.rank-list_w_ratio{
	width:75px;
}

.rank-list_w_lratio{
	width:60px;
}


/*

.rank-list_th_w_no{
	width:121px;
}
.rank-list_th_w_school{
	width:287px;
}

.rank-list_w_no{
	width:80px;
}

.rank-list_w_arrow{
	width:40px;
}

.rank-list_w_school{
	width:267px;
}

.rank-list_w_type{
	width:95px;
}

.rank-list_w_deviation{
	width:45px;
}

.rank-list_w_ratio{
	width:95px;
}

.rank-list_w_lratio{
	width:70px;
}*/


/*-- List-type-color --*/

.rank-list_type_private{
	color:#06A5D7;
}

.rank-list_type_national{
	color:#8AB007;
}

.rank-list_type_public{
	color:#FF8001;
}


.list-dl_attn{
	margin-top:15px;
	font-size:12px;
}


/*---------- LIST UL index-list ----------*/

.index-list{
	width:1000px;
}

.index-list ul{
	margin:0;
	border-left:1px solid #D6D6D6;
    border-top:1px solid #D6D6D6;
	width:999px;
	line-height:1.2;
	margin-bottom:30px;
}

.index-list li{
	float:left;
    border-right:1px solid #D6D6D6;
	border-bottom:1px solid #D6D6D6;
	vertical-align:middle;
	width:478px;
	height:48px;
	line-height:48px;
	padding-left:20px;
	font-size:16px;
}




/*---------- LIST UL  rank-list----------*/

.rank-list ul{
	margin:0;
	border-left:1px solid #D6D6D6;
    border-top:1px solid #D6D6D6;
	width:719px;
	line-height:1.2;
	margin-bottom:30px;
}

.rank-list li{
	float:left;
    border-right:1px solid #D6D6D6;
	border-bottom:1px solid #D6D6D6;
	vertical-align:middle;
	width:343px;
	height:28px;
	padding-left:15px;
	padding-top:10px;
	font-size:16px;
}