@charset "utf-8";
	/* CSS Document */
	/* PC
	--------------------------------------------
	-------------------------------------------- */
	@media screen and (min-width:980px) {
		
	#main_banner2 {
		height:340px;
		margin-right: auto;
		margin-left:auto;
		overflow:hidden;
		background-image: url(../images/title.png);
		background-repeat: no-repeat;
		width: 100%;
	}
	
	.thum_photo{
		float: left;
		margin: 0px 20px 20px 0px;
		width: 0%;
	}
	
	.date{
		text-align: left;
		font-size: 0.9em;
		padding-bottom: 5px;
		margin-left: 10%;
	}
	
	
	.title{
		text-align: left;
		font-size: 0.9em;
		line-height: 180%;
		/*width: 830px;*/
		width: 70%;
		float: left;
		margin-left: 10%;
		font-weight: 800;
	}
	
	.cate01{
		background-image: url(../../news/images/icon01.png);
		background-repeat: no-repeat;
		background-position: right 1px;
		width: 160px;
		float: left;
		}
	.detail_photo{
		float: left;
		width:350px;
		height:350px;
		padding: 4px;
		border: 1px solid white;
		margin-right: 10px;
	}
	.text p{
		float: right;
		width:530px;
		line-height: 180%
	}
	.text{
		text-align: left;
		font-size: 1.0em;
		line-height: 180%;
		min-height: 360px;
		border-radius: 12px;
		background-color: #F8F4ED;
		padding: 20px;
		
	}
	.detail_title{
		background-image: url(../images/tit.png);
		background-repeat: no-repeat;
		height: 42px;
		text-align: left;
		padding-left: 20px;
		font-size: 1.0em;
		padding-top: 10px;
		font-weight: 800;
		margin-top: 30px;
	}



	}
	/* PC2
	--------------------------------------------
	-------------------------------------------- */
	@media screen and (min-width:421px) and (max-width:979px){
	
		#main_banner2 {
			height: 150px;
			margin-top: 50px;
			margin-right: auto;
			margin-left:auto;
			overflow:hidden;
			background-image: url(../sp/images/sp_mainimg.png);
			background-repeat: no-repeat;
			width: 100%;
			margin-top: 10px;
		}
		
		.thum_photo{
			float: left;
			margin: 0px 20px 20px 0px;
			width: 10%;
		}
		
		.date{
			text-align: left;
			font-size: 0.9em;
			padding-bottom: 5px;
			margin-left: 5%;
		}
		
		
		.title{
			text-align: left;
			font-size: 0.9em;
			line-height: 180%;
			/*width: 830px;*/
			width: 70%;
			float: left;
			margin-left: 5%;
			font-weight: 800;

		}
		
		.cate01{
			background-image: url(../../news/images/icon01.png);
			background-repeat: no-repeat;
			background-position: right 1px;
			width: 150px;
			float: left;
		}
		.cate02{
			background-image: url(../../news/images/icon02.png);
			background-repeat: no-repeat;
			background-position:  right 1px;
			width: 150px;
			float: left;
		}
		
		.cate03{
			background-image: url(../../news/images/icon03.png);
			background-repeat: no-repeat;
			background-position:  right 1px;
			width: 150px;
			float: left;
		}

		.detail_photo{
			float: left;
			width:30%;
			padding: 4px;
			border: 1px solid white;
			margin-right: 10px;
		}
		.detail_photo img{
			width: 90%;	
		}
		.text p{
			float: right;
			width:65%;
			line-height: 180%
		}
		.detail_title{
			background-image: url(../images/tit.png);
			background-repeat: no-repeat;
			height: 42px;
			text-align: left;
			padding-left: 20px;
			font-size: 1.0em;
			padding-top: 10px;
			font-weight: 800;
			margin-top: 30px;
		}

	}
	/* SmartPhone
	--------------------------------------------
	-------------------------------------------- */
	@media screen and (max-width:420px){
	
		#main_banner2 {
			height: 150px;
			margin-right: auto;
			margin-left:auto;
			overflow:hidden;
			background-image: url(../sp/images/sp_mainimg.png);
			background-repeat: no-repeat;
			width: 100%;
			margin-top: 10px;
		}
		
		.thum_photo{
			float: left;
			margin: 0px 20px 20px 0px;
			width: 10%;
		}
		
		.date{
			text-align: left;
			font-size: 0.9em;
			padding-bottom: 5px;
			margin-left: 15%;
			padding-top: 10px;
		
		}
		
		
		.title{
			text-align: left;
			font-size: 0.9em;
			line-height: 180%;
			/*width: 830px;*/
			width: 65%;
			float: left;
			margin-left: 15%;
			font-weight: 800;
			padding-top: 0;

		}
		
		.cate01{
			background-image: url(../../news/images/icon01.png);
			background-repeat: no-repeat;
			width: 160px;
			float: left;
			background-position-x: 90px;
			padding-top: 0;
		}
		.cate02{
			background-image: url(../../news/images/icon02.png);
			background-repeat: no-repeat;
			width: 160px;
			float: left;
			background-position-x: 90px;
			padding-top: 0;
		}
		
		.cate03{
			background-image: url(../../news/images/icon03.png);
			background-repeat: no-repeat;
			width: 160px;
			float: left;
			background-position-x: 90px;
			padding-top: 0;
		}
		.detail_photo{
			float: left;
			width:100%;
			padding: 4px;
			border: 1px solid white;
			margin-right: 10px;
		}
	

		.detail_photo img{
			width: 100%;	
		}
		.text p{
			float: right;
			width:100%;
			line-height: 180%
		}
		.text{
			text-align: left;
			font-size: 1.0em;
			line-height: 180%;
			min-height: 360px;
			border-radius: 12px;
			/*background-color: #F8F4ED;*/
						
		}
		.detail_title{
			background-image: url(../images/tit.png);
			background-repeat: no-repeat;
			height: 42px;
			text-align: left;
			padding-left: 20px;
			font-size: 1.0em;
			padding-top: 0px;
			font-weight: 800;
			margin-top: 30px;
		}
		

	}
	

	
	
	#detail_area{
		/*width:960px;*/
		width: 100%;
		margin: auto auto;
		min-height: 350px;
		height: 100%;
	}
	
	
	.border{
		background-image: url(../images/boder.png);
		height: 1px;
	}
	
	#list{
		/*width:960px;*/
		width: 100%;
		margin-bottom: 50px;
		margin-top: 18px;
		vertical-align: top;
		padding-left: 10px;
		padding-right: 10px;
		min-height: 45px;
	}
	
	
	
	


	.pager{
		margin:auto,auto;
		margin-top: 30px;
		
	}
	
	.pager li{
		display: inline-block;
		padding-left: 5px;
		padding-right: 5px;
		
		
		}
		
	.end{
		background-image: url(../images/alow_r.png);
		background-repeat: no-repeat;
		background-position-x: 4px;
		background-position-y: 3px;
		border: none;
		text-indent: -99999px;
		width: 10px;
	}
	
	.first{
		background-image: url(../images/alow_l.png);
		background-repeat: no-repeat;
		background-position-x: 4px;
		background-position-y: 3px;
		border: none;
		text-indent: -99999px;
		width: 10px;
	}
	
		
		
		
	.prev_list{
		width: 140px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		margin-top: 30px;
		background-image: url(../images/alow_l.png);
		background-repeat: no-repeat;
		background-position-y: 3px;
		
	}
	
	
	
	.new{
		/*background-image: url(../images/new.png);
		background-repeat: no-repeat;
		background-position-y: 1px;
	
		background-position-x: 270px;*/
	}