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


/*****************************************************************
	瓢箪山校の場合
*****************************************************************/

.school_navi1 a{
	width:101px;
	background-position:0 -140px;
}

/*****************************************************************
	ナビ(news)
*****************************************************************/

.navi7 a{
	width:68px;
	background-position:-704px -160px;
}

/*****************************************************************
	新着情報
*****************************************************************/

#news{
	width:960px;
	margin:0 auto;
	overflow:hidden;
}

.title01{
	width:100%;
	height:45px;
	border-bottom:10px solid #ff2600;
	float:left;
}

.title01 h2{
	font-size:3.1em;
	font-weight:normal;
	color:#000000;
	line-height:45px;
	text-indent:-3px;
}

/*****************************************************************
	イベントページと基本は共通
*****************************************************************/

.news_event_box{
	width:960px;
	margin:20px 0 0 0;
	padding:0 0 20px 0;
	border-bottom:1px solid #cccccc;
	float:left;	
}

.news_event_header{
	width:960px;
	border-bottom:3px solid #000000;
	float:left;
}

.news_genre{
	width:100px;
	height:20px;
	background:#000000;
	float:left;
}

.news_genre p{
	font-size:0.8em;
	color:#ffffff;
	line-height:20px;
	text-align:center;
}

.news_event_title{
	width:780px;
	height:30px;
	margin:10px 0 0 0;
	clear:left;
	float:left;
}

.news_event_title h3{
	font-size:1.5em;
	line-height:30px;
}

.news_event_time{
	width:180px;
	height:30px;
	margin:10px 0 0 0;
	float:left;
	font-size:0.9em;
	line-height:30px;
	text-align:right;
}

.news_event_article{
	width:960px;
	margin:20px 0 0 0;
	float:left;
}

.news_event_text01{
	width:550px;
	float:left;
}

.news_event_text01 p{
	font-size:0.9em;
	line-height:26px;
}

.news_event_text02{
	width:100%;
	float:left;
}

.news_event_text02 p{
	font-size:0.9em;
	line-height:26px;
}

.p_margin01{
	margin:13px 0 0 0;
}

.p_margin02{
	margin:26px 0 0 0;
}

.news_event_img{
	max-width:390px;
	float:right;
}

/*****************************************************************
	ページャー
*****************************************************************/

.pager{
	width:100%;
	margin:20px 0 0 0;
	position:relative;
	overflow:hidden;
	float:left;
}

.pager ul{
	height:30px;
	position:relative;
	left:50%;
	float:left;
}

.pager li{
	height:30px;
	margin:0 5px 0 0;
	float:left;
	position:relative;
	left:-50%;
	font-weight:bold;
	line-height:30px;
}

.pager li:last-child{
	margin:0;
}
 
.page{
	width:30px;
	border:1px solid #000000;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	text-align:center;
}
.page:hover{
	background:#666666;
	color:#ffffff;
	cursor: pointer;
}

/*
.page a{
	width:100%;
	height:100%;
	display:block;
	color:#000000;
}

.page a:hover{
	background:#666666;
	color:#ffffff;
}
*/ 
.current_page{
	width:30px;
	border:1px solid #000000;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	text-align:center;
	background:#000000;
	color:#ffffff;
}

.prev_next{
/*	width:100%;	*/
/*	height:100%;	*/
	display:block;
	color:#000000;
}

.prev_next:hover{
	color:#666666;
	cursor: pointer;
}
/*
.prev_next a{
	width:100%;
	height:100%;
	display:block;
	color:#000000;
}

.prev_next a:hover{
	color:#666666;
}
*/