﻿@charset "UTF-8";
.all{
	background-image:url("img/all_bg.gif");
	background-position:center top;
	background-repeat:repeat-y;
	background-color:#AFDBFD;
}
#kukyoku{
	background-image:url("img/kukyoku_bg.gif");
	background-position:center top;
	background-repeat:no-repeat;
}
	@media (max-width: 768px) {
		#kukyoku{
			background-image: none;
		}
	}
.design{
	background-color:#FFF;
}
.design #head{
	background-image:url("img/kukyoku_bg.gif");
	background-position:center top;
	background-repeat:no-repeat;
	width: 1002px;
	padding-bottom:29px;
}
.design #head_right{
	padding: 0 5px 0 0;
}
.design #head_right div#src_box{
	background-image:none;
	margin-top:8px;
}
.design .h1{
	margin: 10px 0 0;
	padding: 0 0 0 8px;
}
.design p#top_add{
	display:inline-block;
	background-color:transparent;
	vertical-align:middle;
	padding: 0 10px 10px;
	margin:0px 0px 4px 0px;
}
.design #src_sct p label{
	text-shadow: #fff 2px 0px, #fff -2px 0px, #fff 0px -2px, #fff 0px 2px, #fff 2px 2px, #fff -2px 2px, #fff 2px -2px, #fff -2px -2px, #fff 1px 2px, #fff -1px 2px, #fff 1px -2px, #fff -1px -2px, #fff 2px 1px, #fff -2px 1px, #fff 2px -1px, #fff -2px -1px;
}
.design #navi {
	background-color:transparent;
	background-image:none;
	margin:0px 0px 0px 0px;
}
	@media (max-width: 768px) {
		#main{
			margin-top: 0;
		}
		.design .h1{
			margin-top: 18px;
			margin-bottom: 11px;
		}
		.design #head{
			background: none;
			width: 100%;
			padding-bottom: 0;
		}
		.design .h1 img{
			width: 180px;
		}
		.design p#top_add{
			display: none;
		}
	}
	@media (max-width: 480px) {
		.design #head{
			background-size: 880px auto;
			background-position: top -23px right -300px;
		}
	}

.design #head_right div#read li a{
	background: #fff;
}
/*▼▼▼▼▼▼▼▼▼カラムのスタイル▼▼▼▼▼▼▼▼▼*/
#kukyoku .design #main #zone02{
	position:relative;
}
#kukyoku .design #main #zone03{
}
.design #main #zone010203 ul li{
	background-image:url("img/list_icon0.gif");
	margin-left:8px;
}
/*▼▼▼▼▼▼▼▼▼サブトップヘッダのスタイル▼▼▼▼▼▼▼▼▼*/
.design #sub_h1_bg{
	background-image:url("img/sub_h1_bg.jpg");
}
.design #cse-search-box #src_sct{
	background-color:#fff;
}
/*▼▼▼▼▼▼▼▼▼領域01のスタイル▼▼▼▼▼▼▼▼▼*/
.design #zone01 h2{
	background-color:#fff5df;
	color:#322110;
	margin: 10px 11px 0px 11px;
}
.design #zone01 .h2{
	background-color:#fff5df;
	color:#322110;
}
.design #zone01 .zbox{
	border: 3px solid #f7cd00;
}
.design #zone01 .zbox:before{
	background: #f7cd00;
	background: linear-gradient(to bottom, #f7cd00 0%,#ffb31b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7cd00', endColorstr='#ffb31b',GradientType=0 );
}

/*▼▼▼ イベント・講座（ビジュアル横リスト）のスタイル▼▼▼*/
.design .event_wrap{
	background: url(img/eve_bg.png) no-repeat;
	float: right;
	text-align: left;
	margin: 16px 18px 0 18px;
	width: 274px;
	overflow: hidden;
	height: 306px;
}
.design .event_wrap h2{
	text-align: center;
	margin: 0;
}
.design .event_wrap h2 a{
	color: #001255;
	font-size: 162%;
	display: inline-block;
	text-decoration: none;
	height: 306px;
	width: 100%;
	text-shadow: #fff 2px 0px, #fff -2px 0px, #fff 0px -2px, #fff 0px 2px, #fff 2px 2px, #fff -2px 2px, #fff 2px -2px, #fff -2px -2px, #fff 1px 2px, #fff -1px 2px, #fff 1px -2px, #fff -1px -2px, #fff 2px 1px, #fff -2px 1px, #fff 2px -1px, #fff -2px -1px;
}
.design .event_wrap h2 a span{
	display: inline-block;
	padding: 6px;
	margin-top: 64px;
}
	@media (max-width: 768px) {
		.design .event_wrap{
			background: none;
			height: auto;
			margin: 0;
			padding: 0;
			width: 100%;
		}
		.design .event_wrap h2{
			margin: 0 10px;
		}
		.design .event_wrap h2 a{
			font-size: 125%;
			height: auto;
			border: 3px solid #001255;
			border-radius: 8px;
			padding: 14px 20px 14px 10px;
			position: relative;
		}
		.design .event_wrap h2 a:before{
			content: '';
			position: absolute;
			top: 50%;
			right: 14px;
			margin-top: -5px;
			width: 8px;
			height: 8px;
			border-right: 2px solid #001255;
			border-bottom: 2px solid #001255;
			transform: rotate(-45deg);
				-webkit-transform: rotate(-45deg);
		}
		.design .event_wrap h2 a span{
			margin-top: 0;
			padding: 0;
		}
	}

/*▼▼領域01分類のスタイル▼▼*/
.design #zone01 .category{
}
.design #zone01 .category2{
}
.design #zone01 .category2 p.small{
	margin:0px 10px 5px 10px;
	color:#322110;
	font-weight:bold;
}
.design #zone01 .category3{
}
.design #zone01 .category4{
}
.design #zone01 .category5{
}
@media (max-width: 768px) {
	.design #zone01 .image img,
	.design #zone03 .image img{
		height: auto;
		width: 100%;
	}
}
/*▼▼領域01組織から探すのスタイル▼▼*/
.design #zone01 .kakuka{
}
/*▼▼領域01イベントのスタイル▼▼*/
.design #zone01 .event{
}
/*▼▼領域01イベントのスタイル▼▼*/
.design #zone01 .event_cat{
}
/*▼▼領域01イベントカレンダーのスタイル▼▼*/
.design #zone01 .calendar{
}
.design #zone01 .calendar caption {
    background-image: url("img/z2_h3.gif");
}
/*▼▼領域01新着情報のスタイル▼▼*/
.design #zone01 .new{
}
/*▼▼領域01トピックスのスタイル▼▼*/
.design #zone01 .topics{
}
/*▼▼領域01ピックアップのスタイル▼▼*/
.design #zone01 .pickup{
}
.design #zone01 .pickup h3{
    background-image: url("img/z2_h3.gif");
}
/*▼▼領域01ピックアップ2のスタイル▼▼*/
.design #zone01 .pickup2{
}
.design #zone01 .pickup2 h3{
    background-image: url("img/z2_h3.gif");
}
/*▼▼領域01ピックアップ3のスタイル▼▼*/
.design #zone01 .pickup3{
}
.design #zone01 .pickup3 h3{
    background-image: url("img/z2_h3.gif");
}
/*▼▼領域01バナーのスタイル▼▼*/
.design #main #zone010203 .bana ul li{
	background-image:none;
}
/*▼▼領域01人口・世帯数のスタイル▼▼*/
.design #zone01 .j_s{
}
/*▼▼領域01リンク・画像領域（テキスト）のスタイル▼▼*/
.design #zone01 .link{
}
/*▼▼領域01RSS一覧のスタイル▼▼*/
.design #zone01 .rss_list{
}
/*▼▼▼▼▼▼▼▼▼領域02のスタイル▼▼▼▼▼▼▼▼▼*/
.design #zone02 h2 a:LINK    { text-decoration : underline; color : #2b3095; }
.design #zone02 h2 a:VISITED { text-decoration : underline; color : #791e78; }
.design #zone02 h2 a:ACTIVE  { text-decoration : underline; color : #CC0000; }
.design #zone02 h2 a:HOVER   { text-decoration : underline; color : #CC0000; }
.design #zone02 h2, .design #zone02 .h2{
	background:#D9EFFF;
	color:#222222;
	border-radius: 8px 8px 0 0;
	text-shadow: none;
}
/*▼▼領域02イベントカレンダーのスタイル▼▼*/
.design #zone02 .event h2,.design #zone02 .event .h2{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color:transparent;
	background-image:none;
}
.design #zone02 .event .h2 img {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.design #zone02 .event .h2 .cat_lst{
	font-size:85%;
	font-weight:bold;
	text-align:right;
	float:right;
}
.design #zone02 .event .h2 .cat_lst a{
	padding-left:20px;
    background-image:url("img/list_icon1.gif");
	background-repeat:no-repeat;
	background-position:7px 3px;
}
.design #zone02 .event table{
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	width:478px;
	background-color:#FFFFFF;
	border:1px solid #eee;
	font-size:95%;
	text-align:left;
}
.design #zone02 .event caption{
	border:none;
	text-align:left;
	font-size: 110%;
	font-weight:bold;
    line-height: 1.3em;
	margin:0px 0px 0px 5px;
	padding:8px 0px 8px 16px;
	color: #00033E;
	position: relative;
	background-image: url("img/z2_h3.gif");
	background-repeat: no-repeat;
	background-position: left -2px;
}
.design #zone02 .event th{
	margin:0px 0px 0px 0px;
	padding:6px;
	background-color:#f4f4f4;
	border:1px solid #eee;
}
.design #zone02 .event th.dat{
	width:10.5em;
}
.design #zone02 .event td{
	margin:0px 0px 0px 0px;
	padding:6px;
	border:1px solid #eee;
	background-color:#fff;
}
.design #zone02 .event .cat_lst{
	font-size:85%;
	font-weight:bold;
	margin-bottom:5px;
	text-align:right;
}
.design #zone02 .event .cat_lst a{
	padding-left:20px;
    background-image:url("img/list_icon1.gif");
	background-repeat:no-repeat;
	background-position:7px 3px;
}
	@media (max-width: 768px) {
		.design #zone02 .event table{
			width: 100%;
		}
	}
/*▼▼領域02新着情報のスタイル▼▼*/
.design #zone02 .new h2,.design #zone02 .new .h2{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color:transparent;
	background-image:none;
}
.design #zone02 .new .h2 img {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

@media (max-width: 768px) {
	.design #zone02 .new .h2,
	.design #zone02 .pickup .h2,
	.design #zone02 .topics .h2,
	.design #zone02 .event .h2{
		position: relative;
		z-index: 1;
		overflow: hidden;
		width: 290px;
	}
	.design #zone02 .new,
	.design #zone02 .pickup,
	.design #zone02 .topics,
	.design #zone02 .event {
		position: relative;
	}
	.design #zone02 .new:before,
	.design #zone02 .pickup:before,
	.design #zone02 .topics:before,
	.design #zone02 .event:before{
		content: '';
		position: absolute;
		top: 10px;
		right: 0;
		background: #389AED;
		border-top-right-radius: 5px;
		height: 50px;
		width: 98%;
		z-index: 1;
	}
}

.design #zone02 .new .spshort,
.design #zone02 .pickup .spshort,
.design #zone02 .topics .spshort,
.design #zone02 .event .spshort{
	margin-top: -7px;
}

/*▼▼領域02トピックスのスタイル▼▼*/
.design #zone02 .topics h2,.design #zone02 .topics .h2{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color:transparent;
	background-image:none;
}
.design #zone02 .topics .h2 img {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.design #zone02 .topics_lower .cat_lst{
	font-size:85%;
	font-weight:bold;
	margin-bottom:5px;
	text-align:right;
}
.design #zone02 .topics_lower .cat_lst a{
	padding-left:20px;
    background-image:url("img/list_icon1.gif");
	background-repeat:no-repeat;
	background-position:7px 3px;
}
/*▼▼領域02ピックアップのスタイル▼▼*/
.design #zone02 .pickup h2,.design #zone02 .pickup .h2{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color:transparent;
	background-image:none;
}
.design #zone02 .pickup .h2 img {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.design #zone02 .pickup h3{
	display:none;
}
/*▼▼▼▼▼▼▼▼▼領域03のスタイル▼▼▼▼▼▼▼▼▼*/
.design #zone03 h2{
	background-color:#fff5df;
	color:#322110;
	margin: 10px 11px 0 11px;
}
.design #zone03 .h2{
	background-color:#fff5df;
	color:#322110;
}
.design #zone03 .zbox{
	border-color:#f7cd00;
}
.design #zone03 .zbox:before{
	background: #f7cd00;
	background: linear-gradient(to bottom, #f7cd00 0%,#ffb31b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7cd00', endColorstr='#ffb31b',GradientType=0 );
}
/*▼▼領域03分類のスタイル▼▼*/
.design #zone03 .category{
}
.design #zone03 .category2{
}
.design #zone03 .category2 p.small{
	margin:0px 10px 5px 10px;
	color:#322110;
	font-weight:bold;
}
.design #zone03 .category3{
}
.design #zone03 .category4{
}
.design #zone03 .category5{
}
/*▼▼領域03組織から探すのスタイル▼▼*/
.design #zone03 .kakuka{
}
/*▼▼領域03イベントのスタイル▼▼*/
.design #zone03 .event{
}
/*▼▼領域03イベント分類のスタイル▼▼*/
.design #zone03 .event_cat{
}
/*▼▼領域03イベントカレンダーのスタイル▼▼*/
.design #zone03 .calendar{
}
.design #zone03 .calendar caption {
    background-image: url("img/z2_h3.gif");
}
/*▼▼領域03新着情報のスタイル▼▼*/
.design #zone03 .new{
}
/*▼▼領域03トピックスのスタイル▼▼*/
.design #zone03 .topics{
}
/*▼▼領域03トピックスのスタイル▼▼*/
.design #zone03 .topics{
}
/*▼▼領域03ピックアップのスタイル▼▼*/
.design #zone03 .pickup{
}
.design #zone03 .pickup h3{
    background-image: url("img/z2_h3.gif");
}
/*▼▼領域03ピックアップ2のスタイル▼▼*/
.design #zone03 .pickup2{
}
.design #zone03 .pickup2 h2{
	padding:0px 0px 0px 0px;
	background-color:transparent;
}
.design #zone03 .pickup2 h3{
	display:none;
}
.design #zone03 .pickup2 p{
	display:none;
}
@media (max-width: 768px) {
	.design #zone03 .pickup2 h2{
		position: relative;
		z-index: 1;
	}
	.design #zone03 .pickup2 h2:before{
		content: '';
		position: absolute;
		bottom: 0;
		right: 0;
		background: #FFC554;
		border-radius: 0 16px 0 0;
		height: 50px;
		width: 80%;
		z-index: -1;
	}
}
/*▼▼領域03ピックアップ3のスタイル▼▼*/
.design #zone03 .pickup3{
}
.design #zone03 .pickup3 h3{
    background-image: url("img/z2_h3.gif");
}
/*▼▼領域03バナーのスタイル▼▼*/
.design #main #zone030203 .bana ul li{
	background-image:none;
}
/*▼▼領域03人口・世帯数のスタイル▼▼*/
.design #zone03 .j_s{
}
/*▼▼領域03リンク・画像領域（テキスト）のスタイル▼▼*/
.design #zone03 .link{
}
/*▼▼領域03RSS一覧のスタイル▼▼*/
.design #zone03 .rss_list{
}
/*▼▼▼▼▼▼▼▼▼領域04のスタイル▼▼▼▼▼▼▼▼▼*/
#body .design #zone04 h2 a:LINK    { text-decoration : underline; color : #2b3095; }
#body .design #zone04 h2 a:VISITED { text-decoration : underline; color : #791e78; }
#body .design #zone04 h2 a:ACTIVE  { text-decoration : underline; color : #CC0000; }
#body .design #zone04 h2 a:HOVER   { text-decoration : underline; color : #CC0000; }
.design #zone04 h2,.design #zone04 .h2 {
	background: #D9EFFF;
	color:#222222;
	border-radius: 8px 8px 0 0;
	text-shadow: none;
}
/*▼▼領域04イベントカレンダーのスタイル▼▼*/
.design #zone04 .calendar caption {
    background-image: url("img/z2_h3.gif");
}
/*▼▼領域04リンク・画像領域（画像）のスタイル▼▼*/
.design #zone04 .image h2{
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	background-image:none;
	float:none;
	background-color:transparent;
}
/*▼▼領域04ピックアップのスタイル▼▼*/
.design #zone04 .pickup h3{
    background-image: url("img/z2_h3.gif");
}
/*▼▼領域04ピックアップ2のスタイル▼▼*/
.design #zone04 .pickup2 h3{
    background-image: url("img/z2_h3.gif");
}
/*▼▼領域04ピックアップ3のスタイル▼▼*/
.design #zone04 .pickup3 h3{
    background-image: url("img/z2_h3.gif");
}
/*▼▼▼フッタのスタイル▼▼▼*/
#foot a:LINK    { text-decoration : underline; color : #2b3095; }
#foot a:VISITED { text-decoration : underline; color : #791e78; }
#foot a:ACTIVE  { text-decoration : underline; color : #CC0000; }
#foot a:HOVER   { text-decoration : underline; color : #CC0000; }

#foot_top #foot{
	background-position:center -27px;
}

#foot{
	background-image:url("img/foot_back.gif");
	background-color:#F3E0BD;
	color:#2e1f04;
}
#foot_link li{
	background-image:url("img/list_icon.gif");
}

	@media (max-width: 768px) {
		#foot{
			background-image: none;
			border-top: 3px solid #4A98DB;
			padding-top: 20px;
			margin-top: 20px;
		}
	}
/*▼▼▼中ページのスタイル▼▼▼*/
.design #navi ul{
	background: none;
	margin-right: 24px;
	margin-left: 24px;
}
.design #navi ul li{
	background: none;
	width: 154px;
}
.design #navi ul li:last-child{
	margin-right: 0;
}
.design #navi ul li a{
	border-radius: 5px;
	border: 1px solid #86cbea;
	background: #0071d0;
	background: linear-gradient(to bottom, #00abcb 0%,#0071d0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00abcb', endColorstr='#0071d0',GradientType=0 );
	color: #01569e;
	text-shadow: #fff 2px 0px, #fff -2px 0px, #fff 0px -2px, #fff 0px 2px, #fff 2px 2px, #fff -2px 2px, #fff 2px -2px, #fff -2px -2px, #fff 1px 2px, #fff -1px 2px, #fff 1px -2px, #fff -1px -2px, #fff 2px 1px, #fff -2px 1px, #fff 2px -1px, #fff -2px -1px;
	line-height: 1.3;
}
.design #navi ul li a:hover,
.design #navi ul li.active a{
	background: #a1caed;
	background: linear-gradient(to bottom, #a4e7f3 0%,#a1caed 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4e7f3', endColorstr='#a1caed',GradientType=0 );
	text-shadow: #fff 2px 0px, #fff -2px 0px, #fff 0px -2px, #fff 0px 2px, #fff 2px 2px, #fff -2px 2px, #fff 2px -2px, #fff -2px -2px, #fff 1px 2px, #fff -1px 2px, #fff 1px -2px, #fff -1px -2px, #fff 2px 1px, #fff -2px 1px, #fff 2px -1px, #fff -2px -1px;
	color: #01569e;
}

.design .main_naka h1{
	color:#222;
	background-image:url("img/in_h1_l.gif");
}
.design .main_naka .in_h1{
	background-image:url("img/in_h1_l_bg.gif");
}
.design .main_naka #page_left h1{
	background-image:url("img/in_h1.gif");
}
.design .main_naka #page_left .in_h1{
	background: #D1EAFF;
	border-color: #0076CF;
	border-radius: 8px 8px 0 0;
}
.design .main_naka #page_left .in_h1 h1{
	border-color: #00A9CB;
}
.design .main_naka h2{
	background-image:url("img/in_kiji_h2.gif");
	color:#322110;
}
.design .main_naka h3{
	background-image:url("img/list_icon1.gif");
	color:#322110;
}
.design .main_naka #page_left .in_imp_new{
	color:#222;
	background-image:url("img/in_new_bg.gif");
	background-color: #F1F9FF;
}
.design .main_naka #page_left .in_imp_new_bg{
	background-image:url("img/in_imp_bg.gif");
}
#body .design .main_naka #page_left .in_imp_new h2{
	background-image:url("img/in_h2.gif");
}
#body .design .main_naka #page_left h2{
	background-image:url("img/flg.gif");
}
.design .main_naka #page_right #in_right_navi:before{
	background: #FFB21C;
	background: linear-gradient(to bottom, #FFB21C 0%,#FFB21C 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFB21C', endColorstr='#FFB21C',GradientType=0 );
}
.design .main_naka #page_right .in_right_bg{
	border:3px solid #ffb21c;
	border-top:none;
}
.design .main_naka #page_right h2{
	background-color:#ffefcf;
	padding: 7px 10px 7px 10px;
}
.design .main_naka #page_right #in_right_wrd{
	padding-top:16px;
	font-size:120%;
}
.design .main_naka #page_right #in_right_wrd:before{
	background: #EEEEEE;
	background: linear-gradient(to bottom, #EEEEEE 0%,#EEEEEE 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EEEEEE', endColorstr='#EEEEEE',GradientType=0 );
}
.design .main_naka #page_right #in_right_wrd .in_right_bg{
	border-color:#eee;
	padding:0px 8px 10px 8px;
}
.design .main_naka #page_right #in_right_wrd ul li{
	margin:0px 15px 0px 15px;
	font-size:90%;
}
.design .main_naka #page_right #in_right_wrd h2{
	margin:0;
	padding: 7px 10px 5px 8px;
	background-color:transparent;
	background-image:none;
	border:0px;
	text-align:left;
	margin:0px;
}
.design .main_naka #page_right #in_right_wrd ul{
	margin:0;
	padding:0;
}
.design .main_naka #page_right #in_right_nav{
	border:3px solid #a9daff;
	padding:7px 0px 7px 0px;
}
.design .main_naka #page_right #in_right_nav h2{
	background-color:transparent;
	text-align:center;
	margin:0px;
	padding:0px;
}
#body .design .main_naka #soshiki2 #page_left h2{
	border-bottom:6px solid #b9e1ff;
}
#body .all .design .main_naka .event_navi li{
	border-color:#127dd0;
}
	@media (max-width: 768px) {
		#in_right_tnx .main_tnxfqa_coll{
			border: none;
		}
		.design .main_naka .main_tnxfqa_coll{
			margin: 0;
		}
	}

#body .design .main_naka #page_left .main_naka_kiji h2{
	 background-image: url("img/in_kiji_h2.gif") !important;
}
div.mol_contents h4 {
	background-color:#e3f3ff !important;
}