@charset "UTF-8";
/* --------------------------------------------------- base ----------------------------------------------------*/
/* reset */
html {
	color: #333333;
}
body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
p,th,td {
	padding: 0;
	margin: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset,img {
	border: 0;
}

ul li {
	list-style: none;
	display:block;
}
caption,th {
	text-align: left;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}
q:before,q:after {
	content: '';
}
abbr,acronym {
	border: 0;
	font-variant: normal;
}
sup {
	vertical-align: text-top;
}
sub {
	vertical-align: text-bottom;
}
input,textarea,select {
	font-size: inherit;
	font-weight: inherit;
}
input,textarea,select {
	font-size: 100%;
}
legend {
	color: #000;
}

* {
	box-sizing: border-box;
}

body {
	color: #333333;
	font: Meiryo, メイリオ, 'Hiragino Kaku Gothic Pro', 'Hiragino Kaku Gothic Pro', Osaka, arial,tahoma,helvetica,sans-serif;
	background:#f2f2f2;
}

/* ---------------------お知らせ--------------------- */
#news #wrapper {
	background: #f2f2f2;
}

/* パンくず */
#breadcrumb {
	width: 93%;
	max-width: 1105px;
	padding: 30px 0 0 0;
	margin: 0 auto;
	font-size: 90%;
}

/* お知らせ */
#news_contents {
	padding: 10px 0 92px 0;
}

#news_contents a {
	color: #0071bc;
	text-decoration: none;
}

#news_contents a:hover {
	color: #1d2cb5;
	text-decoration: underline;
}

#news_outer {
	width: 93%;
	max-width: 1105px;
	min-height: 100px;
	background: #fff;
	margin: 0 auto;
}

#update {
	height: 52px;
	padding: 15px 0 0 50px;
	border-bottom: 1px solid #e7e7e7;
	background: url(../img/update.png) 10px 10px no-repeat;
}

#update .b_gotolist {
	width: 80px;
	height: 30px;
	float: right;
	margin-right: 15px;
	text-align: right;
}

label {
	display: block;
	margin: 15px 60px 0 60px;
	font-size: 95%;
}

label .select_year {
	margin: 0 0 0 10px;
	vertical-align: 10%;
	appearance: none;
	position: relative;
	background-color: #fff;
	background-image: url(../img/icon_arrow.png);
	background-repeat: no-repeat;
	background-size: 15px 13px;
	background-position: right 2px center;
	z-index: 1;
	padding: 3px 25px 3px 5px;
	border: 1px solid #b4b3b3;
	color: #333;
	font-size: 100%;
}

.news_list {
	padding: 10px 50px 30px 50px;
}

.news_item {
	border-bottom: 1px dotted #ddd;
	padding: 15px 10px;
	font-size: 95%;
}

.news_item a {
	word-wrap: break-word;
}

.news_item .news_l {
	width: 230px;
	margin: 0;
	float: left;
}
  
.news_item .news_date {
	display: inline-block;
	width: 120px;
	height: 19px;
	margin: 0 0 5px 0;
	padding: 1px 0 0 0;
}

.news_category {
	display: inline-block;
	background: #69a774;
	padding: 2px 4px 1px;
	margin-bottom: 4px;
	font-size: 85%;
	color: #fff;
}

.news_item .news_r {
	max-width: 755px;
	margin: 0 0 0 230px;
}

.news_item .news_r .news_title {
	font-weight: bold;
}

.no_news {
  padding: 40px 20px;
}


/*--------レスポンシブ--------*/
@media screen and (max-width:700px) {
	.news_item .news_l {
		float: none;
	}
	.news_item .news_r {
		max-width: 100%;
		margin: 0;
	}
	.news_list {
		padding: 10px 20px 30px 20px;
	}

	label {
		margin: 15px 30px 0 30px;
	}
  
	.news_item .news_date {
		font-weight: bold;
	}
}

@media screen and (max-width:450px) {
	#news_outer {
		width: 100%;
		margin: 0;
	}

	.news_category {
		margin-bottom: 5px;
	}
}


/* トップページのヘッダー調整部分 */
#news #jam_logo {
	height: 34px;
}

/* トップページのヘッダーレスポンシブ */
@media screen and (max-width:390px) {
	#news #jam_logo {
		height: 39px;
	}
}