@charset "UTF-8";
/*****************************************************************************/
/* グループトップタイトル                                                  */
/*****************************************************************************/
.designContents .category_title {
	margin: 0 0 20px;
	background: #0066cc;
	padding: 15px 10px;
}
.designContents .category_title span {
	margin: 0;
	padding: 6px 18px;
	background: #0066cc;
	color: #FFF;
	letter-spacing: 0.05em;
	font-size: 230%;
	display: block;
	border-left: 3px solid #fff; 
}
.designContents .category_title i {
	padding: 0 0 0 15px;
	font-style: normal;
	font-size: 50%;
	font-weight: 500;
}

/*****************************************************************************/
/* グループトップ＆ホーム用新着タブ                                    */
/*****************************************************************************/
#tabBox {
	box-sizing: border-box;
	margin: 0 0 35px;
	width: 100%;
}

/* ホーム用タブ */
.home #tabmenu{
	margin: 0;
}
.home #tabmenu li {
	float: left;
	box-sizing: border-box;
	margin: 0;
	padding: 9px 15px 12px;
	height: 55px;
	width: 215px;
	border-radius:0;
	color: #FFF;
	background-color: #eeeedd;
	text-align: center;
	font-weight: bold;
	list-style: none;
	border-radius: 10px 10px 0 0;
}
.home #tabmenu li.select {
	background-image: url(images/tab_bg.png);
	background-repeat: repeat;
	background-size: 55px auto;
}
.home #tabmenu li:first-child,
.home #tabmenu li.select:first-child{
	margin: 0 5px 0 0;
}
.home #tabmenu li:last-child,
.home #tabmenu li.select:last-child {
	float: right;
}
.home #tabmenu li span{
	min-height: 60px;
	display: block;
	background-size: auto 22px;
	background-position: top 10px center;
	background-repeat: no-repeat;
	text-indent: -9999px;
}
.home #tabmenu li.attentionTab span{
	background-image: url(images/attention_title.png);
}
.home #tabmenu li.attentionTab.select span{
	background-image: url(images/attention_title_o.png);
}
.home #tabmenu li.updateTab span{
	background-image: url(images/update_title.png);
}
.home #tabmenu li.updateTab.select span{
	background-image: url(images/update_title_o.png);
}
.home #tabmenu li.bousaiTab span{
	background-image: url(images/bousai_title.png);
}
.home #tabmenu li.bousaiTab.select span{
	background-image: url(images/bousai_title_o.png);
}


@media screen and (max-width:640px){
	#tabBox.home {
		box-sizing: border-box;
		margin: 0 0 5px;
	}
	.home #tabmenu li {
		float: left;
		box-sizing: border-box;
		margin: 0;
		padding: 8px 15px 6px;
		width: 100%;
		border-radius: 5px 5px 0 0;
		color: #FFF;
		text-align: center;
		font-weight: bold;
		font-size: 100%;
	}
}

/* コンテンツエリア */
.disnon {
	display: none;
}
.content_wrap {
	overflow: auto;
	max-height: 570px;
	background: #FFF;
	border: solid 5px #FFBBCC;
	border-top: #EEAABB solid 5px;
}
.content_wrap div.newsContents,
.content_wrap div.attentionContents {
	margin: 0 !important;
}
.content_wrap div.newsContents div.newsContent,
.content_wrap div.eventContents div.eventContent,
.content_wrap div.attentionContents div.attentionContent {
	border: none;
	font-size: 90%;
}
/* タイトル等を非表示に */
#tabBox .content_wrap div.newsContents div.newsTitleBarBody,
#tabBox .content_wrap div.newsContent div.newsNotice,
#tabBox .content_wrap div.freshContents div.freshTitleBarBody,
#tabBox .content_wrap div.eventContents div.eventTitleBarBody,
#tabBox .content_wrap div.eventContent div.eventNotice,
#tabBox .content_wrap div.attentionContents div.attentionTitleBarBody {
	display: none;
}

/*****************************************************************************/
/* スライダー                                                  */
/*****************************************************************************/
#DynamicGNaviBottom div {
	margin: 0;
	padding: 0;
}
#DynamicGNaviBottom #mainvisual {
	margin: 0;
	padding: 0;
	width: auto;
	height: 420px;
	background-image: url(images/mainslide_bg.jpg);
	background-size: cover;
	background-position: center center;
}
#DynamicGNaviBottom #mainvisual #mainvisual_wrap {
	margin: 0 auto;
	padding: 0;
	height: 420px;
	max-width: 1000px;
	position: relative;
}

@media screen and (max-width:640px){
	#DynamicGNaviBottom #mainvisual {
		overflow: auto;
		margin: 0;
		min-height: 100px;
		width: 100%;
		padding: 15px;
		box-sizing: border-box;
	}
	#DynamicGNaviBottom #mainvisual #mainvisual_wrap {
		overflow: auto;
		width: 100%;
	}
}


 /* スライダー（田子町より移植）
--------------------------------------------------------------*/

/*枠部分のフォーマット*/
#DynamicGNaviBottom div#mainvisual div#bxslider_wrap{
	width:560px;
	height:340px;
	position: absolute;
	top: 30px;
	left: 0;
	border: solid 10px #fff;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	background: #fff;
}
#DynamicGNaviBottom div#mainvisual .bxslider {
	margin: 0;
	padding: 0;
	list-style: none;
}
#DynamicGNaviBottom div#mainvisual .bxslider li {
	margin: 0;
	padding: 0;
	list-style: none;
}
#DynamicGNaviBottom div#mainvisual .bxslider li img {
	border: none;
	vertical-align: bottom;
}
#DynamicGNaviBottom div#mainvisual .bxslider li a {
	position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
	z-index: 1000;
}

@media screen and (max-width:640px){
	#DynamicGNaviBottom div#mainvisual div#bxslider_wrap{
		width:100%;
		height:auto;
		position: absolute;
		top: 30px;
		left: 0;
	}
	#DynamicGNaviBottom div#mainvisual .bxslider {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	#DynamicGNaviBottom div#mainvisual .bxslider li {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	#DynamicGNaviBottom div#mainvisual .bxslider li img {
		border: none;
		vertical-align: bottom;
	}
}



/*bxSliderが生成する要素 ページャーなど */

/** RESET AND LAYOUT
===================================*/
#DynamicGNaviBottom div.TopContentsWrapper div#mainvisual .bx-wrapper {
	position: relative;
	margin: 0 auto 10px;
	padding: 0 10px;
	*zoom: 1;
}
#DynamicGNaviBottom div.TopContentsWrapper div#mainvisual .bx-wrapper img {
	max-width: 100%;
	display: block;
}
/** THEME
===================================*/

#DynamicGNaviBottom .bx-wrapper .bx-viewport {
	-moz-box-shadow: 0 0 0 #ccc;
	-webkit-box-shadow: 0 0 0 #ccc;
	box-shadow: 0 0 0 #ccc;
	background: #fff;
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
	-ms-transform: translatez(0);
	-o-transform: translatez(0);
	transform: translatez(0);
}
#DynamicGNaviBottom .bx-wrapper .bx-pager,
#DynamicGNaviBottom .bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}
/* LOADER */

#DynamicGNaviBottom .bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}
/* PAGER */

#DynamicGNaviBottom .bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 0;
}
#DynamicGNaviBottom .bx-wrapper .bx-pager .bx-pager-item,
#DynamicGNaviBottom .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
 *zoom: 1;
 *display: inline;
}
#DynamicGNaviBottom .bx-wrapper .bx-pager.bx-default-pager a {
	background: #CCC;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#DynamicGNaviBottom .bx-wrapper .bx-pager.bx-default-pager a:hover,
#DynamicGNaviBottom .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #666;
}
/* DIRECTION CONTROLS (NEXT / PREV) */

#DynamicGNaviBottom .bx-wrapper .bx-prev {
	left: 20px;
	background: url(images/controls.png) no-repeat 0 -32px;
}
#DynamicGNaviBottom .bx-wrapper .bx-next {
	right: 20px;
	background: url(images/controls.png) no-repeat -43px -32px;
}
#DynamicGNaviBottom .bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}
#DynamicGNaviBottom .bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}
#DynamicGNaviBottom .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}
#DynamicGNaviBottom .bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}
/* AUTO CONTROLS (START / STOP) */

#DynamicGNaviBottom .bx-wrapper .bx-controls-auto {
	text-align: center;
}
#DynamicGNaviBottom .bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}
#DynamicGNaviBottom .bx-wrapper .bx-controls-auto .bx-start:hover,
#DynamicGNaviBottom .bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}
#DynamicGNaviBottom .bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}
#DynamicGNaviBottom .bx-wrapper .bx-controls-auto .bx-stop:hover,
#DynamicGNaviBottom .bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

#DynamicGNaviBottom .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}
#DynamicGNaviBottom .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}
/* IMAGE CAPTIONS */

#DynamicGNaviBottom .bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background-color: rgba(0, 0, 0, 0.6);
	background-image: url(images/arrow_w_maru.png);
	background-position: right 10px center;
	background-repeat: no-repeat;
	background-size: 16px;
	width: 100%;
}
#DynamicGNaviBottom .bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: 1em;
	font-weight: bold;
	padding: 10px;
}



/*****************************************************************************/
/* 広報・フォトニュース*/
/*****************************************************************************/
#DynamicGNaviBottom #mainvisual_wrap #pickupContent{
	background-image: url(images/kouhou_bg.png);
	background-size: 456px auto;
	background-position: right bottom;
	background-repeat: no-repeat;
	width: 465px;
	height: 420px;
	padding: 40px 40px 30px 40px;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 580px;
}
/*広報*/
#DynamicGNaviBottom #mainvisual_wrap #pickupContent .kouhouThumb{
	width: 170px;
	height: 240px;
	background-color: #fff;
	border: solid 5px #fff;
	box-sizing: border-box;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	float: left;
}
#DynamicGNaviBottom #mainvisual_wrap #pickupContent .kouhouImg{
	width: 160px;
	height: auto;
}
#DynamicGNaviBottom #mainvisual_wrap #pickupContent .kouhouTextBox{
	float: left;
	width: 190px;
	padding: 10px 0 0 20px;
}
#DynamicGNaviBottom #mainvisual_wrap #pickupContent .kouhouTitle{
	background-image: url(images/kouhou_title.png);
	background-size: 176px auto;
	width: 176px;
	height: 35px;
	padding: 0;
	border: none;
	text-indent: -9999px;	
}
#DynamicGNaviBottom #mainvisual_wrap #pickupContent .kouhouText{
	color: #444422;
	font-size: 0.875em;
	margin: 1em 0;
	font-weight: bold;
}
#DynamicGNaviBottom #mainvisual_wrap #pickupContent .kouhouLink_btn{
	margin: 1em 0;
}
#DynamicGNaviBottom #mainvisual_wrap #pickupContent .kouhouLink_btn a{
	min-height: 50px;
	line-height: 50px;
	width: 100%;
	color: #fff !important;
	background-color: #1177CC;
	display: block;
	font-weight: bold;
	font-size: 1em;
	text-decoration: none;
	text-align: center;
	background-image: url(images/arrow_w.png);
	background-size: 6px auto;
	background-position: right 10px center;
	background-repeat: no-repeat;
}
#DynamicGNaviBottom #mainvisual_wrap #pickupContent .kouhouLink_btn a:hover{
	opacity: 0.7;
}
#DynamicGNaviBottom #mainvisual_wrap #pickupContent .kouhouLink{
	margin: 0;
	padding: 0 0 0 20px;
	font-size: 1em;
	background-image: url(images/arrow.png);
	background-size: 16px auto;
	background-repeat: no-repeat;
	background-position: left center;
}
/*フォトニュース*/
#DynamicGNaviBottom #mainvisual_wrap #pickupContent .photoNews {
	clear: both;
	width: 380px;
	height: 80px;
	clear: both;
	padding: 30px 0 0;
}
#DynamicGNaviBottom #mainvisual_wrap #pickupContent .photoNews p{
	margin: 0;
}
#DynamicGNaviBottom #mainvisual_wrap #pickupContent .photoNews a{
	background-image: url(images/bn_photo.png);
	background-size: 380px auto;
	width: 380px;
	height: 80px;
	text-indent: -9999px;
	display: block;
}
#DynamicGNaviBottom #mainvisual_wrap #pickupContent .photoNews a:hover{
	opacity: 0.7;
}

@media screen and (max-width:640px){
	#DynamicGNaviBottom #mainvisual_wrap #pickupContent{
		background-image: url(images/kouhou_bg.png);
		background-size: cover;
		background-position: centerbottom;
		background-repeat: no-repeat;
		width: 100%;
		height: auto;
		padding: 50px 40px 30px 40px;
		box-sizing: border-box;
		position: relative;
		top: auto;
		left: auto;
	}
}


/*****************************************************************************/
/* ピックアップナビ                                              */
/*****************************************************************************/
div.designContents .pickUpNav {
	margin-bottom: 30px;
    border-radius: 10px 10px 0 0;
	border: solid 5px #eeeedd;
    padding: 0 23px 15px 23px;
}
div.designContents .pickUpNav:before,div.designContents .pickUpNav:after {
    content:"";
    display:table;
}
div.designContents .pickUpNav:after {
    clear:both;
}
div.designContents .pickUpNav {
    zoom:1;
}
div.designContents .pickUpNavTitle {
	margin: -5px -28px 0;
    min-height: 60px;
    line-min-height: 60px;
    box-sizing: border-box;
    border-bottom: 5px solid #88bbbb;
    background-image: url(images/pickupNav_title_bg.png);
    background-size: 60px auto;
    background-repeat: repeat;
	background-position: left bottom;
    border-radius: 10px 10px 0 0;
    text-align: center;
    padding: 16px 0;
	display: block;
}
div.designContents .pickUpNavTitle span {
    min-height: 60px;
    display: block;
    text-indent: -9999px;
	background-image: url(images/pickupNav_title.png);
    background-size: auto  30px;
    background-position: top 0 center;
    background-repeat: no-repeat;
}
div.designContents ul.pickUpNav_list {
	margin: 0;
	padding: 1em 0 0;
	clear: both;
}
div.designContents ul.pickUpNav_list li  {
	margin: 0 0 .4em .1em;
	padding-bottom: .4em;
	list-style-image: none;
	list-style: none;
	float: left;
	width: 33%;
	box-sizing: border-box;
    border-bottom: 1px solid #eeeedd;
}
.pickUpNav_list li a {
    margin: 0;
    padding: 1em 1em 1em 40px;
    background-image: url(images/arrow.png);
    background-size: 16px auto;
    background-repeat: no-repeat;
    background-position: top 1em left 20px;
    font-weight: normal;
    line-height: 1.5;
    overflow: auto;
    clear: both;
    font-size: 90%;
}
/* ホーム用タブ */
 div.designContents ul#tabmenu02{
	margin: 0 auto;
    padding: 9px 0 0;
	width: 600px;
}
 div.designContents ul#tabmenu02 li {
	float: left;
	box-sizing: border-box;
	margin: 0 auto;
	height: 55px;
	width: 200px;
	border-radius:0;
	color: #FFF;
	text-align: center;
	font-weight: bold;
	list-style: none;
	border-radius: 10px 10px 0 0;
}
 div.designContents ul#tabmenu02 li.select {
}
 div.designContents ul#tabmenu02 li:first-child,
 div.designContents ul#tabmenu02 li.select:first-child{
	margin: 0;
}
 div.designContents ul#tabmenu02 li span{
	min-height: 60px;
	display: block;
	background-size: auto 40px;
	background-position: top 10px center;
	background-repeat: no-repeat;
	text-indent: -9999px;
}
div.designContents ul#tabmenu02 li.select span {
	background-size: auto 50px;
}
div.designContents ul#tabmenu02 li.attentionTab span{
	background-image: url(images/tab_useful_title.png);
}
div.designContents ul#tabmenu02 li.attentionTab.select span{
	background-image: url(images/tab_useful_title_o.png);
}
div.designContents ul#tabmenu02 li.updateTab span{
	background-image: url(images/tab_government_title.png);
}
div.designContents ul#tabmenu02 li.updateTab.select span{
	background-image: url(images/tab_government_title_o.png);
}
div.designContents ul#tabmenu02 li.bousaiTab span{
	background-image: url(images/tab_assembly_title.png);
}
div.designContents ul#tabmenu02 li.bousaiTab.select span{
	background-image: url(images/tab_assembly_title_o.png);
}

/* コンテンツエリア */
.content_wrap02 {
	clear: both;
}
@media screen and (max-width:640px){
	div.designContents ul#tabmenu02{
		margin: 0 auto;
		width: 100%;
	}
	div.designContents ul#tabmenu02 li {
		float: left;
		box-sizing: border-box;
		margin: 0 auto;
		height: 55px;
		width: 33.33%;
		border-radius:0;
		color: #FFF;
		text-align: center;
		font-weight: bold;
		list-style: none;
		border-radius: 10px 10px 0 0;
	}
	 div.designContents ul#tabmenu02 li span{
		min-height: 60px;
		display: block;
		background-size: auto 30px;
		background-position: top 10px center;
		background-repeat: no-repeat;
		text-indent: -9999px;
	}
	div.designContents ul#tabmenu02 li.select span {
		background-size: auto 38px;
	}
	div.designContents ul.pickUpNav_list li  {
		width: 100%;
	}
}
/*****************************************************************************/
/* ライフイベント                                              */
/*****************************************************************************/
.designContents div.lifeEvent {
    width: 100%;
    box-sizing: border-box;
    margin: 0 0 30px;
    background-color: #EEEEDD;
    padding: 5px;
    clear: both;
	border-radius: 10px 10px 0 0;
    letter-spacing: -0.3em;
}
.designContents div.lifeEvent .lifeevent_title,
.designContents div.lifeEvent .lifeevent_list,
.designContents div.lifeEvent .lifeevent_list li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.designContents div.lifeEvent .lifeevent_body {
	margin: 0;
	padding: 0;
}
.designContents div.lifeEvent .lifeEventTitle {
    margin: -5px -5px 0;
    min-height: 60px;
    line-min-height: 60px;
    box-sizing: border-box;
    border-bottom: 5px solid #99bb88;
    background-image: url(images/lifeEvent_title_bg.png);
    background-size: 60px auto;
    background-repeat: repeat;
    background-position: left bottom;
    border-radius: 10px 10px 0 0;
    text-align: center;
    padding: 16px 0;
    display: block;
}
.designContents div.lifeEvent .lifeEventTitle span {
    min-height: 60px;
    display: block;
    text-indent: -9999px;
	background-image: url(images/lifeEvent_title.png);
    background-size: auto  30px;
    background-position: top 0 center;
    background-repeat: no-repeat;
}
.designContents div.lifeEvent .lifeEventBox .iconList {
	margin: 0;
	padding: 10px 0 0;
}
.designContents div.lifeEvent .lifeEventBox .iconList li {
	list-style: none;
	display: inline-table;
	margin-left: 10px;
}
.designContents div.lifeEvent .lifeEventBox .iconList li:first-child {
	margin-left: 8px;
}
@media screen and (max-width:640px){
	.designContents div.lifeEvent .lifeEventBox .iconList li {
		list-style: none;
		display: inline-table;
		margin-left: 15px;
	}
}
/*****************************************************************************/
/* 復興関連キーワード                                              */
/*****************************************************************************/
.designContents div.revivalKeyword {
    width: 100%;
    box-sizing: border-box;
    margin: 0 0 30px;
    background-color: #EEEEDD;
    padding: 5px;
    clear: both;
	border-radius: 10px 10px 0 0;
    letter-spacing: -0.3em;
}
.designContents div.revivalKeyword .revivalKeyword_title,
.designContents div.revivalKeyword .revivalKeyword_list,
.designContents div.revivalKeyword .revivalKeyword_list li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.designContents div.revivalKeyword .revivalKeyword_body {
	margin: 0;
	padding: 0;
}
.designContents div.revivalKeyword .revivalKeywordTitle {
    margin: -5px -5px 0;
    min-height: 60px;
    line-min-height: 60px;
    box-sizing: border-box;
    border-bottom: 5px solid #ddaa77;
    background-image: url(images/revivalKeyword_title_bg.png);
    background-size: 60px auto;
    background-repeat: repeat;
    background-position: left bottom;
    border-radius: 10px 10px 0 0;
    text-align: center;
    padding: 16px 0;
    display: block;
}
.designContents div.revivalKeyword .revivalKeywordTitle span {
    min-height: 60px;
    display: block;
    text-indent: -9999px;
	background-image: url(images/revivalKeyword_title.png);
    background-size: auto  29px;
    background-position: top 0 center;
    background-repeat: no-repeat;
}
.designContents div.revivalKeyword .revivalKeywordBox .iconList {
	margin: 0;
	padding: 10px 0 0;
}
.designContents div.revivalKeyword .revivalKeywordBox .iconList li {
	list-style: none;
	display: inline-table;
	margin-left: 9px;
}
.designContents div.revivalKeyword .revivalKeywordBox .iconList li:first-child {
	margin-left: 7px;
}
@media screen and (max-width:640px){
	.designContents div.revivalKeyword .revivalKeywordBox .iconList li {
		font-size: 0;
	}
	.designContents div.revivalKeyword .revivalKeywordBox .iconList li {
		width: 30%;
		height: auto;
		font-size: 14px;
		margin-left: 10px;
	}
	.designContents div.revivalKeyword .revivalKeywordBox .iconList li img {
		width: 100%;
		height: auto;
	}
}
/*****************************************************************************/
/* 遠野市の今に注目                                              */
/*****************************************************************************/
#DynamicLeft div.attention_corner {
	margin: 0;
}
#DynamicLeft div .attention_body {
	margin: 0 0 20px;
	padding: 9px 0 10px 72px;
    font-size: 130%;
	color: #116633;
	border-radius: 0 8px 0 0;
	background-image: url(images/title_green_icon.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	background-size: 650px auto;
}
#DynamicLeft div .attention_list {
	margin: 0;
}
#DynamicLeft div .attention_list li {
	list-style: none;
}
#DynamicLeft div .attention_list li a {
	display: block;
    margin: 0;
    padding: 8px 18px 8px 0;
    background: url(images/localNavItem_bg.png) no-repeat right 0em top 9px;
    font-size: 88%;
    font-weight: bold;
	border-top: 1px solid #eeeedd;
}
#DynamicLeft div .attention_list li.attention_list_last {
	border-bottom: 1px solid #eeeedd;
}
@media screen and (max-width:640px){
	#DynamicLeft div.attention_corner {
		padding: 0 20px;
	}
}
/*広報*/
#DynamicLeft div .attention_kouhou {
	margin: 0 0 15px;
}
#DynamicLeft div .attention_kouhou_left {
	margin: 0;
	float: left;
}
#DynamicLeft div .attention_kouhou_right {
	margin: 0;
	padding-top: 3px;
	float: right;
}
#DynamicLeft div .attention_kouhou_right .attention_txt {
	text-align: center;
	font-size: 80%;
}
#DynamicLeft div .attention_caption {
	margin: 0;
	color: #666;
	font-size: 65%;
	text-align: right;
}
#DynamicLeft div .attention_kouhou_left img {
	border: 1px solid #ccc;
}
/*出生*/
#DynamicLeft div .attention_syussei {
	clear: both;
	margin: 0;
	width: 100%;
}
#DynamicLeft div .attention_syussei:before,
#DynamicLeft div .attention_kouhou:before,
#DynamicLeft div .attention_syussei:after,
#DynamicLeft div .attention_kouhou:after{
    content:"";
    display:block;
    overflow:hidden;
}
#DynamicLeft div .attention_kouhou:after,
#DynamicLeft div .attention_syussei:after {
    clear:both;
}

#DynamicLeft div .attention_syussei_left {
	margin: 0;
	float: left;
	width: 50%;
	padding-right: 5px;
	box-sizing: border-box;
}
#DynamicLeft div .attention_syussei_right {
	margin: 0;
	float: right;
	width: 50%;
	padding-left: 5px;
	box-sizing: border-box;
}
#DynamicLeft div .attention_table_right,
#DynamicLeft div .attention_table_left {
	width: 100%;
}
#DynamicLeft div .attention_table_right th,
#DynamicLeft div .attention_table_left th {
	padding: 5px;
	font-size: 80%;
	color: #444;
	text-align: center;
	background-color: #ddddcc;
	border-bottom: 1px solid #fff;
}
#DynamicLeft div .attention_table_right td,
#DynamicLeft div .attention_table_left td {
	padding: 5px;
	font-size: 80%;
	color: #444;
	text-align: right;
	background-color: #eeeedd;
	border-bottom: 1px solid #fff;
}
@media screen and (max-width:640px){
	#DynamicLeft div .attention_kouhou {
		margin: 0 auto 20px;
	}
	#DynamicLeft div .attention_kouhou_left {
		margin: 0;
		width: 50%;
		float: left;
	}
	#DynamicLeft div .attention_kouhou_right {
		margin: 0;
		width: 50%;
		padding-top: 3px;
		float: right;
	}
	#DynamicLeft div .attention_kouhou_right img {
		width: 100%;
	}
	#DynamicLeft div .attention_kouhou_right .attention_txt {
		font-size: 70%;
	}
	#DynamicLeft div .attention_list li a {
		font-size: 80%;
	}
}
/*****************************************************************************/
/* 緊急・災害情報                                               */
/*****************************************************************************/
#DynamicGNaviBottom div.emergencyContents_wrap {
	margin: 0 auto;
	min-width: 1000px;
}
#DynamicGNaviBottom div.emergencyContents {
	clear: both;
	margin: 30px auto;
	width: 760px;
}
#DynamicGNaviBottom div.emergencyContents a {
	color: #bb2c2c;
}
#DynamicGNaviBottom div.emergencyContents .emergencyTitle_wrap {
	display: table-cell;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	height: auto;
	min-height: 90px;
	line-height: 90px;
	width: 190px;
	background-image: url(images/emergency_bg.png);
	background-size: 60px auto;
	border-radius: 10px 0 0 10px;
	vertical-align: middle;
}
#DynamicGNaviBottom div.emergencyContents .emergencyTitle {
	box-sizing: border-box;
	line-height: 90px;
	background-image: url(images/emergency_title.png);
	background-size: 114px auto;
	background-position: center center;
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#DynamicGNaviBottom div.emergencyContents .emergencyContent_wrap {
	display: table-cell;
	width: 570px;
	margin: 0;
	line-height: 1.5em;
	padding: 10px;
	vertical-align: middle;
	border-right: solid 5px #EEEEDD;
	border-bottom: solid 5px #EEEEDD;
	border-top: solid 5px #EEEEDD;
	border-radius: 0 10px 10px 0;
	background: #FFF;
	box-sizing: border-box;
	font-size: 0.875em;
}
#DynamicGNaviBottom div.emergencyContents ul.emergencyContentList{
	margin: 0;
	padding: 0;
}
#DynamicGNaviBottom div.emergencyContents ul.emergencyContentList li{
	display: block;
	padding: 0 0 0 20px;
	margin: .5em 0 0 .5em;
	background-image: url(images/emergency_arrow.png);
	background-size: 16px auto;
	background-repeat: no-repeat;
	background-position: left top 2px;
}
#DynamicGNaviBottom div.emergencyContents ul.emergencyContentList li:first-child{
	margin-top: 0;
}

/* 緊急情報ない場合のスタイル */
#DynamicGNaviBottom div.emergency_noContent {
	margin: 0;
	padding: .5em;
}
#DynamicGNaviBottom div.emergency_noContent p {
	margin: 0;
	padding: 0;
}
@media screen and (max-width:640px){
		#DynamicGNaviBottom div.emergencyContents {
			margin: 20px auto;
			width: 100%;
			padding: 15px;
			box-sizing: border-box;
		}
		#DynamicGNaviBottom div.emergencyContents .emergencyTitle_wrap {
			display: block;
			height: auto;
			min-min-height: 60px;
			line-min-height: 60px;
			width: 100%;
			border-radius: 10px 10px 0 0;
		}
		#DynamicGNaviBottom div.emergencyContents .emergencyTitle {
			line-min-height: 60px;
		}
		#DynamicGNaviBottom div.emergencyContents .emergencyContent_wrap {
			display: block;
			width: 100%;
			padding: 10px;
			border-right: solid 5px #EEEEDD;
			border-bottom: solid 5px #EEEEDD;
			border-left: solid 5px #EEEEDD;
			border-top: none;
			border-radius: 0 0 10px 10px;
			background: #FFF;
			box-sizing: border-box;
			font-size: 0.875em;
		}
}

/*****************************************************************************/
/* その他コンテンツスタイル                                               */
/*****************************************************************************/
/*まちの情報を発信中!!とまちのプロフィール共通部分*/
#DynamicLeft div.homeSideNavBox{
	margin: 0;
}
#DynamicLeft .LeftBnBox{
	margin: 0 0 35px;
}
#DynamicLeft ul.BnList{
	width: 100%;
	box-sizing: border-box;
	margin: 0;
	background-color: #EEEEDD;
	padding: 5px;
	clear: both;
	letter-spacing: -0.3em;
}
#DynamicLeft .BnList li{
	width: 50%;
	padding: 5px;
	box-sizing: border-box;
	display: inline-table;
	letter-spacing: normal;
}
#DynamicLeft .BnList li a{
	display: block;
}
#DynamicLeft .BnList li a:hover{
	opacity: .8;
}
#DynamicLeft .BnList li img{
	width: 100%;
	height: auto;
}
@media screen and (max-width:640px){
	#DynamicLeft div.LeftBnBox{
		padding: 15px;
	}
}
/*まちの情報を発信中!!*/
#DynamicLeft .NewsBnBox_title{
	width: 100%;
	min-height: 60px;
	line-min-height: 60px;
	box-sizing: border-box;
	border-bottom: 5px solid #AAAADD;
	background-image: url(images/news_bnbox_title_bg.png);
	background-size: 30px auto;
	background-repeat: repeat;
	border-radius: 10px 10px 0 0;
	text-align: center;
	padding: 16px 0;
}
#DynamicLeft .NewsBnBox_title img{
	width: auto;
	height: 22px;
	vertical-align: middle;
}
/*まちのプロフィール*/
#DynamicLeft .ProfBnBox_title{
	width: 100%;
	min-height: 60px;
	line-min-height: 60px;
	box-sizing: border-box;
	border-bottom: 5px solid #6699CC;
	background-image: url(images/prof_bnbox_title_bg.png);
	background-size: 40px auto;
	background-repeat: repeat;
	border-radius: 10px 10px 0 0;
	text-align: center;
	padding: 16px 0;
}
#DynamicLeft .ProfBnBox_title img{
	width: auto;
	height: 22px;
	vertical-align: middle;
}

/*まちのプロフィール：人口・世帯*/
#DynamicLeft #jinkouBn{
	position: relative;
}
#DynamicLeft #jinkouBn span{
	font-size: 10px;
	color: #fff;
	position: absolute;
	top: 28%;
	left: 0;
	width: 100%;
	display: block;
	text-align: center;
}


/*いざという時のために*/
#DynamicLeft div.EmergencyBox{
	margin: 0 0 17px;
}
#DynamicLeft .EmergencyBox_title{
	width: 100%;
	min-height: 60px;
	line-min-height: 60px;
	box-sizing: border-box;
	border-bottom: 5px solid #DDDD33;
	background-image: url(images/emergency_box_title_bg.png);
	background-size: 40px auto;
	background-repeat: repeat;
	border-radius: 10px 10px 0 0;
	text-align: center;
	padding: 10px 0;
}
#DynamicLeft .EmergencyBox_title img{
	width: auto;
	height: 39px;
	vertical-align: middle;
}
#DynamicLeft .EmergencyList{
	background-color: #fff;
	border:solid 5px #EEEEDD;
	border-top: none;
	margin: 0;
	padding: 10px 10px 15px;
}
#DynamicLeft .EmergencyList li{
	display: block;
	padding: 0 0 0 20px;
	margin: .5em 0 0 .5em;
	font-size: 0.875em;
	background-image: url(images/emergency_arrow.png);
	background-size: 16px auto;
	background-repeat: no-repeat;
	background-position: left top 2px;
	color: #CC3333;
}
#DynamicLeft .EmergencyList li a{
	text-decoration:underline;
}
@media screen and (max-width:640px){
	#DynamicLeft div.EmergencyBox{
		padding: 15px;
	}
}
/* 人口・世帯 */
#DynamicLeft .population,
#DynamicRight .population {
	box-sizing: border-box;
	margin: 0 0 15px;
	padding: 10px 15px;
	border: solid 1px #f9c86d;
	border-radius: 5px;
	background: #FFF;
}
#DynamicLeft .population h2,
#DynamicRight .population h2 {
	margin: 0 0 10px;
	padding: 0 0 6px;
	border-bottom: solid 1px #f8b551;
	background: #FFF;
	color: #ce7813;
	font-weight: bold;
	font-size: 110%;
}
#DynamicLeft .population dl,
#DynamicRight .population dl,
#DynamicLeft .population dt,
#DynamicRight .population dt,
#DynamicLeft .population dd,
#DynamicRight .population dd {
	margin: 0;
	padding: 0;
}
#DynamicLeft .population dl,
#DynamicRight .population dl {
	overflow: hidden;
	margin: 0 0 0.3em;
	padding: 0;
	border-bottom: solid 1px #f8b551;
	font-size: 90%;
}
#DynamicLeft .population dt,
#DynamicRight .population dt {
	float: left;
	clear: both;
	margin-bottom: 0.3em;
	font-weight: bold;
}
#DynamicLeft .population dt.male,
#DynamicRight .population dt.male {
	color: #3a4aa9;
}
#DynamicLeft .population dt.female,
#DynamicRight .population dt.female {
	color: #c34444;
}
#DynamicLeft .population dd,
#DynamicRight .population dd {
	float: right;
	margin-bottom: 0.3em;
}
#DynamicLeft .population p.date,
#DynamicRight .population p.date {
	margin: 0;
	padding: 0;
	color: #a22020;
	font-size: 75%;
}
@media screen and (max-width:640px){
	#DynamicLeft .population h2,
	#DynamicRight .population h2 {
		text-align: center;
	}
	#DynamicLeft .population dl,
	#DynamicRight .population dl {
	}
	#DynamicLeft .population dt,
	#DynamicRight .population dt {
		float: left;
		width: 4em;
	}
	#DynamicLeft .population dd,
	#DynamicRight .population dd {
		float: left;
	}
}

/* バナーリスト */
#DynamicLeft .bannerList,
#DynamicRight .bannerList {
	margin: 0 0 10px;
	padding: 0;
}
#DynamicLeft .bannerList li,
#DynamicRight .bannerList li {
	margin: 0 0 5px;
	padding: 0;
	list-style: none;
}
#DynamicLeft .bannerList li img,
#DynamicRight .bannerList li img {
	vertical-align: bottom;
}

/*****************************************************************************/
/* スライダーバナー                                              */
/*****************************************************************************/


@media screen and (max-width:640px){

}

/*****************************************************************************/
/* ライフイベント（中ページ用）                                    */
/*****************************************************************************/
#DynamicLeft .lifeevent_subpage,
#DynamicLeft .lifeevent_subpage h2,
#DynamicLeft .lifeevent_subpage ul,
#DynamicLeft .lifeevent_subpage li {
	margin: 0;
	padding: 0;
	list-style: none;
}
#DynamicLeft .lifeevent_subpage {
	margin: 0 0 15px;
}
#DynamicLeft .lifeevent_subpage h2 {
	margin: 0;
	padding: 6px 10px 4px;
	border-radius: 3px 3px 0 0;
	background-image:-webkit-gradient(linear,color-stop(0, rgb(141,141,141)),color-stop(1, rgb(119,119,119)));
	background-image:-webkit-linear-gradient(rgb(141,141,141) 0%,rgb(119,119,119) 100%);
	background-image:linear-gradient(rgb(141,141,141) 0%,rgb(119,119,119) 100%);
	color: #FFF;
	text-align: center;
	font-weight: bold;
	font-size: 90%;
}
#DynamicLeft .lifeevent_subpage ul {
	overflow: hidden;
	padding: 5px 0 5px 5px;
	border-right: solid 2px #CECECE;
	border-bottom: solid 2px #CECECE;
	border-left: solid 2px #CECECE;
	background: #F4F4F4;
}
#DynamicLeft .lifeevent_subpage li {
	float: left;
	margin: 4px;
}
#DynamicLeft .lifeevent_subpage li img {
	vertical-align: bottom;
}

/*****************************************************************************/
/* ピックアップサイト                                                            */
/*****************************************************************************/
#DynamicFooter div.pickupSite {
	overflow: hidden;
	margin: 0 auto 50px !important;
	padding: 0;
	clear: both;
	width: 1000px;
	background: url(images/pickupSite_bg.png) left bottom;
	background-size: 180px auto;
	border-radius: 8px;
}
#DynamicFooter div.pickupSite .wrapper {
	margin: 0;
    padding: 20px 0 20px;
}
#DynamicFooter div.pickupSite ul.pickupSiteList {
	overflow: hidden;
	margin: 0 auto;
	padding: 5px 0 5px;
	width: 975px;
}
#DynamicFooter div.pickupSite ul.pickupSiteList li {
	float: left;
	margin: 0;
	padding: 0 0 15px 15px;
	list-style: none;
}
#DynamicFooter div.pickupSite ul.pickupSiteList li:first-child {
	padding: 0 0 0 8px;
}
#DynamicFooter div.pickupSite ul.pickupSiteList li img {
	vertical-align: bottom;
}
#DynamicFooter div.pickupSite .pickupSite_Title {
	margin: 0;
    font-size: 120%;
	font-weight: bold;
	text-align: center;
	color: #116633;
}
#DynamicFooter div.pickupSite .infomation {
	margin: 0;
}
#DynamicFooter div.pickupSite div.pickupSite_bnner {
	margin: 0;
}
#DynamicFooter div.pickupSite .pickupSite_title {
	box-sizing: border-box;
	line-height: 55px;
	background-image: url(images/pickupSite_title.png);
	background-size: auto 41px;
	background-position: center center;
	background-repeat: no-repeat;
	text-indent: -9999px;
}
@media screen and (max-width:640px){
	#DynamicFooter div.pickupSite {
		width: 100%;
	}
	#DynamicFooter div.pickupSite ul.pickupSiteList {
		overflow: hidden;
		margin: 0 0 0 10px;
		padding: 20px 0 5px;
		width: auto;
	}
	#DynamicFooter div.pickupSite ul.pickupSiteList li {
		float: left;
		box-sizing: border-box;
		margin: 0;
		padding: 0 10px 10px 0;
		width: 50%;
		list-style: none;
	}
	#DynamicFooter div.pickupSite ul.pickupSiteList li img {
		width: 100%;
		height: auto;
		vertical-align: bottom;
	}
	#DynamicFooter div.pickupSite ul.pickupSiteList li:first-child {
		padding: 0 10px 10px 0;
	}
}
/*****************************************************************************/
/* バナー aBnr                                            */
/*****************************************************************************/
#DynamicFooter div.aBnr {
	overflow: hidden;
	margin: 0 auto 20px !important;
	padding: 0;
	clear: both;
	width: 1000px;
}
#DynamicFooter div.aBnr ul.aBnr_list {
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
	width: 1000px;
	font-size: 0;
}
#DynamicFooter div.aBnr ul.aBnr_list li {
	float: left;
	margin: 0;
	padding: 0 0 5px 7px;
	list-style: none;
	font-size: 14px;
}
#DynamicFooter div.aBnr ul.aBnr_list li.aBnr_title {
	padding: 0 0 40px;
}
#DynamicFooter div.aBnr ul.aBnr_list li img {
	vertical-align: bottom;
}

@media screen and (max-width:640px){
	#DynamicFooter div.aBnr {
		width: 100%;
	}
	#DynamicFooter div.aBnr ul.aBnr_list {
		width: 100%;
	}
	#DynamicFooter div.aBnr ul.aBnr_list li.aBnr_title {
    padding: 0 0 40px;
    display: block;
    width: 100%;
    text-align: center;
	}
	#DynamicFooter div.aBnr ul.aBnr_list li {
    float: left;
    margin: 0;
    padding: 0 0 1em 10%;
    list-style: none;
    font-size: 14px;
}
}
/*****************************************************************************/
/* 中ページカテゴリタイトル                                            */
/*****************************************************************************/
#MainArea .designContents .categoryTitle {
	margin-bottom: 30px;
}
@media screen and (max-width:640px){
	#MainArea .designContents .categoryTitle {
		margin-bottom: 15px;
	}
}