/*
Theme Name: 玉野商工会議所 青年部
Theme URI: http://www.tamanocci.jp/yeg/
Description: 玉野商工会議所 青年部のホームページ用スタイルシート
Version: 1.1
Author: Yoko Sakai
Author URI: http://www.allpaqa.info
*/


@charset "utf-8";
/* Common */
* {
	margin: 0;
	padding: 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
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, img, ins, kbd, q, s, samp, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
html {
	overflow-y: scroll;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
select, input[type="text"], input[type="tel"], input[type="number"], input[type="url"], input[type="email"], input[type="button"] {
	border-radius: 5px;
	vertical-align: middle;
	border: 1px solid #ccc;
	height: 30px;
	padding: 0 0.5em;
}
input[type="text"], input[type="tel"], input[type="number"], input[type="url"], input[type="email"] {
	width: 20em;
}
.radio {
	display: inline;
}
select {
	text-align: center;
}
 input, textarea {
 margin: 0;
 padding: 0;
}
input.number-s {
	width: 7em;
}
input[type="submit"] {
	border: solid 1px #bfbfbf;
	padding: 0.5em 1em;
	border-radius: 3px;
	cursor: pointer;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#feffff+0,ddf1f9+35,a0d8ef+100;Blue+3D+%2318 */
	background: rgb(254,255,255); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM1JSIgc3RvcC1jb2xvcj0iI2RkZjFmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhMGQ4ZWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(254,255,255,1) 0%, rgba(221,241,249,1) 35%, rgba(160,216,239,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(254,255,255,1)), color-stop(35%, rgba(221,241,249,1)), color-stop(100%, rgba(160,216,239,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(254,255,255,1) 0%, rgba(221,241,249,1) 35%, rgba(160,216,239,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(254,255,255,1) 0%, rgba(221,241,249,1) 35%, rgba(160,216,239,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(254,255,255,1) 0%, rgba(221,241,249,1) 35%, rgba(160,216,239,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(254,255,255,1) 0%, rgba(221,241,249,1) 35%, rgba(160,216,239,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#a0d8ef', GradientType=0 ); /* IE6-8 */
}
input[type="submit"]:active {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffc578+0,fb9d23+100;Orange+3D+%233 */
	background: rgb(255,197,120); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYzU3OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYjlkMjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(255,197,120,1) 0%, rgba(251,157,35,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,197,120,1)), color-stop(100%, rgba(251,157,35,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,197,120,1) 0%, rgba(251,157,35,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,197,120,1) 0%, rgba(251,157,35,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,197,120,1) 0%, rgba(251,157,35,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255,197,120,1) 0%, rgba(251,157,35,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc578', endColorstr='#fb9d23', GradientType=0 ); /* IE6-8 */
}
.scroll table{
	width:100%;
	}
	.scroll{
	overflow: auto;
	white-space: nowrap;
	}
	.scroll::-webkit-scrollbar{
	 height: 5px;
	}
	.scroll::-webkit-scrollbar-track{
	 background: #F1F1F1;
	}
	.scroll::-webkit-scrollbar-thumb {
	 background: #BCBCBC;
	}
table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 10px;
}
th, td {
	padding: 0.3em 0.5em;
	border: solid 1px #bfbfbf;
}
th {
	background-color: #b0eb99;
	font-weight: normal;
	white-space: nowrap;
	vertical-align: middle;
}
th[scope="row"] {
	background-color: #defabf;
}
div.links tr td:nth-child(2) {
	white-space:nowrap;
}
td ul {
	margin: 0;
	padding: 0 0 0 1.2em;
}
td li {
	list-style-type: circle;
	background: none !important;
	padding: 0 !important;
	margin: 0 !important;
}
table span.required {
	font-size: 10px;
	background-color: #F60;
	color: #fff;
	padding: 0.3em 0.5em;
	border-radius: 5px;
	font-weight: bold;
	margin-left: 0.5em;
}
table.form th {
	text-align: left;
	width: 12em;
}
table.form th span {
	float: right;
}
span.highlight {
	font-weight:bold;
	color: #24a62f;
}
@-moz-document url-prefix() {
 table.form th span {
 margin-top: -2em;
}
}
hr {
	height: 9px;
	margin: 10px 0;
	border: none;
	background: url(./images/hr-bg.gif) repeat-x 0 0;
}
ul {
	list-style: none;
	text-align: left;
}
ul.half li {
	width: 50% !important;
	float: left;
}
ul.text-link li {
	background: url(./images/list-02.gif) no-repeat left 0.2em;
	padding-left: 1.5em;
}
ul.no-link li {
	background: none !important;
	position: relative;
	margin-left: 1em;
	padding-left: 1.2em;
}
ul.no-link li:after {
	display: block;
	content: "";
	position: absolute;
	top: .3em;
	left: 0;
	width: 7px;
	height: 7px;
	border: 2px solid #4fca23;
	border-radius: 100%;
}
li {
	background: url(./images/list-01.gif) no-repeat left 0.4em;
	padding-left: 1em;
	margin-bottom: 10px;
}
ol {
	text-align: left;
	margin-left: 1.5em;
}
ol li {
	background: none;
	padding-left: 0;
}
ol ol {
	margin-left: 3em;
	list-style-type: cjk-ideographic;
}
ol ol ol {
	margin-left: 3em;
	list-style-type: katakana;
}
strong {
	font-weight: bold;
}
img {
	vertical-align: bottom;
}
img[alt="PDFファイル"] {
	vertical-align: middle;
}
img.alignleft {
	float: left;
	margin: 0 10px 10px 0;
}
img.alignright {
	float: right;
	margin: 0 0 10px 10px;
}
a {
	color: #24a62f;
}
a:link, a:visited {
	text-decoration: none;
}
a:hover, a:active {
	text-decoration: none;
}
a:focus {
	outline: none;
}
a img:hover {
	opacity: .7;
	transition: .2s;
}
p {
	line-height: 1.7em;
	margin-bottom: 0.7em;
}
p:last-child {
	margin-bottom: 0 !important;
}
p.right {
	text-align: right !important;
	margin-bottom: 30px !important;
}
p.center {
	text-align: center !important;
}
p.text-link a {
	background: url(./images/list-02.gif) no-repeat left 0.2em;
	padding-left: 1.5em;
}
#pagetop {
	right: 10px;
	bottom: 215px;
	text-align: center;
	position: fixed;
	z-index: 30;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	transform: scale(0);
}
#pagetop:hover {
	opacity: 0.8;
}
#pagetop.show {
	transform: scale(1);
	-webkit-transform: translateZ(0);
}
div#otherlink:before, div#otherlink:after, div#side section.info li:before, div#side section.info li:after, section.news li:before, section.news li:after,section:before,section:after,div:before,div:after {
	content: " ";
	display: table;
}
div#otherlink:after, div#side section.info li:after, section.news li:after,section:after,div:after {
	clear: both;
}
div#otherlink, div#side section.info li, section.news li,section,div {
 *zoom: 1;
}
nav, #content {
	font-size: 81.3%;
}
section {
	margin-bottom: 30px;
}
html {
	background: #4fca23;
}
body {
	background: #fff;
}
body>header {
	background: url(header-bg.jpg) no-repeat top center;
}
header h1, header div#ci {
	width: 960px;
	margin: auto;
	text-align: left;
	padding: 20px 0 11px 0;
}
header nav {
	background: url(./images/nav-bg.gif) repeat-x 0 0;
	max-height: 45px;
	min-height: 45px;
	margin-bottom: 16px;
	border-bottom: solid 1px #ccc;
	box-sizing: content-box !important;
}
header nav ul {
	width: 960px;
	margin: auto;
}
header nav ul li {
	float: left;
	background: none !important;
	padding-left: 0 !important;
	margin-bottom: 0 !important;
}
header nav ul li a {
	display: block;
	width: 137px;
	height: 45px;
	text-indent: -9999px;
}
header nav ul li:nth-child(1) a {
	background: url(./images/nav-01.gif) no-repeat left top;
}
header nav ul li:nth-child(2) {
	position: relative;
}
header nav ul li:nth-child(2) a {
	background: url(./images/nav-02.gif) no-repeat left top;
}
header nav ul li:nth-child(3) a {
	background: url(./images/nav-03.gif) no-repeat left top;
	position: relative;
}
header nav ul li:nth-child(4) {
	position: relative;
}
header nav ul li:nth-child(4) a {
	background: url(./images/nav-04.gif) no-repeat left top;
}
header nav ul li:nth-child(5) {
	position: relative;
}
header nav ul li:nth-child(5) a {
	background: url(./images/nav-05.gif) no-repeat left top;
}
header nav ul li:nth-child(6) a {
	background: url(./images/nav-06.gif) no-repeat left top;
}
header nav ul li:nth-child(7) a {
	background: url(./images/nav-07.gif) no-repeat left top;
	border-right: solid 1px #ccc;
}
header nav ul li a:hover, header nav ul li.current-menu-item a, header nav ul li.current-menu-parent a, header nav ul li.current-page-ancestor a {
	background-position: left bottom;
}
header nav ul ul {
	width: 300px;
	position: absolute;
	top: 45px;
	left: 0;
	background: #fff !important;
	text-indent: inherit !important;
	z-index: 9999;
}
header nav ul ul li {
	width:145px;
	font-size: 112.5%;
	background: url(./images/list-01.gif) no-repeat 1em center !important;
}
header nav ul ul li a {
	width: inherit !important;
	height: inherit !important;
	background: none !important;
	text-indent: inherit !important;
	padding: 0.5em 1em 0.5em 2em;
}
header nav ul li ul li {
	overflow: hidden;
	height: 0;
	transition: .2s;
}
header nav ul li:hover ul {
	border: solid 2px #9aec38;
}
header nav ul li:hover ul li {
	overflow: visible;
	height: 38px;
}
section>header {
	position: relative;
}
#main>h1 {
	font-size: 150%;
	background: url(./images/h1-bg.gif) no-repeat left center;
	min-height: 62px;
	padding: 0.8em 1.5em 0 1.5em;
	font-weight: bold;
	margin-bottom: 15px;
}
header h2, #side header h4 {
	border: solid 1px #bfbfbf;
	border-radius: 3px;
	padding: 0.5em 0.5em 0.5em 2.3em;
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 106.3%;
	text-align: left;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e1e1e1+0,ffffff+4,ffffff+60,ededed+98,e1e1e1+100 */
	background: url(./images/h2-bg.png), rgb(225,225,225); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(./images/h2-bg.png), url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UxZTFlMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNjAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTglIiBzdG9wLWNvbG9yPSIjZWRlZGVkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2UxZTFlMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: url(./images/h2-bg.png), -moz-linear-gradient(top, rgba(225,225,225,1) 0%, rgba(255,255,255,1) 4%, rgba(255,255,255,1) 60%, rgba(237,237,237,1) 98%, rgba(225,225,225,1) 100%); /* FF3.6+ */
	background: url(./images/h2-bg.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(225,225,225,1)), color-stop(4%, rgba(255,255,255,1)), color-stop(60%, rgba(255,255,255,1)), color-stop(98%, rgba(237,237,237,1)), color-stop(100%, rgba(225,225,225,1))); /* Chrome,Safari4+ */
	background: url(./images/h2-bg.png), -webkit-linear-gradient(top, rgba(225,225,225,1) 0%, rgba(255,255,255,1) 4%, rgba(255,255,255,1) 60%, rgba(237,237,237,1) 98%, rgba(225,225,225,1) 100%); /* Chrome10+,Safari5.1+ */
	background: url(./images/h2-bg.png), -o-linear-gradient(top, rgba(225,225,225,1) 0%, rgba(255,255,255,1) 4%, rgba(255,255,255,1) 60%, rgba(237,237,237,1) 98%, rgba(225,225,225,1) 100%); /* Opera 11.10+ */
	background: url(./images/h2-bg.png), -ms-linear-gradient(top, rgba(225,225,225,1) 0%, rgba(255,255,255,1) 4%, rgba(255,255,255,1) 60%, rgba(237,237,237,1) 98%, rgba(225,225,225,1) 100%); /* IE10+ */
	background: url(./images/h2-bg.png), linear-gradient(to bottom, rgba(225,225,225,1) 0%, rgba(255,255,255,1) 4%, rgba(255,255,255,1) 60%, rgba(237,237,237,1) 98%, rgba(225,225,225,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e1e1', endColorstr='#e1e1e1', GradientType=0 ); /* IE6-8 */
	background-repeat: no-repeat;
	background-position: left center;
}
header p.list {
	position: absolute;
	right: 0.5em;
	top: 0.2em;
}
div#content {
	max-width: 940px;
	width: 95%;
	margin: auto;
}
div#main {
	max-width: 700px;
	width: 100%;
	float: left;
	padding-bottom: 30px;
}
div#side {
	width: 220px;
	float: right;
}
div#side address {
	margin-top: 10px;
}
div#side address dl {
	line-height: 1.2em;
	margin-bottom: 10px;
}
div#side address dt {
	width: 2.5em;
	float: left;
}
div#side address dd {padding-left:3em;}
div#side address dd:before {
	content: ":";
}
div#side li {
	margin: 0 0 10px 0 !important;
	background: none !important;
	padding-left: 0 !important;
}
div#side li.text-link {
	background: url(./images/list-02.gif) no-repeat left 0.2em !important;
	padding-left: 1.5em !important;
}
div#side section.info li {
	padding: 0;
	border-bottom: dashed 1px #ccc;
	padding-bottom: 5px;
	margin-bottom: 5px !important;
}
div#side section.info li a {
	display: block;
}
div#side section.info li a div {
	width: 50px;
	height: 50px;
	overflow: hidden;
	position: relative;
	float: left;
	border: solid 3px #eee;
	margin-right: 5px;
}
div#side p#joining a {
	display: block;
	width: 220px;
	height: 78px;
	text-indent: -9999px;
	background: url(./images/botan-nyuukai.gif) no-repeat left top;
}
div#side p#joining a:hover {
	background-position: left bottom;
}
div#side section.archives li {
	background: url(./images/list-02.gif) no-repeat left center !important;
	padding-left:1.2em !important;
	float:left;
}
div#side section.archives li:nth-child(odd) {margin-right:1em !important;}
div#side section.event li a img {border:solid 1px #bfbfbf;width:220px;height:66px;display:block;}
div#otherlink {
	clear: both;
	padding: 30px;
	/* #c5ff81+0,ffffff+100 */
	background: url(./images/footer-ferry.png), rgb(197,255,129); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(./images/footer-ferry.png), url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M1ZmY4MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: url(./images/footer-ferry.png), -moz-linear-gradient(top, rgba(197,255,129,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: url(./images/footer-ferry.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(197,255,129,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: url(./images/footer-ferry.png), -webkit-linear-gradient(top, rgba(197,255,129,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: url(./images/footer-ferry.png), -o-linear-gradient(top, rgba(197,255,129,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: url(./images/footer-ferry.png), -ms-linear-gradient(top, rgba(197,255,129,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: url(./images/footer-ferry.png), linear-gradient(to bottom, rgba(197,255,129,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5ff81', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
	background-repeat: no-repeat;
	background-position: bottom center;
}
div#otherlink ul {
	max-width: 960px;
	width: 100%;
	margin: auto;
}
div#otherlink ul li {
	float: left;
	margin: 0 26px 8px 0 !important;
	background: none !important;
	padding-left: 0 !important;
}
div#otherlink ul li:nth-child(4n+4) {
	margin-right: 0 !important;
}
footer {
	text-align: center;
	background: #4fca23;
	color: #fff;
	padding: 40px 0;
}
div.pagination {
	clear: both;
	font-size: 112.5%;
	text-align: center;
}
div.pagination span {
	margin-right: 0.2em;
}
div.pagination span:first-child {
	border: solid 1px #4fca23;
	padding: 0.3em 0.8em;
	color: #4fca23;
}
div.pagination span.current {
	padding: 0.3em 0.8em;
	border: solid 1px #4fca23;
	background-color: #4fca23;
	color: #fff;
}
div.pagination span a {
	display: inline-block;
	padding: 0.3em 0.8em;
	border: solid 1px #4fca23;
	text-decoration: none;
}
div.pagination span a:hover {
	background-color: #4fca23;
	color: #fff;
}
div.pagination p.txtCenter {
	margin-top: 15px;
}
div.pagination p.txtCenter a {
	color: #fff;
	padding: 0.3em 0.8em;
	background-color: #4fca23;
	text-decoration: none;
}

/* Index */
div#slider {
	max-width: 940px;
	width: 100%;
	max-height: 350px;
	height: auto;
	border-radius: 3px;
	margin: 0 auto 20px auto;
}


/* 事業計画 */
section.prof img {float:left;width:250px;} 
section.prof dl {margin-left:260px;}
.plan dt, div.tidings dt {
	background: #4fca23;
	color: #fff;
	width: 8em;
	border-radius: 3px;
	padding: 0.5em 0;
	float: left;
	font-weight: bold;
	text-align: center;
	margin-bottom: 0.5em;
}
.plan dd, div.tidings dd {
	margin-left: 8.5em;
	padding: 0.5em 0;
	margin-bottom: 0.5em;
}


section.news li span {
	display:block;
	float:left;
	width:120px;
}
section.news li a {
	display:block;
}
/* 青年部だより */
div.tidings div.photos {margin-bottom:10px;}
div.tidings div.photos img {margin-bottom:10px;}
div.tidings div.photos img:nth-child(odd) {margin-right:5px !important;}

div.organization-chart dl.name {
	margin-bottom:20px !important;
}
div.organization-chart dl.name dt {
	background: #4fca23;
	color: #fff;
	width: 8em;
	border-radius: 3px;
	padding: 0.5em 0;
	float: left;
	font-weight: bold;
	text-align: center;
	margin-bottom: 0.5em;
}
div.organization-chart dl.name dd {
	margin-left: 8.5em;
	padding: 0.5em 0;
	margin-bottom: 0.5em;
	font-weight:bold;
}
div.organization-chart dl.member dt {
	clear:both;
	float:none !important;
	font-weight: bold;
	border-left: solid 10px #4fca23;
	margin-bottom: 7px;
	padding-left: 0.5em;
}

div.organization-chart dl.member dd {
	margin-bottom:20px !important;
	margin-left:1.5em;
}
div.organization-chart dl.member dd span {
	font-weight:bold;
}
div.organization-chart ul.circle {
	width:30%;
	float:left;
}

div.organization-chart ul.double-circle {
	width:70%;
	float:right;
}

div.organization-chart ul.double-circle li {
	width:33%;
	float:left;
}

ul.circle li {
	background: none !important;
	position: relative;
	border: none;
	padding-left: 1.4em;
}
ul.circle li:after {
	display: block;
	content: '';
	position: absolute;
}
ul.circle li:after {
	top: .3em;
	left: 0;
	width: 1em;
	height: 1em;
	background-color: #4fca23;
	border-radius: 100%;
}

ul.double-circle li {
	background: none !important;
	position: relative;
	padding-left: 1.4em;
}
ul.double-circle li:after {
	display: block;
	content: "";
	position: absolute;
	top: .3em;
	left: 0;
	width: 0.7em;
	height: 0.7em;
	border: 2px solid #4fca23;
	border-radius: 100%;
}

h1 #smp, div#ci #smp {
	display: none;
}
nav #smp {
	display: none;
}
#menu-btn-check {
	display: none;
}
.sp-txt {
	display: none;
}
@media screen and (max-width: 970px) {
	div#side {
		width: 100% !important;
		display: flex;
		justify-content: space-between;
	}
	div#side section {
		width:48%;
		text-align: center;
	}div#side section ul {
		text-align: center;
	}
	div#side section address {
		width: 80%;
		margin: 10px auto;
	}
	div#side section.event li a img {
		display: inherit;
	}
  }

  @media screen and (max-width: 960px) {
	header h1, header div#ci {
		width: 100%;
	}
  }

  @media screen and (max-width: 940px) {
	header div#ci {
		margin-bottom: 10px;
	}
	#menu-btn-check {
		display: block;
	}
	header nav {
		max-height: 0;
		min-height: 0;
		border: none;
		margin-bottom:0;
	}
	nav #pc {
		display: none;
	}
	nav #smp {
		display: block;
		margin-top: 60px;
	}
	#menu-btn-check {
		position: absolute;
		margin-top: -500px;
	}
	nav #smp {
		width: 100%;
	} 
	nav #smp li a {
		text-indent: inherit;
		color: #fff !important;
	}

	nav #smp li form {
		padding: 0 15px 12px 15px;
	}

	  header nav ul#smp li {
		float: none;
		list-style: none;
		width: 100%;
		margin-bottom: 5px !important;
		padding-bottom: 5px;
		border-bottom: #fff solid 1px;
	  }
	  header nav ul#smp li a {
		display: block;
		text-decoration: none;
		background: none;
	  }
	  header nav ul#smp li.current-menu-item a, header nav ul#smp li.current-menu-item form {
		background-color: rgba(255, 255, 255, 0.3);
	  }
	  header nav .hamburger-menu .menu-btn {
		display: block !important;
	  }
	  header nav #menu-btn-check:checked ~ .menu-btn span {
		background-color: rgba(255, 255, 255, 0);
		/*メニューオープン時は真ん中の線を透明にする*/
	  }
	  header nav #menu-btn-check:checked ~ .menu-btn span::before {
		bottom: 0;
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg); 
	  }
	  header nav #menu-btn-check:checked ~ .menu-btn span::after {
		top: 0;
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg); 
	  }
	  header nav .menu-btn {
		position: fixed;
		top: 10px;
		right: 10px;
		display: flex;
		height: 50px;
		width: 50px;
		z-index: 90;
		border: solid 2px #24a62f;
		padding: 22px 10px;
		background-color: #ffffff;
	  }
	  header nav .menu-btn span,
	  header nav .menu-btn span:before,
	  header nav .menu-btn span:after {
		content: '';
		display: block;
		height: 3px;
		width: 25px;
		border-radius: 3px;
		background-color: #24a62f;
		position: absolute;
	  }
	  header nav .menu-btn span:before {
		bottom: 8px;
	  }
	  header nav .menu-btn span:after {
		top: 8px;
	  }
	  header nav .menu-content {
		width: 80%;
		height: 100%;
		position: fixed;
		top: 0;
		left: 100%;
		/*leftの値を変更してメニューを画面外へ*/
		z-index: 80;
		background: #24a62f;
		transition: all 0.5s;
		/*アニメーション設定*/
		overflow: scroll;
		padding-bottom: 100px;
	  }
	  header nav .menu-content ul {
		padding: 10px 10px 0 !important;
	  }
	  header nav .menu-content ul li {
		border-bottom: solid 1px #ffffff !important;
	  }
	  header nav .menu-content ul li a {
		display: block !important;
		width: 100% !important;
		font-size: 15px !important;
		box-sizing: border-box !important;
		color: #ffffff !important;
		padding: 12px 15px !important;
		position: relative !important;
	  }
	  header nav .menu-content ul li a::before {
		content: "";
		width: 7px;
		height: 7px;
		border-top: solid 2px #ffffff;
		border-right: solid 2px #ffffff;
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		position: absolute;
		right: 11px;
		top: 16px;
	  }
	  header nav #menu-btn-check:checked ~ .menu-content {
		left: 20%;
		/*メニューを画面内へ*/
	  }
	  header nav ul li:nth-child(7) a {
		border: none;
	  }
	  #main>h1 {
		border: solid 1px #bfbfbf;
		border-radius: 3px;
	}
	div.organization-chart section img {
		display: block;
		margin: auto;
		max-width: 100%;
	}
	div.organization-chart ul.circle {
		width: 100%;
	}
	div.organization-chart ul.double-circle {
		width: 90%;
	}
  }

  @media screen and (max-width: 640px) {
	h1 #pc, div#ci #pc {
		display: none;
	}
	h1 #smp, div#ci #smp {
		display: block;
		max-width: 100%;
    	height: auto;
	}
	header h1, header div#ci {
		padding:11px 0;
	}
	section.prof img {
		float: none;
		margin: 0 auto 10px auto;
    	display: block;
	}
	section.prof dl {
		margin-left: 0;
	}
	.plan dt, div.tidings dt {
		float: none;
		width: auto;
	}
	.plan dd, div.tidings dd {
		margin-left: 0;
	}
	div.tidings div.photos img:nth-child(odd) {
		margin-right: auto !important;
	}
	div.tidings div.photos img {
		display: block;
    	margin: auto auto 10px auto;
    	max-width: 100%;
	}
	.sp-txt {
		display: block;
	}
	div.joining table tr td:nth-child(2) {
		white-space: nowrap;
	}
  }

  @media screen and (max-width: 500px) {
	div#side {
		display: block !important;
	}
	div#side section {
		width:100% !important;
	}
	div#otherlink ul {
		text-align: center;
	}
	div#otherlink ul li {
		float: none;
		margin: 0 0 8px 0 !important;
	}
	#pagetop {
		bottom: 10px;
	}
  }
  @media screen and (max-width: 360px) {
	h1 #smp, div#ci #smp {
		max-width: 80%;
	}
  }