/*
Theme Name: 玉野商工会議所
Theme URI: http://www.tamanocci.jp/
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"] {
	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 */
}
table {
	width: 700px;
	border-collapse: collapse;
	margin-bottom: 10px;
}
th, td {
	padding: 0.3em 0.5em;
	border: solid 1px #bfbfbf;
}
th {
	background-color: #c1e2ff;
	font-weight: normal;
	white-space: nowrap;
	vertical-align: middle;
}
th[scope="row"] {
	background-color: #e2f2ff;
}
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;
}
@-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 #0089ff;
	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: #016bc7;
}
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: 280px;
	text-align: center;
	position: fixed;
	z-index: 9999;
	-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 {
	content: " ";
	display: table;
}
div#otherlink:after, div#side section.info li:after, section.news li:after {
	clear: both;
}
div#otherlink, div#side section.info li, section.news li {
 *zoom: 1;
}
nav, #content {
	font-size: 81.3%;
}
section {
	margin-bottom: 30px;
}
html {
	background: #0089ff;
}
body {
	background: #fff;
}
body>header {
	background: url(./images/header-bg.jpg) no-repeat top center;
}
header h1, header div#ci {
	width: 960px;
	margin: auto;
	text-align: left;
	padding: 26px 0 15px 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: 120px;
	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) a {
	background: url(./images/nav-02.gif) no-repeat left top;
}
header nav ul li:nth-child(3) {
	position: relative;
}
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) a {
	background: url(./images/nav-04.gif) no-repeat left top;
}
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;
}
header nav ul li:nth-child(8) a {
	background: url(./images/nav-08.gif) no-repeat left top;
}
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 {
	float: none !important;
	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 #4197ee;
}
header nav ul li:hover ul li {
	overflow: visible;
	height: 38px;
	border-bottom: dashed 1px #4197ee;
}
header nav ul li:hover ul li:last-child {
	border: none;
}
section>header {
	position: relative;
}
#main>h1 {
	font-size: 150%;
	background: url(./images/h1-bg.gif) no-repeat left center;
	min-height: 62px;
	padding: 1em 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%;
	/* 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 {
	width: 940px;
	margin: auto;
}
div#main {
	width: 700px;
	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: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#otherlink {
	clear: both;
	padding: 30px 0;
	/* #def0ff+0,ffffff+100 */
	background: url(./images/footer-ferry.png), rgb(222,240,255); /* 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+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RlZjBmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: url(./images/footer-ferry.png), -moz-linear-gradient(top, rgba(222,240,255,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(222,240,255,1)), color-stop(100%, rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: url(./images/footer-ferry.png), -webkit-linear-gradient(top, rgba(222,240,255,1) 0%, rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: url(./images/footer-ferry.png), -o-linear-gradient(top, rgba(222,240,255,1) 0%, rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: url(./images/footer-ferry.png), -ms-linear-gradient(top, rgba(222,240,255,1) 0%, rgba(255,255,255,1) 100%); /* IE10+ */
	background: url(./images/footer-ferry.png), linear-gradient(to bottom, rgba(222,240,255,1) 0%, rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#def0ff', endColorstr='#ffffff', GradientType=0 ); /* IE6-8 */
	background-repeat: no-repeat;
	background-position: bottom center;
}
div#otherlink ul {
	width: 960px;
	margin: auto;
}
div#otherlink ul li {
	float: left;
	margin: 0 8px 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: #0089ff;
	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 #0089ff;
	padding: 0.3em 0.8em;
	color: #0089ff;
}
div.pagination span.current {
	padding: 0.3em 0.8em;
	border: solid 1px #0089ff;
	background-color: #0089ff;
	color: #fff;
}
div.pagination span a {
	display: inline-block;
	padding: 0.3em 0.8em;
	border: solid 1px #0089ff;
	text-decoration: none;
}
div.pagination span a:hover {
	background-color: #0089ff;
	color: #fff;
}
div.pagination p.txtCenter {
	margin-top: 15px;
}
div.pagination p.txtCenter a {
	color: #fff;
	padding: 0.3em 0.8em;
	background-color: #0089ff;
	text-decoration: none;
}
/* Index */
div#slider {
	width: 940px;
	height: 350px;
	border-radius: 3px;
	margin: 0 auto 20px auto;
}
section.news li span, .seminar-news li span, .member-news li span, .card-news li span, .test-news li span, .loan-news li span, .subsidy-news li span, .tourism-news li span, .investigation-news li span, .public-link-news li span {
	display:block;
	float:left;
	width:190px;
}
section.news li span img, .seminar-news li span img, .member-news li span img, .card-news li span img, .test-news li span img, .loan-news li span img, .subsidy-news li span img, .tourism-news li span img, .investigation-news li span img, .public-link-news li span img {
	margin-left:10px;
}
section.news li a, .seminar-news li a, .member-news li a .card-news li a, .test-news li a, .loan-news li a, .subsidy-news li a, .tourism-news li a, .investigation-news li a, .public-link-news li a {
	margin-left:195px;
	display:block;
}
div.block-list {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}
div.block-list section {
	border: solid 1px #b5b5b5;
	padding: 1em;
	width: 50%;
	float: left;
	margin-bottom: 0 !important;
}
div.block-list section.tourism {
	width: 100% !important;
}
div.block-list section h3 {
	font-weight: bold;
	font-size: 106.3%;
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 45px;
	height: 35px;
	display: table-cell;
	vertical-align: middle;
}
div.block-list section ul {
	margin-top: 10px;
}
div.block-list section.subsidy h3 {
	background-image: url(./images/icon-hojyo.gif);
}
div.block-list section.loan h3 {
	background-image: url(./images/icon-yuushi.gif);
}
div.block-list section.seminar h3 {
	background-image: url(./images/icon-semi.gif);
}
div.block-list section.survey h3 {
	background-image: url(./images/icon-cyousa.gif);
}
div.block-list section.card h3 {
	background-image: url(./images/icon-card.gif);
}
div.block-list section.test h3 {
	background-image: url(./images/icon-shiken.gif);
}
div.block-list section.tourism h3 {
	background-image: url(./images/icon-kanko.gif);
}
div.block-list section.tourism li {
	width: 50%;
	float: left;
}
div.block-list section.membership h3 {
	background-image: url(./images/icon-kaiin.gif);
}
div.block-list section.public h3 {
	background-image: url(./images/icon-link.gif);
}
div.block-list section li span {
	display: block;
}
div.block-list section.subsidy, div.block-list section.seminar, div.block-list section.card {
	border-right: none;
	border-bottom: none;
}
div.block-list section.loan, div.block-list section.survey, div.block-list section.tourism, div.block-list section.test {
	border-bottom: none;
}
div.block-list section.membership {
	border-right: none;
}
/* 入会案内 */
div.block-list section.improvement {
	border-right: none;
	border-bottom: none;
}
div.block-list section.improvement h3 {
	background-image: url(./images/icon-improvement.gif);
}
div.block-list section.office-work {
	border-bottom: none;
}
div.block-list section.office-work h3 {
	background-image: url(./images/icon-office-work.gif);
}
div.block-list section.human-resources {
	border-right: none;
}
div.block-list section.human-resources h3 {
	background-image: url(./images/icon-human-resources.gif);
}
div.block-list section.other h3 {
	background-image: url(./images/icon-other.gif);
}
dl.pillar {
	margin-bottom: 30px;
}
dl.pillar dt {
	background: #0089ff;
	color: #fff;
	width: 8em;
	border-radius: 3px;
	padding: 0.5em 0;
	float: left;
	font-weight: bold;
	text-align: center;
	margin-bottom: 0.5em;
}
dl.pillar dd {
	margin-left: 8.5em;
	padding: 0.5em 0;
	margin-bottom: 0.5em;
}
p#application {
	text-align: center;
}
p#application a {
	border-radius: 3px;
	border: solid 1px #ff7800;
	color: #fff;
	text-decoration: none;
	padding: 1em 3em;
	font-size: 150%;
	font-weight: bold;
	display: inline-block;
	margin: 40px auto;
	text-shadow: 0px 0px 3px rgba(255, 0, 0, 1);
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffa84c+0,ff7b0d+100;Orange+3D */
	background: rgb(255,168,76); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYTg0YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjdiMGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(255,168,76,1) 0%, rgba(255,123,13,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,168,76,1)), color-stop(100%, rgba(255,123,13,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,168,76,1) 0%, rgba(255,123,13,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,168,76,1) 0%, rgba(255,123,13,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,168,76,1) 0%, rgba(255,123,13,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255,168,76,1) 0%, rgba(255,123,13,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d', GradientType=0 ); /* IE6-8 */
}
/* 会員企業 */
.controls li {
	display: inline-block;
	word-wrap: break-word;
	background: none !important;
	padding: 0 !important;
}
.controls li a {
	display: block;
	padding: 0.5em 1em;
	background: #c0e2fe;
	color: #333;
	border-radius: 8px 8px 0 0;
	text-decoration: none;
}
.controls li a.active, .controls li a:hover {
	color: #fff;
	background: #0089ff;
}
/* 個人情報 */
.privacy dt, .links dt, .support dt {
	font-weight: bold;
	border-left: solid 10px #0089ff;
	margin-bottom: 7px;
	padding-left: 0.5em;
	margin-top: 20px;
	clear: both;
}
.privacy dd, .links dd {
	margin-left: 3.3em;
	margin-bottom: 7px;
}
div.tabContentsContainer section:nth-child(n+2) {
	display: none;
}
/* リンク集 */
.links dd dl {
	clear: both;
}
.links dd dt {
	position: relative;
	border: none;
	margin-left: 0.5em;
	margin-top: 0;
}
.links dd dt:after {
	display: block;
	content: '';
	position: absolute;
}
.links dd dt:after {
	top: .2em;
	left: -1em;
	width: 1em;
	height: 1em;
	background-color: #0089ff;
	border-radius: 100%;
}
.links dd dd {
	margin-left: 2em;
}
.links dd li {
	width: 50%;
	float: left;
}
.links dd ul.no-half li {
	float: none !important;
	width: inherit !important;
}
/* 経営支援 */
.support div.block-list dl {
	width: 50%;
}
.support li span, .seminar li span, .member li span, .card li span, .test li span, .loan li span, .subsidy li span, .tourism li span, .investigation li span, .public-link li span {
	display: block;
}
