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


#index_header {
	background:url(../../img/mainimg.jpg) no-repeat top;
	height:800px;
}


#maincont .indexBox h2 {
	font-size:4.0em;
	line-height: 1.8em;
	text-align:center;
}
#maincont .indexBox p {
	font-size:2.0em;
	line-height: 1.8em;
	text-align:center;
}
#main_contents .indexNews {
	padding:30px 0 80px 0;
}
#main_contents .indexNews h3 {
	font-size:3.0em;
	padding-bottom:10px;
	color:#FF0000;
	font-weight: 700;
	text-align:center;
}
#main_contents .indexNews h3 span {
	font-size:2.2em;
	line-height: 1.5em;
	font-family: 'Arial Black', Impact, Gadget, sans-serif;
	display:block;
}
#main_contents .indexNews  ul{
	padding:15px 0 0px 0;
	margin:0;
	list-style:none;
	border-top:1px solid #ccc;
}
#main_contents .indexNews li{
	width:100%;
	border-bottom:1px solid #ccc;
	padding-bottom:15px;
	margin-bottom:15px;
	font-size:1.6em;
	line-height: 1.8em;
}
#main_contents .indexNews p{
	width:100%;
	padding-bottom:15px;
	margin-bottom:15px;
	font-size:1.6em;
	line-height: 1.8em;
}
#main_contents .indexNews p.txtR{
	text-align:right;
}


#main_contents .indexBanner ul{
	padding:0;
	margin:30px 0 0 0;
	list-style:none;
}
#main_contents .indexBanner li{
	width:300px;
	float:left;
	margin:0;
	padding:0 30px 0 0;
}
#main_contents .indexBanner li h3,
#main_contents .indexBanner li.noR{
	padding:0;
}
#main_contents .indexBanner li img {
	width: 100%;
	padding:0;
}


@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,
	.indexBanner img {
		width: 100%;
		padding:0;
	}

	#maincont .indexBox {
	}
	#maincont .indexBox h2 {
		font-size:2.8em;
		line-height: 1.4em;
		margin-bottom:10px;
	}
	#maincont .indexBox p {
		font-size:1.5em;
		line-height: 1.6em;
	}
	#main_contents .indexNews {
		padding:0 0 10px 0;
	}

	#main_contents .indexNews h3 {
		font-size:2.6em;
		line-height: 1.5em;
	}
	#main_contents .indexNews h3 span {
		font-size:1.5em;
		line-height: 1.3em;
		padding:5px 10px;
	}
	#main_contents .indexNews  ul{
		padding:5% 0 0 0;
	}
	#main_contents .indexNews p{
		text-align:left;
	}

	#maincont .indexBanner ul{
		padding:0;
		margin:0;
		width:100%;
	}
	#maincont .indexBanner li{
		width:100%;
		padding:4% 0 0 0;
		float:none;
	}
	#maincont .indexBanner li img{
		max-width:100%;
	}

}