@charset "UTF-8";

.lower #contents {
    margin: 50px auto 80px auto;
}
@media only screen and (max-width: 767px){
	.lower #contents {
		margin: 20px auto;
	}
}
/*----------------------------------------------------
	Title
----------------------------------------------------*/
#mainTtlBox{
	background-image:url(../images/letter/ttl_bg.png);
}


/*----------------------------------------------------
	Layout
----------------------------------------------------*/
.contentsInr .l{
	width:170px;
	float:left;
}
.contentsInr .r{
	width:810px;
	padding:0 0 0 49px;
	float:right;
	border-left:1px solid #aeaeae;
}

@media only screen and (max-width: 767px){
	.contentsInr .l{
		width:100%;
		float:none;
	}
	.contentsInr .r{
		width:100%;
		padding:0;
		float:none;
		border-left:none;
	}
}

/*----------------------------------------------------
	Right colmun
----------------------------------------------------*/
.contentsInr .r dl{
	line-height:1.6;
	padding-bottom:40px;
	margin-bottom:40px;
	border-bottom:1px solid #d3cbb4;
}
.contentsInr .r dt{
	margin-bottom:15px;
	height:290px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.contentsInr .r dt img{
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.contentsInr .r dd .date{
	color:#f1680d;
}
.contentsInr .r dd.btn{
	text-align:right;
	padding-top:20px;
}


@media only screen and (max-width: 767px){
	.contentsInr .r dl{
		padding-bottom:20px;
		margin-bottom:20px;
	}
	.contentsInr .r li:last-of-type dl{
		border-bottom:none;
	}
	.contentsInr .r dt{
		height:auto;
	}
	.contentsInr .r dd{
		font-size:16px;
		font-weight:bold;
	}
	.contentsInr .r dd p{
		font-size:14px;
		font-weight:normal;
	}
	
	.contentsInr .r dd.btn a{
		display:inline-block;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		padding:10px 10px 10px 45px;
		position:relative;
		color:#fff;
		font-size:16px;
		font-weight:normal;
		background:#6f2c74;
	}
	.contentsInr .r dd.btn a:before{
		content:"";
		background:url(../images/common/icon_pdf.png) no-repeat;
		background-size:cover;
		width:26px;
		height:30px;
		position:absolute;
		left:10px;
		top:7px;
	}
}

/*----------------------------------------------------
	Left colmun
----------------------------------------------------*/
.contentsInr .l li{
	padding-bottom:15px;
}
.contentsInr .l li a{
	display:block;
	padding:0 15px 15px 35px;
	margin-right:30px;
	border-bottom:1px solid #d3cbb4;
	position:relative;
}
.contentsInr .l li a:before{
	content:"";
	background:url(../images/common/icon_arrow_02.png) left center;
	width:4px;
	height:7px;
	position:absolute;
	left:15px;
}

@media only screen and (max-width: 767px){
	.contentsInr .l{
		border-bottom:1px solid #d3cbb4;
		padding-bottom:15px;
		margin-bottom:20px;
	}
	.contentsInr .l li{
		padding-bottom:0;
		display:inline-block;
		padding-bottom:5px;
		width:32%;
	}
	.contentsInr .l li a{
		display:block;
		padding:10px 10px 10px 25px;
		color:#fff;
		background:#f28034;
		margin-right:0;
		border-bottom:0;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
	}
	.contentsInr .l li a:before{
		content:">";
		background:none;
		font-size:10px;
		height:auto;
		width:auto;
		left:10px;
	}
	
}