@charset "utf-8";
/*
Theme Name: Niigata Minamiku4
Description: 新潟市 南区社会福祉協議会04
Author: the 誠晃舎
Author URI: http://www.sks-net.co.jp/
Version: 4.0
*/

@import url("def.css");

/*   reset
    ──────────────────────────────────────────────────────────────── */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, font,
ins, kbd, q, s, samp, small, strike, strong,
sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption, tbody,
tfoot, thead, tr, th, td {
	border: 0;
	font-style: inherit;
	font-weight: inherit;
	font-size: 99%;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
	line-height:150%;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}

audio,
canvas,
video {
	display: inline-block;
	max-width: 100%;
}

html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}
a { outline: 0;	text-decoration: none; color:#666; }
a:focus { outline: thin dotted; color:#666; }
a:hover,
a:active { outline: 0; color:#666; text-decoration:underline; }
a:hover { text-decoration:underline; }

address {
	margin-top:0;
}
b,
strong {
	font-weight: 700;
}

cite,
dfn,
em,
i,
b {
	color:#6a3906;
}
mark,
ins {
	text-decoration: none;
}
p {
	margin-bottom: 24px;
	line-height:150%;
}
code,
kbd,
tt,
var,
samp,
pre {
	-webkit-hyphens: none;
	-moz-hyphens:    none;
	-ms-hyphens:     none;
	hyphens:         none;
}

pre {
	border: 1px solid rgba(0, 0, 0, 0.1);
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	margin-bottom: 24px;
	max-width: 100%;
	overflow: auto;
	padding: 12px;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

blockquote,
q {
	-webkit-hyphens: none;
	-moz-hyphens:    none;
	-ms-hyphens:     none;
	hyphens:         none;
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
	content: none;
}
ul,
ol {
	list-style: none;
}
ul {
}
ol {
}
li > ul,
li > ol {
}
img {
	-ms-interpolation-mode: bicubic;
	border: 0;
	vertical-align: middle;
}
button,
input,
select,
textarea {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	margin: 0;
	max-width: 100%;
	vertical-align: baseline;
}

button,
input {
	line-height: normal;
}

input,
textarea {
	background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); /* Removing the inner shadow, rounded corners on iOS inputs */
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
input[disabled] {
	cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
	padding: 0;
}

input[type="search"] {
	-webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
	vertical-align: top;
}
caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

th {
	border-width: 0 1px 1px 0;
}

td {
	border-width: 0 1px 1px 0;
}

del {
	color: #767676;
}

hr {
/*	background-color: rgba(0, 0, 0, 0.1);	*/
	border: 0;
	height: 1px;
	margin-bottom: 23px;
}
.clear {
	clear:both;
}
.flt-l { float:left; }
.flt-r { float:right; }

body {
	font-family: 'ヒラギノ角ゴ Pro W3',
	'Hiragino Kaku Gothic Pro',
	'メイリオ',
	Meiryo,
	'ＭＳ Ｐゴシック',
	'MS PGothic',
	sans-serif;
	color:#595959;
}
html, body {
	height: 100%;
	width:100%;
	margin: 0;
	padding: 0;
	text-align: center;
}

/*   wrapper
    ──────────────────────────────────────────────────────────────── */

#container {
	width: 100%;
	position: relative;
	height:auto !important;
	height: 100%;
	min-height: 100%;
}
#wrapper {
	position:relative;
	min-height: 100%;
	width:100%;
	margin: 0 auto;
	text-align: center;
	padding-bottom:225px;
	clear:both;
	background:url(images/bg/bg.jpg) 0 0 repeat-x #c7eafa;
}
#pageWrap {
	position:relative;
	width:960px;
	margin: 0 auto;
	text-align:center;
	clear:both;
	overflow:hidden;
}


/*   header
    ──────────────────────────────────────────────────────────────── */

header {
	position: relative;
	width: 960px;
	text-align:center;
	margin: 0 auto;
	clear:both;
	overflow:hidden;
}
header h1 {
	float:left;
	margin:0;
}

#h-menu {
	position:relative;
	display:block;
	float:right;
	width:405px;
	margin:0 0 0 0;
}
ul#header_link {
	text-align:left;
	width:260px;
	margin-top:10px;
}
ul#header_link li {
	float:left;
	margin-right:20px;
}
ul#header_link li:last-child {
	margin-right:0;
}
dl#header_moji {
	display:block;
	text-align:left;
	float:right;
	width:190px;
	margin:0 25px 0 0;
}
dl#header_moji dt,
dl#header_moji dd {
	float:left;
	margin-right:4px;
}
dl#header_moji dd:hover {
	cursor:pointer;
}
dl#header_moji dd:last-child {
	margin-right:0;
}

#heade_form form {
	clear:both;
	overflow:hidden;
	float:right;
	width:227px;
	margin:10px 27px 0 0;
}
#heade_form input.text_search_inputs {
	margin: 0;
	border:1px solid #CCC;
	float:left;
	font-size:14px;
	overflow: hidden;
	width: 160px;
	height: 22px;
}
#heade_form form .text_search_bot {
	margin: 0;
	border: 0;
	float:left;
	width: 64px;
}

/*   global navi
    ──────────────────────────────────────────────────────────────── */

nav#gnavi {
	position:relative;
	display:block;
	clear:both;
	overflow:hidden;
	padding:0;
	margin:0 0 8px 0;
	width:100%;
}
nav#gnavi ul {
	position:relative;
	display:block;
	width:960px;
	margin:0 auto;
	text-align:center;
}
nav#gnavi ul li {
	position:relative;
	float:left;
	margin:0;
	padding:0;
	display:block;
}

ul#menu_tab {
	display: grid;
	grid-template-columns: repeat(6,1fr);
	gap: 5px;
	width: 948px;
	margin: 0;
	position: relative;
	text-align: center;
}
ul#menu_tab li a{
	
}
ul#menu_tab li img{
	width: 100%;
	height: auto;
}


/*   wrap
    ──────────────────────────────────────────────────────────────── */

.pagebox {
	position:relative;
	z-index: 20;
	width:950px;
	background:#FFF;
	border-radius: 10px;
	box-shadow: 0px 0px 10px #CCC;
	position:relative;
	padding:0;
	text-align:left;
	overflow:hidden;
	clear: both;
	behavior: url(../PIE.htc);
}
.main_boxl {
	position:relative;
	width:600px;
	text-align:left;
	float:left;
	margin:20px 0 20px 20px;
}
.main_boxr {
	position:relative;
	width:290px;
	float:right;
	background-color:#fff7d9;
	border-radius: 0px 0px 10px 10px ;
	margin:20px 20px 20px 0;
	behavior: url(../PIE.htc);
}

ul#sideList {
	display:block;
	overflow:hidden;
	padding:0 0 20px 0;
	margin:0;
}
ul#sideList li {
	margin: 0px 8px 0px 6px;
	text-align:left;
	border-bottom:1px dashed #E8A13B;
}
ul#sideList li:last-child {
	border-bottom:none;
}
ul#sideList dl {
	margin:10px;
}
.white_lbox {
	width: 660px;
	float:left;
	border-right-style:dotted ;
	border-right-color:#ccc;
	border-right-width:1px;
	margin:10px 0 20px 10px;
}
.text_box {
	width:605px;
	text-align:left;
	font-size:15px;
	line-height:1.5;
	margin-top:25px;
	margin-left:30px;
	margin-bottom:25px;
	}
#sidebar {
	width: 240px;
	border-left-style:dotted #aaa ;
	float:left;
	font-size:13px;
	margin:10px 0 0 25px;
}
#sidebar ul.side_list li {
	width:205px;
	margin-top:10px;
	padding:5px 0px 12px 25px;
	border-bottom:1px solid #cccccc;
	background:url(images/parts/icon-arrow.png) 0 7px no-repeat;
	text-align:left;
}

/*   footer
    ──────────────────────────────────────────────────────────────── */

footer {
	position:relative;
	clear:both;
	overflow:hidden;
	background:url(images/parts/blue.jpg) 0 0 repeat-x;
	width: auto;
	margin-top:35px;
	font-size:12px;
}

.footer_l {
	width: 270px;
	float:left;
	margin:15px 0 0 20px;
}
.footer_c {
	width: 500px;
	float:left;
	text-align:left;
	padding-left:20px;
	padding-top:15px;
}
.footer_r {
	position:absolute !important;
	right:25px;
	bottom:0;
}
#footer_image {
	width: 100%;
	background-image:url(images/bg/footer_image.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	height:257px;
	clear: both;
}
/* コピーライト */

small {
	position:relative;
	display:block;
	clear:both;
	overflow:hidden;
	font-size:10px;
	margin-top:15px;
	color:#555; 
}

.footerImg {
	position:absolute;
	left:0;
	bottom:0;
	background:url(images/bg/footer_image.png) 50% 0 repeat-x;
	width:100%;
	height:225px;
}

/*   パン屑
    ──────────────────────────────────────────────────────────────── */

.pan {
	display:block;
	overflow:hidden;
	background:url(images/parts/main_midashi.png) 0 0 repeat-x;
	z-index: 20;
	position:relative;
	margin: 0 auto;
	text-align:left ;
	line-height:150%;
	font-size:12px;
	padding:8px 0 8px 30px;
}

/*   hub → top
    ──────────────────────────────────────────────────────────────── */

#top_left {
	width: 610px;
	padding: 20px 0px;
	float: left;
	overflow: hidden;
}

/*   top
    ──────────────────────────────────────────────────────────────── */

#top_left {
	width: 610px;
	padding: 20px 0px;
	float: left;
	overflow: hidden;
}

.banner { position: relative; overflow: auto; width: 600px; }
.banner li { list-style: none; height: 325px; }
.banner ul li {
    float: left;
    position: relative;
    border-radius: 20px;
    overflow: hidden;
}
.banner ul li img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.banner .dots {
	position: absolute;
	left: 1;
	right: 0;
	bottom: 2px;
}
.banner .dots li {
	position:relative;
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 4px;
	text-indent: -999em;
	border: 2px solid #F1F1F1;
	border-radius: 6px;
	cursor: pointer;
	opacity: .4;
	-webkit-transition: background .5s, opacity .5s;
	-moz-transition: background .5s, opacity .5s;
	transition: background .5s, opacity .5s;
	behavior: url(../PIE.htc);
}
.banner .dots li.active {
	background: #3c97d5; /* Old browsers */
	background: -moz-linear-gradient(top,  #3c97d5 0%, #3b7dce 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3c97d5), color-stop(100%,#3b7dce)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #3c97d5 0%,#3b7dce 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #3c97d5 0%,#3b7dce 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #3c97d5 0%,#3b7dce 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #3c97d5 0%,#3b7dce 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c97d5', endColorstr='#3b7dce',GradientType=0 ); /* IE6-9 */
	opacity: 1;
}
#news {
	background: #fffbe7;
	overflow: hidden;
	height: 270px;
}
#news h2 {
	line-height: 100%;
}
#news ul {
	margin: 0px 0px 0px 0px;
	padding: 5px 20px 15px 20px;
}
#news ul li {
	clear: both;
	min-height: 45px;
	height: auto !important;
	height: 45px;
	border-bottom: 1px dashed #f3cc2f;
	padding: 16px 0px 12px 0px;
}
#news ul li span {
	font-size: 80%;
	float:left;
	display: block;
	width: 80px;
	height: 50px;
}


#top_right {
	width: 350px;
	padding: 20px 0px;
	float: right;
	overflow: hidden;
}

.top_bottom_info {
	position:relative;
	background: url(images/bg/icn_kinkyuu.png) no-repeat;
	padding: 40px 50px 10px 50px;
	margin-bottom: 10px;
	border: 1px solid #c2272d;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	behavior: url(../PIE.htc);
}
.top_bottom_info h3 {
	font-weight: bold;
}
.top_bottom_info h3 span {
	color: #666;
	font-weight: normal;
	font-size: 80%;
	margin-right: 15px;
}
.top_bottom_info hr {
	clear:both; margin: 25px 0px;border: 0; border-bottom: 3px dotted #c2272d;
}


/*   hub
    ──────────────────────────────────────────────────────────────── */
.hub {
	padding-bottom: 0px;
	overflow: hidden;
	background: #FFF;
}
.hub .hub_box {
	position:relative;
	width: 210px;
	vertical-align: top;
	overflow: hidden;
	min-height: 285px;
	height: auto !important;
	height: 285px;
	border-radius:15px;
	float:left;
	box-shadow:0 0 7px #CCC;
	-moz-box-shadow: 0 0 7px #CCC;
	-webkit-box-shadow: 0 0 7px #CCC;
	padding-bottom:10px;
	margin:20px 0 20px 20px;
	background:#FFF;
	behavior: url(../PIE.htc);
}
.hub .hub_photo {
	overflow: hidden;
	padding:0;
}
.hub .hub_box h3 {
	padding: 5px 0 0 35px;
	overflow: hidden;
	line-height: 130%;
	font-size: 90%;
}
.hub .hub_box h3 a {
	text-decoration: none;
}
.hub .hub_box a:hover {
	text-decoration: underline;
	color: #4B8FFF;
}
.hub .hub_box .hub_text {
	margin-top: 10px;
	padding: 0px 15px 10px 18px;
	font-size: 85%;
	overflow: hidden;
	height: 60px;
}


/*   hub → page
    ──────────────────────────────────────────────────────────────── */
#page table{
	width:100%;
}
#page #page_left {
	width: 620px;
	float: left;
	overflow: hidden;
	margin:0 0 20px 20px;
	padding-right:20px;
	min-height:600px;
	/*border-right:1px solid #CCC;*/
}
#page #page_left .page_left_in {
/*--------------------------------------------------------------

	box-shadow:0 0 7px #CCC;
	-moz-box-shadow: 0 0 7px #CCC;
	-webkit-box-shadow: 0 0 7px #CCC;
	border-radius:15px;
	overflow: hidden;
	margin:7px;
--------------------------------------------------------------*/
}
#page #page_left .page_left_in .page_left_box {
	margin: 20px 0px 20px 0px;
	font-size:100% !important;
}

#kounanku #page h3 {
	padding: 0px 0px 0px 30px;
	margin: 10px 0px 20px 0px;
	font-size: 130%;
}
#page #page_left .page_left_in .page_left_box h4 , .kinkyuu h4 {
	font-size: 104%;
	font-weight: bolder;
	margin-bottom: 8px;
}
#page #page_left .page_left_in .page_left_box p , .kinkyuu p {
	margin-bottom: 15px;
}
#page #page_left .page_left_in .page_left_box ul , .kinkyuu ul {
	padding-bottom: 10px;
}
#page #page_left .page_left_in .page_left_box ul li , .kinkyuu ul li {
	margin-bottom: 5px;
}
#page #page_left .page_left_in .page_left_box ol , .kinkyuu ol {
	padding-bottom: 10px;
}
#page #page_left .page_left_in .page_left_box ol li , .kinkyuu ol li {
	margin: 0px 0px 5px 25px;
	list-style: decimal;
}
#page #page_left .page_left_in .page_left_box table , .kinkyuu table {
	margin: 0px 0px 0px 0px;
	border-top: 1px solid #b1b1b1;
	border-left: 1px solid #b1b1b1;
}
#page #page_left .page_left_in .page_left_box table th ,
#page #page_left .page_left_in .page_left_box table td ,
.kinkyuu th 
.kinkyuu td 
{
	padding: 10px;
	border-right: 1px solid #b1b1b1;
	border-bottom: 1px solid #b1b1b1;
}
#page #page_left .page_left_in .page_left_box .alignleft , .kinkyuu .alignleft {float:left;margin: 0px 20px 0px 5px;}
#page #page_left .page_left_in .page_left_box .alignright , .kinkyuu .alignright {float:left;margin: 0px 20px 0px 5px;}


#page #page_right {
	width: 240px;
	float: left;
	overflow: hidden;
	margin:0 0 0 20px;
}
#page #page_right li {
	border-bottom: 2px dotted #c1c1c1;
	font-size: 85%;
}
#page #page_right ul li a:link {
	display: block;
	padding: 12px 0px 10px 35px;
	background: url(images/bg/bg_page_right_ki.png) no-repeat 0 0;
	/* background:url(images/bg/icon-arrow.png) 0 15px no-repeat; */
	color: #444;
	text-decoration: none;
}
#page #page_right ul li span {
	display: block;
	padding: 12px 0px 10px 35px;
	color: #444;
}
#page #page_right ul li a:visited  {color: #444; text-decoration: none;}
#page #page_right ul li a:active {color: #444; text-decoration: none;}



/* ─────────────────────────────────────
cate id  1	お知らせ・募集情報			#info			ao			#31bdeb
cate id  2	南区社会福祉協議会			#minamiku		ao			#31bdeb
cate id  3	地域福祉計画				#plan		ao			#31bdeb
cate id  4	ダウンロード				#download		midori		#99cc33
cate id  5	リンク						#link			midori		#99cc33
cate id  6	賛助会員					#support		midori		#99cc33
cate id  7	地域づくり					#area			aka			#ff6666
cate id  8	ボランティア市民活動		#volunteer		orenji		#ff9933
cate id  9	介護サービスについて		#care			ki			#ffcc00
cate id 10	子育て支援					#consultation	midori		#99cc33
cate id 11	南区社協だより				#dayori			mizu		#1abacc
cate id 12	活動報告					#report			murasaki	#6666cc
cate id 13	アクセス					#access			midori		#99cc33
cate id 14	サイトマップ				#sitemap		ao			#31bdeb
cate id 15	プライバシー				#privacy		ao			#31bdeb
case id 16	検索結果					#search			ao			#31bdeb
───────────────────────────────────── */

#info , #kounanku , #subsidy , #download , #link , #support , #area , #volunteer , #citizen , #consultation , #organization , #report , #access , #sitemap , #privacy , #search {
	width: 960px;
	margin: 0px auto;
	overflow: hidden;
}

#page h3 { margin-top:50px; }
#page h3:first-child { margin-top:0; }

/*
	1 info
-------------------------------------------------------------------------- */
#info hr { clear:both; margin: 25px 0px;border: 0; border-bottom: 3px dotted #31bdeb; }
#info #hub_title { overflow: hidden; margin: 0px; padding:0px; background: #FFF; }
#info .hub_box {}
#info .hub_box .hub_photo {}
#info .hub_box h3 {background: url(images/bg/bg_hub_h3_ao.png) top left no-repeat; }
#info #page_title {	background: url(images/bg/bg_pages.png) no-repeat left top; height: 105px; overflow: hidden; margin:0px 0 0px 0px; color:#20aaeb; }
#info #page_title span { margin: auto 20px; height: 105px; display:flex; align-items: center; vertical-align: middle;font-size: 27px; }
#info #page h3 {background:url(images/parts/icon-sankaku.png) 0 50% no-repeat; padding: 0px 0px 0px 25px; margin-bottom: 20px; font-size: 120%; color:#99CC33; }
#info #page_left ul li { background: url(images/parts/bg_list_ao.png) no-repeat left top; padding-left: 20px;}
#info #page_right ul li a:hover {background: url(images/parts/bg_page_right_ao.png) no-repeat left top;}
#info #page_right ul li span {background: url(images/parts/bg_page_right_ao.png) no-repeat left top; color:#31bdeb;}
#info #page #page_left .page_left_in .page_left_box .page_left_newsbox {
	position:relative;
	margin: 7px;
	padding:10px;
	background:#FFF;
	box-shadow: 0 0 10px #CCC;
	border-radius:10px;
	border-top:10px solid #31bdeb;
	behavior: url(../PIE.htc);
}

/*
	2 minamiku
-------------------------------------------------------------------------- */
#minamiku hr { clear:both; margin: 25px 0px;border: 0; border-bottom: 3px dotted #31bdeb; }
#minamiku #hub_title { overflow: hidden; margin: 0px; padding:0px; background: #FFF; }
#minamiku .hub_box { position:relative; border-top:10px solid #31bdeb; border-radius:10px; behavior: url(../PIE.htc); }
#minamiku .hub_box .hub_photo {}
#minamiku .hub_box h3 {background: url(images/bg/bg_hub_h3_ao.png) top left no-repeat;}
#minamiku #page_title {	background: url(images/bg/bg_pages.png) no-repeat left top; height: 85px; overflow: hidden; margin:10px 0 20px 20px; color:#20aaeb; }
#minamiku #page_title span { margin: 25px 0px 0px 20px; font-size:24px; display: block;}
#minamiku #page h3 { background:url(images/parts/icon-sankaku.png) 0 50% no-repeat; padding: 0px 0px 0px 30px; margin-bottom: 20px; font-size: 150%; color:#99CC33; border-bottom:3px solid #99CC33; }
#minamiku #page_left ul li { background: url(images/bg/bg_list_ao.png) no-repeat left top; padding-left: 20px;}
#minamiku #page_right ul li a:hover {background: url(images/bg/bg_page_right_ao.png) no-repeat left top;}
#minamiku #page_right ul li span {background: url(images/bg/bg_page_right_ao.png) no-repeat left top; color:#31bdeb;}
/* 2019/2/22 追加 */
#minamiku .edit20190220 {
	margin-left: 25px;
}
#minamiku .edit20190220 h4 {
	color: #11329d;
	font-weight: bold !important;
	font-size: 18px !important;
	margin-bottom: 5px !important;
}
#minamiku .edit20190220 h5 {
	color: #11329d;
	font-size: 16px !important;
	margin: 0px 0px 5px 15px !important;
}
#minamiku .edit20190220 p {
	font-size: 14px !important;
	margin: 0px 0px 25px 15px !important;
}


/*
	3 plan
-------------------------------------------------------------------------- */
#plan hr { clear:both; margin: 25px 0px;border: 0; border-bottom: 3px dotted #31bdeb; }
#plan #hub_title { overflow: hidden; margin: 0px; padding:0px; background: #FFF; }
#plan .hub_box .hub_photo {border-top:10px solid #31bdeb;}
#plan .hub_box h3 {background: url(images/bg/bg_hub_h3_ao.png) top left no-repeat;}
#plan #page_title {	background: url(images/bg/bg_pages.png) no-repeat left top; height: 105px; overflow: hidden; margin:0px 0 0px 0px; color:#20aaeb; }
#plan #page_title span { margin: 35px 0px 0px 25px; font-size:24px; display: block;}
#plan #page h3 { background:url(images/parts/icon-sankaku.png) 0 50% no-repeat; padding: 0px 0px 0px 30px; margin-bottom: 20px; font-size: 150%; color:#99CC33; border-bottom:3px solid #99CC33; }
#plan #page_left ul li { background: url(images/bg/bg_list_ao.png) no-repeat left top; padding-left: 20px;}
#plan #page_right ul li a:hover {background: url(images/bg/bg_page_right_ao.png) no-repeat left top;}
#plan #page_right ul li span {background: url(images/bg/bg_page_right_ao.png) no-repeat left top; color:#31bdeb;}

/*
	4 download
-------------------------------------------------------------------------- */
#download hr { clear:both; margin: 25px 0px;border: 0; border-bottom: 3px dotted #99cc33; }
#download #hub_title { overflow: hidden; margin: 0px; padding:0px; background: #FFF; }
#download .hub_box .hub_photo {border-top:10px solid #31bdeb;}
#download .hub_box h3 {background: url(images/bg/bg_hub_h3_midori.png) top left no-repeat;}
#download #page_title {	background: url(images/bg/bg_pages.png) no-repeat left top; height: 85px; overflow: hidden; margin:10px 0 20px 20px; color:#20aaeb; }
#download #page_title span { margin: 25px 0px 0px 20px; font-size:24px; display: block;}
/*
#download #page h3 {background: url(images/bg/bg_page_left_h3_ao.png) no-repeat left top; padding: 0px 0px 0px 30px; margin-bottom: 20px; font-size: 130%;}
*/
#download #page h3 {background:url(images/parts/icon-sankaku.png) 0 50% no-repeat; padding: 0px 0px 0px 30px; margin-bottom: 20px; font-size: 150%; color:#99CC33; border-bottom:3px solid #99CC33; }
#download #page_left ul li { background: url(images/bg/bg_list_midori.png) no-repeat left top; padding-left: 20px;}
#download #page_right ul li a:hover {background: url(images/bg/bg_page_right_midori.png) no-repeat left top;}
#download #page_right ul li span {background: url(images/bg/bg_page_right_midori.png) no-repeat left top; color:#99cc33;}
#download .download_tables {
	width: 100%;
	margin-bottom: 50px !important;
}
#download .download_tables .label td {
	background: #e6e6e6;
}

/*
	5 link
-------------------------------------------------------------------------- */
#link hr { clear:both; margin: 25px 0px;border: 0; border-bottom: 3px dotted #99cc33; }
#link #hub_title {}
#link .hub_box .hub_photo {}
#link .hub_box h3 {}
#link #page_title {	background: url(images/bg/bg_pages.png) no-repeat left top; height: 85px; overflow: hidden; margin:10px 0 20px 20px; color:#20aaeb; }
#link #page_title span { margin: 25px 0px 0px 20px; font-size:24px; display: block;}
#link #page h3 {background:url(images/parts/icon-sankaku.png) 0 50% no-repeat; padding: 0px 0px 0px 30px; margin-bottom: 20px; font-size: 150%; color:#99CC33; border-bottom:3px solid #99CC33; }
#link #page_left ul li { background: url(images/bg/bg_list_ao.png) no-repeat left top; padding: 0px 0px 10px 20px; margin: 10px 0px; border-bottom: 1px dotted #CCC;}
#link #page_right ul li a:hover {background: url(images/bg/bg_page_right_midori.png) no-repeat left top;}
#link #page_right ul li span {background: url(images/bg/bg_page_right_midori.png) no-repeat left top; color:#99cc33;}
#link #page #page_left .page_left_in .page_left_box .page_left_linkbox {
	position:relative;
	margin: 7px;
	padding:10px;
	background:#FFF;
	box-shadow: 0 0 10px #CCC;
	border-radius:10px;
	border-top:10px solid #31bdeb;
	behavior: url(../PIE.htc);
}

/*
	6 support
-------------------------------------------------------------------------- */
#support hr { clear:both; margin: 25px 0px;border: 0; border-bottom: 3px dotted #99cc33; }
#support #hub_title { overflow: hidden; margin: 0px; padding:0px; background: #FFF; }
#support .hub_box .hub_photo {border-top:10px solid #31bdeb;}
#support .hub_box h3 {background: url(images/bg/bg_hub_h3_midori.png) top left no-repeat;}
#support #page_title {	background: url(images/bg/bg_pages.png) no-repeat left top; height: 85px; overflow: hidden; margin:10px 0 20px 20px; color:#20aaeb; }
#support #page_title span { margin: 25px 0px 0px 20px; font-size:24px; display: block;}
#support #page h3 {background:url(images/parts/icon-sankaku.png) 0 50% no-repeat; padding: 0px 0px 0px 30px; margin-bottom: 20px; font-size: 150%; color:#99CC33; }
#support #page_left ul li { background: url(images/bg/bg_list_ao.png) no-repeat left top; padding: 0px 0px 10px 20px; float:left; width: 180px;}
#support #page_right ul li a:hover {background: url(images/bg/bg_page_right_midori.png) no-repeat left top;}
#support #page_right ul li span {background: url(images/bg/bg_page_right_midori.png) no-repeat left top; color:#99cc33;}
#support #page #page_left .page_left_in .page_left_box .page_left_supportbox {
	position:relative;
	margin: 7px;
	padding:10px;
	background:#FFF;
	box-shadow: 0 0 10px #CCC;
	border-radius:10px;
	border-top:10px solid #31bdeb;
	behavior: url(../PIE.htc);
}
/*
	7 南区社協の事業
-------------------------------------------------------------------------- */
#minamiku-enterprise hr { clear:both; margin: 25px 0px;border: 0; border-bottom: 3px dotted #ff6666; }
#minamiku-enterprise #hub_title { overflow: hidden; margin: 0px; padding:0px; background: #FFF; }
#minamiku-enterprise .hub_box .hub_photo { border-top:10px solid #FF6666; }
#minamiku-enterprise .hub_box h3 {background: url(images/bg/bg_hub_h3_aka.png) top left no-repeat;}
#minamiku-enterprise #page_title {	background: url(images/bg/bg_pages.png) no-repeat left top; height: 105px; overflow: hidden; margin:0px 0 0px 0px; color:#20aaeb; }
#minamiku-enterprise #page_title span { margin: 35px 0px 0px 25px; font-size:24px; display: block;}
#minamiku-enterprise #page h3 { background:url(images/parts/icon-sankaku.png) 0 50% no-repeat; padding: 0px 0px 0px 30px; margin-bottom: 20px; font-size: 130%; color:#99CC33; border-bottom:3px solid #99CC33; }
#minamiku-enterprise #page_left ul li { background: url(images/bg/bg_list_aka.png) no-repeat left top; padding-left: 20px;}
#minamiku-enterprise #page_right ul li a:hover {background: url(images/bg/bg_page_right_aka.png) no-repeat left top;}
#minamiku-enterprise #page_right ul li span {background: url(images/bg/bg_page_right_aka.png) no-repeat left top; color:#ff6666;}
/*
	7 地域包括支援センター
-------------------------------------------------------------------------- */
#area hr { clear:both; margin: 25px 0px;border: 0; border-bottom: 3px dotted #ffcc00; }
#area #hub_title { overflow: hidden; margin: 0px; padding:0px; background: #FFF; }
#area .hub_box .hub_photo { border-top:10px solid #FFD300; }
#area .hub_box h3 {background: url(images/bg/bg_hub_h3_ki.png) top left no-repeat;}
#area #page_title {	background: url(images/bg/bg_pages.png) no-repeat left top; height: 105px; overflow: hidden; margin:0px 0 0px 0px; color:#20aaeb; }
#area #page_title span { margin: 35px 0px 0px 25px; font-size:24px; display: block;}
#area #page h3 {background: url(images/bg/bg_page_left_h3_ki.png) no-repeat left top; padding: 0px 0px 0px 30px; margin-bottom: 20px; font-size: 130%;}
#area #page_left ul li { background: url(images/bg/bg_list_ki.png) no-repeat left top; padding-left: 20px;}
#area #page_right ul li a:hover {background: url(images/bg/bg_page_right_ki.png) no-repeat left top;}
#area #page_right ul li span {background: url(images/bg/bg_page_right_ki.png) no-repeat left top; color:#ffcc00;}

/*
	8 volunteer
-------------------------------------------------------------------------- */
#volunteer hr { clear:both; margin: 25px 0px;border: 0; border-bottom: 3px dotted #ff9933; }
#volunteer #hub_title { overflow: hidden; margin: 0px; padding:0px; background: #FFF; }
#volunteer .hub_box .hub_photo { border-top:10px solid #FFA941; }
#volunteer .hub_box h3 {background: url(images/bg/bg_hub_h3_orenji.png) top left no-repeat;}
#volunteer #page_title {	background: url(images/bg/bg_pages.png) no-repeat left top; height: 85px; overflow: hidden; padding:10px 0 20px 20px; color:#20aaeb; }
#volunteer #page_title span { margin: 25px 0px 0px 20px; font-size:24px; display: block;}
#volunteer #page h3 {background: url(images/bg/bg_page_left_h3_orenji.png) no-repeat left top; padding: 0px 0px 0px 30px; margin-bottom: 20px; font-size: 130%;}
#volunteer #page_left ul li { background: url(images/bg/bg_list_orenji.png) no-repeat left top; padding-left: 20px;}
#volunteer #page_right ul li a:hover {background: url(images/bg/bg_page_right_orenji.png) no-repeat left top;}
#volunteer #page_right ul li span {background: url(images/bg/bg_page_right_orenji.png) no-repeat left top; color:#ff9933;}

/*
	9 care
-------------------------------------------------------------------------- */
#care hr { clear:both; margin: 25px 0px;border: 0; border-bottom: 3px dotted #ffcc00; }
#care #hub_title { overflow: hidden; margin: 0px; padding:0px; background: #FFF; }
#care .hub_box .hub_photo { border-top:10px solid #FFD300; }
#care .hub_box h3 {background: url(images/bg/bg_hub_h3_ki.png) top left no-repeat;}
#care #page_title {	background: url(images/bg/bg_pages.png) no-repeat left top; height: 105px; overflow: hidden; margin:0px 0 0px 0px; color:#20aaeb; }
#care #page_title span { margin: 35px 0px 0px 25px; font-size:24px; display: block;}
#care #page h3 {background: url(images/bg/bg_page_left_h3_ki.png) no-repeat left top; padding: 0px 0px 0px 30px; margin-bottom: 20px; font-size: 130%;}
#care #page_left ul li { background: url(images/bg/bg_list_ki.png) no-repeat left top; padding-left: 20px;}
#care #page_right ul li a:hover {background: url(images/bg/bg_page_right_ki.png) no-repeat left top;}
#care #page_right ul li span {background: url(images/bg/bg_page_right_ki.png) no-repeat left top; color:#ffcc00;}


/*
	10 child
-------------------------------------------------------------------------- */
#child hr { clear:both; margin: 25px 0px;border: 0; border-bottom: 3px dotted #99cc33; }
#child #hub_title { overflow: hidden; margin: 0px; padding:0px; background: #FFF; }
#child .hub_box .hub_photo { border-top:10px solid #A8D241; }
#child .hub_box h3 {background: url(images/bg/bg_hub_h3_midori.png) top left no-repeat;}
#child #page_title {	background: url(images/bg/bg_pages.png) no-repeat left top; height: 85px; overflow: hidden; margin:10px 0 20px 20px; color:#20aaeb; }
#child #page_title span { margin: 25px 0px 0px 20px; font-size:24px; display: block;}
#child #page h3 {background: url(images/bg/bg_page_left_h3_midori.png) no-repeat left top; padding: 0px 0px 0px 30px; margin-bottom: 20px; font-size: 130%;}
#child #page_left ul li { background: url(images/bg/bg_list_midori.png) no-repeat left top; padding-left: 20px;}
#child #page_right ul li a:hover {background: url(images/bg/bg_page_right_midori.png) no-repeat left top;}
#child #page_right ul li span {background: url(images/bg/bg_page_right_midori.png) no-repeat left top; color:#99cc33;}

/*
	11 dayori　南区社協だより
-------------------------------------------------------------------------- */
#dayori hr { clear:both; margin: 25px 0px;border: 0; border-bottom: 3px dotted #1abacc; }
#dayori #hub_title { overflow: hidden; margin: 0px; padding:0px; background: #FFF; }
#dayori .hub_box .hub_photo {background: url(images/bg/ill_hub_cap_mizu.png) top no-repeat;}
#dayori .hub_box h3 {background: url(images/bg/bg_hub_h3_mizu.png) top left no-repeat;}
#dayori #page_title {	background: url(images/bg/bg_pages.png) no-repeat left top; height: 105px; overflow: hidden; margin: 0px 0 0px 0px; color:#20aaeb; }
#dayori #page_title span { margin: 35px 0px 0px 25px; font-size:24px; display: block;}
#dayori #page h3 {background: url(images/bg/bg_page_left_h3_mizu.png) no-repeat left top; padding: 0px 0px 0px 30px; margin-bottom: 20px; font-size: 130%;}
#dayori #page_left ul li { background: url(images/bg/bg_list_mizu.png) no-repeat left top; padding: 0px 0px 10px 20px; float:left; width: 180px;}
#dayori #page_right ul li a:hover {background: url(images/bg/bg_page_right_mizu.png) no-repeat left top;}
#dayori #page_right ul li span {background: url(images/bg/bg_page_right_mizu.png) no-repeat left top; color:#1abacc;}
#dayori #page #page_left .page_left_in .page_left_box .page_left_organizationbox {
	position:relative;
	margin: 7px;
	padding:10px;
	background:#FFF;
	box-shadow: 0 0 10px #CCC;
	border-radius:10px;
	border-top:10px solid #1ABACC;
	behavior: url(../PIE.htc);
}

/*
	12 fee
-------------------------------------------------------------------------- */
#fee hr { clear:both; margin: 25px 0px;border: 0; border-bottom: 3px dotted #6666cc; }
#fee #hub_title { overflow: hidden; margin: 0px; padding:0px; background: #FFF; }
#fee .hub_box .hub_photo { border-top:10px solid #6666CC; }
#fee .hub_box h3 {background: url(images/bg/bg_hub_h3_murasaki.png) top left no-repeat;}
#fee #page_title {	background: url(images/bg/bg_pages.png) no-repeat left top; height: 105px; overflow: hidden; margin: 0px 0 0px 0px; color:#20aaeb; }
#fee #page_title span { margin: 35px 0px 0px 25px; font-size:24px; display: block;}
#fee #page h3 {background: url(images/bg/bg_page_left_h3_murasaki.png) no-repeat left top; padding: 0px 0px 0px 30px; margin-bottom: 20px; font-size: 130%;}
#fee #page_left ul li { background: url(images/bg/bg_list_murasaki.png) no-repeat left top; padding-left: 20px;}
#fee #page_right ul li a:hover {background: url(images/bg/bg_page_right_murasaki.png) no-repeat left top;}
#fee #page_right ul li span {background: url(images/bg/bg_page_right_murasaki.png) no-repeat left top; color:#6666cc;}

/*
	13 access
-------------------------------------------------------------------------- */
#access hr { clear:both; margin: 25px 0px;border: 0; border-bottom: 3px dotted #99cc33; }
#access #hub_title { overflow: hidden; margin: 0px; padding:0px; background: #FFF; }
#access .hub_box .hub_photo {background: url(images/bg/ill_hub_cap_midori.png) top no-repeat;}
#access .hub_box h3 {background: url(images/bg/bg_hub_h3_midori.png) top left no-repeat;}
#access #page_title {	background: url(images/bg/bg_pages.png) no-repeat left top; height: 85px; overflow: hidden; margin:10px 0 20px 20px; color:#20aaeb; }
#access #page_title span { margin: 25px 0px 0px 20px; font-size:24px; display: block;}
#access #page h3 {background:url(images/parts/icon-sankaku.png) 0 50% no-repeat; padding: 0px 0px 0px 30px; margin-bottom: 20px; font-size: 150%; color:#99CC33; border-bottom:3px solid #99CC33; }
#access #page_left ul li { background: url(images/bg/bg_list_midori.png) no-repeat left top; padding-left: 20px;}
#access #page_right ul li a:hover {background: url(images/bg/bg_page_right_midori.png) no-repeat left top;}
#access #page_right ul li span {background: url(images/bg/bg_page_right_midori.png) no-repeat left top; color:#99cc33;}

/*
	14 sitemap
-------------------------------------------------------------------------- */
#sitemap hr { clear:both; margin: 25px 0px;border: 0; border-bottom: 3px dotted #31bdeb; }
#sitemap #hub_title { overflow: hidden; margin: 0px; padding:0px; background: #FFF; }
#sitemap .hub_box .hub_photo {background: url(images/bg/ill_hub_cap_ao.png) top no-repeat;}
#sitemap .hub_box h3 {background: url(images/bg/bg_hub_h3_ao.png) top left no-repeat;}
#sitemap #page_title {background: url(images/bg/bg_title_sitemap.png) no-repeat left top; height: 122px; overflow: hidden; margin: 0px auto;}
#sitemap #page_title span { margin: 60px 0px 0px 110px; font-size:24px; display: block;}
#sitemap #page h3 {background: url(images/bg/bg_page_left_h3_ao.png) no-repeat left top; padding: 0px 0px 0px 30px; margin-bottom: 20px; font-size: 130%;}
#sitemap #page_left ul li { background: url(images/bg/bg_list_ao.png) no-repeat left top; padding-left: 20px;}
#sitemap #page_left ul li ul li { background: none; margin: 5px 0px 0px 20px; padding: 0px; list-style: circle; }
#sitemap #page_right ul li a:hover {background: url(images/bg/bg_page_right_ao.png) no-repeat left top;}
#sitemap #page_right ul li span {background: url(images/bg/bg_page_right_ao.png) no-repeat left top; color:#31bdeb;}

/*
	15 privacy
-------------------------------------------------------------------------- */
#privacy hr { clear:both; margin: 25px 0px;border: 0; border-bottom: 3px dotted #31bdeb; }
#privacy #hub_title { overflow: hidden; margin: 0px; padding:0px; background: #FFF; }
#privacy .hub_box .hub_photo {background: url(images/bg/ill_hub_cap_ao.png) top no-repeat;}
#privacy .hub_box h3 {background: url(images/bg/bg_hub_h3_ao.png) top left no-repeat;}
#privacy #page_title {	background: url(images/bg/bg_pages.png) no-repeat left top; height: 85px; overflow: hidden; margin:10px 0 20px 20px; color:#20aaeb; }
#privacy #page_title span { margin: 25px 0px 0px 20px; font-size:24px; display: block;}
#privacy #page h3 {background:url(images/parts/icon-sankaku.png) 0 50% no-repeat; padding: 0px 0px 0px 30px; margin-bottom: 20px; font-size: 150%; color:#99CC33; border-bottom:3px solid #99CC33; }
#privacy #page_left ul li { background: url(images/bg/bg_list_ao.png) no-repeat left top; padding-left: 20px;}
#privacy #page_right ul li a:hover {background: url(images/bg/bg_page_right_ao.png) no-repeat left top;}
#privacy #page_right ul li span {background: url(images/bg/bg_page_right_ao.png) no-repeat left top; color:#31bdeb;}

/*
	16 search
-------------------------------------------------------------------------- */
#search hr { clear:both; margin: 25px 0px;border: 0; border-bottom: 3px dotted #31bdeb; }
#search #hub_title { overflow: hidden; margin: 0px; padding:0px; background: #FFF; }
#search .hub_box .hub_photo {background: url(images/bg/ill_hub_cap_ao.png) top no-repeat;}
#search .hub_box h3 {background: url(images/bg/bg_hub_h3_ao.png) top left no-repeat;}
#search #page_title {	background: url(images/bg/bg_pages.png) no-repeat left top; height: 105px; overflow: hidden; margin:0px 0 0px 0px; color:#20aaeb; }
#search #page_title span { margin: 35px 0px 0px 25px; font-size:24px; display: block;}
#search #page h3 {background: url(images/bg/bg_page_left_h3_ao.png) no-repeat left top; padding: 0px 0px 0px 30px; margin-bottom: 20px; font-size: 130%;}
#search #page_left ul li { background: url(images/bg/bg_list_ao.png) no-repeat left top; padding-left: 20px;}
#search #page_right ul li a:hover {background: url(images/bg/bg_page_right_ao.png) no-repeat left top;}
#search #page_right ul li span {background: url(images/bg/bg_page_right_ao.png) no-repeat left top; color:#31bdeb;}
#search .search_box { padding-top: 10px; } #search .search_title { font-size: 114%; margin-bottom: 10px;}