@charset "utf-8";



/* !wrapper
---------------------------------------------------------- */
.bg_img{
	position: relative;
	margin: 0 auto;
	max-width: 798px;
	width: 100%;
}

	.bg_img .bx-wrapper{
		position: relative;
		/*width: 100% !important;*/
		height: 284px;
		overflow: hidden;
	}

	.bx-window{
		/*overflow: visible !important;
		margin: 0px auto !important;
		height: 360px !important;*/
		margin-bottom: 10px;
	}


	/* !slider
	---------------------------------------------------------- */

	#slider{}

		#slider li a{
			/*padding: 30px 0 0 40px;*/
			font-size: 24px;
			display: block;
			color: #ffffff;
			text-decoration: none;
			text-shadow: 1px 1px 2px #333333;
		}

		.slider
		{
			width: 100%;
			height: 284px;
			margin: 0px auto;
			overflow: hidden;
		}

			.bg_img .slider li{
				float: left;
				width: 100%;
				background-repeat: no-repeat;
				background-position: left center;
				height: 284px;
			}

				.bg_img .slider li.slide1{
					background-image: url(/teikyo-kindergarten/images/mainimg01.jpg);
				}

				.bg_img .slider li.slide2{
					background-image: url(/teikyo-kindergarten/images/mainimg02.jpg);
				}

				.bg_img .slider li.slide3{
					background-image: url(/teikyo-kindergarten/images/mainimg03.jpg);
				}

				.bg_img .slider li img{
					width: 100%;
					height: auto;
				}

	/* !bx-pager
	---------------------------------------------------------- */
	#bx-pager {
		position: absolute;
		left: 0;
		bottom: 0;
		z-index: 80;
		padding: 5px;
		width: 788px;
		height: 27px;
		text-align: right;
		background: rgba(255,255,255,0.6);
	}

		#bx-pager a {
			position: relative;
			display: inline-block;
			margin-left: 5px;
			width: 50px;
			height: 27px;
		}

			#bx-pager a img {
				position: absolute;
				left: 0;
				top: 0;
			}

			#bx-pager a em {
				display: none;
				position: absolute;
				left: 0;
				top: 0;
				border: 2px solid #307ccb;
				width: 46px;
				height: 23px;
			}

			#bx-pager a:hover em,
			#bx-pager a.active em {
				display: block;
			}

		.bx-pager{
			position: absolute;
			bottom: 0;
			right: 0;
			width: 100%;
			height: 32px;
			background: url(/teikyo-kindergarten/images/mainimg_navbg.png) left bottom repeat-x;
			text-align: right;
			padding: 5px 5px 0 0;
		}

			.bx-pager a{
				margin-right: 5px;
				border: 1px solid #dddddd;
				padding: 3px 5px;
				color: #333333;
				text-decoration: none;
			}

			.bx-pager a.pager-active{
				color: #ffffff;
				background-color: #333;
			}

			.bx-prev,.bx-next{
				position: absolute;
				font-size: 36px;
				text-decoration: none !important;
				color: #ffffff !important;
				text-shadow: 1px 1px 2px #333333;
			}
			
			.bx-prev,
			.bx-next {
				display: none;
				top: 50%;
				margin-top: -68px;
				width: 40px;
				height: 77px;
				background-size: 100%;
				text-indent: -9999px;
			}
			
			.bx-prev:hover,
			.bx-next:hover {
				opacity: 0.7;
				filter: alpha(opacity=70);
			}
			
			.bx-prev{
				left: 0;
				background-image: url(/teikyo-kindergarten/images/sp/slider_prev_01.png);
			}
			
			.bx-next{
				right: 0;
				background-image: url(/teikyo-kindergarten/images/sp/slider_next_01.png);
			}
			
			.bx-pager a {
				position: relative;
				height: 27px;
				width: 119px;
			}
			
			.bx-pager a.thumb{
				position: relative;
				border: none;
				padding:0;
				background-color: none;
				line-height: 0;
				overflow: hidden;
				display: inline-block;
			}
			
			.bx-pager span {
				display: inline-block;
				position: relative;
				height: 27px;
				width: 119px;
				margin: 0 5px 0 0;
			}
			
			.bx-pager .pager-active em {
				position: absolute;
				left: 0;
				top: 0;
				border: 3px solid #307ccb;
				height: 21px;
				width: 113px;
			}
			
			.bx-pager a img{
				position: absolute;
				top: 0;
				left: 0;
				padding:0;
				text-decoration: none;
			}
			
			.bx-pager a.pager-active img{
				color: #ffffff;
				border: 1px solid #307ccb;
			}
			
			.bx-pager a.pager-active span{
				position: absolute;
				top: 0;
				left: 0;
				display: block;
				border: 3px solid #307ccb;
			}
			
			.bg_img3 .bx-wrapper{
				width: inherit;
				margin-bottom: 50px;
			}
			
			#slider3 li{
			}
			
				#slider3 li{
					width: 320px;
					text-align: center;
				}