@charset "UTF-8";
/* CSS Document */

@media(min-width:481px){
	
#contents{
    width:100%;
	min-width:1300px;
	margin:0 auto;
	padding-bottom:0px;
	background-color: #231815;
}


#visualarea{
	min-width:1300px;
	height: 300px;
	margin:0 auto;
	padding-top: 10px;
	}


.visual{
	min-width:1300px;
	height: 300px;
	background-image: url(../images/newsreportvisual.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
	

.visualtxt{
	width:320px;
	height: 235px;
	background-image: url(../images/newsreportvisual2.png);
	background-repeat: no-repeat;
	background-position:bottom;
	margin: 0 auto;
	padding-top: 55px;
}


.mainvisual1{
	min-width:1300px;
	height: 507px;
	background-size:cover;
	background-image: url(../images/mainvisual1.png);
	background-position:top center;
}


.mainvisual2{
	min-width:1300px;
	height: 507px;
	background-size:cover;
	background-image: url(../images/mainvisual2.png);
	background-position:top center;
}
	





#contents2{
    width:100%;
	min-width:1300px;
	margin:0 auto;
	padding-bottom:50px;
	background-color: #FFF;
}
	
#contents3{
    width:100%;
	min-width:1300px;
	margin:0 auto;
	padding-top: 100px;
	padding-bottom:100px;
	background-color: #F2F2F2;
}



.basearea{
    width:1200px;
	margin:0 auto;
	padding-top:80px;
}
	
	
.basearea2{
    width:900px;
	margin:0 auto;
	padding-top:80px;
	padding-bottom: 100px;
}


	
	
	
.maintitle{
	width:900px;
	text-align: center;
	margin: 0 auto;
	padding-top: 0px;
}


	
.maintitle1{
	width:350px;
	margin:0 auto;
	font-size: 24px;
	color: #0099CC;
	padding:10px;
	border-top:solid 1px #0099CC;
	border-bottom:solid 1px #0099CC;
	text-align: center;
	
}
	
	
.maintitle2{
	width:500px;
	margin:0 auto;
	font-size: 16px;
	color: #666666;
	text-align: center;
	padding-top:10px;
	
	
}	

.maintitle3{
	width:900px;
	text-align: center;
	margin: 0 auto;
	padding-top: 0px;
	border-bottom:solid 1px #231815;
	font-size: 24px;
	color: #231815;
	padding:10px;
}


.maintext{
	width:1100px;
	margin:0 auto;
	padding-top:20px;
	font-size:17px;
	line-height:41px;
	text-align:center;
	
}
	
	
.maintext2{
	width:780px;
	margin:0 auto;
	padding-top:20px;
	font-size:15px;
	line-height:35px;
	text-align:left;
	color: #231815;
}


	
	
.contitle{
	width: 400px;
	margin: 0 auto;
	text-align: center;
	font-size: 20px;
	line-height: 43px;
}
	
.contitle2{
	width: 900px;
	margin: 0 auto;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	font-size: 22px;
	line-height: 42px;
	border-top: 1px #231815 solid;
	border-bottom: 1px #231815 solid;
}
	
.contitle3_1{
	width:250px;
	margin:0 auto;
	font-size: 24px;
	color: #0099CC;
	padding:10px;
	border-top:solid 1px #0099CC;
	border-bottom:solid 1px #0099CC;
	text-align: center;
}
	
.contitle3_2{
	width:250px;
	margin:0 auto;
	font-size: 24px;
	color: #0099CC;
	padding:10px;
	border-top:solid 1px #0099CC;
	border-bottom:solid 1px #0099CC;
	text-align: center;
}
	
	
.contitle3_3{
	width:250px;
	margin:0 auto;
	font-size: 24px;
	color: #0099CC;
	padding:10px;
	border-top:solid 1px #0099CC;
	border-bottom:solid 1px #0099CC;
	text-align: center;
}
	
	
.contitle3_4{
	width:250px;
	margin:0 auto;
	font-size: 24px;
	color: #0099CC;
	padding:10px;
	border-top:solid 1px #0099CC;
	border-bottom:solid 1px #0099CC;
	text-align: center;
}

	
.conarea1{
	width:400px;
	font-size: 16px;
	line-height: 28px;
	float: left;
	
}
	
	

.conarea2{
	width:400px;
	font-size: 16px;
	line-height: 28px;
	float: right;
	
}

	
.context{
	padding-top:20px;
	font-size: 16px;
	line-height: 28px;
	
}
	
.context2{
	width:400px;
	padding-top:20px;
	text-align: right;
	
}
	
.context3{
	width:400px;
	text-align: center;
	
}
	
.conphotoarea{
	width:110px;
	margin-top:40px;
	margin-left: 10px;
	margin-right: 10px;
	font-size: 11px;
	line-height: 28px;
	text-align: center;
	float: left;
	}
	
.conphoto{
	width:110px;
	
}
	
.conphototext{
	width:110px;
	padding-top:5px;
	font-size: 12px;
	font-weight: bold;
}

	
/*リスト*/
	
.listarea{
	width:700px;
	margin: 0 auto;
	padding-top: 10px;
	font-size: 16px;
	}

.listmark{
	width:15px;
	float: left;
	padding-top: 3px;
	}
	
.listtitle{
	width:460px;
	float: left;
	margin-left: 5px;
	}
	
.listpdf{
	width:180px;
	float: left;
	margin-left: 20px;
	}

}


@media(max-width:480px){

#contents{
    width:480px;
	margin:0 auto;
	padding-bottom:0px;
	background-color: #231815;
}


#visualarea{
	width:480px;
	height: 300px;
	margin:0 auto;
	padding-top: 10px;
	}


.visual{
	width:480px;
	height: 300px;
	background-image: url(../images/newsreportvisuals.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
	

.visualtxt{
	width:360px;
	height: 194px;
	background-image: url(../images/newssvisual2.png);
	background-repeat: no-repeat;
	background-position: bottom;
	margin: 0 auto;
	padding-top: 50px;
}


#contents2{
   width:480px;
	margin:0 auto;
	padding-bottom:50px;
	background-color: #FFF;
}
	
#contents3{
    width:480px;
	margin:0 auto;
	padding-top: 100px;
	padding-bottom:100px;
	background-color: #F2F2F2;
}



.basearea{
    width:400px;
	margin:0 auto;
	padding-top:80px;
}
	
	
.basearea2{
    width:400px;
	margin:0 auto;
	padding-top:80px;
	padding-bottom: 100px;
}


	
	
	
.maintitle{
	width:400px;
	text-align: center;
	margin: 0 auto;
	padding-top: 0px;
}

	
.maintitle1{
	width:350px;
	margin:0 auto;
	font-size: 24px;
	color: #0099CC;
	padding:10px;
	border-top:solid 1px #0099CC;
	border-bottom:solid 1px #0099CC;
	text-align: center;
	
}
	
	
.maintitle2{
	width:360px;
	margin:0 auto;
	font-size: 16px;
	color: #666666;
	text-align: center;
	padding-top:10px;
	
	
}
	
.maintitle3{
	width:360px;
	text-align: center;
	margin: 0 auto;
	padding-top: 0px;
	border-bottom:solid 1px #231815;
	font-size: 24px;
	color: #231815;
	padding:10px;
}



.maintext{
	width:360px;
	margin:0 auto;
	padding-top:20px;
	font-size:17px;
	line-height:41px;
	text-align:center;
	
}
	
	
.maintext2{
	width:360px;
	margin:0 auto;
	padding-top:20px;
	font-size:15px;
	line-height:35px;
	text-align:left;
	color: #231815;
}


	
	
.contitle{
	width: 360px;
	margin: 0 auto;
	text-align: center;
	font-size: 20px;
	line-height: 43px;
}
	
.contitle2{
	width: 360px;
	margin: 0 auto;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	font-size: 22px;
	line-height: 42px;
	border-top: 1px #231815 solid;
	border-bottom: 1px #231815 solid;
}
	
.contitle3_1{
	width:250px;
	margin:0 auto;
	font-size: 24px;
	color: #0099CC;
	padding:10px;
	border-top:solid 1px #0099CC;
	border-bottom:solid 1px #0099CC;
	text-align: center;
}
	
.contitle3_2{
	width:250px;
	margin:0 auto;
	font-size: 24px;
	color: #0099CC;
	padding:10px;
	border-top:solid 1px #0099CC;
	border-bottom:solid 1px #0099CC;
	text-align: center;
}
	
	
.contitle3_3{
	width:250px;
	margin:0 auto;
	font-size: 24px;
	color: #0099CC;
	padding:10px;
	border-top:solid 1px #0099CC;
	border-bottom:solid 1px #0099CC;
	text-align: center;
}
	
	
.contitle3_4{
	width:250px;
	margin:0 auto;
	font-size: 24px;
	color: #0099CC;
	padding:10px;
	border-top:solid 1px #0099CC;
	border-bottom:solid 1px #0099CC;
	text-align: center;
}

	
.conarea1{
	width:360px;
	font-size: 16px;
	line-height: 28px;
	padding-top: 50px;
	margin:0 auto;
	
}
	
	

.conarea2{
	width:360px;
	font-size: 16px;
	line-height: 28px;
	padding-top: 50px;
	margin:0 auto;
	
}

	
.context{
	width:360px;
	padding-top:20px;
	font-size: 16px;
	line-height: 28px;
	margin:0 auto;
}
	
.context2{
	width:360px;
	padding-top:20px;
	text-align: right;
	margin:0 auto;
}
	
.context3{
	width:360px;
	text-align: center;
	padding-top: 50px;
}
	
.conphotoarea{
	width:110px;
	margin-top:40px;
	margin-left: 5px;
	margin-right: 5px;
	font-size: 11px;
	line-height: 28px;
	text-align: center;
	float: left;
	}
	
.conphoto{
	width:110px;
	
}
	
.conphototext{
	width:110px;
	padding-top:5px;
	font-size: 12px;
	font-weight: bold;
}
	
	
/*リスト*/
	
.listarea{
	width:360px;
	margin: 0 auto;
	padding-top: 10px;
	font-size: 16px;
	}

.listmark{
	width:15px;
	float: left;
	padding-top: 3px;
	}
	
.listtitle{
	width:320px;
	float: left;
	margin-left: 5px;
	}
	
.listpdf{
	width:180px;
	margin-left: 20px;
	clear: both;
	}




}