@charset "UTF-8";
@import "share.css";
	
/*--------------------university.html--------------------*/

#university {
	width: 706px;
	float: left;
	padding: 12px 0 0;
}

#university #title {
	width: 706px;
	height: 42px;
	background: url(/image/share/search_tit_bg.gif) repeat-x 0 0;
	margin: 0;
	padding: 0;
}

#body {
	width: 706px;
	padding-top: 20px;
}

#body #contents_menu {
	background: url(../image/university/contets_bg.gif) no-repeat 0 0;
	min-height: 160px;
	_height: 160px;
}

#body #contents_menu ul {
	margin: 0 0 0 120px;
	padding: 5px 0 0;
	overflow: hidden;
}

#body #contents_menu ul:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

#body #contents_menu ul li {
	float: left;
	width: 283px;
	height: 62px;
	margin: 10px 5px 0 0;
	padding: 0;
}

/*---------------------------------------
	街情報
----------------------------------------*/

#body #city_info {
	width: 706px;
	padding: 30px 0;
}

#body #city_info a:link {
	color: #0082e5;
}
#body #city_info a:visited {
	color: #0082e5;
}
#body #city_info a:hover {
	color: #45aeff;
}


/* ranking */
#ranking_box {
	background: url(../image/university/ranking_bg.gif) repeat-y;
	margin: 0;
	padding: 0;
}

#ranking_box .ranking_cont {
	background: url(../image/university/ranking_btm.gif) no-repeat left bottom;
	padding: 5px 15px 0 16px;
}

#ranking_box .ranking_cont .txt_rank {
	float: left;
	width: 75px;
	height: 30px;
}
#ranking_box .ranking_cont .txt_rank img {
	margin-top: 8px;
	margin-left: 10px;
}

#ranking_box .ranking_cont .txt_station {
	float: right;
	width: 260px;
	height: 30px;
	line-height: 30px;
}

/* best 1-5 */
#ranking_box .ranking_cont .high_ranking {
	float: left;
	width: 340px;
}

/* best 6-10 */
#ranking_box .ranking_cont .low_ranking {
	float: right;
	width: 335px;
}


/* bg-color White */
#ranking_box .ranking_cont .rank_best {
	width: 335px;
	height: 30px;
	background: url(../image/university/best_bg.gif) no-repeat;
	margin-bottom: 5px;
}

/* bg-color Cream */
#ranking_box .ranking_cont .rank_better {
	width: 335px;
	height: 30px;
	background: url(../image/university/better_bg.gif) no-repeat;
	margin-bottom: 5px;
}

#ranking_box .credit {
	color: #666;
    font-size: 80%;
	text-align: right;
	margin-right: 5px;
	margin-bottom: 5px;
}


/* comment */
#ranking_box .ranking_comment {
	clear: both;
	width: 701px;
	height: 83px;
	background: url(../image/university/comment_bg.gif)  no-repeat left top;
}

#ranking_box .ranking_comment p {
	padding: 25px 120px 0 20px;
}


#list_box {
	background: url(../image/university/list_bg.gif) repeat-y;
	margin: 0 5px;
}

#list_box .list_title {
	margin-bottom: 10px;
}

#list_box .list_cont {
	background: url(../image/university/list_btm.gif) no-repeat left bottom;
	padding-bottom: 10px;
}
#list_box .list_cont .railroad_box {
	border-bottom: 1px solid #ccc;
	margin: 0 10px 5px;
	padding-bottom: 5px;
}

#list_box .list_cont .railroad_box dl {
	clear: both;
	background: url(../image/university/railroad_bg.gif) repeat-y;
}

#list_box .list_cont .railroad_box dl dt {
	float: left;
	width: 210px;
	background: url(../image/university/icon_railroad.gif) no-repeat 5px 5px;
	color: #886644;
	font-weight: bold;
}

#list_box .list_cont .railroad_box dl dt span {
	padding: 10px 10px 10px 35px;
	display: block;
}

#list_box .list_cont .railroad_box dl dd {
	float: right;
	width: 450px;
	padding: 10px 0;
}

#list_box .list_cont .railroad_box dl dd ul li {
	float: left;
	width: 110px;
	background: url(../image/university/arrow_right.gif) no-repeat left center;
}

#list_box .list_cont .railroad_box dl dd ul li a {
	margin-left: 15px;
}