@charset "utf-8";
/* CSS Document */ 
.con{
    padding: 1% 2%;
    min-height: 300px;
}
.news_box{
    margin: 0 auto;
}

.news_box dl{
	font-size: 0.9em;
	padding-top: 15px;
}

.news_box dt{
	font-weight: bold;
    float: left;
    padding-top: 25px;
    padding-left: 65px;
}

.news_box dd{
	padding: 25px 16px 25px 180px;
}

.news_box dd.bg_odd{
	background-color: #E5E5E5;
}
.news_i{
    clear: both;
    padding: 1% 0;
    font-size: 1.2em;
    border-bottom: dotted 1px #ddd;
}
.news_ttl {
    width: 100%;
    float: none;
    display: block;
    padding: 2%;
}
.detail_txt {
    line-height: 1.2;
    clear: both;
    margin-top: 5%;
}
.detail_ttl{
	float:left;
    font-size: 1.2em;
    font-weight: bold;
}
.detail_date{
	float:right;
}
.detail_img{
	float:right;
	margin-right: 1%;
}
.prg_pdf{
    text-align: center;
    margin: 2%;
}
.prg_pdf a{
    line-height: 2.5em;
    color: #ca1212;
	font-weight: bold;
}
.prg_pdf:hover a{
	text-decoration:underline;
}
.pdf_bnr{
	float: left;
    margin-right: 2%;
}
.prev{
	float:left;
}
.next{
	float:right;
}
@media screen and (max-width: 768px), print{
.pdf_flex{
	display:none;
}
}
@media screen and (max-width: 699px), print{
.news_box dt{
    padding-top: 15px;
    padding-left: 15px;
    float: none;
}

.news_box dt.bg_odd{
    background-color: #E5E5E5;
}

.news_box dd{
	padding: 10px 15px 15px 15px;
}
}
@media screen and (max-width: 425px), print{
.news_ttl {
    width: 100%;
    line-height: 1.3;
}
.date_i{
    font-size: 0.8em;
}
.news_i img{
    vertical-align: baseline;
}
.detail_img {
    margin: 0.5% 1% 2% 1%;
}
.detail_date {
    clear: both;
    margin-right: 3%;
}
.detail_ttl {
    margin-bottom: 2%;
    line-height: 1.2;
}

}