@charset "utf-8";

/*
============================================

	What's NEW CSS

============================================
*/


/* whats new
--------------------------------------------- */

#main #news .news-body {
	overflow: visible;
	height: auto !important; /* for Modern Browser */
	height: 590px; /* for IE */
	min-height: 590px;
	background-color: #CAEAEF;
	background-image: url(../images/common/news_bg_03.png);
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}



#main .pagenavi {
	padding-bottom: 15px;
	background-image: url(../images/common/content_bg_01.png);
	background-repeat: no-repeat;
	background-position: 0px 100%;
}



#main .pagenavi_top {
	padding-bottom: 10px;
}


	/* news-tab
	--------------------------------------------- */

	#main #news ul.tabNav {
		border-top: 1px solid #9DBCD9;
	}

		#main #news ul.tabNav li a {
			width: 160px;
			background-image: url(../images/common/news_tab_03.png);
		}
	
		#main #news ul.tabNav li.tab1 a {
			background-position: 0 0;
		}
		
		#main #news ul.tabNav li.tab2 a {
			background-position: -160px 0;
		}
		
		#main #news ul.tabNav li.tab3 a {
			background-position: -320px 0;
		}
		
		#main #news ul.tabNav li.tab4 a {
			background-position: -480px 0;
		}
		
		#main #news ul.tabNav li.tab1 a.active {
			background-position: 0 -23px;
		}
		
		#main #news ul.tabNav li.tab2 a.active {
			background-position: -160px -23px;
		}
		
		#main #news ul.tabNav li.tab3 a.active {
			background-position: -320px -23px;
		}
		
		#main #news ul.tabNav li.tab4 a.active {
			background-position: -480px -23px;
		}
















/* sub
--------------------------------------------- */

#wrapper #main-contents #sub {
	width: 220px;
	padding: 44px 0 0;
	background-image: url(../images/common/sub_bg_01.png);
	background-repeat: no-repeat;
	background-position: 0 14px;
}

	/* staff
	--------------------------------------------- */
	
	#wrapper #main-contents #sub #staff {
		margin-left: 0;
	}



/* schedule カレンダー
--------------------------------------------- */


#main .calendar {
	margin-top: 10px;
	margin-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding-bottom: 10px;
	line-height: 2em;
}


#main .calendar .speed {
	background-color: #BEE4F9;
}

#main .calendar .figure {
	background-color: #FFCCFF;
}

#main .calendar .short {
	background-color: #CCFFCC;
}

#main .calendar .jsf {
	background-color: #FFD6A6;
}

#main .calendar .others {
	background-color: #B6B1CF;
}




/* pagenavi
--------------------------------------------- */


#main div.pagenavi_top {
	margin: 0;
	padding: 0;
}




#main ul.pagenavi_top {
	float: left;
	margin: 0px;
	padding: 0px;
}


#main form.pagenavi_top {
	float: right;
}


	#main ul.pagenavi_top li {
		display: inline;
		font-weight: bold;
		margin: 0 3px;
	}
	
	#main ul.pagenavi_top li.pnavi-ind,
	#main ul.pagenavi_top li.pnavi-pager.first {
		background-image: url(../images/common/pnavi_line.png);
		background-repeat: no-repeat;
		background-position: 0 50%;
		padding-left: 15px;
	}

		#main ul.pagenavi_top li a:link,
		#main ul.pagenavi_top li a:visited {
			color: #2389AC;
			text-decoration: none;
		}
		
		#main ul.pagenavi_top li a:hover,
		#main ul.pagenavi_top li a:focus,
		#main ul.pagenavi_top li a:active {
			color: #C00;
			text-decoration: none;
		}

		#main ul.pagenavi_top li.pnavi-pre a {
			background-image: url(../images/common/pnavi_ico_l.png);
			background-repeat: no-repeat;
			background-position: 0px 50%;
			padding-left: 18px;
		}
		
		#main ul.pagenavi_top li.pnavi-ind a,
		#main ul.pagenavi_top li.pnavi-pager.last a {
			background-image: url(../images/common/pnavi_line.png);
			background-repeat: no-repeat;
			background-position: 100% 50%;
			padding-right: 15px;
		}
		
		#main ul.pagenavi_top li.pnavi-nex a {
			background-image: url(../images/common/pnavi_ico_r.png);
			background-repeat: no-repeat;
			background-position: 100% 50%;
			padding-right: 18px;
		}
		



/* .clearfix
--------------------------------------------- */
.clearfix {
    zoom: 100%;
}
.clearfix:after {
    content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
*html .clearfix {height:1%;}