@charset "utf-8";

@import url(cmn.css);
@import url(layout.css);


/* info お知らせ---------------------------------------------- */

#info #conTop h2{background:url(../img/pttl_06a.jpg) 0 0 no-repeat;}
#info.index h3{background:url(../img/info/ind_mttl01.jpg) 0 0 no-repeat;margin-bottom:20px;}
#info.archive h3,
#info.cat01 h3,
#info.cat02 h3,
#info.cat03 h3{background:url(../img/info/ind_mttl00.jpg) 0 0 no-repeat;margin-bottom:15px;text-indent:1em!important;white-space:normal!important;overflow:visible!important;color:#fff;text-align:left;padding-top:5px;}

#info #menuBox .menu2 ul li.lower {width:90%;padding-left:6%;background:url(../img/z_arrow_bk_side.png) 11px 11px no-repeat;}
#info #menuBox .menu2 ul li.lower a:hover {background:#eee url(../img/z_arrow_bk_side.png) 0 11px no-repeat;}

#info .conBox{margin-bottom:60px;}


.infoBox{width:100%;margin:0 auto 50px;text-align:left;}
.infoBox h2{display:block;text-indent:100%;white-space:nowrap;overflow:hidden;width:900px;height:30px;margin-bottom:15px;}
	.infoBox h2#inf01{background:url(../img/top_info_ttl01.jpg) 0 0 no-repeat;}
	.infoBox h2#inf02{background:url(../img/top_info_ttl02.jpg) 0 0 no-repeat;}

.infoBox dl{width:98%;margin: 0 auto 10px;padding: 0;font-size:13px;}
.infoBox dl dt{margin: 0;padding: 3px;width: auto;}
.infoBox dl dd{padding:3px 3px 10px 9em;margin:-2.0em 0 8px 0;background:url(../img/z_dot.png) 0 bottom repeat-x;}
.infoBox dl dd img{margin:0 8px 0 0;vertical-align:middle;}

	.infoBox dl a, .infoBox dl a:link, .infoBox dl a:visited, .infoBox dl a:active{color:#333;text-decoration:none;}
	.infoBox dl a:hover{color:#333;text-decoration:underline;}

.infoBox dl.kanren dd a{background:url(../img/z_ico_export.png) 0 0 no-repeat;padding:0 0 0 20px;}

.infoBox .btnAll{float:right;}
.infoBox a.btnAll:hover img{opacity:0.8;filter:alpha(opacity=80);-ms-filter: "alpha( opacity=80 )";}

.cat01 .infoBox p.data,
.cat02 .infoBox p.data,
.cat03 .infoBox p.data{margin-bottom:1em; padding-bottom:0.5em;background:url(../img/z_dot.png) 0 bottom repeat-x;}

.cat01 .infoBox p.data img,
.cat02 .infoBox p.data img,
.cat03 .infoBox p.data img{display:block; width:54px; float:right;}

.cat01 .infoBox p.back,
.cat02 .infoBox p.back,
.cat03 .infoBox p.back{margin-top:2em; text-align:right;}


.infoBox p{margin-bottom:1em;}




/* 関連団体---------------------------------------------- */

#info.kanren h3{background:url(../img/info/ind_mttl02.jpg) 0 0 no-repeat;margin-bottom:20px;}
#info.kanren .infoBox dl dd{padding-left:11em;}
#info.kanren .infoBox dl dd a{background:url(../img/z_ico_export.png) 0 0 no-repeat;padding:0 0 0 20px;}

#info.kanren .infoBox dl dd.pageLink a {background:none;}


/* お知らせ　例外---------------------------------------------- */
.kp         { width:100%; font-size:13px; margin:20px 0 0 10px }
.kp li      { margin-bottom:6px; padding:3px 0; }
.kp li.icoP { background:url(../img/z_ico_pdf.png) 0 2px no-repeat; padding:0 0 0 20px; }
.kp li.icoW { background:url(../img/z_ico_word.png) 0 2px no-repeat; padding:0 0 0 20px; }
.kp li.mb   { margin-bottom:20px; }


.floatBox        {width:100%;}
.phL img         {float:left;margin:0 15px 0 5px;}
.phL .txt        {width:400px;float:left;}
.phL .txt p      {margin-bottom:1em;line-height:1.8;}
.phL .txt p span {font-size:11px;color:#666;display:block;}
.phL .txt p a    {background:url(../img/z_arrow_blue.png) 0 4px no-repeat;padding:0 0 0 15px;}



	/*--CLEAR--*/
	.floatBox:after{content:"";display:table;clear:both;zoom:1;}


/* info きものの絵柄（えがら）大募集 2022.08---------------------------------------------- */

.kimonoegara {
  margin-top:30px
}

.kimonoegara h4 {
  background: #b46a97;
  color: #FFF;
  padding: 5px;
  text-align: center;
  margin-bottom: 20px;
}

.kimonoegara table {
  border-collapse: collapse;
  border: 1px solid #333;
}

.kimonoegara table th {
  padding: 5px 10px;
  color: #b46a97;
  font-size: 1.0rem;
  border: 1px solid #333;
}

.kimonoegara table td {
  padding: 10px;
  border-bottom: 1px dotted #333;
  vertical-align: middle;
  border: 1px solid #333;
}
.kimonoegara table tr:nth-child(odd) th {
  border-bottom:1px dotted #333;
}
.kimonoegara table tr:nth-child(even) td {
  border-top:1px dotted #333;
}


.kimonoegara table td img {
  width:120px;
  height:auto;
  border: 1px solid #ccc;
  padding: 3px;
}

/* info シンプルなグレーの表組 2023.03---------------------------------------------- */
#info table.bg_gray{
	border-collapse:collapse;border-spacing:0px;
	width:98%;
	margin:10px auto 30px;
	clear:both;
	border:1px solid #ccc;
}
#info table.bg_gray th{
	padding:5px;
	border:1px solid #ddd;
	text-align:left;
	background:#eee;
	font-weight:lighter;
	width:20%;
	vertical-align:top;
}
#info table.bg_gray td{
	padding:5px 5px 5px 8px;
	border:1px solid #ddd;
	line-height:1.4;
	width:80%;
}
#info table.bg_gray dl{margin: 0 0 5px 0px;padding: 0;}
#info table.bg_gray dl dt{margin: 0;padding: 3px;width: auto;}
#info table.bg_gray dl dd{padding:3px 3px 3px 12em;margin:-1.9em 0 0 0;}
#info table.bg_gray dl.list2 dd{padding-left:22em;}


/* info シンプルなh4見出し 2023.03---------------------------------------------- */
#info h4.heading4 {
	margin-bottom: 1em;
	text-align: left;
	font-size: 1.25em;
}