@charset "UTF-8";
/* CSS Document */

/* ------------------------------------------------------------------------
		Common Style
------------------------------------------------------------------------ */

#header { width:100%; border-bottom:1px solid #21B428;}

.header_box { height:40px; margin:0 auto; /*position:relative;*/ }

/*ヘッダー*/

.header_box h1 { width:auto; float:left;}
.header_box ul { float:right;}
.header_box ul li { height:40px; float:left; padding-left:10px; margin-left:10px; border-left:1px #CCCCCC dotted; display: table-cell; vertical-align: middle; }
.header_box ul li img { vertical-align:middle;}
.header_box ul li a { display: block; display: inline; zoom: 1; vertical-align:middle; text-decoration:none;}
.header_box ul li:last-child {  border-left:none;}

/*ナビゲーション*/

nav { background-color:#219E46;}
.navigation { width:100%; }
.navigation ul { width:984px; margin:0 auto; display:table;}
.navigation ul li { display:table-cell; text-align:center; line-height:100%; font-size:1.1em; padding:16px 0; vertical-align:middle; border-left:1px #FFFFFF dotted; }
.navigation ul li a { color:#FFFFFF;}
.navigation ul li a:hover { color:#F0FA74;}
.navigation ul li:last-child { border-right:1px #FFFFFF dotted;}

/*ナビゲーション*/

.m-content { margin-top:16px;}

.m-content .l_cate .news { width:100%; background-color:#FBFBFB; height:auto; border:1px #999999 solid; -moz-border-radius: 0.5em; -webkit-border-radius: 0.5em; -o-border-radius: 0.5em; -ms-border-radius: 0.5em;}
.m-content .l_cate .news_box { margin:16px 24px; border-bottom:1px #000000 dotted; padding-bottom:8px; margin-bottom:16px; width:auto; }
.m-content .l_cate .news_box h2 span { float:right;}


.m-content .r_cate ol { float:right;}
.m-content .r_cate ol li { margin-bottom:16px;}

.accordion { min-width: 300px; margin: 0 auto; padding: 10px;}
.accordion a { color:#FFFFFF;}
.accordion .ac-content { margin: 0 10px; }
.accordion input { display: none; }
.accordion label { display: block; cursor: pointer; background-color:#219E46;; padding: 4px; text-align:center;  font-weight:bold; color:#FFFFFF; }
.accordion .ac-cont { transition: 0.2s; height: 0; overflow: hidden; padding: 0 10px; font-size:14px; color:#FFFFFF; text-align:center; }
.accordion input:checked + .ac-cont { height: auto; padding: 10px;}


/*フッター*/

#footer { width:100%; border-top:1px solid #21B428;}
.footer_box { height:40px; margin:0 auto; /*position:relative;*/ }
.footer_box ul { width:984px; margin:0 auto; display:table; margin:16px 0 8px;}
.footer_box ul li { display:table-cell; text-align:center; line-height:100%; font-size:1em; padding:0; vertical-align:middle; border-left:1px #219E46 dotted;}
.footer_box ul li a { color:#212121;}

.footer_box ul.bana li { display:table-cell; text-align:left; line-height:100%; vertical-align:middle; border-left:none;}

/*中ページ　共通*/


h2.pagetitle {
	position: relative;
    /* padding: 9px; */
    padding-left: 20px;
    font-weight: bold;
    font-size: 18px;
    background-color: #FFFFFF;
    color: #333333;
	border-bottom:1px #219E46 solid;
}

h2.pagetitle:before{
	content: '';
    height: 25px;
    width: 2px;
    display: block;
    position: absolute;
    top: 7px;
    left: 11px;
    background-color: #219E46;
    /* border-left: 4px solid #fff; */
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

.content { padding:8px; margin:0 auto; clear:both;}
.content article { margin-top:24px; clear:both;}
.content article:last-child { margin-bottom:30px;}

.about h3,.privacy h3.katudou h3,.report h3 { font-size:15px; font-weight:bold;}

.facebook { margin-bottom: 16px; padding-bottom: 8px;}
.facebook h3 { padding: 16px; margin: 8px 0; background-color: cornflowerblue; color: aliceblue; text-shadow:0 -1px 1px #FFF, -1px 0 1px #FFF, 1px 0 1px #000;  ; border-radius: 3px;        /* CSS3草案 */
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 3px;   /* Firefox用 */  }

/*中ページ　ご挨拶・プロフィール*/

table.keireki {
	width:100%;
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
}
table.keireki thead {
	border-bottom:2px #CCCCCC solid;
}
table.keireki thead th {
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	color: #333333;
}
table.keireki tbody th {
	width: 30%;
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
}
table.keireki td {
	width: 70%;
	padding: 10px;
	vertical-align: top;
}

/*中ページ　政策・理念*/
.seisaku h3 {
	font-size: 24px;
	line-height: 120%;
	font-weight: 700;
}
.seisaku_box { width:100%; }

.seisaku_menu li { padding:15px; background-color:#fafafa; margin-top: 15px;}
.seisaku_menu li h4 {font-weight: bold; color: #3e9d4a;}
/*中ページ　活動報告*/

.katudou table { width:100%; border-collapse: collapse; text-align: left; line-height: 1.5; margin-top:24px; }

/*中ページ　後援会*/

.kouenkai {}
.kouenkai  h3 { font-size:20px; text-align:center; background-color:#093; color:#FFF; border-radius:20px;}
.kouenkai dl { width:100%; height:auto;}
.kouenkai dl dt { font-size:13px; font-weight:bold; margin-bottom:0px; padding-bottom:0px; }
.kouenkai dl dd { margin-bottom:8px;}

/*中ページ　プライバシーポリシー*/

.privacy dl { width:100%; height:auto;}
.privacy dl dt { font-size:13px; font-weight:bold; margin-bottom:2px; padding-bottom:8px; border-bottom:1px solid #999;}
.privacy dl dd { margin-bottom:16px;}

@media (max-width:984px) {
	.header_box { height:100%; margin:0 auto; /*position:relative;*/ }
	.header_box h1 { width:100%; float:none; text-align:center; margin-top:0px; font-size:18px; font-weight:bold; line-height:120%; padding:8px;}
	.header_box ul { display:none;}

	.top_visual { width:100%; padding:16px 24px;}
	.top_visual img { width:100%;}

	.m-content .l_cate { padding-left:15px; padding-right: 15px;}

	.m-content .r_cate { padding-right:0px; }
	.m-content .r_cate ol { float:none; text-align:center; margin-top:12px; }

	.footer_box ul { width:100%; margin:0 auto; display:block; margin:16px 0 8px;}
	.footer_box ul.bana { width:100%; margin:0 auto; display:block; margin:16px 0 8px;}
	.footer_box ul.bana li { display:block; text-align:center; float:none; margin-bottom:16px;}

	/*中ページ　政策・理念*/

	.seisaku img { width:100%; text-align:center;}

}

@media (max-width:480px) {
	.header_box { height:100%; margin:0 auto; /*position:relative;*/ }
	.header_box h1 { width:100%; float:none; text-align:center; margin-top:0px; font-size:18px; font-weight:bold; line-height:120%; padding:8px;}
	.header_box ul { display:none;}

	.fb-page { width:240px!important; }
}