@charset "utf-8";

#page_topimg{
	position:absolute;
	right:20px;
	top:50px;
}

/* page_schedule
------------------------------------------------ */
#page_schedule {
}
#page_schedule #contents { height: auto; min-height: 718px; }
#page_schedule #contents .under_layout { padding-bottom: 100px; height: auto; min-height: 645px; }

/* week_news
------------------------------------------------ */
#week_news {
	position: relative;
}

/* nav */
#week_news .nav {
	width: 660px;
	height: 50px;
	padding: 0 40px;
}

	#week_news .nav li {
		float: left;
		width:20%;
		height: 100%;
		border-bottom:6px solid #2078be;
	}

		#week_news .nav li a {
			display: block;
			width: 100%;
			height: 100%;
			background: #efefef;
			color: #2078be;
			overflow: hidden;
			font-weight: bold;
			text-decoration: none;
			text-align: center;
			line-height: 54px;
			font-size: 20px;
		}
		#week_news .nav a:hover { opacity:0.5; }
		#week_news .nav a.on { background: #2078be; color: #fff;}
		/*
		#week_news .nav .mon a { background-position: -140px top; }
		#week_news .nav .tue a { background-position: -282px top; }
		#week_news .nav .wed a { background-position: -423px top; }
		#week_news .nav .thu a { background-position: -564px top; }
		#week_news .nav .fri a { background-position: -705px top; }

		#week_news .nav .mon a.on,#week_news .nav .mon a:hover { background: #2078be; }
		#week_news .nav .tue a.on,#week_news .nav .tue a:hover { background-position: -282px bottom; }
		#week_news .nav .wed a.on,#week_news .nav .wed a:hover { background-position: -423px bottom; }
		#week_news .nav .thu a.on,#week_news .nav .thu a:hover { background-position: -564px bottom; }
		#week_news .nav .fri a.on,#week_news .nav .fri a:hover { background-position: -705px bottom; }
		*/

/* list */
#week_news .list {
	padding: 16px 0 20px;
	width: 100%;
}

	#week_news .list .frame {
		position: relative;
		width: 100%;
		min-height: 340px;
		overflow: hidden;
	}

	#week_news .list .move {
		position: absolute;
		top: 0;
		left: 150px;
	}

		#week_news .list .move li {
			float: left;
			padding-left: 20px;
			width: 310px;
		}
	
			#week_news .list .move li h3 {
				font-size: 16px;
				font-weight: bold;
				color: #2078be;
			}
	
				#week_news .list .move li h3 .week { font-weight: normal; color: #000000; font-size: 12px; }
				#week_news .list .move li h3 .day { color: #000000; font-size: 14px; }
					#week_news .list .move li h3 .day span { margin-left: 10px; font-size: 16px; }

			#week_news .list .move li .comment {
				padding-top: 10px;
				font-size: 14px;
			}
	
			#week_news .list .move li dl {
				padding-top: 40px;
				font-size: 14px;
			}
	
				#week_news .list .move li dl dt {
					font-size: 16px;
					font-weight: bold;
					color: #2078be;
				}
	
				#week_news .list .move li dl dd {
					padding-bottom: 10px;
				}
	
			#week_news .list .move li .attention {
				font-size: 10px;
			}

	#week_news .list .next,
	#week_news .list .prev {
		position: absolute;
		top: 0;
		width: 40px;
		height: 100%;
	
		background: #fff;
}
	#week_news .list .next { right: 0px; }
	#week_news .list .prev { left: 0; }

		#week_news .list .next a,
		#week_news .list .prev a {
			position: absolute;
			top: 50%;
			left: 0;
			display: block;
			margin-top: -20px;
			width: 40px;
			height: 40px;
			background-position: left top;
			background-repeat: no-repeat;
			text-indent: -9999px;
		}
		#week_news .list .next a:hover,
		#week_news .list .prev a:hover { opacity:0.5; }
		#week_news .list .next a { background-image: url(../img/schedule/next.png); }
		#week_news .list .prev a { background-image: url(../img/schedule/prev.png); }

/* backnumber */
#backnumber {
	position: absolute;
	right: 40px;
	bottom: 40px;
	width: 680px;
	z-index: 100;
}

	#backnumber .btn {
		float: right;
		margin-left: 5px;
		width: 200px;
		height: 22px;
		text-align: center;
	}

		#backnumber .btn a {
			display: block;
			padding-top: 3px;
			width: 100%;
			height: 30px;
			line-height: 30px;
			background: #2078be;
			text-decoration: none;
			font-size: 14px;
			font-weight: bold;
			color: #fff;
			overflow: hidden;
		}
		
		#backnumber .btn a:hover{
			opacity:0.5;
		}

	#backnumber .past {
		position: absolute;
		bottom: 24px;
		display: none;
		padding: 24px;
		width: 660px;
		background: #fff;
		border: solid #2078be 2px;
	}

		#backnumber .past h4 {
			font-size: 12px;
			font-weight: bold;
			color: #2078be;
		}

		#backnumber .past p {
			float: left;
			padding: 8px 0;
			width: 220px;
			font-size: 14px;
		}

			#backnumber .past p a {
				padding-left: 5px;
				border-left: solid #2078be 3px;
				text-decoration: none;
				color: #000;
			}

/* sp
------------------------------------------------ */
.sp #page_title img { height: 24px; }
.sp #week_news { margin-bottom: 20px; padding: 0 3%; z-index: 10; }
.sp #week_news .nav { padding-left: 0; width: 100%; }
.sp #week_news .nav { margin: 0; padding width: 100%; height: 100%;}
.sp #week_news .nav li { width: 20% !important; text-align: center; font-size: 14px; }
.sp #week_news .nav li a { padding: 5px 0; background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#f8f8f8),color-stop(.49,#ededed),color-stop(.5,#dcdcdc),color-stop(1,#e8e8e8)); border: solid #c7c7c7 1px; text-indent: 0; text-decoration: none; color: #333; overflow: visible; }
.sp #week_news .nav li a.on { background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#32b76b),color-stop(.49,#1ea357),color-stop(.5,#0e9448),color-stop(1,#23a85c)); color: #fff; }
.sp #week_news .nav li:first-child a { border-radius: 5px 0 0 5px; }
.sp #week_news .nav li:last-child a { border-radius: 0 5px 5px 0; }
.sp #week_news .list { padding: 15px 0 20px; font-size: 12px; }
.sp #week_news .list .move li { padding: 0 20px; width: auto; zoom: 1; }
.sp #week_news .list .next,
.sp #week_news .list .prev { top: 50%; margin-top: -8px; width: 16px; height: 16px; background-size: 100%; }
.sp #week_news .list .next,
.sp #week_news .list .next a { right: 0; }
.sp #week_news .list .prev,
.sp #week_news .list .prev a { left: 0; }
.sp #week_news .list .next a,
.sp #week_news .list .prev a { width: 100%; height: 100%; background-size: 100%; }
.sp #backnumber { position: relative; left: auto; bottom: auto; width: 100%; } 
.sp #backnumber .btn { float: none; margin-bottom: 5px; }
.sp #backnumber .past { bottom: auto; margin-top: 20px; padding: 10px; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; overflow: hidden; }