@charset "UTF-8";
/* IEIJ  Design Style Sheet 2019 */
/* all
----------------------------------*/
* {
	margin: 0px;
	padding: 0px;
}
body {
	color: #333;
	background-image: none;
	background: #eee;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', Verdana, Arial, sans-serif;
	font-size:small;
	font-weight: normal;
}
#wrapper {
	margin: 0 auto;
	width: 800px;
	position: relative;
	display: flex;
	flex-direction:row;
	flex-wrap: wrap;
	text-align: left;
}
h1 {
	font-size: large;
	font-weight: bold;
	margin-bottom: 8px;
}
h2, h3 {
	font-size: medium;
	font-weight: bold;
}
h4, h5 {
	font-size: small;
	font-weight: bold;
}
/* link
----------------------------------*/
a {
	background: transparent;
	text-decoration: none;
}
a img {
	border: none;
}
a:link {
	color: #369;
}
a:visited {
	color: #47a;
}
a:hover, a:active {
	color: #f93;
	text-decoration: underline;
}
/* header
----------------------------------*/
#header {
	order:1;
	position: relative;
	width: 800px;
	height: 90px;
	background: url(../images/head_bg.jpg) no-repeat;
}
#header p {
	text-indent: -9999px;
}
#headlogo{
}

a#logoJP {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 255px;
	height: 59px;
	background: url(../images/logo_jp.png) no-repeat;
}
a#logoEN {
	position: absolute;
	top: 1px;
	left: 255px;
	width: 288px;
	height: 59px;
	background: url(../images/logo_en.png) 0px 0px no-repeat;
}
a#logoEN:hover {
	background: url(../images/logo_en.png) 0px -59px no-repeat;
}
#headBtn{
}
a#btnJoin {
	position: absolute;
	top: 9px;
	left: 554px;
	width: 94px;
	height: 17px;
	background: url(../images/btn_join.gif) 0px 0px no-repeat;
}
a#btnJoin:hover {
	background: url(../images/btn_join.gif) 0px -17px no-repeat;
}
a#btnSitemap {
	position: absolute;
	top: 9px;
	left: 661px;
	width: 84px;
	height: 17px;
	background: url(../images/btn_sitemap.gif) 0px 0px no-repeat;
}
a#btnSitemap:hover {
	background: url(../images/btn_sitemap.gif) 0px -18px no-repeat;
}
a#btnFaq {
	position: absolute;
	top: 9px;
	left: 750px;
	width: 46px;
	height: 17px;
	background: url(../images/btn_faq.gif) 0px 0px no-repeat;
}
a#btnFaq:hover {
	background: url(../images/btn_faq.gif) 0px -18px no-repeat;
}
#headSearch {
	display: none;
}
/*
#searchText {
	position: absolute;
	top: 30px;
	left: 554px;
	width: 182px;
	height: 20px;
}
#searchBtn{
	position: absolute;
	top: 30px;
	left: 743px;
	width: 54px;
	height: 20px;
}
*/

/*Googleカスタム検索
----------------------------------*/
#headSearchG {
	position: absolute;
	top: 30px;
	left: 554px;
	width: 242px;
	height: 20px;
	margin: 0 !important;
	padding: 0 !important;
}
form.gsc-search-box {
	margin: 0 !important;
}
table.gsc-search-box {
	margin: 0 !important;
}
.gsc-control-cse {
border:none  !important;
background-color: none  !important;
	padding: 0 !important;
}
.gsc-search-box-tools .gsc-search-box .gsc-input {
padding: 0 !important;
}
.gsib_a{
padding: 0 !important;
}
/* navi
----------------------------------*/

#navi {
	position: absolute;
	top: 63px;
	left: 20px;
	width: 752px;
	margin: 0 auto;
	background: url(../images/navi.gif) top right no-repeat;
	z-index: 100;
}
#navi li {
	position: relative;
	list-style: none;
	float: left;
	width: auto;
	margin: auto;
	height: 25px;
}
#navi a {
	display: block;
	text-indent: -9999px;
	height: 25px;
	font-size: 10px;
}
#menuBtntop a {
	width: 61px;
	text-indent: -9999px;
	background: url(../images/navi.gif) 0px 0px no-repeat;
}
#menuBtnwhat a {
	width: 89px;
	background: url(../images/navi.gif) -61px 0px no-repeat;
}
#menuBtnevent a {
	width: 60px;
	background: url(../images/navi.gif) -150px 0px no-repeat;
}
#menuBtnabout a {
	width: 107px;
	background: url(../images/navi.gif) -210px 0px no-repeat;
}
#menuBtneducate a {
	width: 59px;
	background: url(../images/navi.gif) -317px 0px no-repeat;
}
#menuBtnaward a {
	width: 65px;
	background: url(../images/navi.gif) -376px 0px no-repeat;
}
#menuBtnJIEIJ a {
	width: 72px;
	background: url(../images/navi.gif) -441px 0px no-repeat;
}
#menuBtnjlve a {
	width: 79px;
	background: url(../images/navi.gif) -513px 0px no-repeat;
}
#menuBtnpublish a {
	width: 48px;
	background: url(../images/navi.gif) -592px 0px no-repeat;
}
#menuBtnfukyubu a {
	width: 49px;
	background: url(../images/navi.gif) -640px 0px no-repeat;
}
#menuBtnbunkakai a {
	width: 49px;
	background: url(../images/naviB.gif) 0px 0px no-repeat;
}
#menuBtnlink a {
	width: 45px;
	background: url(../images/navi.gif) -689px 0px no-repeat;
}
#menuBtnbbs a {
	width: 62px;
	background: url(../images/navi.gif) -734px 0px no-repeat;
}
#menuBtntop a:hover {
	background: url(../images/navi.gif) 0px -27px no-repeat;
}
#menuBtnwhat a:hover {
	background: url(../images/navi.gif) -61px -27px no-repeat;
}
#menuBtnevent a:hover {
	background: url(../images/navi.gif) -150px -27px no-repeat;
}
#menuBtnabout a:hover {
	background: url(../images/navi.gif) -210px -27px no-repeat;
}
#menuBtneducate a:hover {
	background: url(../images/navi.gif) -317px -27px no-repeat;
}
#menuBtnaward a:hover {
	background: url(../images/navi.gif) -376px -27px no-repeat;
}
#menuBtnJIEIJ a:hover {
	background: url(../images/navi.gif) -441px -27px no-repeat;
}
#menuBtnjlve a:hover {
	background: url(../images/navi.gif) -513px -27px no-repeat;
}
#menuBtnpublish a:hover {
	background: url(../images/navi.gif) -592px -27px no-repeat;
}
#menuBtnfukyubu a:hover {
	background: url(../images/navi.gif) -640px -27px no-repeat;
}
#menuBtnbunkakai a:hover {
	background: url(../images/naviB.gif) 0px -27px no-repeat;
}
#menuBtnlink a:hover {
	background: url(../images/navi.gif) -689px -27px no-repeat;
}
#menuBtnbbs a:hover {
	background: url(../images/navi.gif) -734px -27px no-repeat;
}
#navi li ul {
	display: none;
	position: absolute;
	top: 24px;
	left: 0px;
}
#navi li:hover ul {
	display: block;
}
#navi li ul li {
	height: auto;
	border: none;
}
#navi li ul li a {
	display: block;
	font-size: 12px;
	text-indent: 0px;
	width: 150px;
	height: auto;
	color: #333;
	background: #D6DDE2;
	padding: 1px 4px;
	border-top: #fff solid 1px;
	border-left: #fff solid 1px;
	border-right: #369 solid 1px;
	border-bottom: #369 solid 1px;
}
#navi li#menuBtnwhat ul li a {
	width: 200px;
}
#navi li#menuBtnevent ul li a {
	width: 100px;
}
#navi li#menuBtneducate ul li a {
	width: 120px;
}
#navi li#menuBtnjlve ul li a {
	width: 200px;
}
#navi li#menuBtnlink ul li a {
	width: 200px;
}
#navi li#menuBtnlink ul {
	left: -120px;
}
#navi li ul li a:hover {
	background: #5E85AD;
	color: #fff;
	text-decoration: none;
}
/* container
----------------------------------*/
#container {
	order:2;
	width: 800px;
	background: #fff;
}
/* contents align center
----------------------------------*/
#contentsC {
	width: 650px;
	margin-left: 60px;
	line-height: 135%;
}
/* contents
----------------------------------*/
#contents {
	width: 650px;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 150%;
	display: inline-block;
}
#contents hr {
	margin: 10px;
}
#contents h1 {
	clear: both;
	color: #036;
	margin: 8px 0px 10px;
	background: url(../images/h1_bg.gif) no-repeat bottom left;
	text-shadow: 1px 1px 1px #aaa;
	line-height: 133%;
}
#contents h2 {
	clear: both;
	margin: 8px 0px 10px;
	padding-left: 4px;
	background: url(../images/h2_bg.gif) repeat-x bottom;
}
#contents h3, h4 {
	clear: both;
	margin: 8px 0px 10px;
}
#contents h5 {
	clear: both;
	margin-left: 16px;
	/*margin-bottom: 1em;*/
}
#contents p {
	margin-left: 16px;
	margin-bottom: 1em;
}
#contents .marginbottom0 {
	margin-bottom: 0em;
}
#contents .marginbottom1 {
	margin-bottom: 1em;
}
#contents .marginbottom2 {
	margin-bottom: 2em;
}
#contents blockquote {
	background: #eee;
	padding: 1em;
	margin: 2em;
}
#contents ul, #contents dl {
	margin-left: 32px;
	margin-bottom: 1em;
}
#contents ol {
	margin-left: 32px;
	margin-bottom: 1em;
}
.urlist {
	list-style: upper-roman;
}
.list-l-alpha {
	list-style: lower-alpha;
}
.list-none {
	list-style: none;
}
#contents dt {
	margin-top: 10px;
}
#contents dd {
	padding-left: 18px;
	margin-bottom: 16px;
}
#contents .sign {
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: right;
	font-size: large;
	/*font-family:serif;*/
	letter-spacing: 0.5em;
}
#contents .sign-s {
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: right;
	letter-spacing: 0.5em;
}
/*
:root *> #contents .sign-s{ font-family:serif;  }
*/


#contents .K10 {
	font-size: 10px;
}
#contents .arL {
	text-align: left;
}
#contents .arR {
	text-align: right;
}
#contents .arC {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
#contents .varM, #contents table.varM td {
	vertical-align: middle;
}
.clrf00 {
	color: #f00;
}
.clrfff {
	color: #fff;
}
.big {
	font-size:1.2em;
}
.small {
	font-size: 88%;
}
.bgPink {
	background: #fcc;
}
.bgGray {
	background: #eee;
}
.bgmarker_yellow {
	background: linear-gradient(rgba(255,255,255,0) 60%, #ff6 40%);
}
.bgmarker_lime {
	background: linear-gradient(rgba(255,255,255,0) 60%, #6fc 40%);
}
.bgmarker_blue {
	background: linear-gradient(rgba(255,255,255,0) 60%, #6cf 40%);
}
.bgmarker_pink {
	background: linear-gradient(rgba(255,255,255,0) 60%, #fbf 40%);
}
.strongBox {
	background: #ffe;
	border: 1px solid #f60;
	margin: 0.5em;
	margin-left: 16px;
	padding: 0.5em;
}
.border1 {
	border: #333 1px solid;
}
.ended {
	text-align: center;
	font-weight: bold;
	color: #f00;
}
.doubleline {
	text-decoration: none;
	background: url(../images/doubleline.gif) center repeat-x;
}
/* go to page home */

p.totop {
	background: url(../images/toTop.gif) no-repeat center right;
	margin-left: 0px;
	padding-right: 18px;
	text-align: right;
	border-bottom: 1px dotted #69c;
}
#contents .blockh480px {
	height: 480px;
}
/* indent */

#contents .indent1 {
	padding-left: 1em;
}
#contents .indent2 {
	padding-left: 2em;
}
#contents .indent3 {
	padding-left: 3em;
}
#contents .indent4 {
	padding-left: 4em;
}
#contents .indent5 {
	padding-left: 5em;
}
#contents span.chapnum {
	font-weight: bold;
	padding-right: 1em;
}
#contents .indent-1 {
	text-indent: -1em;
}
#contents .indent-2 {
	text-indent: -2em;
}
/*link & mail */

a.mailto {
	padding-left: 18px;
	background: url(../images/mailto.gif) no-repeat left center;
}
a.urllink {
	padding-left: 18px;
	background: url(../images/mark_link.gif) no-repeat left center;
}
a.pdflink_s {
	padding-left: 18px;
	background: url(../images/pdficon_ss.gif) no-repeat 3px center;
}
a.wordlink_s {
	padding-left: 18px;
	background: url(../images/wordicon_ss.gif) no-repeat 3px center;
}
a.xlslink_s {
	padding-left: 18px;
	background: url(../images/excelicon_ss.gif) no-repeat 3px center;
}
#contents p.link {
	text-align: right;
}
#contents p.link a {
	padding-left: 16px;
	background: url(../images/mark_link.gif) no-repeat center left;
}
#contents p.btnBack {
	text-indent: -9999px;
}
#contents p.btnBack a {
	display: block;
	height: 24px;
	background: url(../images/btn_back.gif) no-repeat right;
}
a.wordlink {
	display: block;
	padding-left: 32px;
	padding-top: 12px;
	padding-bottom: 12px;
	background: url(../images/word_icon.gif) no-repeat center left;
}
a.pdflink {
	display: block;
	padding-left: 32px;
	padding-top: 12px;
	padding-bottom: 12px;
	background: url(../images/pdf_icon.gif) no-repeat center left;
}
a.xlslink {
	display: block;
	padding-left: 32px;
	padding-top: 12px;
	padding-bottom: 12px;
	background: url(../images/excel_icon.gif) no-repeat center left;
}
a.ziplink {
	display: block;
	padding-left: 32px;
	padding-top: 12px;
	padding-bottom: 12px;
	background: url(../images/zip_icon.gif) no-repeat center left;
}
a.btn {
	display: block;
	text-align: center;
	background: #3672C8;
	background: -moz-linear-gradient(top, #BFD9E5, #63B0CF 50%, #0080B3 50%, #09C);
	background: -webkit-gradient(linear, left top, left bottom, from(#BFD9E5), color-stop(0.5, #63B0CF), color-stop(0.5, #0080B3), to(#09C));
	background: linear-gradient(to bottom, #BFD9E5, #63B0CF 50%, #0080B3 50%, #09C);
	border: 1px solid #DDD;
	border-radius: 6px;
	color: #fff;
	font-weight: bold;
	padding: 5px;
	margin: 2px;
}
a.btn2blue, a.btn2orange {
	padding: 8px 2em;
	text-align: center;
	background: #3672C8;
	background: linear-gradient(to bottom, #BFD9E5, #63B0CF 50%, #0080B3 50%, #09C);
	border: 1px solid #DDD;
	border-radius: 6px;
	color: #fff;
	font-weight: bold;
	margin: 2px;
}
a.btn2orange {
	background: #ffb76b;
	background: linear-gradient(to bottom, #ffb76b 0%, #ffa73d 50%, #ff7c00 51%, #ff9f05 100%);
}

.btn2toggle {
	display: block;
	padding: 8px 1em;
	border-bottom: #333 1px dotted;
	border-left: #333 4px solid;
	background: linear-gradient(#fff 0%,#ccc 100%);
}
.btn2toggle:before {
	content: "∨";
	display: inline-block;
	transform: scaleX(1.5);
	padding-right: 0.5em;
}
/*
a.btnactive:before  {
	content: "∧";
	display: inline-block;
	transform: scaleX(1.5);
	padding-right: 0.5em;
}
*/
/*page top navi */

#contents ul.pagecontents, 
#contents ul.pagecontents2,
#contents ul.pagecontents5 {
	margin: 0 auto;
	width: 100%;
	/*text-align: justify;*/
	display: inline-flex;
	flex-wrap: wrap;
	box-sizing: border-box;
	margin-bottom: 1.5em;
}
#contents ul.pagecontents li,
#contents ul.pagecontents2 li,
#contents ul.pagecontents5 li {
	display: inline-block;
	list-style: none;
	margin: 0;
}
#contents ul.pagecontents2 li,
#contents ul.pagecontents5 li {
	margin-right: 4px;
}
.pagecontents2 li, .pagecontents5 li {
	text-align: center;
}
.pagecontents li{
	width: 100%;
}
.pagecontents2 li {
	width: 49%;
}
.pagecontents5 li {
	width: 19%;
}

.pagecontents li a, .pagecontents2 li a, .pagecontents5 li a {
	display: block;
	padding: 4px 0;
	margin: 2px 0;
	background: #eee;
	border: none;
	border-radius: 6px;
}
.pagecontents5 li a {
}
@media screen and (max-width: 768px) {
.pagecontents2 li,.pagecontents5 li{
	width: 100%;
}
	.pagecontents5 li a {
	width: 90%;
}
}
.pagecontents li a{
	padding: 4px 1em;
}
.pagecontents li a:hover, .pagecontents2 li a:hover, .pagecontents5 li a:hover {
	background: #fff;
}

#contents .pagecontents li a:hover{
	background:#fff;
}
#contents ul.pagecontents2:after,
#contents ul.pagecontents5:after{
    content: "";
    display: inline-block;
    width: 100%;
    height: 0;
}
/* next & forward page navi */

.pagemove {
	clear: both;
	position: relative;
	padding: 8px 0px;
	margin-left: 0px;
	font-size: 10px;
	height: 24px;
	text-align: center;
}
.pagemove a {
	background: #eee;
	border: #abf solid 1px;
	padding: 8px;
}
.pagemove a:hover {
	background: #fdd;
}
.pagemove a.current {
	background: #fff;
}
.pagemove span {
	background: #fff;
	border: #ddd solid 1px;
	padding: 8px;
}
.pagemove a.foward {
	left: 0px;
	background: url(../images/btn_pm_forward.gif) 0px 0px no-repeat;
	text-indent: -9999px;
	display: block;
	position: absolute;
	top: 4px;
	height: 24px;
	width: 69px;
	padding: 0px;
	border: 0px;
}
.pagemove a.index {
	left: 294px;
	background: url(../images/btn_pm_index.gif) 0px 0px no-repeat;
	text-indent: -9999px;
	display: block;
	position: absolute;
	top: 4px;
	height: 24px;
	width: 69px;
	padding: 0px;
	border: 0px;
}
.pagemove a.next {
	left: 580px;
	background: url(../images/btn_pm_next.gif) 0px 0px no-repeat;
	text-indent: -9999px;
	display: block;
	position: absolute;
	top: 4px;
	height: 24px;
	width: 69px;
	padding: 0px;
	border: 0px;
}
.pagemove a.foward:hover {
	background: url(../images/btn_pm_forward.gif) 0px -26px no-repeat;
}
.pagemove a.index:hover {
	background: url(../images/btn_pm_index.gif) 0px -26px no-repeat;
}
.pagemove a.next:hover {
	background: url(../images/btn_pm_next.gif) 0px -26px no-repeat;
}
/* margin for page top navi & pagemove*/
.fclr {
	clear: both;
	height: 1em;
}
/* table */
th.w10p, td.w10p {
	width: 10%;
}
th.w20p, td.w20p {
	width: 20%;
}
th.w25p, td.w25p {
	width: 25%;
}
th.w30p, td.w30p {
	width: 30%;
}
th.w40p, td.w40p {
	width: 40%;
}
th.w50p, td.w50p {
	width: 50%;
}
#contents table{
	width:630px;
	margin-left:16px;
	margin-bottom:1em;
  border-collapse: collapse;
}
#contents table td,#contents table th{
  text-align:left;
	border:1px solid #69C;
	padding: 2px;
	vertical-align: top;
}
#contents table th{
	background:#eff;
	white-space:nowrap;
}

#contents table ul,#contents table ol {
	margin-left: 2em;
}
#contents table caption {
	font-weight: bold;
	font-size: small;
	padding: 2px;
}
#contents table td.borderBottomNone{
	border-bottom:none;
}
#contents table td.borderTopDot{
	border-top:1px dotted #69C;
}
#contents table td.borderTopNone{
	border-top:1px solid #fff;
}
/* table horizon line only*/

#contents table.horiz1 {
	border-top: 1px solid #69C;
	border-left: 0px;
}
#contents table.horiz1 th {
	border: 0;
	border-bottom: 1px solid #69C;
	padding: 2px;
}
#contents table.horiz1 td {
	border: 0;
	border-bottom: 1px solid #69C;
}
#contents table td.border-bottomfff, #contents table tr.border-bottomfff td {
	border-bottom: 1px solid #fff;
}
/* table auto width*/

#contents table.wauto {
	width: auto;
	margin-left: auto;
	margin-right: auto;
}
/* table for layout*/

#contents table.layout {
	width: auto;
	margin-left: auto;
	margin-right: auto;
	border: 0px;
	text-align: center;
}
#contents table.layout td {
	border: 0px;
	padding: 2px;
	vertical-align: middle;
}
#contents table.layoutL, #contents table.layoutLL {
	width: auto;
	margin-left: auto;
	margin-right: auto;
	border: 0px;
	text-align: left;
}
#contents table.layoutLL {
	margin-left: 2em;
}
#contents table.layoutL td, #contents table.layoutLL td {
	border: 0px;
	padding: 2px;
	vertical-align: top;
}
#contents table.layoutL table {
	width: auto;
	margin-left: auto;
	margin-right: auto;
	border: 0px;
	text-align: left;
}
#contents table.layoutL table.innerTable {
	border-top: 1px solid #69C;
	border-left: 1px solid #69C;
}
#contents table.layoutL table.innerTable td {
	border-right: 1px solid #69C;
	border-bottom: 1px solid #69C;
	padding: 2px;
}
#contents table.layoutL ul {
	margin-left: 4em;
}
#contents table.layoutL ol {
	margin-left: 4em;
}
#contents table table, #contents table table table {
	width: auto;
	margin-left: auto;
	margin-right: auto;
	border-top: 1px solid #69C;
	border-left: 1px solid #69C;
	text-align: left;
}
/* image */
.rphoto {
	float: right;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 8px;
}
.lphoto {
	float: left;
	margin-top: 2px;
	margin-right: 8px;
	margin-bottom: 2px;
	margin-left: 0px;
}
#lead .lphoto {
	margin-right: 1em;
}
#contents div.blockw50p {
	float: left;
	width: 50%;
	padding-bottom: 8px;
	text-align: center;
}
#contents div.blockwAuto {
	float: left;
	width: auto;
	padding-bottom: 8px;
	padding-left: 4px;
	padding-right: 4px;
	text-align: center;
}
#contents div.blockw50p p, #contents div.blockwAuto p {
	margin-left: 0px;
}
#contents div.blockw80px {
	float: left;
	width: 80px;
	padding-bottom: 8px;
	text-align: center;
}
/* 2dan paragraph*/
.parag2 {
	float: left;
	width: 49%;
	margin-right: 5px;
}
/* 3dan paragraph*/
.parag3 {
	float: left;
	width: 32%;
	margin-right: 5px;
}

/* list */
#contents li {
  margin-left: 1em;
}

ol.maruNumList {
  counter-reset: my-counter;
  list-style: none;
  padding: 0;
}
ol.maruNumList li {
  position: relative;
}

ol.maruNumList li:before {
  content: counter(my-counter);
  counter-increment: my-counter;
  background-color: #fff;
	font-size: 10px;
  color: #222;
  display: block;
  float: left;
  line-height: 16px;
  margin-left: -20px;
  text-align: center;
  height: 14px;
  width: 14px;
	border: #222 solid 1px;
  border-radius: 50%;
}
/* right Navi
----------------------------------*/

#rnavi {
	width: 120px;
	font-size: 10px;
	display: inline-block;
	vertical-align: top;
}
#rnavi a {
	display: block;
	width: 112px;
	padding: 2px;
	border-left: #ddd solid 2px;
	border-bottom: #369 dotted 1px;
}
#rnavi a#rnavititle {
	background: url(../images/rnavititileBG.gif) no-repeat;
	text-align: center;
	font-weight: bold;
	border-left: none;
	border-bottom: #369 dotted 1px;
}
#rnavi a:hover {
	background: #eee;
}
#rnavi a#rnavititle:hover {
	background: url(../images/rnavititileBG_on.gif) no-repeat;
}
/* lead
----------------------------------*/
#lead, .lead {
	margin: 18px auto;
	padding: 18px;
	border: 1px solid #ccc;
	width: 90%;
	background-color: #eee;
	-moz-border-radius: 9px; /* for Fx */
	-moz-box-shadow: 2px 2px 2px #999;
	-webkit-border-radius: 6px; /* for Safari */
	-webkit-box-shadow: 2px 2px 2px #999;
	box-shadow: 2px 2px 2px rgba(9,9,9,0.4);
	border-radius: 6px;/*CSS3*/
}
#contents #lead p, #contents .lead p {
	margin-left: 0px;
}
#contents #lead p:last-child, #contents .lead p:last-child {
	margin-bottom: 0px;
}

/* topix path (pankuzu)
----------------------------------*/
#topiPath {
	background: url(../images/pankuzu.gif) no-repeat;
	width: 780px;
	height: 16px;
	font-size: 10px;
	margin: 10px;
	padding-top: 2px;
}
#topiPath p {
	padding-left: 8px;
}
/* for category Top (No.2 layer index)
----------------------------------*/
#categoryTop {
	padding-left: 10px;
	padding-right: 10px;
	line-height: 135%;
}
#categoryTop p {
	margin-left: 16px;
	margin-bottom: 1em;
	text-align: justify;
}
#categoryTop h2 {
	clear: both;
	margin: 8px 0px 10px;
	padding-left: 4px;
	background: url(../images/h2_bg.gif) repeat-x bottom;
}
#categoryTop h3 {
	clear: both;
	margin: 8px 0px 10px;
}
#categoryTop blockquote {
	background: #eee;
	padding: 1em;
	margin: 2em;
}
#categoryTop dl {
	margin-left: 40px;
	margin-right: 36px;
}
#categoryTop dt {
	font-size: medium;
	font-weight: bold;
	padding-left: 20px;
	margin-top: 10px;
	text-indent: -20px;
}
#categoryTop dt:before {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	background-image: url(../images/list_mark01.gif);
		background-repeat: no-repeat;
background-position: left bottom;
}
#categoryTop dd {
	padding-left: 18px;
	margin-bottom: 16px;
}
#categoryTop ol, #categoryTop ul {
	margin-left: 16px;
	margin-bottom: 1em;
}
#categoryTop .arR {
	text-align: right;
}
#categoryTop .arC {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
#categoryTop .lead {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	padding: 12px;
	border: #06c solid 1px;
	background: #ddd;
}
#categoryTop .K10 {
	font-size: 10px;
}
#categoryTop p.link {
	text-align: right;
}
#categoryTop p.link a {
	padding-left: 16px;
	background: url(../images/mark_link.gif) no-repeat center left;
}
#categoryTop .lphoto {
	float: left;
	margin-top: 2px;
	margin-right: 4px;
	margin-bottom: 2px;
	margin-left: 8px;
}
/* footer
----------------------------------*/
#footer {
	clear: both;
	border-top: 1px solid #369;
	background: #fff;
	padding-top: 8px;
	padding-bottom: 8px;
	text-align: center;
	width: 800px;
}
#footer p {
	font-size: x-small;
}
/* lightbox2.0
----------------------------------*/

#lightbox {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#lightbox img {
	width: auto;
	height: auto;
}
#lightbox a img {
	border: none;
}
#outerImageContainer {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#imageContainer {
	padding: 10px;
}
#loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#hoverNav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#imageContainer>#hoverNav {
	left: 0;
}
#hoverNav a {
	outline: none;
}
#prevLink, #nextLink {
	width: 49%;
	height: 100%;
	background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */
	display: block;
}
#prevLink {
	left: 0;
	float: left;
}
#nextLink {
	right: 0;
	float: right;
}
#prevLink:hover, #prevLink:visited:hover {
	background: url(../images/prevlabel.gif) left 15% no-repeat;
}
#nextLink:hover, #nextLink:visited:hover {
	background: url(../images/nextlabel.gif) right 15% no-repeat;
}
#imageDataContainer {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
}
#imageData {
	padding: 0 10px;
	color: #666;
}
#imageData #imageDetails {
	width: 70%;
	float: left;
	text-align: left;
}
#imageData #caption {
	font-weight: bold;
}
#imageData #numberDisplay {
	display: block;
	clear: left;
	padding-bottom: 1.0em;
}
#imageData #bottomNavClose {
	width: 66px;
	float: right;
	padding-bottom: 0.7em;
	outline: none;
}
#overlay {
	position: fixed;
	top: 0;
	left: 1;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
}
:root *> #overlay {
	left: 0;
}
;
* html #overlay {
	position: absolute;
	left: 0;
}

/* print use */
@media print{
	*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
#header,
#topiPath,
#rnavi
{
	display: none;
}
body {
	color: #000;
	background: #fff;
	width: 100%;
}
#topCopy, #wrapper,#container, #topcontents, #center_column, #footer,#exlinks #contents{
	width:  100%;
	margin: 0px;
}
#wrapper {
	margin: 0px;
	border: 0px;
}
		#contents{
		width:  100%;
		word-break: break-all;
			
	}
	#contentsC {
	width: 100%;
	margin-left: 0px;
}
/*
	table{
		line-height: normal;
	}
*/
}
/* mobile use */
@media screen and (max-width: 768px) {
*, *:before, *:after {
    -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 {
	width: 100%;
	font-size: 16px;
}
h1 {
	font-size:150% ;
}
h2, h3 {
	font-size:120%;
}
h4, h5 {
	font-size: 100%;
}
#topCopy, #wrapper,#container, #topcontents, #center_column, #footer,#exlinks #contents{
	width:  100%;
	margin: 0px;
}
#wrapper {
	margin: 0px;
	border: 0px;
}

#header {
	width:  100%;
	height: 64px;
}
#container {
	
	top: 64px;
}
#headBtn, #headSearch,#headSearchG, #navi, #left_column, #right_column {
	display: none;
}
	#contents{
		width:  100%;
		word-break: break-all;
	}
	#contentsC {
	width: 100%;
	margin-left: 0px;
}
	#rnavi{
		display: none;
	}
a#logoJP {
	left: 74px;
}
a#logoEN {
	/*left: auto;
	right: 2px;*/
	display: none;
}
	
#topiPath {
	background: #E7E8E9;
	width: 95%;
	height: auto;
	font-size: 50%;
	margin: 10px;
	padding-top: 2px;
	border-radius: 3px;
}
/* footer
----------------------------------*/
#footer {
	width: 100%;
}
#footer p {
	font-size: small;
}
/*TOP用
	--------------*/
	
	#topics{
		display:inline-block;
	}
#topics td.date {
	font-size: 70%;
}
p#topimage {
	width:100%;
}
p#topimage img {
	width: 100%;
	height: auto;
	left: 0px;
}
#topSearchG{
	display:block !important;
}

#topics h4, #branch h4, #others h4, #othersh h4 {
	height: 38px;
	padding-top: 4px;
	padding-left: 16px;
	color: #fff;
}
#topic_link {
	height: 38px;
	font-size: x-small;
	background: #0D7CA6 url(../images/top_topic_head2.png) top left no-repeat;
}
h1#topCopy a{
	background:url(../images/top_copy2017.png) center no-repeat;
}

/*ドロワーメニュー
	--------------*/
#menuOverlay {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.6);
	display: none;
	position: fixed;
	z-index: 2000;
}
#switchBtnArea {
	width: 100%;
	height: 0px;
	position: relative;
}
/*ハンバーガーボタン*/
#switchBtnArea #switchBtn {
	top: 0px;
	left: 0px;
	width: 40px;
	height: 40px;
	display: block;
	background: #a7a7a7;
	position: fixed;
	border-radius: 0 0 8px 0;
	z-index: 3000;
}
/*ハンバーガー*/
#switchBtnArea #switchBtn span {
	left: 20%;
	width: 60%;
	height: 5px;
	display: block;
	position: absolute;
	background-color: #fff;
	border-radius: 4px;
	transition: all 0.2s linear;
	z-index: 3300;
}
#switchBtnArea #switchBtn span:nth-of-type(1) {
	top: 10px;
	-webkit-transform: rotate(0);
	transform: rotate(0);
}
#switchBtnArea #switchBtn span:nth-of-type(2) {
	top: 20px;
	-webkit-transform: scale(1);
	transform: scale(1);
}
#switchBtnArea #switchBtn span:nth-of-type(3) {
	top: 30px;
	-webkit-transform: rotate(0);
	transform: rotate(0);
}
#switchBtnArea #switchBtn.btnClose {
	/*background: transparent;*/
}
#switchBtnArea #switchBtn.btnClose span:nth-of-type(1) {
	top: 20px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
#switchBtnArea #switchBtn.btnClose span:nth-of-type(2) {
	-webkit-transform: scale(0);
	transform: scale(0);
}
#switchBtnArea #switchBtn.btnClose span:nth-of-type(3) {
	top: 20px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
	
#rwdMenuWrap {
	top: 0;
	left: -500px;
	width: 320px;
	height: 100%;
	background: #3c3c3c;
	overflow: auto;
	position: fixed;
	z-index: 5000;
}

#menuList > ul:before, #menuList > ul:after {
	content: " ";
	display: table;
}
#menuList > ul:after {
	clear: both;
}
#menuList > ul {
*zoom: 1;
}
	/* navi
----------------------------------*/
#mmenu{
		width: 190px;
	display: inline-block;
}

#mmenu li , #mmenu dt{
	width: 100%;
	border-bottom: #aaa 1px solid;
}
#mmenu li a , #mmenu dt a{
	width: 100%;
	padding: 2px 10px;
	text-indent: 0px;
	text-align: left;
	display: block;
	background: #ebebeb;
	position: relative;
}
#mmenu li a:hover ,#mmenu dt a:hover{
	background: #ebebeb;
}
	/*>の描画*/
#mmenu li a:after,#mmenu dt a:after {
	content: '';
	margin-top: -4px;
	top: 50%;
	right: 15px;
	width: 8px;
	height: 8px;
	color: #888;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.2em;
	display: block;
	position: absolute;
	border-top: 2px solid #b0b0b0;
	border-right: 2px solid #b0b0b0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
	#mmenu dt #rnavititle{
		margin-top: 8px;
	text-align: center;
	background: #b0b0b0;
		color: #333;
	
}

#mmenu li ul li a {
	width: 90%;
}
	/*
#mhead{
	width: 100%;
	height: 36px;
	
}
	
#mhead #searchText {
	position: absolute;
	top: 10px;
	left: 4px;
	width: 232px;
	height: 40px;
	font-size: 100%;
}
#mhead #searchBtn {
	position: absolute;
	top: 10px;
	left: 242px;
	width: 108px;
	height: 40px;
}
	*/
/*-------------
	入会　サイトマップ　FAQ-------*/
#mmenu p{
	font-size: 50%;
	background: #ebebeb;
}
#mmenu p a {
	position: relative;
	display: inline-block;
	top: auto;
	left: auto;
	width: auto;
	height:auto;
	background: #ebebeb;
	padding: 2px;
	font-size: 200%;
}
#mmenu p a:hover {
	background: #fff;
}
/*-------------
	支部と分科会-------*/
#mmenu #b_d_Menu{
	width:100%;
	height:auto;
	overflow:hidden;
	background:#eee;
	text-indent:0px;
	margin-bottom:0px;
}
#b_d_Menu h2{
		width:100%;
		height:20px;
		overflow:hidden;
}
#b_d_Menu h2 a{
	display:block;
	width:100%;
	height:auto;
}

#d_Menu{
	clear:both;
	margin-bottom: 60px;
}

#b_Menu li{
	width:50%;
	height:auto;
	float:left;
}
#b_Menu li a{
	display:block;
	width:100%;
	height:auto;
}
#d_Menu li{
	width:100%;
	height:auto;
}
#d_Menu li a{
	display:block;
	width:100%;
	height:auto;
}
#bm,#dm{
	padding-top:6px;
}

#bm a{
	display:block;
	background:#ccc;
}

#bm a:hover{
	background:#ccc;
}


#dm a{
	display:block;
	background:#ccc;
}
#dm a:hover{
	background:#ccc;
}
/*バナー領域*/
	
#mbanner{
	display: inline-block;
	vertical-align: top;
	width:120px;
	margin-left: 10px;
	background: #666;
}

#ex_banner{
height:360px;
	
}
#ex_banner iframe{
	height:100%;
}


	.eduTopimg{
		width: 100%;
		margin: 20px auto;
	}
	
.pagecontents li a{
	width: 95%;
	padding: 2px 2px 2px 8px;
}
	.pagecontents2 li ,.pagecontents5 li {
			float: none;
}
.pagecontents2 li a ,.pagecontents5 li a {
	width: 95%;
	text-align: left;
	padding: 2px 8px;
	float: none;
}
	#contents table{
		width: 95%;
	}

#contents table th {
	white-space:normal;
}
#contents ol li {
	margin-left: 30px;
}
	#contents .w100p img{
		width: 100%;
		height: auto;
	}
#categoryTop dl {
	margin-left: 4px;
	margin-right: 4px;
}

}

/* ADDED [21/01/28] */
.pg_lower {
	background: #fff;
/*	line-height: 1.7;
	font-family: 'Noto Sans JP', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Meiryo, メイリオ, arial, helvetica, sans-serif;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 15px;
	letter-spacing: 1px;
	color: #000;
	background: #fff;
	-webkit-text-size-adjust: 100%;
	-webkit-print-color-adjust: exact;*/
}

.pg_lower header a,
.pg_lower footer a {
	color: #000;
	text-decoration: none;
}

.pg_lower .logo {
	margin: 0;
}

.pg_lower #topiPath {
	background: none;
}

.pg_lower .cont_org {
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', Verdana, Arial, sans-serif;
	font-size:small;
	font-weight: normal;
}

/* end - ADDED [21/01/28] */