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


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

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

/*****************************************************************
	ナビ(event)
*****************************************************************/

.navi6 a{
	width:74px;
	background-position:-620px -160px;
}

/*****************************************************************
	イベント
*****************************************************************/

#event{
	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_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;
}

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

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

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

.event_photo{
	width:100%;
	background:#000000;
	padding:0 0 20px 0;
	margin:20px 0 0 0;
	float:left;
}

.event_photo ul{
	width:100%;
	float:left;
}

.event_photo li{
	width:168px;
	height:90px;
	margin:20px 0 0 20px;
	float:left;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	overflow: hidden;
}

.event_photo li a{
	width:100%;
	height:100%;
	display:block;
}

.event_photo li:hover{
	opacity:0.7;
}

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

.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;
}
*/