@charset "UTF-8";

/* メイン画像 */
#mainimg {
	width:100%;
	max-width:100%;
	height:0;
	padding-top: calc(500 / 1267 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
	background:url(../img/bg_main.jpg) center center / cover no-repeat;
}

.main_img {
    position:relative;
    overflow:hidden;
    width:100%;
    height:280px;
}

.main_img img {
    position:absolute;
    left:50%;
    width:1600px;
    height:280px;
    margin-left:-800px;
}

	/* メニュー */
	#area-menu{
		margin:5px 0;
		padding:20px 0;
		width:920px;
		margin: 0 auto;
	}
	
	#area-menu .inner{
		width:24%;
		float:left;
	}

	#area-menu .inner_last{
		width:23%;
		float:left;
	}

	#area-menu .inner div{
		font-size:18px;
		margin:0;
		padding:15px 10px;
		text-align:center;
		height:15px;
        font-weight: bold;
	}

	#area-menu .inner_last div{
		font-size:18px;
		margin:0;
		padding:15px 10px;
		text-align:center;
		height:15px;
        font-weight: bold;
	}

	#area-menu .inner div a{
		text-decoration:none;
		color:#333;
		display: block;
	}

	#area-menu .inner_last div a{
		text-decoration:none;
		color:#333;
		display: block;
	}

	#area-menu .inner a{
		text-decoration:none;
		color:#333;
		display: block;
	}

	#area-menu .inner_last a{
		text-decoration:none;
		color:#333;
		display: block;
	}


	/* 各種様式 */
	#area-menu .style{
		background:#E27802;
		border-bottom:#F88F01 5px solid;
		color:#58391C;
		margin:0;
		border-top-left-radius:10px;
		border-top-right-radius:10px;
	}

	/* 当協議会について */
	#area-menu .about{
		background:#E27802;
		border-bottom:#F88F01 5px solid;
		color:#58391C;
		margin:0;
		border-top-left-radius:10px;
		border-top-right-radius:10px;
	}

	/* 研修会 */
	#area-menu .workshop{
		background:#E27802;
		border-bottom:#F88F01 5px solid;
		color:#58391C;
		margin:0;
		border-top-left-radius:10px;
		border-top-right-radius:10px;
	}

	/* 関連資料等 */
	#area-menu .connection{
		background:#E27802;
		border-bottom:#F88F01 5px solid;
		color:#58391C;
		margin:0;
		border-top-left-radius:10px;
		border-top-right-radius:10px;
	}

	#area-menu .left-side{
		margin-right:13px;
		float:left;
	}

	#area-menu .last-side{
		float:left;
	}

	#area-menu .inner ul{
		border:1px solid #CCC;
		border-top:none;
		padding:3px 5px 5px 20px;
		height:185px;
		line-height:1.5em;
		list-style-image:url(../img/icon_arrow_li.png);
		font-size:15px;
	}

	#area-menu .inner li{
		margin:3px 5px;
		border-bottom:1px dotted #CCC;
	}

	#area-menu .inner li:last-child{
		margin:5px;
		border-bottom:1px dotted #CCC;
	}

	#area-menu .inner_last ul{
		border:1px solid #CCC;
		border-top:none;
		padding:3px 5px 5px 20px;
		height:185px;
		line-height:1.5em;
		list-style-image:url(../img/icon_arrow_li.png);
		font-size:15px;
	}

	#area-menu .inner_last li{
		margin:5px;
		border-bottom:1px dotted #CCC;
	}

	#area-menu .inner_last li:last-child{
		margin:5px;
		border-bottom:1px dotted #CCC;
	}


/* pdfアイコン */
a span.pdf {
	width:25px;
	height:25px;
	background-image:url url(../img/icon_pdf.png../img/icon_pdf.png);
	background-size:25px 25px;
	display:inline-block;
	text-indent:-9999px;
	vertical-align:middle;
	margin:0 0 5px 0;
}

/* 新規ウィンドウアイコン */
a span.new_window {
	width:25px;
	height:25px;
	background-image:url url(../img/icon_new_window.png../img/icon_new_window.png);
	background-size:25px 25px;
	display:inline-block;
	text-indent:-9999px;
	vertical-align:middle;
	margin:0 0 5px 0;
}

/* 新着情報アイコン */
h2 span.news {
	width:26px;
	height:24px;
	background-image:url(../img/icon_balloon.png);
	background-size:26px 24px;
	display:inline-block;
	text-indent:-9999px;
	vertical-align:middle;
	margin:0 10px 0 0;
}

	/* ニュースエリア */
	#area-news{
		padding:10px;
		width:920px;
		margin:10px auto;
	}

	#sec-news{
		width:100%;
		float:none;
	}

	#sec-news h2{
		font-size:20px;
		background:#E27802;
		border-bottom:#F88F01 5px solid;
		margin:0 0 5px;
		padding:10px;
		color:#58391C;
        font-weight: bold;
		border-top-left-radius:10px;
		border-top-right-radius:10px;
	}

	#sec-news li {
		margin:5px 0 0;
		line-height:40px;
		border-bottom: 1px solid #CCC;
	}
	
	#sec-news li a{
		position:absolute;
		z-index:1;
		font-size:17px;
		padding-right:20px;
		text-decoration:none;
	}
	
	#sec-news li time{
		margin:10px;
		padding:5px 10px;
		background-color: #6A492B;
		font-size:16px;
		color: #FFF;
	}
	
	#sec-news li time a{
		text-decoration:none;
	}
	

	/* 新着情報表示エリアスクロール */
	#news_area {
		width:100%;
		height:200px;
		border:none;
		overflow-y:auto;
        margin-bottom: 20px;
	}



/* All SP */
@media screen and (max-width:768px){

.main_imgsp {
	background-size:100%;
	background:url(../img/main.jpg);
	padding:5px;
    height: 100px;
	text-align:center;
}

.main_imgsp img {
	width:100%;
	margin:5px 0;
}

.main_imgsp span {
	font-weight:bold;
}

	#logo{
		margin:10px;
		display: block;
	}

	#logo img{
		width:80%;
		height:auto;
	}
	
	#area-slide .text.no1{
		width:216px;
		margin-left:-108px;
	}

	#area-slide .text.no2{
		width:157px;
		height:auto;
	}

	#area-slide .text.no3{
		width:264px;
		height:auto;	
	}

	#area-slide .text.no4{
		width:267px;
		height:auto;
		margin-left:-133px;
	}
	
	#slide-nav{
		text-align:center;	
	}
	
	#slide-nav li{
		float:none;
		display:inline-block;	
	}
	
	#slide-nav a{
		display:inline-block;
		width:10px;
		height:10px;
	}

	/* ヘッダー */
	
	#header{
		margin:2% 0 0;
	}

	#logo img{
		width:80%;
		height:auto;	
	}

	/* メニュー */
	#area-menu{
		display:none;
/*		margin:10px 0 0;
		padding:10px 0 0;
		width:100%;
		margin:0 auto;*/
	}

	/* ニュースエリア */
	#area-news{
		margin:10px 0;
		padding:10px;
		width:100%;
	}

	#sec-news{
		width:95%;
		float:none;
	}

	#sec-news h2{
		font-size:17px;
		background:#E27802;
		border-bottom:#F88F01 5px solid;
        margin:0 0 7px;
		padding:8px;
		text-align:left;
	}


	#sec-news li {
		margin:10px 5px 0;
		line-height:30px;
		border-bottom: 1px solid #CCC;
		text-align:left;
	}
	
	#sec-news li a{
		position:relative;
		z-index:1;
		font-size:15px;
		padding-right:50px;
	}

	#sec-news li a:before{
		content:"";
		display:block;
		position: relative;
		right:3%;
		top:50%;
		z-index:1;
		width:6px;
		height:6px;
		border:2px solid #0567AA;
		margin-top:-4px;
		transform:rotate(45deg);
		-webkit-transform:rotate(45deg);
		border-bottom:none;
		border-left:none;	
	}
	
	#sec-news li time{
		margin:5px;
		padding:5px;
		background-color: #58391C;
		font-size:14px;
		color: #ffffff;
	}

/* pdfアイコン */
a span.pdf {
	width:20px;
	height:20px;
	background-image:url url(../img/icon_pdf.png../img/icon_pdf.png);
	background-size:20px 20px;
	display:inline-block;
	text-indent:-9999px;
	vertical-align:middle;
	margin:0 0 5px 5px;
}

/* 新着情報アイコン */
h2 span.news {
	width:22px;
	height:20px;
	background-image:url(../img/icon_balloon.png);
	background-size:22px 20px;
	display:inline-block;
	text-indent:-9999px;
	vertical-align:middle;
	margin:0 10px 0 0;
}


}