/*********************************************/	

@charset "utf-8";

/*********************************************/	



/* 全 体
----------------------------------------------- */

html{
	font-size: 62.5%;
	margin: 0;
	padding: 0;
	overflow-y: scroll;
}


body {
	margin: 0;
	padding: 0;
	color: #000;
	font-size: 14px; 
	 -webkit-text-size-adjust: 100%;
//	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',Meiryo, sans-serif;
	font-family:"游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	line-height: 140%;
}


a{
	color: #2A83A2;
	text-decoration:underline;
}

	a:link{
		color: #2A83A2;
		text-decoration:underline;
	}

	a:visited{
		color: #2A83A2;
		text-decoration:none;
	}

	a:hover{
		color: #999;
		text-decoration:none;
	}

/*
	a:hover img{
		filter:alpha(opacity=70);
		-moz-opacity: 0.7;
		opacity: 0.7;
	}
*/

img{
	border: none;
	line-height:0;
	vertical-align:bottom;
}

.map_border{
	border:none;
	outline:none;
}


/*********************************************/	



/* = Selected Text
----------------------------------------------- */
::selection {
	color:#FFF;
	background:#2A83A2; /* Safari */
}

::-moz-selection {
	color:#FFF;
	background:#2A83A2; /* Firefox */
}

/*********************************************/	



/* = 全体
----------------------------------------------- */

#all_frame{
	width: 100%;
	margin:0 auto;
	padding:0
	background-color:#FFFFFF;
	position: relative;
}

/*********************************************/	



/* = ヘッダー
----------------------------------------------- */

header{
	margin:0 auto 50px auto; 
	padding: 0;
	width: 100%;
	text-align: center;
	overflow: hidden;
	clear: both;
}

#header{
	padding: 40px 0;
}

/*********************************************/	



/* = 共通
----------------------------------------------- */

#content{
	width: 1024px;
	margin: 0 auto 60px auto;
	padding: 0 0 60px 0;
}

	h1{
		margin: 0 0 30px 0;
	}

/*********************************************/	



/* = 新着情報＆カレンダー
----------------------------------------------- */

#news{
	margin: 0 auto 60px auto;
	overflow: hidden;
	clear: both;
}


	#news_L{
		float: left;
		width: 740px;
	}


	#news_R{
		float: right;
		width: 270px;
		text-align: center;
	}


		/* 新着情報 */

		#news_list{
			width: 700px;
			margin: 0 0 30px 0;
			padding: 0;
		}

			.news_box{
				margin: 0 0 8px 0;
				padding: 8px 0 12px 0;
				border-bottom: 1px solid #CCC;
			}
			
				.date_cate{
					margin: 0 0 8px 0;
					overflow: hidden;
					clear: both;
				}

					.news_cate{
						float: left;
						margin: 0 10px 0 0;
						width: 64px;
					}

					.news_date{
						float: left;
						width: 150px;
						font-size: 14px;
						letter-spacing: 3px;
					}


				.news_title{
					font-size: 14px;
					letter-spacing: 3px;
					line-height: 160%;
					text-decoration:none;
				}


		#news_list_bt{
			width: 200px;
			height: 44px;
			margin: 0 0 0 500px;
			padding: 0;
			display: block;
		}

			#news_list_bt:hover{
				filter:alpha(opacity=70);
				-moz-opacity: 0.7;
				opacity: 0.7;
			}


		/* カレンダー */

		#calendar{
			width:260px;
			height:240px;
			clear: both;
		}

			#calendar table th{
				padding: 8px;
				text-align: center;
				background-color: #FFF;
				border-bottom: 1px solid #CCC;
			}

			#calendar table td{
				padding: 8px;
				border: 1px solid #CCC;
			}


		/* 詳細ページ */
		
		#news_title{
			margin: 0 0 40px 0;
			padding: 40px 0 20px 0;
			font-size: 20px;
			letter-spacing: 3px;
			border-bottom: 3px double #2A83A2;
		}
		
		#news_detail{
			margin: 0 0 40px 0;
			letter-spacing: 3px;
			line-height: 180%;
		}
		
		.news_pic{
			float:left;
			width:280px;
			margin: 15px 0 40px 0;
		}
		
		#news_link{
			margin: 0;
			clear: both;
		}
		
			#news_link li{
				margin:20px 0 20px 15px;
				padding:0 0 0 5px;
				position: relative;
				letter-spacing: 3px;
			}
			
			#news_link li::after{
				display: block;
				content: '';
				position: absolute;
				top: 0.3em;
				left: -1em;
				width: 6px;
				height: 6px;
				border-right: 2px solid #2A83A2;
				border-bottom: 2px solid #2A83A2;
				-webkit-transform: rotate(-45deg);
				transform: rotate(-45deg);
			}

/* = 各商工会議所・商工会
----------------------------------------------- */

#link{
	margin: 0 auto;
	padding: 10px 0 0 0;
	overflow: hidden;
	clear: both;
}


	#link_L{
		float: left;
		width: 360px;
	}


	#link_R{
		float: right;
		width: 640px;
		text-align: center;
	}


		#banner td{
			padding: 0 15px 15px 0;
		}

			#banner td a:hover img{
				filter:alpha(opacity=70);
				-moz-opacity: 0.7;
				opacity: 0.7;
			}


/* = ぱんくずリスト
----------------------------------------------- */

#pankuzu{
	margin: 0 0 40px 0;
	padding: 0 0 0 0;
	letter-spacing: 3px;
}

	#pankuzu ul{
		overflow:hidden;
		clear:both;
	}
	
		#pankuzu ul li{
			float:left;
			position: relative;
			margin:0 25px 0 0;
		}

		#pankuzu ul li::after {
			display: block;
			content: '';
			position: absolute;
			top: .5em;
			right: -1em;
			width: 6px;
			height: 6px;
			border-right: 1px solid #666;
			border-bottom: 1px solid #666;
			-webkit-transform: rotate(-45deg);
			transform: rotate(-45deg);
		}

		#pankuzu ul li.last::after {
			display: none;
		}

	#pankuzu a{
		text-decoration:underline;
	}

		#pankuzu a:hover{
			text-decoration:none;
		}

/*********************************************/	



/* = フッター
----------------------------------------------- */

footer{
	margin: 0 auto 0 auto;
	padding: 0 0 15px 0;
	font-size: 14px;
	text-align: center;
	letter-spacing: 4px;
	line-height: 100%;
	color: #2A83A2;
	border-bottom:5px solid #2A83A2;
}

/*********************************************/	



/* = ページトップ
----------------------------------------------- */

.go_top{
	position: fixed;
	right: 0;
	bottom: 0;
	padding:0 20px 20px 0;
	margin:0;
}
	.go_top a{
		display: block;
		width: 60px;
		height: 60px;
		color: #F00;
		text-indent: -9999px;
		background-image: url(../img/page_top.png);
		background-size: 60px auto;
		background-position: center center;
		background-repeat: no-repeat;
	}

	.go_top a:hover{
		filter:alpha(opacity=70);
		-moz-opacity: 0.7;
		opacity: 0.7;
	}

/*********************************************/