@media screen and (min-width: 981px){

#wrap #container #contents_wrap #online_title{
	width: 100%;
	padding: 0 0 1px 0;
	text-align: center;
	height:170px;
	background:url(../../common/img/border.gif) bottom repeat-x #FBFBFB;
	margin:0 0 10px 0;
}

#wrap #container #contents_wrap #online_title h2{
	text-indent:-9999px;
	width:980px;
	height:170px;
	margin:0 auto;
	background:url(../img/news_title.jpg)  center no-repeat;
}

#maincontents{
		width: 100%!important;
	}	
#maincontents h3{
		width: 100%!important;
	height:50px;
	color:#FFF;
	font-size:20px;
	padding:30px 0 0 0!important;
	}	
#maincontents p{
		width: 70%!important;
	margin: 0 auto 30px auto;
	line-height: 2em!important;
	}	
#maincontents table{
	margin: 0 auto 30px auto;
	}	
#maincontents table td{
	padding: 15px;
	}	
	
}



@media screen and (max-width: 980px){

#wrap #container #contents_wrap #online_title{
	width: 100%;
	padding: 0 0 1px 0;
	text-align: center;
	height:100px;
	background:url(../../common/img/border.gif) bottom repeat-x #FBFBFB;
	margin:0 0 10px 0;
}

#wrap #container #contents_wrap #online_title h2{
	width:100%;
	padding: 0 20px;
	box-sizing: border-box;
	height:100px!important;
	margin:0 auto;
	background:url(../img/news_title_sp.jpg)  center no-repeat;
	background-size: cover;
	font-size: 20px;
	line-height: 100px!important;
	text-align: left;
}
#maincontents table{
	width: 100%;
	margin: 0 auto 30px auto;
	}	
#maincontents table td{
	padding: 15px 0;
	}	
#maincontents table td:nth-child(2){
	padding: 15px 0 15px 10px;
	}	


	
}