﻿/* topLink */
.topLink{
    padding:20px 0 40px 495px;
}
.topLink a{
    display:block;
    font-size:14px;
    width:200px;
    height:30px;
    background:#808080;
    color:#fff;
    border-radius:4px;
    line-height:220%;
    text-align:center;
}
.topLink a:hover{ background:#999; }
/* indexKTbl */
table.indexKTbl{
    border-collapse:collapse;
    width:696px;
    margin:15px 0 30px 10px;
    font-size:14px;
}
table.indexKTbl td,
table.indexKTbl th{
    border:solid 1px #ccc;
    padding:5px;
}
table.indexKTbl th{
    background:#6090ef;
    font-weight:normal;
    color:#fff;
}
table.indexKTbl td.t2{ width:60px; text-align:center; }
/* indexUl */
ul.indexUl{ list-style:none; margin:14px 0 0 8px; }
ul.indexUl li{ float:left; width:340px; height:42px; padding:0;}
ul.indexUl li a{ display:block; width:336px; height:34px; text-align:center; line-height:240%; background:#888; color:#fff; font-size:14px; margin:0 auto; padding:0; border-radius:6px; }
ul.indexUl li a:hover{ background:#999; }

/*バナー2カラム*/
ul.bn2col { list-style: none; overflow: hidden; }
ul.bn2col li.fl { float: left; }
ul.bn2col li.fr { float: right; }

/*バナー新型コロナウイルス感染症対応ガイド*/
.bnCorona{ background:#e13d8e; color:#fff; display:block; font-size:12px; width:220px; line-height:12px; margin:20px auto 0; }
.bnCorona:hover{ color:#fff; }
.bnCorona span{ box-sizing:border-box; display:inline-block; padding:1px 4px 2px; text-align:right; width:220px;  }

/* レスポンシブ化20200710追記 */
/****************************/
/* contents                 */
/****************************/

div.geBox-menu ul{ display:flex; flex-wrap:wrap; margin-left:-10px;  }
div.geBox-menu ul li{ list-style:none; width:calc((100% - 30px) / 3); margin-left:10px; margin-bottom:40px; min-height:0%; }
div.geBox-menu ul li::before{ content:""; background:#59b200 url("../img/general/general_img01.png") no-repeat; display:block; width:100%; height:5px; }
div.geBox-menu ul li a{ background:url("../img/general/general_img02.png") no-repeat center center; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; display:block; padding:16px 10px 12px; }
div.geBox-menu ul li a dl dt{ background:url("../img/general/general_img03.svg") no-repeat right center; background-size:8px 15px; color:#222; font-size:20px; font-family:"ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro"; margin-bottom:8px; }
div.geBox-menu ul li a dl dd p{ color:#666; font-size:16px; line-height:20px; margin:0; }
div.geBox-menu ul li a dl dd p.geBox-menu-txt{ margin-bottom:10px; }
div.geBox-menu ul li a dl dd p img{ display:block; margin:0 auto; }
.bnr-home1{}
.bnr-home2{ float:left; width:340px; overflow:hidden; padding:20px 0 30px 0; }
.bnr-home3{ float:right; width:340px; overflow:hidden; padding:20px 0 30px 0; }
div.omimaiBox-kokumin{ padding: 30px; margin: 0 0 20px 0; background:#ecf7e9; border:1px solid #cfeac8; }
div.omimaiBox-kaiin{ padding: 30px; margin: 0 0 20px 0; background:#e6f2fb; border:1px solid #cbe7fd; }
div.omimaiBox-kokumin p.tOmimai, div.omimaiBox-kaiin p.tOmimai{ font-weight:bold; text-align: center; margin: 0 0 20px 0; font-size: 22px; }
div.bn700x120{ margin-bottom:10px; width:700px; height:120px; }
div.bn700x120 a{ display:block; width:100%; height:100%; }
div.kikanBox{ padding: 10px; margin-bottom: 10px; border: 1px solid #000000; text-align: center; }

/* IE Hack */
_:-ms-lang(x), div.geBox-menu ul li{ margin-left:9px; }

/*******************************************/
/* responsive                              */
/*******************************************/
@media screen and (max-width: 768px) {
    
	/* topLink */
	.topLink{ padding:16px 0 40px; }
    
    /* indexKTbl */
    table.indexKTbl{ border:1px solid #ccc; width:100%; margin:15px 0 30px 0; }
    table.indexKTbl tr{ border-bottom:1px solid #ccc; }
    table.indexKTbl tr:nth-of-type(1){ display:none; }
    table.indexKTbl td{ display:block; border:none; position:relative; padding:0 0 0 80px; }
    table.indexKTbl td.t1::before{ content:"開催日："; display:inline-block; width:72px; text-align:right; position:absolute; top:0px; left:8px; }
    table.indexKTbl td.t2{ width:100%; text-align:left; }
    table.indexKTbl td.t2::before{ content:"支部："; display:inline-block; width:72px; text-align:right; position:absolute; top:0; left:8px; }
    table.indexKTbl td.t3::before{ content:"研修会名："; display:inline-block; width:72px; text-align:right; position:absolute; top:0; left:8px; }
    table.indexKTbl td.t4::before{ content:"会場："; display:inline-block; width:72px; text-align:right; position:absolute; top:0; left:8px; }
    
    /* indexUl */
    ul.indexUl{ margin:14px 0 0 0; }
    ul.indexUl li{ float:none; width:100%; height:auto; margin-bottom:8px; }
    ul.indexUl li a{ width:100%; height:auto; }
    
    /****************************/
    /* contents                 */
    /****************************/

	/* geBox */
	div.geBox{ background:none; width:100%; height:auto; margin:0; }
	/* fbnr */
    div.fbnrl{ float:none; width:100%; }
    div.fbnrr{ float:none; width:100%; }

	div.geBox-menu ul{ display:block; margin-left:0;  }
	div.geBox-menu ul li{ width:100%; margin-left:0; margin-bottom:10px; }
	div.geBox-menu ul li:last-of-type{ margin-bottom:16px; }
	div.geBox-menu ul li a dl dd p.geBox-menu-txt{ margin-bottom:16px; }
	div.geBox-menu ul li a dl dd p img{ display:block; margin:0 auto; }
	.bnr-home1{ margin-bottom:16px; }
	.bnr-home2{ float:none; width:100%; margin-bottom:16px; padding:0; }
	.bnr-home2 img{ min-width:100%; }
	.bnr-home3{ float:none; width:100%; margin-bottom:16px; padding:0; }
	.bnr-home3 img{ min-width:100%; }
    
    /*left*/
    div.tBnrBox-1{ position:absolute; top:16px; left:0; padding:0; }
    /*right*/
    div#mcontents div#mcr{ padding:calc(calc(100% * 0.417) + 32px) 0 0; }
    
    /* contents */
    div.omimaiBox-kokumin,  div.omimaiBox-kaiin{ padding:16px; margin: 0 0 20px 0; }
    div.omimaiBox-kokumin p.tOmimai, div.omimaiBox-kaiin p.tOmimai{ margin: 0 0 10px 0; font-size: 20px; }
    div.bn700x120{ margin-bottom:10px; width:100%; height:auto; }
    div.kikanBox{ padding:8px; text-align: left; }

}

