#head_img{
	width: 100%;
}
#head_img h2{
	text-indent: -9999px;
	background: url(../img/active/headImgSP.jpg) center center no-repeat #8fcaea;
	background-size: 100%;
	width: 100%;
	height: 0;
	padding-top: 39.22%;
}
#Container{
	width: 96%;
	margin: 0 auto;
}
#Container h2.pageTitle{
	text-indent: -9999px;
	width: 90%;
	max-width: 369px;
	height: 0;
	padding-top: 19.783%;
	background: url(../img/active/telescope/h2_bg.png) no-repeat;
	background-size: 100%;
	margin: 20px auto;
}

#Container div.telescope{
	width: 100%;
}
#Container div.telescope ul{
	width: 80%;
	max-width: 303px;
	margin: 30px auto;
	text-align: center;
}
#Container div.telescope ul li{
	margin: 5px;
	display: inline-block;
}
#Container div.teleImg{
	text-align: center;
}
#Container div.teleImg span{
	display: block;
	width: 100%;
	font-size: 12px;
}
#Container div.bgBox{
	margin: 30px auto -50px;
	text-align: center;
}
#Container div.bgBox h3{
	text-indent: -9999px;
	width: 100%;
	height: 38px;
	margin: 0 0 20px;
	background: url(../img/active/telescope/h3_01.jpg) no-repeat center bottom;
}
#Container div.bgBox h4{
	color: #036eb8;
	font-weight: 900;
	margin: 0 0 20px;
}
#Container div.bgBox div.bg{
	background: url(../img/active/telescope/bg.jpg) no-repeat center bottom;
	height: 331px;
}
#Container div.bgBox div.bg div.order{
	width: 228px;
	margin: 0 auto;
	padding: 30px 0 0;
}
#Container div.bgBox div.bg div.order a{
	display: block;
	text-indent: -9999px;
	width: 228px;
	height: 73px;
	background: url(../img/active/telescope/order.png) no-repeat;
}