@charset "utf-8";

#wrap{
	padding: 0 0 70px;
}
	
#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;
}


/*-----------------------------------------
	メイン
-------------------------------------------*/

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

#showcase{
	margin-bottom:10px;
}

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

h3.vl {
    line-height: 1.2;
    border-left: 5px solid #79B4FF;
    padding-left: 10px;
    margin-bottom: 20px;
    font-size: 18px;
}


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

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

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

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


/*----- Other-univ Link -----*/

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


/*-----------------------------------------
	 Rank-unit
-------------------------------------------*/

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

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

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

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

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

.tab_light a{
	display:block;
	color:#111;
}

.tab_light_on{
	background-color:#79B4FF;
	border:#79B4FF 1px solid;
}
	
.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;
}

.tab_light_size{
	width: 160px;
	height: 33px;
}


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

.unit-title{
	height:46px;
	line-height:46px;
	color:#FFF;
	margin:0;
	background:url(/images/special/rank_univ/utit_icon.png) no-repeat 45px 10px;
}

.unit-title_all{
	background-color:#444;
	width:610px;
	padding-left:110px;
	font-size:19px;
}

.unit-title_boy{
	background-color:#0085B0;
	width:600px;
	padding-left:120px;
	font-size:18px;
}

.unit-title_girl{
	background-color:#BA01BA;
	width:600px;
	padding-left:120px;
	font-size:18px;
}

.unit-title_mix{
	background-color:#ADAE14;
	width:600px;
	padding-left:120px;
	font-size:18px;
}

.unit-title_all h3{
	font-size:19px;
}

.unit-title_boy h3, .unit-title_girl h3, .unit-title_mix h3{
	font-size:18px;
}

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

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

dt, dd{
    display:table-cell;
}



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

.list-dl{
	width:720px;
}

.list-dl dl, .list-dl dl.o-univ{
	border-left:1px solid #D6D6D6;
    width:719px;
	line-height:1.2;
	/*display:table;
    table-layout:fixed;
	margin:0;*/
}
.list-dl dl:first-child, .list-dl dl.o-univ:first-child{
	border-top:1px solid #D6D6D6;
}

.list-dl dt, .list-dl dd{
    /*display:table-cell;*/
    border-right:1px solid #D6D6D6;
	border-bottom:1px solid #D6D6D6;
	vertical-align:middle;
}

.list-dl dl.o-univ dt{
    display:table-cell;
    border-right:none;
	border-bottom:1px solid #D6D6D6;
	vertical-align:middle;
}

.list-dl dl.o-univ dd{
    display:table-cell;
    border-right:1px solid #D6D6D6;
	border-bottom:1px solid #D6D6D6;
	vertical-align:left;
}


.rank-list_th{
	background-color:#FAFAFA;
	font-size:12px;
	text-align:center;
	height:24px;
}

.rank-list_no{
	text-align:center;
	font-size:18px;
	height:50px;
}

.rank-list_img{
	text-align:center;
	height:50px;
}

.rank-list_school{
	text-align:left;
	padding-left:20px;
	font-size:16px;
	height:47px;
	line-height:1.1;
	padding-top:3px;
}

.rank-list_school span{
	font-size:12px;
	line-height:1.0;
}

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

.rank-list_lnum{
	text-align:center;
	vertical-align:middle;
	font-size:16px;
	height:50px;
}

.rank-list_univ{
	font-size:16px;
}

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



/*-- List-width --*/

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

.rank-list_w_no{
	width:80px;
}

.rank-list_w_arrow{
	width:40px;
}
	
.rank-list_w_school{
	width:394px;
}

.rank-list_w_num{
	width:100px;
}

.rank-list_w_lnum{
	width:80px;
}

.rank-list_w_uimg{
	width:70px;
}

.rank-list_w_uname{
	width:288px;
}

/*-----------------------------------------
	その他の特集
-------------------------------------------*/
#thumb-list {
	margin-bottom:30px;
}

#thumb-list .thumb{
	width:210px;
	height:250px;
	float:left;
	line-height:1.4;
	margin-left:35px;
}
#thumb-list .thumb:nth-child(1){
	margin-left:10px;
}

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

#thumb-list .thumb p{
	line-height:1.5;
}

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

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


