@charset "utf-8";
/*
Theme Name: kodamakai
Theme URI: http://c-tpl.com/
Description: kodamakai
Version: 1.0
Author: Cloud template
Author URI: http://c-tpl.com/
Tags: simple

	Cloud template v1.0
	 http://c-tpl.com/

	This theme was designed and built by Cloud template,
	whose blog you will find at http://c-tpl.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
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, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

body{
font: 90%/1.5 Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color:#333;
-webkit-text-size-adjust: none;
	background: url(images/background.png);
}

.clearfix:before, .clearfix:after {
    content:"";
    display:table
}
.clearfix:after { clear:both }
.clearfix { zoom:1 } /* For IE 6/7 */

a:hover img{ opacity:0.7;}

strong{font-weight:bold;}



/* リンク設定
------------------------------------------------------------*/
a{
margin:0;
padding:0;
text-decoration:none;
outline:0;
vertical-align:baseline;
background:transparent;
font-size:100%;
}

a:hover, a:active{
-webkit-transition:opacity 1s;-moz-transition:opacity 1s;-o-transition:opacity 1s;
outline: none;
}


/**** Clearfix ****/
.nav .panel:before,nav .panel:after, nav#mainNav:before,nav#mainNav:after, .newsTitle:before,.newsTitle:after{content: ""; display: table;}
nav .panel:after,nav#mainNav:after,.newsTitle:after{clear: both;}
nav .panel,nav#mainNav,.newsTitle{zoom: 1;}


/* フォーム 検索
------------------------------------------------------------*/
input[type="text"], textarea{
vertical-align:middle;
width:147px;
line-height:27px;
height:27px;
padding:1px 5px;
border:1px solid #ccc !important;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
font-size:100%;
color:#555;
background:#fcfcfc;
vertical-align:top;}

textarea{
height:auto;
line-height:1.5;
}

input[type="submit"],input[type="reset"],input[type="button"]{
padding:3px 10px;
background: #5a0000;
background: -moz-linear-gradient(top, #0f0f0f 0%, #5a0000 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0f0f0f), color-stop(100%,#5a0000));
background: -webkit-linear-gradient(top, #0f0f0f 0%,#5a0000 100%);
background: -o-linear-gradient(top, #0f0f0f 0%,#5a0000 100%);
background: -ms-linear-gradient(top, #0f0f0f 0%,#5a0000 100%);
background: linear-gradient(to bottom, #0f0f0f 0%,#5a0000 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f0f0f', endColorstr='#5a0000',GradientType=0 );
border:0;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
line-height:1.5;
font-size:100%;
color:#fff;
}

input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover{
background: #5a0000;
background: -moz-linear-gradient(top, #5a0000 0%, #0f0f0f 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5a0000), color-stop(100%,#0f0f0f));
background: -webkit-linear-gradient(top, #5a0000 0%,#0f0f0f 100%);
background: -o-linear-gradient(top, #5a0000 0%,#0f0f0f 100%);
background: -ms-linear-gradient(top, #5a0000 0%,#0f0f0f 100%);
background: linear-gradient(to bottom, #5a0000 0%,#0f0f0f 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5a0000', endColorstr='#0f0f0f',GradientType=0 );
}

*:first-child+html input[type="submit"]{padding:3px;}


/* レイアウト
------------------------------------------------------------*/

.inner{
margin:0 auto;
width:950px;
}

#header{ border-top: 5px solid #0064c2; padding-bottom: 20px;}

#content-sub{ float:right; width:686px; }
#content-onecolumn{ margin-bottom: 50px; overflow: hidden; }

#sidebar{
float:left;
width:230px;
}

#footer{
clear:both;
padding-top: 10px;
margin-top: 50px;
background: #005eb5;
opacity: 0.9;
} 


/* ヘッダー
*****************************************************/

/* ロゴ (サイトタイトル)
----------------------------------*/
#header h1{padding: 5px 0;color: #7d7d7d; text-align: right;font-size: 0.9em; }
#header h2{vertical-align:bottom; float: left;}
#header h2 img{margin: 0 8px;}
#header .but{ float: right;}
#header .but img{ margin-left: 15px;}
#header .navi{ float: right;margin-top: 10px;}
#header .navi li{ float: left; border-right: 1px solid #7d7d7d;padding: 0 5px;line-height: 1;}

/*パンくず*/
.crumbs{  margin-bottom:30px; padding: 10px 0; background: #0064c1;color:#fff;}
.crumbs a{ color:#fff;}

/* トップページ
*****************************************************/
/*こだま会の支援の流れ*/
#content h3{ text-align: center; font-weight: bold; font-size: 1.8em; margin-top: 50px; margin-bottom: 25px;}
#content .flow p{background: url(images/flow.png) no-repeat right 93%;display: inline-block;padding-right: 45px; display: inline-block;}
#content .flow p:last-child{padding-right: 0; }

/* お知らせ*/
#info h3{ border-bottom: 1px solid #ccc; margin-top: 20px; font-weight: normal;}
#content #info{margin: 50px auto; background: #fff;padding: 0 30px; }
#info .but{text-align:center; margin-top: 15px; margin-bottom: 20px;}
#info .but a{background:#0065c1;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px; color:#fff;text-decoration:none; padding:5px 40px;}
#info .but a:hover{background:#003e75;}

#info .title{ margin-left:20px;padding: 3px 0;}
#info .title a{ text-decoration:underline;}
#info span{ display:inline-block;}
#info .list{ padding-bottom:10px;}
#info span.time{ width:115px;padding: 3px 0;}
#info .category a{padding: 0!important;color:#fff; text-align:center; color:#fff;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px; width:100px; display:block;}
#info .category a.news{ background:#ff323c;}
#info .category a.niji{ background:#00a500;}
#info .category a.yume{ background:#ff9000;}
#info .category a.joho{ background:#929292;}

/*地域活動支援センターにじの途*/
#content .nijinito{ background-color: rgba(206,235,177,0.50); border-top:6px solid #46c145; padding-bottom: 30px;}
#content .nijinito h3{ font-weight: bold; text-align: center; color: #46c145;}
#content .nijinito h4{ background:  #46c145; color: #fff; text-align: center;border-radius: 5px; font-size: 1.3em; padding: 3px 0; margin-bottom: 15px;}
#content .nijinito p{ margin-bottom: 15px;}
#content .nijinito .img{ text-align: center;}
#content .nijinito .left{ width: 462px; float: left;}
#content .nijinito .right{ width: 462px; float: right;}
#content .nijinito .but{ clear: both; text-align: center; padding-top: 20px;}
#content .nijinito .but a{background:#0065c1;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px; color:#fff;text-decoration:none; padding:5px 40px; font-size: 1.2em; font-weight: bold;}
#content .nijinito .but a:hover{background:#003e75;}

/*就労継続支援Ｂ型事業所 ゆめの樹*/
#content .yumenoki{ background-color: rgba(255,144,0,0.20); border-top:6px solid #ff9000; padding-bottom: 30px;}
#content .yumenoki h3{ font-weight: bold; text-align: center; color: #ff9000;}
#content .yumenoki h4{ background:  #ff9000; color: #fff; text-align: center;border-radius: 5px; font-size: 1.3em; padding: 3px 0; margin-bottom: 15px;}
#content .yumenoki p{ margin-bottom: 15px;}
#content .yumenoki .img{ text-align: center;}
#content .yumenoki .box{ width: 210px; display: inline-block; vertical-align: top; margin-left: 13px;}
#content .yumenoki .left{ width: 462px; float: left;}
#content .yumenoki .right{ width: 462px; float: right;}
#content .yumenoki .but{ clear: both; text-align: center; padding-top: 20px;}
#content .yumenoki .but a{background:#0065c1;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px; color:#fff;text-decoration:none; padding:5px 40px; font-size: 1.2em; font-weight: bold;}
#content .yumenoki .but a:hover{background:#003e75;}
#content .yumenoki .sagyoshumoku p{ display: inline-block; vertical-align: middle;}
#content .yumenoki .sagyoshumoku .img{ width: 45%; margin-right: 10px;}
#content .yumenoki .sagyoshumoku img{ max-width: 100%; height: auto;}
#content .yumenoki .sagyoshumoku .text{ width: 230px;font-size: 1.2em;font-weight: bold;}

#content .about .left{ width: 462px; float: left;}
#content .about .right{ width: 462px; float: right;}
#content .about h3{ border-bottom: 1px dotted #000; font-size: 1.5em; margin-bottom: 10px;}
#content .about .banners { text-align: center; clear: both; padding-top: 10px;}
#content .about .banners img{ margin:0 3px; }

#content .about table{border:none; width: 100%;padding: 0 15px;border-collapse: collapse;border-spacing: 0;}
#content .about table th{ font-weight:bold; border-bottom:1px dotted;background:none; border-left:none;padding: 10px 20px; width: 20%;}
#content .about table td{border-bottom:1px dotted #000;border-left:none;background:none;padding: 10px 5px; vertical-align: middle;}
#content .about table td img{ display: inline-block; vertical-align: middle; margin-left: 10px;}

/* タイポグラフィ
*****************************************************/
h2.title{
clear:both;
margin:30px 0 20px;
padding:0px;
font-weight: bold;
font-size: 1.7em;
color: #000;
border-bottom:1px solid #000;
}

h2.first{margin-top:0;}

.dateLabel{
margin:-10px 0 10px;
text-align:right;
font:italic 1em "Palatino Linotype", "Book Antiqua", Palatino, serif;
}

.post p{padding-bottom:10px;}

.post ul{margin: 0 0 10px 10px; background: #fff; padding: 10px;}

.post ul li{
margin-bottom:5px;
padding-left:15px;
background: url(images/sub/li.png) no-repeat 3px 5px;
}

.post ol{margin: 0 0 10px 30px;}

.post ol li{list-style:decimal;margin-bottom:5px;}

.post h1{
margin:20px 0;
padding:7px 0 5px 25px;
font-size:150%;
color: #5a0000;
border-bottom:1px solid #ccc;
}

.post h2{
margin:10px 0;
padding-bottom:2px;
font-size:130%;
font-weight:bold;
border-bottom:2px solid #0f0f0f;
}

.post h3{
margin:10px 0 20px 0;
font-size:1.2em;
color:#fff;
padding:15px;
background: #0064c1;
border-radius: 5px;
}

.post h4{
margin:10px 0;
font-size:1.2em;
padding: 10px 15px;
background: #d0e8ff;
border-radius: 5px;
color: #000;
}

.post h4:before{ content: ''; border-left: 8px solid #0064c1; border-radius: 2px;margin-right: 10px;}

.post h5{
margin:10px 0;
font-size:1.2em;
padding: 8px 5px;
	font-weight: bold;
}

.post h5:before{
	content: '';
	width: 15px;
    height: 15px;
	margin-right: 5px;
    display: inline-block;
    background: #ff9000;
    cursor: pointer;
    text-indent: -9999px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;}

.post blockquote {
clear:both;
padding:10px 0 10px 15px;
margin:10px 0 25px 30px;
border-left:5px solid #ccc;
}
 
.post blockquote p{padding:5px 0;}

.post table{
border: 1px #ccc solid;
border-collapse: collapse;
border-spacing: 0;
margin:10px 0 20px;
}

.post table caption{ background: #70afef; text-align: center; color: #fff; padding: 5px;}

.post table th{
padding:15px;
border: #ccc solid;
border-width: 0 0 1px 1px;
font-weight:bold;
color:#005aa9;
background:#dfefff;
}

.post table td{
padding:15px;
border: 1px #ccc solid;
border-width: 0 0 1px 1px;
background:#fff;
}

.post .info_table caption{ background:#eeeeee; color: #000;}
.post .info_table{border:none;background:#fff;}
.post .info_table th{ font-weight:bold; background: none;border-bottom:1px dashed #000; border-left: none; color:#0052d9; text-align: center;}
.post .info_table td{border-bottom:1px dashed #000;border-top:none; border-left:none;background:none;padding: 10px 20px;}

.post .info_table2 caption{ text-align: center; font-weight: bold; font-size: 1.2em; color: #000; background: none;}
.post .info_table2{border-top:1px dotted #000;border-bottom:1px dotted #000; border-left: 0; border-right: 0; background:none;}
.post .info_table2 th{ font-weight:bold; background: none;border-bottom:1px dotted #000; border-left: none; color:#000; font-weight: bold; text-align: center;}
.post .info_table2 td{border-bottom:1px dotted #000;border-top:none; border-left:none;background:none;padding: 10px 0;vertical-align: middle;}
.post .info_table2 td img{ display: inline-block; vertical-align: middle; margin-left: 10px;}

.post table.bdr_none,
.post table.bdr_none tr,
.post table.bdr_none th,
.post table.bdr_none td{border:none; background: none; text-align: center;}

.post dt{font-weight:bold;}

.post dd{padding-bottom:10px;}

.post img{max-width:100%;height:auto;}

img.aligncenter {
display: block;
margin:5px auto;
}

img.alignright, img.alignleft{
padding:4px;
margin:0 0 2px 10px;
display:inline;
}

img.alignleft{margin: 0 7px 2px 0;}

.alignright{float:right;}
.alignleft{float: left;}

.alignleft img{ margin-right: 20px;}


/* サイドバー
*****************************************************/
#sidebar .kanren{ background: #fff; padding: 10px; margin-bottom: 20px;}
#sidebar .kanren h3{color: #000;border-bottom: 1px dotted #000;margin-bottom: 20px;font-size: 1.2em;font-weight: bold; text-align: center;}
#sidebar .kanren ul li{margin-bottom: 5px;padding-left: 15px;background: url(images/sub/li.png) no-repeat 3px 5px;}

#sidebar .niji{ background: #e0f6ca; border: 3px solid #46c146;padding: 10px; margin-bottom: 20px;}
#sidebar .niji h3{color: #01a500; text-align: center; font-weight: bold; margin-bottom: 10px; font-size: 1.25em;}
#sidebar img{ max-width: 100%; height: auto;}
#sidebar .niji .but{ margin-top: 5px; margin-bottom: 5px; text-align: center;}
#sidebar .niji .but a {background: #01a500;border-radius: 5px;color: #fff;text-decoration: none;display: block;padding: 5px 0;}
#sidebar .niji .but a:hover {background: #018000;}

#sidebar .yume{ background: #fff0c6; border: 3px solid #ff7200;padding: 10px; margin-bottom: 20px;}
#sidebar .yume h3{color: #ff7200; text-align: center; font-weight: bold; margin-bottom: 10px; font-size: 1.25em;}
#sidebar img{ max-width: 100%; height: auto;}
#sidebar .yume .but{ margin-top: 5px; margin-bottom: 5px; text-align: center;}
#sidebar .yume .but a {background: #ff7200;border-radius: 5px;color: #fff;text-decoration: none;display: block;padding: 5px 0;}
#sidebar .yume .but a:hover {background: #b95300;}


#sidebar .banners { clear:both; text-align:center; margin-bottom:10px;margin-top: 40px;}
#sidebar .banners h3{ color: #000; border-bottom: 1px dotted #000; margin-bottom: 20px; font-size: 1.2em;font-weight: bold;}
#sidebar .banners img{ margin-bottom:5px;}

/* フッター
*****************************************************/
#footerLogo{ padding-bottom:20px;}

footer .info{ color:#fff; width:33%; float:left;}

footer ul{
float:left;
width:220px;
font-size:95%;
padding-bottom: 20px;
padding-top: 5px;
margin:5px 8px;
}

#footer ul .title{ background:none;border-bottom:2px solid #fff; margin-bottom: 5px; color:#fff; text-decoration:none;padding: 0;
text-align: center;margin-bottom: 20px;}

#footer ul li{
vertical-align:text-top;
text-align:left;
padding:10px 0;
}

#footer ul li{
margin-bottom: 10px;
padding: 0 0 0 23px;
overflow:hidden;
background:url(images/arrow.png) no-repeat 3px 5px;
text-decoration: underline;
color: #fff;
}

#footer ul li a{ color:#fff;}
#footer ul li a:hover{ opacity:0.5;}


#copyright{
clear:both;
font-style:normal;
font-size:100%;
zoom:1;
color:#fff;
padding:10px 0;
text-align:center;
}


#copyright ul{ float:right; padding:0;width: auto;}
#copyright ul li{ float:left; margin:0; padding: 0 10px 0 0;border-left: 1px solid #fff;}
#copyright ul li:first-child{ border:none;}
#copyright ul li a{ background:none; color:#fff; text-decoration:underline;}


/* 戻るボタン
------------------------------------------------------------*/
.page_top {
	position:fixed;
	bottom:10px;
	right:10px;
	padding:10px 20px;
	color:#fff;
	font-size:20px;
	text-decoration:none;

}


/* アーカイブ
*****************************************************/
#news article.article{ border:1px solid #ccc; padding:15px; margin-bottom:20px; background: #fff;}
#news article header p {
 background:#0064c1;padding: 10px;margin: 0 0 15px 0;}
#news article header p a{color:#fff;}
#news article .img{ float:right; margin-left:15px;}
#news article .img img{ border:1px solid #ccc;}
#news article .link{ padding:10px 0;text-align: right; margin: 10px;}
#news article .link a{  background: #1b1b1b;color: #fff;text-decoration: none;padding: 7px 30px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;
border-radius: 5px; }
#news article .link a:hover{ background: #545454;}
#news article .time{ clear:both; float:right;}

/*ページ送り*/

#wrapper .tablenav {
	color: #424242;
	margin: 1em auto;
	line-height:2em;
	text-align:center;
}

#wrapper a.page-numbers,#wrapper  .tablenav .current {
	color: #424242;
	padding: 2px 7px !important;
	border:solid 1px #ccc;
	text-decoration:none;
	font-size:110%;
}

#wrapper a.page-numbers:hover {
	color:white;
	background: #2f2f2f;
}

#wrapper .tablenav .current {
	color: white;
	background: #2f2f2f;
	border-color: #2f2f2f;
	font-weight:bold;
}

#wrapper .tablenav .next,#wrapper  .tablenav .prev {
	border:0 none;
	background:transparent;
	text-decoration:underline;
	font-size:90%;
	font-weight:bold;
}




/* 最新記事一覧
------------------------------------------------------------*/
#content-sub .archivelist{ padding:10px 5px; width: 23%; display: inline-block;vertical-align: top; text-align: center;}
#content-sub .archivelist p{ padding-bottom:5px;}
#content-sub .archivelist .time{ float:none;}
#content-sub .archivelist .title a{color: #0033b6; text-decoration:underline;}
#content-sub .archivelist .icon{color: #fff;padding: 2px;width: 35%;font-size:80%;text-align: center;display: inline-block;}
#content-sub .archivelist .news{ background:#e0b800;}
#content-sub .archivelist .result{ background:#d05f13;}
#content-sub .archivelist .katudo{ background:#00ab81;}


/* サブページ
------------------------------------------------------------*/

hr{ border:0;border-bottom:thin dashed #000;background-color:000; clear: both; margin: 20px 0; padding-top: 10px;}
#sitemap_list {background:none!important;}

/* 地域活動支援センター にじの途-----------*/
#content-onecolumn h2{ text-align: center; border-bottom: none; font-size: 2em;}
#content-onecolumn h2:before{content: url(images/sub/h3-before.png) ;position: relative;margin-right: 10px;}
#content-onecolumn h2:after{content: url(images/sub/h3-after.png) ;position: relative;margin-left: 10px;}
#content-onecolumn .shien .left{ width: 48%; float: left;}
#content-onecolumn .shien .right{ width: 48%; float: right;}
#content-onecolumn .shien .right img{ margin-bottom: 6px;}
#content-onecolumn h3.wh_green{background: #fff;border: 2px solid #01a500;color: #01a500;text-align: center;padding: 5px;font-weight: bold;}
#content-onecolumn h3.green{background: #01a500;color: #fff;text-align: center;padding: 5px;font-weight: bold;}
#content-onecolumn .flow{ margin-bottom: 20px;}
#content-onecolumn .flow h3{ text-decoration: underline; text-align: center; background: none; color: #000; font-size: 1.6em;font-weight: bold;}
#content-onecolumn .flow .wh_box{background: #fff;border-radius: 5px;padding: 10px; width: 21.3%; margin:5px; display: inline-block; vertical-align: top; min-height:180px; }
#content-onecolumn .flow .wh_box .title{background: #fffea0;padding: 5px;font-weight: bold;font-size: 1.2em;margin-bottom: 10px;}
#content-onecolumn .greenbg{background-color: rgba(206,235,177,0.50);border-top: 6px solid #46c145;padding-bottom: 30px;}
#content-onecolumn .greenbg h3{ color: #46c145; text-align: center; background: none;font-size: 1.5em;font-weight: bold;}
#content-onecolumn .greenbg .left{ width:370px; float: left;}
#content-onecolumn .greenbg .right{ width:570px; float: right;}
#content-onecolumn .greenbg .right.whbg{ background: #fff; padding:5px;height: 120px;}
#content-onecolumn .greenbg .right.whbg .title{ padding: 10px; text-align: center; font-weight: bold; color: #45c244; font-size: 1.4em;}
#content-onecolumn .greenbg .right.whbg .text{ margin: 0 15px; }
#content-onecolumn .greenbg .right .box{width: 44%; height: 120px; display: inline-block;background: #fff;padding: 10px; vertical-align: top;margin-bottom: 10px;margin-left: 10px; font-size: 0.9em;}
#content-onecolumn .greenbg .right .box .title{ text-align: center;padding-bottom: 5px; font-size: 1.3em; font-weight: bold;}
#content-onecolumn .greenbg .right .box .title.or{color: #ea6900; }
#content-onecolumn .greenbg .right .box .title.pi{color: #ed2257; }
#content-onecolumn .greenbg .right .box .title.ye{color: #e7b300; }
#content-onecolumn .greenbg .right .box .title.bl{color: #0082db; }
#content-onecolumn .greenbg .right .box .title.rig{color: #71bb00; }
#content-onecolumn .greenbg .right .box .title.gr{color: #03ab7e; }

#content-onecolumn .bluebg{background-color: rgba(0,100,193,0.1);border-top: 6px solid #0064c1;padding-bottom: 30px;}
#content-onecolumn .bluebg h3{ background: none; text-align: center; color: #000; font-weight: bold; font-size: 2em;}
#content-onecolumn .bluebg .img{ text-align: center;margin: 10px 0;}

#content-onecolumn .shisetsugaiyo h3{background: none; text-align: center; color: #000; font-weight: bold; font-size: 2em;}
#content-onecolumn .shisetsugaiyo .info_table2{ width: 47%; float: left;margin-right: 15px;}
#content-onecolumn .shisetsugaiyo .left{ float: left; width:50%;}
#content-onecolumn .shisetsugaiyo .left img{ display: inline-block; padding: 7px;}

/* 地域活動支援センター にじの途-----------*/
#content-onecolumn .shienb .left{ width: 48%; float: left;}
#content-onecolumn .shienb .right{ width: 48%; float: right;}
#content-onecolumn .shienb .right img{ margin-bottom: 6px;}
#content-onecolumn h3.wh_or{background: #fff;border: 2px solid #ff9000;color: #ff9000;text-align: center;padding: 5px;font-weight: bold;}
#content-onecolumn h3.or{background: #ff9000;color: #fff;text-align: center;padding: 5px;font-weight: bold;}

#content-onecolumn .orbg{background-color: rgba(255,144,0,0.20);border-top: 6px solid #ff9000;padding-bottom: 30px; margin-top: 20px;}
#content-onecolumn .orbg h3{ color: #ff9000; text-align: center; background: none;font-size: 1.5em;font-weight: bold;}
#content-onecolumn .orbg .left{ width:400px; float: left;}
#content-onecolumn .orbg .right{ width:540px; float: right;}
#content-onecolumn .orbg .left{ font-weight: bold; font-size: 1.8em;line-height: 1.8;}
#content-onecolumn .orbg .left img{ margin-bottom: 20px;}
#content-onecolumn .orbg .right .box{ width: 210px; display: inline-block; vertical-align: top; margin-left: 40px;}
#content-onecolumn .orbg .right .box .title{font-weight: bold;background:#ff9000; color: #fff; text-align: center; padding:2px; margin-bottom: 10px;width:auto;}
#content-onecolumn .orbg .right .title2{font-weight: bold;background:#ff9000; color: #fff; padding:2px;margin-left: 40px;width: 200px; text-align: center;}
#content-onecolumn .orbg ul{ margin-left: 40px;}
#content-onecolumn .bluebg .time{ text-align: center;}
#content-onecolumn .bluebg .time img{ margin: 4px;}

#content-onecolumn .bluebg .left{ width: 50%; float: left;}
#content-onecolumn .bluebg .left img{ margin: 5px;}
#content-onecolumn .bluebg .right{ width: 50%; float: right;}


/*団体概要*/
#content-onecolumn .shienflow h3{background: none; text-align: center;color: #000;font-weight: bold; font-size: 2em;}
#content-onecolumn .shienflow{ background: url(images/sub/treebg.png) no-repeat center;}
#content-onecolumn .shienflow p{background: url(images/flow.png) no-repeat right 93%;display: inline-block;padding-right: 45px; display: inline-block;}
#content-onecolumn .shienflow p:last-child{padding-right: 0; }
#content-onecolumn .center{ text-align: center; font-size: 1.2em;}

#content-onecolumn .gaiyo .left,#content-onecolumn .gaiyo .right{ width: 48%;}
#content-onecolumn .gaiyo .left{ float: left;}
#content-onecolumn .gaiyo .right{ float: right;}

/* お問合せ-----------*/
#content-onecolumn .g-tel{color: #46c146;font-size: 2.8em;font-weight: bold;font-family: Lato, "Noto Sans JP",helvetica, "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
#content-onecolumn .g-tel:before{content: url(images/sub/icon-g-tel.png) ;position: relative;top: 8px;margin-right: 10px;}
#content-onecolumn .o-tel{color: #f56800;font-size: 2.8em;font-weight: bold;font-family: Lato, "Noto Sans JP",helvetica, "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
#content-onecolumn .o-tel:before{content: url(images/sub/icon-o-tel.png) ;position: relative;top: 8px;margin-right: 10px;}
#content-onecolumn .chiki,#content-onecolumn .shurou{ width: 48%; float: left;}
#content-onecolumn .chiki h5,#content-onecolumn .shurou h5{ margin: 0;}

/* 外部リンク要素 
----------------------------------------------------------- */  
#content-sub a[href^="http"] {   
    background: url(images/sub/icon-site.png) no-repeat 0% 50%;
    padding-left:18px;
    background-size:15px;
}  
#content-sub * html a.external   {
    background: url(images/sub/icon-site.png) no-repeat 0% 50%;
    padding-left:18px;
    background-size:15px;
}
#content-sub a[href^="http://www.kodamakai.jp/"]  {
    padding: initial;
    background: transparent;
}

/* pdf要素 
----------------------------------------------------------- */  
#content-sub a[href$=".pdf"] {   
    background: url(images/sub/icon-pdf.png) no-repeat 0% 50%;
    padding-left:18px;
    background-size:15px;
}  
#content-sub * html a.pdf{   
    background: url(images/sub/icon-pdf.png) no-repeat 0% 50%;
    padding-left:18px;
    background-size:15px;
}

/* Word要素 
----------------------------------------------------------- */  
#content-sub a[href$=".doc"] { 
    background: url(images/sub/icon-word.png) no-repeat 0% 50%;  
    padding-left:18px;
    background-size:15px;
}
#content-sub * html a.doc    {
    background: url(images/sub/icon-word.png) no-repeat 0% 50%;
    padding-left:18px;
    background-size:15px;
}


/* Excel要素 
----------------------------------------------------------- */  
#content-sub a[href$=".xls"] {
    background: url(images/sub/icon-excel.png) no-repeat 0% 50%;
    padding-left:18px;
    background-size:15px;
}
#content-sub * html a.xls{
    background: url(images/sub/icon-excel.png) no-repeat 0% 50%;
    padding-left:18px;
    background-size:15px;
}

#content-sub .wp-embedded-content{
	width:100%;
}

/*メインメニュー　PC用
------------------------------------------------------------*/
@media only screen and (min-width: 1025px){
	nav#mainNav{
    margin-top: 20px;
	clear:both;
	padding:0;
	position:relative;
	z-index:200;
	
	}

	#new-re{  display: none;}
	.panel ul{
		text-align: center;
	}

	.panel ul li{
		display: inline-block;
	position: relative;
	padding: 0 7px;
	height:25px;
	line-height:25px;
    font-size: 1.15em;
	}
	
	.panel ul li:last-child{}

	.panel ul li a{
	text-decoration: none;
	text-align: center;
	_float:left;
    padding: 0 15px 3px;
    margin:0;
	color: #000;
		font-weight: bold;
	}
	
	

	nav div.panel{
  display:block !important;
  }
  
  a#menu{display:none;}
  
  /* 親メニュー */
 .panel ul li.current-menu-item a, .panel ul li a:hover, .panel ul li a:active, .panel ul li.current-menu-parent a{ border-bottom: 3px solid #0064c2;}
  
  .panel ul ul{width:230px;}
  
  .panel ul li ul{display: none;}
	
  .panel ul li li{
  float: none;
  height:45px;
  line-height:40px;
  width:230px;
	padding:0;
  }
  
  .panel ul li:hover ul{
  display: block;
  position: absolute;
  top:40px;
  left:-1px;
  z-index:500;
	border-radius:0 0 6px 6px;
	border:1px solid #ccc;
  }

  .panel ul li li a{
  color:#000!important;
 /* width:100%;*/
  height:40px;
	padding:0;
  line-height:40px;
  font-size:95%;
  text-align:left;
  }
	
	.panel ul li li a span{padding:0 10px;}
	
	.panel ul li li a:hover,.panel ul li li.current-menu-item a{color:#333;font-weight:bold;}
  
  .panel ul li:hover ul li{
  margin:0;
  background:#fff;
  border-bottom:1px solid #dadcdc;
	box-shadow: 1px 1px 3px #ccc;
  }
	
	.panel ul li:hover ul li:last-child{
	border:0;
	border-radius:0 0 6px 6px;
	}
	
}




/* メインメニュー iPadサイズ以下から
------------------------------------------------------------*/
@media only screen and (max-width:1024px){
	nav#mainNav .inner{ margin: 0;}
	nav#mainNav{
	clear:both;
	width:100%;
	margin:0 auto 20px auto;
	padding: 10px 0 0 0;
	}
	
	
	nav#mainNav a.menu{
	width:100%;
	display:block;
	height:40px;
	line-height:40px;
	font-weight: bold;
	text-align:left;
	color:#fff;
	border:1px solid #0064c1;
  background:#0064c1 url(images/menuOpen.png) no-repeat 5px 10px;
	}
	
	nav#mainNav a#menu span{padding-left:2.5em;}
	
	nav#mainNav a.menuOpen{
	border-bottom:0;
	color:#fff;
	background: #004b90 url(images/menuOpen.png) no-repeat 5px -32px;
	}
	
	nav#mainNav a#menu:hover{cursor:pointer;}
	
	nav .panel{
	display: none;
	width:100%;
	position: relative;
	right: 0;
	top:0;
	z-index: 1;
	border:1px solid #0064c1;
	}

	.panel ul{margin:0;padding:0;}

	.panel ul li{
	float: none;
	clear:both;
	width:100%;
	height:auto;
	line-height:1.2;
	}

	.panel ul li a,.panel ul li.current-menu-item li a{
	display: block;
	padding:1em 0 1em 10px;
	text-align:left;
	color:#000;
	}

 .panel ul li a span{padding-left:1em;}
 
	.panel ul li.current-menu-item a,.panel ul li a:hover,.panel ul li.current-menu-item a,.panel ul li a:active, .panel ul li li.current-menu-item a, .panel ul li.current-menu-item li a:hover, .panel ul li.current-menu-item li a:active{
	background:#cee7ff;
	}

	.panel ul li li{
	float:left;
	border:0;
	margin-left: 15px;
	width: auto;
	}
	.panel ul li li a{padding-left: 30px;}

	.panel ul li li a, .panel ul li.current-menu-item li a, .panel ul li li.current-menu-item a{background:#fff;}

	.panel ul li li.current-menu-item a,.panel ul li li a:hover, .panel ul li.current-menu-item li a:hover{background:#f1ffd9;}
	
	

	.panel ul li li a span{padding-left:35px;}
	
	nav div.panel{float:none;}
	
	#header{}
	
	.inner {margin: 0 20px;width:auto;}
	


}

/* 959px以下から 
------------------------------------------------------------*/
@media only screen and (max-width: 959px){
  #wrapper, #header, .inner{width:auto;}

	#header h1, #header h2{padding:10px;}
	#headerInfo{padding-right:10px;}

	.panel ul, .thumbWrap{margin:0 auto;}
	.panel ul ul{padding:0;}

	nav div.panel{float:none;}
	
	#mainImg img{width:98%;height:auto;}

	#content, #sidebar{
	clear:both;
	width:auto;
	float:none;
	margin:0 auto;
	padding:10px 0;
	}

	
  section.widget_search{text-align:center;}
  #contactBanner{margin:0 auto;}
  #footer{margin:0;}
  #header h1, #header h2{text-align: center; float: none;}
	
	#content .left,#content .right{ float: none!important; width: auto!important;}
	footer ul{ float: none; width: 95%; margin: 0 auto;}
	#header .navi{ display: none;}
	
	#content .flow{ text-align: center;}
	#content .flow p{ padding-top: 20px;}
	#content .yumenoki .box {width: 22%;}
	img{ max-width:100%; height:auto;}
	.flexslider{ background-size: contain!important;}
    #content .yumenoki .sagyoshumoku .text {width: 340px;font-size: 1.7em;}
	#content-onecolumn .flow .wh_box{ width: 45%;margin: 5px 0 5px 5px;}
	#content-onecolumn .greenbg .left{ float: none; width: auto; text-align: center;}
	#content-onecolumn .greenbg .right{ width: auto;}
	#content-onecolumn .shisetsugaiyo .info_table2,#content-onecolumn .shisetsugaiyo .left { width: auto; float: none; text-align: center;}
	#content-onecolumn .shisetsugaiyo .left img {width: 22%; text-align: center;}
	#content-onecolumn .orbg .left{ width: auto; float: none;text-align: center;}
	#content-onecolumn .orbg .left br{ display: none;}
	#content-onecolumn .orbg .left img{ display: block; margin:  10px auto;}
	#content-onecolumn .orbg .right{ float: none; margin: 0 auto;}
	#content-onecolumn .bluebg .left img{ width: 45%;}
	
	#content-onecolumn .shienflow{ text-align: center; background-size: contain;}
	#content-onecolumn .center{ padding: 10px; font-size: 1em;}
	#content-onecolumn .center br{ display: none;}
}

/* 幅768px以下から 
------------------------------------------------------------*/
@media only screen and (max-width: 768px){
	#header{width:98%;padding:0 1%;text-align:center;}
	#header h2,#footerLogo,#headerInfo{float:none;padding:0;}
	img.alignright, img.alignleft{display: block;	margin:5px auto;}
	.alignright,.alignleft{float:none; text-align: center;}
	.alignleft img{ margin-right:0;}
	#footer ul ul{padding:0;}
	
	#content-sub { float:none; width:auto;}
	#content-onecolumn .orbg .left{ font-size: 1.2em;}
	#sidebar .img{text-align:center;}

}
	
/* 幅667px以下から 
------------------------------------------------------------*/
@media only screen and (max-width: 667px){
	#content .yumenoki .sagyoshumoku p{ display: block; text-align: center; width: auto!important; font-size: 1.2em!important;} 
	#content-onecolumn .shien .left,#content-onecolumn .shien .right{ width: auto; float: none;}
	#content-onecolumn .shien .right .img{ text-align: center;}
	#content-onecolumn .shienb .left,#content-onecolumn .shienb .right,#content-onecolumn .gaiyo .left,#content-onecolumn .gaiyo .right{ width: auto; float: none;}
	#content-onecolumn .shienb .right{ text-align: center;}
	#content-onecolumn .g-tel,#content-onecolumn .o-tel{ font-size: 2em;}
}

/* 幅568px以下から 
------------------------------------------------------------*/
@media only screen and (max-width: 568px){
#content .yumenoki .box { width: auto; }
#content .yumenoki .box br{ display: none;}
#content .yumenoki .box img{ float: left; margin-right: 10px;}
#content .flow p { background: none; display: block; padding-right: 0;}	
#content-onecolumn .flow .wh_box { width: 95%; margin: 5px;}
#content-onecolumn .greenbg .right .box{ width: 95%; margin-left: 0; height: auto;}
#content-onecolumn .orbg .right .title2,#content-onecolumn .orbg ul{ margin-left: 0;}
#content-onecolumn .shienflow p {background: url(images/flow-sp.png) no-repeat bottom center;padding-bottom: 40px;padding-right:0;}
#content-onecolumn .shienflow p:last-child {background: none;}
	#content-onecolumn .chiki, #content-onecolumn .shurou{ width: auto; float: none; text-align: center;}
}
/* 幅414px以下から 
------------------------------------------------------------*/
@media only screen and (max-width: 414px){
	
	#news article .img { float:none;text-align: center; margin-left:0;}
	#news article .link { text-align:center;}
	footer ul{margin-top:5px;padding: 15px 0 0 0;}
	#content .nijinito .but a,#content .yumenoki .but a{ display: block;}
	#content .yumenoki .box img {float: none;}
	#content .yumenoki .box span{ display: block; text-align: left!important;}
	#content .yumenoki .box {display: block;margin-left: 0; text-align: center;}
	#info .title {margin-left: 0;display: block;}
	
	#content .flow p {background: url(images/flow-sp.png) no-repeat bottom center; padding-bottom: 40px;}
	#content .flow p:last-child{ background: none;}
	#content .about table th,#content .about table td{ display: block; width: auto;}
	#content h3{ font-size: 1.45em;}
	
	#content-onecolumn h2 {font-size: 1.1em;}
	#content-onecolumn .flow h3{ font-size: 1.3em;}
	#content-onecolumn .shisetsugaiyo .left img{ width: 45%;}
	#content-onecolumn .flow .wh_box{ min-height: auto; width: auto;}
	#content-onecolumn .bluebg h3,#content-onecolumn .shisetsugaiyo h3{ font-size: 1.5em;}
	.post .info_table2 th,.post .info_table2 td{ display: block; width: auto;}
	#content-onecolumn .greenbg .right.whbg{ height: auto;}
	#content-onecolumn .orbg .right,#content-onecolumn .bluebg .left,#content-onecolumn .bluebg .right{ width: auto;}
	#content-onecolumn .orbg .right .box {width: auto;margin-left: 0px; text-align: center;}
	#content-onecolumn .bluebg .time img{ width: 45%;}

	
}
/* 幅375px以下から 
------------------------------------------------------------*/
@media only screen and (max-width: 375px){
	.post h3{ font-size: 1.1em;}
}

/* 幅320px以下から 
------------------------------------------------------------*/
@media only screen and (max-width: 320px){
	#content-onecolumn h2{ font-size: 1em;}
	#content-onecolumn .shienflow h3{font-size: 1.5em;}
}