/***********************************************/ 
/*bannerBtn*/
/***********************************************/ 
#bannerBtn li{
	display:inline block;
	float:left;
	margin-bottom:10px;
}
#highschool_baseball a,
#social_sports a,
#other a{
	display:block;
	width:213px;
	height:60px;
	text-indent:-55555px;
}
#highschool_baseball a{
	background:url(../images/top/highschool_baseball.gif) left top no-repeat;
}
#highschool_baseball a:hover{
	background:url(../images/top/highschool_baseball_over.gif) left top no-repeat;
}

#social_sports a{
	background:url(../images/top/social_sports.gif) left top no-repeat;
}
#social_sports a:hover{
	background:url(../images/top/social_sports_over.gif) left top no-repeat;
}

#other a{
	background:url(../images/top/other.gif) left top no-repeat;
}
#other a:hover{
	background:url(../images/top/other_over.gif) left top no-repeat;
}

/***********************************************/ 
/*about*/
/***********************************************/ 
#about{
	background:url(../images/top/concept_bg.gif) bottom center no-repeat;
	clear:both;
	margin-bottom:10px;
}
.aboutInner{
	padding:20px 30px 40px 30px;
}

.aboutInner img#mascot{
	float:right;
	display:inline;
	margin-left:10px;
}
/***********************************************/ 
/*event and news*/
/***********************************************/ 
#event,
#news{
	text-align:left;
	display:block;
	width:320px;
	float:left;
}
#event li,
#news li{
	padding:5px 0 0 5px;
}
#event li a,
#news li a{
	text-decoration:none;
}
#event li a:hover,
#news li a:hover{
	text-decoration:underline;
}
#news{
	margin-left:10px;
}

.title{
	background:url(../images/top/ttl.gif) left top no-repeat;
	width:320px;
	height:30px;
}
.title h3{
	float:left;
	padding:5px 0 0 20px;
	font-size:14px;
}
.title p{
	float:right;
	margin:10px 5px 0 0;
	font-size:10px;
}
.title p a{
	text-decoration:none;
}
.title p a:hover{
	text-decoration:underline;
}