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

.banner {
}

#news {
	margin: 20px 0 0 0;
	height: 150px;
	width: 700px;
	border: 1px #c0bfbf solid;
	background: url(../images/index/bg_news.png) no-repeat left bottom #FFF;
	overflow: auto;
}
#news dl {
	width: 66%;
	margin: 0 0 0 195px;
}
#news dl dt {
	width: 25%;
	display: inline;
	float: left;
	margin: 1.5em 0 0 0;
	color: #439196;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif
}
#news dl dd {
	width: 70%;
	display: inline;
	float: left;
	margin: 1.5em 0 0 0;
}

#tenpo_list {
}
#tenpo_list .tenpo {
	height: 350px;
	width: 160px;
	display: inline;
	float: left;
	border: 2px solid #fff;
	margin: 0 11px 20px 0;
	background: url(../images/index/bg_tenpo.png) bottom no-repeat;
	overflow: auto;
}
#tenpo_list .tenpo .img {
	border: 2px solid #cab361;
}

#tenpo_list .tenpo:hover,
#tenpo_list .tenpo:focus,
#tenpo_list .tenpo:active {
	border: 2px solid #cab361;
}
#tenpo_list .tel {
	font-weight: bold;
	font-size: 17px;
}
#tenpo_list .tel:before {
	content: "℡";
}


/********************
Style Ranking
********************/
#main #ranking{
	width: 733px;
	height: 430px;
	margin: 20px 0;
	background: url('../images/index/rank_bg.jpg') repeat-y;
}

#main #ranking h3{
	width: 700px;
	height: 70px;
	background: url('../images/index/rank_h3.jpg') no-repeat;
	text-indent: -9999px;
}

#main #ranking ul{
	margin: 0 0 0  33px!important;
	padding: 0 0 0 0 !important;
	list-style: none;
}

#main #ranking li{
	display: inline;
	float: left;
	width:  170px;
	height: 360px;
	padding: 0;
	margin: 0;
}

.rank_img{
	position: relative;
	width: 170px;
	height: 220px;
	overflow: hidden;
}

.rank_img .thumb{
	position: relative;
	width: 148px;
	height: 203px;
	margin: 15px 0 0 10px;
	border: 1px solid #aa9c6d;
/*	background: url('../images/index/junbichu.jpg') no-repeat center center;*/
	overflow: hidden;
}

.rank_img .thumb a{
	display: block;
	width: 100%;
	height: 100%;
}

.rank_img .thumb a img{
	width: 100%;
	height: auto;
}

.rank_mark{
	position: absolute;
	top: 0;
	left: 0;
}

.rank_title{
	font-size: 107%;
	width: 150px;
	height: 30px;
	margin: 5px 0 5px 10px;
	line-height: 1.3;
}

.rank_title a{
	text-decoration: none;
	color: #ad2323;	
}

.rank_desc{
	width: 150px;
	height: 45px;
	margin: 5px 0 5px 10px;
	line-height: 1.4;
}

#rankp .thumb{
	border: 1px solid #B90000;
}

#slider_wrapper{
	position: relative;
}

#nav{
	position: absolute;
	bottom: 0;
	right: 0;
	z-index:1000;
}


#nav a{
	display: inline-block;
	width: 24px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	background: #E48EAB;
	border: 1px solid #EA4B7D;
	text-decoration: none;
	margin: 0 10px 0 0;
	color: #fff;
	font-weight: bold;
	font-size: 123.1%;
}

/********************
Student Style Ranking
********************/
#main #rankingst{
	width: 733px;
	height: 430px;
	margin: 20px 0;
	background: url('../images/student/bg_ranking.jpg') no-repeat;
}

#main #rankingst h3{
	width: 700px;
	height: 70px;
	text-indent: -9999px;
}

#main #rankingst ul{
	margin: 0 0 0  33px!important;
	padding: 0 0 0 0 !important;
	list-style: none;
}

#main #rankingst li{
	display: inline;
	float: left;
	width:  170px;
	height: 360px;
	padding: 0;
	margin: 0;
}

#rankingst .rank_img{
	position: relative;
	width: 170px;
	height: 220px;
	overflow: hidden;
}

#rankingst .rank_img .thumb{
	position: relative;
	width: 148px;
	height: 203px;
	margin: 15px 0 0 10px;
	border: none;
	background: none;
	overflow: hidden;
}

.rank_img .thumb a{
	display: block;
	width: 100%;
	height: 100%;
}

.rank_img .thumb a img{
	width: 100%;
	height: auto;
}

.rank_link{
	margin:  0 0 0 10px;
}

.rank_link a:link,
.rank_link a:visited{
	opacity: 1;
	-moz-opacity: 1;
	filter:alpha(opacity=100);
}

.rank_link a:hover{
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter:alpha(opacity=70);
}

.rank_link a:active{
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter:alpha(opacity=50);
}

.thumb a:link,
.thumb a:visited{
	opacity: 1;
	-moz-opacity: 1;
	filter:alpha(opacity=100);
}

.thumb a:hover{
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter:alpha(opacity=80);
}

.thumb a:active{
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter:alpha(opacity=50);
}