@media print,screen and (min-width:740px){

#contents .edit_zone #topimg{
		margin: 0 0 20px;	
}

#contents .edit_zone p.last{
		margin-bottom: 60px;
}

#contents .edit_zone #contents_list{
		margin: 0 0 60px;
		padding: 0;
		
}

#contents .edit_zone #contents_list li{
		margin: 0;
		padding: 0;
		
		border-bottom: 1px solid #CCC;
}
#contents .edit_zone #contents_list li:first-child{
		border-top: 1px solid #CCC;
}

#contents .edit_zone #contents_list li a{
		display: block;
		padding: 16px 16px 16px 50px;
		
		color: #000;
		text-decoration: none;
		background: url(../../common/img/icon/right_arrow04.jpg) no-repeat 20px center;
}

#contents .edit_zone #contents_list li a.on,
#contents .edit_zone #contents_list li a:hover{
		background-color: #FDF4E9;
}


#contents .edit_zone #voice_list{
		margin: 0 0 60px;
		padding: 0;
}
#contents .edit_zone #voice_list:after{
		content: " "; display: block; height: 0; clear: both;	
}


#contents .edit_zone #voice_list li{
		float: left;
	
		width: 148px;
	
		margin: 0 0 0 12px;
		padding: 0;

		border-top: 1px solid #CCC;		
		border-bottom: 1px solid #CCC;
		
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
}
#contents .edit_zone #voice_list li:first-child{
		margin-left: 0;	
}


#contents .edit_zone #voice_list li a{
		display: block;
		padding: 13px 13px 13px 40px;
		
		color: #000;
		text-decoration: none;
}
#contents .edit_zone #voice_list li a.on,
#contents .edit_zone #voice_list li a:hover{
		background-color: #F0F0F0;
}

#contents .edit_zone #voice_list li a span{
		display: block;	
		letter-spacing: 0;
}

#contents .edit_zone #voice_list li a span.name{
		font-weight: bold;	
}
#contents .edit_zone #voice_list li a span.course{
		font-size: 10px;
}


#contents .edit_zone p.voice_text{
		margin-bottom: 15px;
	
		font-size: 20px;
		font-weight: bold;
		
		text-align: center;
}



#contents .edit_zone .interview_list{
		margin: 0 0 60px;
		padding: 0;
}

#contents .edit_zone .interview_list li{
		margin: 0;
		padding: 30px 150px;
		
		min-height: 110px;
		
		line-height: 160%;
		
		border-top: 1px solid #F0F0F0;
}


#contents .edit_zone .centerImg{
		margin: 3em 0;
}

#contents .edit_zone #pagenation{
		margin: 0;
		padding: 0;
		
		text-align: center;
}

#contents .edit_zone #pagenation a{
		margin: 0;
		padding: 0 0 0 50px;
		
		color: #80A82B;
}


#message_list{
		margin: 0;
		padding: 0;
}
#message_list:after{
		content: " "; display: block; height: 0; clear: both;
}

#message_list li{
		clear: both;

		margin: 0 0 24px;
		padding: 0 0 24px;
		
		border-bottom: 1px dotted #CCC;
}
#message_list li:after{
		content: " "; display: block; height: 0; clear: both;
}

#message_list li p{
		float: right;
		margin: 0;
		width: 475px;
}

#message_list li p.leftImg{
		float: left;
		margin: 0 26px 0 0;
		
		width: 127px;
}

#message_list li span.title{
		float: right;
		display: block;

		margin: 0 0 6px;
		padding: 14px 0 0;

		width: 475px;
		
		font-size: 20px;
		font-weight: bold;
		color: #8EBD2F;
}
#message_list li span.sub_title{
		float: right;
		display: block;
		margin: 0 0 6px;

		width: 475px;		

		font-size: 14px;
		font-weight: bold;
}

#message_list li span.title span{
		margin: 0 6px;
		color: #000;
}

}


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


#contents .edit_zone #topimg{
		margin: 0 0 5%;	
}

#contents .edit_zone #contents_list{
		margin: 0 0 10%;
		padding: 0;
		
}

#contents .edit_zone #contents_list li{
		margin: 0;
		padding: 0;
		
		border-bottom: 1px solid #CCC;
}
#contents .edit_zone #contents_list li:first-child{
		border-top: 1px solid #CCC;
}

#contents .edit_zone #contents_list li a{
		display: block;
		padding: 5% 5% 5% 8%;
		
		color: #000;
		text-decoration: none;
		background: url(../../common/img/icon/right_arrow04.jpg) no-repeat 3% center;
		background-size: 5% auto;
}

#contents .edit_zone #contents_list li a.on,
#contents .edit_zone #contents_list li a:hover{
		background-color: #FDF4E9;
}


#contents .edit_zone #voice_list{
		margin: 0 0 10%;
		padding: 0;
}
#contents .edit_zone #voice_list:after{
		content: " "; display: block; height: 0; clear: both;	
}


#contents .edit_zone #voice_list li{
		width: 25%;
	
		margin: 0 0 0 12px;
		padding: 0;

		border-top: 1px solid #CCC;		
		border-bottom: 1px solid #CCC;
		
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
}
#contents .edit_zone #voice_list li:first-child{
		margin-left: 0;	
}


#contents .edit_zone #voice_list li a{
		display: block;
		padding: 5% 10%;
		
		color: #000;
		text-decoration: none;
}
#contents .edit_zone #voice_list li a.on,
#contents .edit_zone #voice_list li a:hover{
		background-color: #F0F0F0;
}

#contents .edit_zone #voice_list li a span{
		display: block;	
		letter-spacing: 0;
}

#contents .edit_zone #voice_list li a span.name{
		font-weight: bold;	
}
#contents .edit_zone #voice_list li a span.course{
		font-size: 1rem;
}


#contents .edit_zone p.voice_text{
		margin-bottom: 3%;
	
		font-size: 1.6rem;
		font-weight: bold;
		
		text-align: center;
}



#contents .edit_zone .interview_list{
		margin: 0 0 10%;
		padding: 0;
}

#contents .edit_zone .interview_list li{
		margin: 0;
		padding: 5% 22%;
		
		min-height: 110px;
		line-height: 160%;
		
		font-size: 1.2rem;
		
		border-top: 1px solid #F0F0F0;
}

#contents .edit_zone .interview_list li:nth-child(odd){
		padding-right: 0;	
}
#contents .edit_zone .interview_list li:nth-child(even){
		padding-left: 0;	
}





#contents .edit_zone .centerImg{
		margin: 3em 0;
}

#contents .edit_zone #pagenation{
		margin: 0;
		padding: 0;
		
		text-align: center;
}

#contents .edit_zone #pagenation a{
		margin: 0;
		padding: 0 0 0 50px;
		
		color: #80A82B;
}


#message_list{
		margin: 0;
		padding: 0;
}
#message_list:after{
		content: " "; display: block; height: 0; clear: both;
}

#message_list li{
		clear: both;

		margin: 0 0 24px;
		padding: 0 0 24px;
		
		border-bottom: 1px dotted #CCC;
}
#message_list li:after{
		content: " "; display: block; height: 0; clear: both;
}

#message_list li p{
		float: right;
		margin: 0;
		width: 475px;
}

#message_list li p.leftImg{
		float: left;
		margin: 0 26px 0 0;
		
		width: 127px;
}

#message_list li span.title{
		float: right;
		display: block;

		margin: 0 0 6px;
		padding: 14px 0 0;

		width: 475px;
		
		font-size: 20px;
		font-weight: bold;
		color: #8EBD2F;
}
#message_list li span.sub_title{
		float: right;
		display: block;
		margin: 0 0 6px;

		width: 475px;		

		font-size: 14px;
		font-weight: bold;
}

#message_list li span.title span{
		margin: 0 6px;
		color: #000;
}

}