/*====================================== 
INDEX—pCSS
=======================================*/ 


#index_header {
	background:url(../../img/mainimg.jpg) no-repeat center #2b6fd2;
	height:400px;
}

#index_header h1 {
	display:none;
}


.indexNews ul{
	padding:5px 10px 10px 10px;
	margin:0;
	list-style:none;
}
.indexNews li{
	background:url(../../img/line_pink.gif) repeat-x bottom left;
	padding-bottom:10px;
	margin-top:10px;
	font-size:1.2em;
	line-height: 1.8em;
}

.topicsBox{
	width:614px;
	height:189px;
	overflow:auto;
	background:#FFF;
	margin:10px 0;
	padding:5px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	-o-border-radius:7px;
	-ms-border-radius:7px;
	border-radius:7px;
	border:solid 3px #e43236;
	behavior:url("http://iba-fes.jp/common/ie-css3.htc");
}


.poster{
	float:left;
	text-align:center;
	font-size:1.2em;
	line-height: 1.8em;
}

.schedule{
	float:right;
	text-align:center;
	font-size:1.2em;
	line-height: 1.8em;
}

.upline{
	background:url(../../img/line_pink.gif) repeat-x top left;
	padding-top:20px;

}


.StopBox{
	width:850px;
	background:#FFF;
	margin:0 auto;
	padding:30px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	-o-border-radius:7px;
	-ms-border-radius:7px;
	border-radius:7px;
	border:solid 5px #e43236;
	behavior:url("http://iba-fes.jp/common/ie-css3.htc");
		text-align:center;
}
.StopBox p{
	color:#e43236;
	font-size:18px;
	line-height: 2.2em;
	font-weight: bold; 
}


@media screen and (max-width:670px) {
	#index_header{
		background:none;
		width: 100%;
		height:auto;
	}
	#index_header h1 {
		display:block;
		margin:0 auto;
		text-align:center;
	}
	#index_header h1 img {
	width: 100%;
		padding:0;
		border-bottom:solid 4px #e43236;
	}

	.topicsBox {
		width:88%;
		height:auto;
		overflow:block;
		margin:2% auto;
		padding:2% 5%;
		border:solid 2px #e43236;
	}
	.indexNews ul{
		padding:0;
		margin:0;
	}
	.poster{
		width:32% !important;
	}

	.schedule{
		width:64% !important;
	}
	.StopBox {
		width:80%;
		margin:0 auto;
		padding:5%;
	}

}