@charset "UTF-8";

/*

タブレット用スタイルシート　768px〜1023px

*/



@media screen and (min-width: 768px) and (max-width: 1023px) {



/*
++++++++++++++++++++++++++++++++++++++++
共通設定
++++++++++++++++++++++++++++++++++++++++
*/



/* 基本フォントサイズ
--------------------------------------------------*/
html { font-size: 16px; }
p , ul , th , td , ol , dl {
	font-size: 1rem;
	line-height: 1.7em;
}
a {
	color: #00A3D9;
	text-decoration: none;
}
a:hover { color: #9966FF; }

.pcOnlyContent {display: none !important;}




/* float解除 */
div:after , ul:after , footer:after , article:after , 
aside section:after , footer section:after  , #contents section:after {
    content: "";
    display: block;
    clear: both;
}



/* clear */
.clear { clear: both; }



/* ブロックの底スペース
--------------------------------------------------*/
#lead , section { margin-bottom: 50px; }
/*▼必ずsectionの下に設定する*/
section section { margin-bottom: 30px; }



/* フォントスタイル
--------------------------------------------------*/
th span span , td span , li span , p span , caption span { color: #DD0000; }
caption span span { color: #0000FF; }
.font-note:before , .font-tel:before { content: "　" !important; }
.font-note { color: #DD0000 !important; }
.font-note2 {
	border: #DD0000 solid 3px;;
	padding: 10px;
}
.font-link , .font-link2 {
	padding: 10px !important;
	width: 60% !important;
	background-color: #0066CC !important;
	margin: 30px auto !important;
	border-radius: 8px 8px 8px 8px;
	text-align: center !important;
	border: 2px solid #CCCCCC !important;
	font-weight: bold !important;
}
.font-link2 { background-color: #DD0000 !important; }
.font-link a[target="_blank"] {
	padding: 10px 0 10px 2em;
	background: url(images/blankBtn.png) no-repeat center left;
}
.font-link2 a {
	padding-left: 2em;
	background: url( images/mailBtn.png) no-repeat center left; 
}
.font-link a , .font-link2 a {	color: #FFFFFF !important; }
.font-link a:hover , .font-link2 a:hover { color: #FFFF00 !important; }
.font-tel , .tel-link {
	color: #DD0000 !important;
	font-weight: bold !important;
}
.font-telS {
	padding: 10px !important;
	width: 60% !important;
	color: #FFFFFF !important;
	background-color: #DD0000 !important;
	margin: 30px auto !important;
	border-radius: 8px 8px 8px 8px;
	text-align: center !important;
	border: 2px solid #CCCCCC !important;
	font-weight: bold !important;
}
.font-shomei {
	text-align: right !important;
	margin-top: 20px !important;
	font-size: .875rem;
}
.font-kome , .font-maru {
	padding-left: 1em !important;
	text-indent: -1em !important;
}
.font-bule { color: #0000FF !important; }
.font-red , .font-red2 { color: #DD0000 !important; }
.font-red2 { 
	color: #DD0000 !important; 
	text-align: center !important;
	margin-bottom: 1.5em !important;
	margin-top: 1.5em !important;
}
.font-red3 , .font-red4 { 
	color: #DD0000 !important; 
	font-weight: bold;
}
.font-red4 {
	font-size: 1.125rem;
	text-align: center !important;
	margin: 0 auto !important;
	border-radius: 8px 8px 0 0;
	border: 3px solid #EEEEEE;
	padding: 5px 0 2px !important;
	letter-spacing: 0.2em;
}
.font-red4 span { 
	color: #DD0000 !important; 
	font-weight: bold; 
}
.font-largeBold {
	font-size: 1.125rem;
	font-weight: bold;
}
.pdfS a:after { content: url("images/pdfIconL.png"); }
.pdfL a:after { content: url("images/pdfIconL.png"); }
.font-right {text-align:right !important;}
.box-shomei {float:right;}
.box-shomei p {display:inline-block;}




/* テーブルスタイル
--------------------------------------------------*/
.tableWrapper { margin-left: 1em;}
table {
	border-collapse: collapse;
	width: 100%;
	text-align: center;
}
table th , table td {
	border: #CCCCCC solid 1px;
	padding: 5px 2px 3px;
	vertical-align: middle;
	line-height: 1.3em;
}
table th { background-color: #EEEEEE; }
table th span { font-size: .75rem; }
table caption {
	font-size: .75rem;
	caption-side: bottom;
	text-align: left;
	margin-top: 3px;
}
.tableLeftMargin { margin-left: 1em; }



/* 汎用レイアウト 
--------------------------------------------------*/
.sankoData , .kokoku , .toiawase {
	border: dotted #999999 1px;
	padding-bottom: 15px;
}
.toiawase { margin-top: 50px; }
.sankoData p , .kokoku p.title , .toiawase p.title {
	width: 7em;
	text-align: center;
	margin-top: -.8em !important;
	background-color: #FFFFFF;
}
.kokoku p.title {
	width: 5em;
	color: #DD0000 !important;
}
.toiawase p.title {
	width: 9em !important;
	color: #DD0000 !important;
}
#floatWindow .toiawase p.title {width: 12em !important;}



/*
++++++++++++++++++++++++++++++++++++++++
レイアウト
++++++++++++++++++++++++++++++++++++++++
*/



body {
	/*width: 320px;*/
	background-color: #000000;
	
	margin: 0 0 0 auto;
	text-align: center;
}
/* ページ内リンク用 */
article {
	padding-top: 60px;
	margin-top: -60px;
}
article#basicInfo {
	padding-top: 0;
	margin-top: 0;
}



/* ヘッダー
--------------------------------------------------*/
#Smenu {
	background-image: url(images/PC-asideBG.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 100%;
	height: 50px;
	position: fixed;
	z-index: 10000;
	-webkit-box-shadow: 0px 2px 2px #666666;
	box-shadow: 0px 2px 2px #666666;
}
#Smenu ul li span { display: none; }
#Smenu ul li#SmenuBtn1 {
	width: 150px;
	float: left;
	height: 50px;
	display: block;
	cursor: pointer;
}
#Smenu ul li#SmenuBtn2 a {
	float: right;
	width: 70px;
	height: 50px;
	display: block;
	background-image: url(images/menuHomeBtn.png);
	background-repeat: no-repeat;
	background-position: center top;
}
#Smenu ul li#SmenuBtn3 { display: none; }
#SPmenuAll {
	display: none;
	background-color: #000000;
	opacity: 0.9;
	width: 100%;
	position: absolute;
	top: 50px;
	z-index: 10;
}
#SPmenuAll nav ul {
	line-height: 1.1em;
	width: 100%;
}
#SPmenuAll nav ul li {
	display: table;
	text-align: center;
	width: 50%;
	height: 60px;
	float: left;
	line-height: 1.3em;
	border-bottom: #FFFFFF 1px dotted;
	border-right: #FFFFFF 1px dotted;
}
#SPmenuAll nav ul li:nth-child(2n) {border-right-width: 0px;}
#SPmenuAll nav ul li a {
	display: table-cell;
	color: #FFFFFF;
	vertical-align: middle;
	padding: .5em;
}
#SPmenuAll nav p#naviClose {
	width: 100%;
	height: 50px;
	display: block;
	cursor: pointer;
	background-image: url(images/SP-headerMenuCloseBtn.png);
	background-position: center center;
	background-repeat: no-repeat;
}
#SPmenuAll nav p#naviClose span { display: none; }
#headerWrapper {
	background-color: #FFFFFF;
	margin: 0 auto 0;
	width: 100%;
	padding: 50px 0 0;
}
#headerWrapper header {
	width: 100%;
	margin: 0 auto;
	text-align: left;
}
#headerWrapper header #headerLRWrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#headerWrapper header #headerLeft { margin: 0; }
#headerWrapper header #headerLeft section {
	width: 400px;
	margin: 0 auto;
}
#headerWrapper header #headerLeft p#corpMark img {
	float: left;
	padding: 10px 10px 0 0;
}
#headerWrapper header #headerLeft h1 img {
	padding: 20px 0 5px 0;
	margin: 0;
}
#headerWrapper header #headerLeft p#headerCorpTel {
	float: left;
	font-size: .875rem;
	color: #000000;
	line-height: 1.4;
	margin-bottom: .5em;
	display: inline-block;
}
#headerWrapper header #headerLeft p#logo2 {
	clear: both;
	border-top: 1px dotted #999999;
	padding: 10px 0 10px;
	text-align: center;
	margin-bottom: 10px;
}
#headerWrapper header #headerLeft p#spCatch { display: none; }
.index #headerWrapper header #headerLeft p#spCatch {
	display: block;
	text-align: center;
	margin-bottom: 20px;
}
#headerWrapper header nav {
	width: 568px;
	margin: 0 auto;	
	padding-bottom: 50px;
}
#headerWrapper header #headerLeft nav ul li {
	float: left;
	margin: 0 10px 20px;
	margin: 0 21px 20px;
}
#headerWrapper header #headerLeft nav ul li a span { display: none; }
#headerWrapper header #headerLeft nav ul li a {
	width: 122px;
	width: 100px;
	height: 102px;
	display: block;
	background-image: url(images/headerNavBtnAll.png);
	background-image: url(none);
}
#headerWrapper header #headerLeft nav ul li#hNavBtn1 a { background-position: 0 0; }
#headerWrapper header #headerLeft nav ul li#hNavBtn2 a { background-position: -122px 0; }
#headerWrapper header #headerLeft nav ul li#hNavBtn3 a { background-position: -244px 0; }
#headerWrapper header #headerLeft nav ul li#hNavBtn4 a { background-position: -366px 0; }
#headerWrapper header #headerRight,
#headerWrapper header p#pcHeaderImage,
#headerWrapper header p#pcCatch,
#headerWrapper header #breadCrumb { display: none; }



/* メイン、各種見出し、段落
--------------------------------------------------*/
#wrapper {
	background-color: #FFFFFF;
	
	margin: 0 auto;
	width: 100%;
	text-align: center;
	z-index: -10000;
}
#main {
	margin: 0 auto;
	width: 700px;
}
#main #contents {
	margin: 0 auto;
	padding: 0 0 20px;
	text-align: left;
}
#contents h1 {
	background-image: url(images/PC-index-topicsTitle.png);
	width: 700px;
	height: 40px;
	margin-bottom: 20px;
}
#contents h1 span {
	display: none;
}
/* 各ページタイトル個別設定 */
.centerGuide #contents h1 {		background-image: url(images/PC-centerGuide-pageTitle.png);		/*総合センター利用案内*/ }
.disclo #contents h1 { 				background-image: url(images/PC-disclo-pageTitle.png);					/*情報開示*/	 }
.foruser #contents h1 {				background-image: url(images/PC-foruser-pageTitle.png);				/*ユーザーの皆様へ*/ }
.gaiyo #contents h1 {				background-image: url(images/PC-gaiyo-pageTitle.png);					/*警備業の概要*/ }
.gaiyo #contents #hoho h1 {		background-image: url(images/PC-gaiyoHoho-pageTitle.png);			/*警備業の概要 - 警備の方法*/ }
.ichiran #contents h1 {				background-image: url(images/PC-ichiran-pageTitle.png);				/*加盟会社一覧*/ }
.kotsuyudo #contents h1 {			background-image: url(images/PC-kotsuyudo-pageTitle.png);			/*交通誘導配置基準*/ }
.kyoiku #contents h1 {				background-image: url(images/PC-kyoiku-pageTitle.png);				/*警備員教育*/ }
.map #contents h1 {					background-image: url(images/PC-map-pageTitle.png); 					/*ご案内図*/ }
.nittei #contents h1 {				background-image: url(images/PC-nittei-pageTitle.png);					/*警備員教育日程*/ }
.nittei #contents #hikaiin h1 {	background-image: url(images/PC-nitteiHikaiin-pageTitle.png);		/*警備員教育日程 - 会員外の皆様へ*/ }
.nyukai #contents h1 {				background-image: url(images/PC-nyukai-pageTitle.png);				/*入会案内*/ }
.ryokin #contents h1 {				background-image: url(images/PC-ryokin-pageTitle.png);				/*総合センター施設使用料金表*/ }
.topics #contents h1 {				background-image: url(images/PC-topics-pageTitle.png);				/*トピックス*/ }

#contents .yakuwari h1 {			background-image: url(images/PC-yakuwari-pageTitle.png);			/*埼警協の役割*/ }
#contents .soshikizu h1 {			background-image: url(images/PC-soshikizu-pageTitle.png);			/*組織図*/ }
#contents .gyomu h1 {				background-image: url(images/PC-gyomu-pageTitle.png);				/*主な業務*/ }
#contents #keibitai h1 {	background-image: url(images/PC-gaiyoKeibitai-pageTitle.png);		/*警備業の概要 - 埼警協災害警備隊*/ }

.shidoKantoku #contents h1 {	background-image: url(images/PC-shidoKantoku-pageTitle.png);		/*現場指導・監督結果表*/ }
.kyozai #contents h1 {				background-image:url(images/PC-kyozai-pageTitle.png);				/*教育教材価格表*/ }
.tokubetsuKoshu #contents h1 {background-image:url(images/PC-tokubetsuKoshu-pageTitle.png);			/*特別講習について*/}
.privacyPolicy #contents h1 {				background-image:url(images/PC-privacyPolicy-pageTitle.png);				/*教育教材価格表*/ }
#contents h2 {
	font-size: 1.125rem;
	font-weight: bold;
	margin-bottom: 15px;
	position: relative;
	padding: 0 1em .2em;
	border-bottom: 4px solid #CCCCCC;
	color: #DD0000;
	letter-spacing: .08em;
	line-height: 1.2em;
}
#contents h2:after {
	position: absolute;
	bottom: -4px;
	left: 0;
	z-index: 2;
	content: '';
	width: 20%;
	height: 4px;
	background-color: #DD0000;
}
#contents h2 span { font-size: .875rem; }
#contents h3 {
	color: #FFFFFF;
	background-color: #FF9900;
	font-weight: bold;
	padding: 4px 2em 2px 1em;
	margin-bottom: 10px;
	border-radius: 20px;
	text-align: left;
	display: inline-block;
	min-width: 200px;
}
#contents p , #contents dl { margin-left: 1em; }
#contents li p { margin-left: 0; }
#contents p { margin-bottom: 10px; }
#contents ul {
	list-style-type: disc;
	padding-left: 3em;
}
#contents ol { padding-left: 4em; }
#contents p#corpName {
	font-size: 1.125rem;
	font-weight: bold;
}
#contents p#corpAddress {
	font-size: .875rem;
	line-height: 1.8em;
}
#contents p#corpTel {
	font-size: 1.125rem;
	font-weight: bold;
	color: #DD0000;
}



/* サイドバー
--------------------------------------------------*/
#main aside { display: none; }



/* フッター
--------------------------------------------------*/
footer {
	background-color: #FFFFFF;
	
	padding: 0;
}
footer p,
footer ul { font-size: .75rem; }
footer p#copyright {
	font-size: .625rem;
	line-height: 1em;
	background-color: #666666;
	color: #FFFFFF;
	padding: 7px 0;
	margin: 0 auto 20px;
	text-align: center;
}
footer p#counter,
footer p#lastUpDate { display: none; }
footer nav { display: none; }



/* PAGETOP用
--------------------------------------------------*/
#pageTop {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9999;
}
#pageTop a {
	width: 70px;
	display: block;
}
#pageTop span {
	width: 70px;
	height: 70px;
	display: block;
	background-image: url(images/pageTop.png);
	background-repeat: no-repeat;
	background-size: 70px 70px;
}



/*
--------------------------------------------------
個別ページ設定
--------------------------------------------------
*/



/* トップページ　index.html
--------------------------------------------------*/
.index #contents ul { margin-bottom: 50px; }
.index #contents ul li { margin-bottom: 10px; }
.index #contents article#basicInfo {
	width: 100%;
	text-align: center;
	padding: 0 0 15px;
}
.index #contents article#basicInfo img { margin-bottom: 20px; }
.index #contents article#basicInfo p { line-height: 1.5em; }
.index #contents p span { 
	font-weight: bold;
	color: #DD0000;
}



/* 最新情報　whatsnew.html
--------------------------------------------------*/
.whatsnew #contents dl dt {
	font-size: 1.125rem;
	color: #003366;
	font-weight: bold;
}
.whatsnew #contents dl dt:before { content: "○"; }
.whatsnew #contents dl dd {	margin: 0 0 .7em 2em; }
.whatsnew #contents table#irreg {margin-bottom: 5px;}
.whatsnew #contents table#irreg td span {color:#000000;}



/* 総合センター施設利用案内　center-guide.html
--------------------------------------------------*/
.centerGuide #contents ul li { font-weight: bold; }
.centerGuide #contents span { color: #000000; }



/* センター施設使用料金表　ryokin.html
--------------------------------------------------*/



/* 警備員教育　kyoiku.html
--------------------------------------------------*/
.kyoiku #contents #flowChart {text-align: center;}
.kyoiku #contents #flowChart ul {
	list-style: none;
	padding-left: 0;
	display: inline-block;
	text-align: center;
	background-image: url(images/kyoiku-flowChartBG.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.kyoiku #contents #flowChart ul li {
	float: left;
	background-color: #00A3D9;
	border: 2px #CCCCCC solid;
	border-radius: 50px;
	padding: .2em 0 0;
	margin: 20px 20px;
	line-height: 1.2em;
	height: 100px;
	width: 100px;
	display: table;
	font-size: 1.25rem;
}
.kyoiku #contents #flowChart ul li span {
	display: table-cell;
	vertical-align: middle;
	font-weight: bold;
	color: #FFFFFF;
}
.kyoiku #contents #flowChart ul li a {
	color: #FFFFFF;
}
.kyoiku #contents #flowChart ul li a:hover {color: #FFFF00;}

#contents #shubetsu {
	border: 3px solid #CCCCCC;
	padding-bottom: 10px;
	margin-left: 1em;
}
#contents #shubetsu h3 {
	font-size: 1.125rem;
	text-align: center;
	border-radius: 0;
	font-weight: bold;
	margin-bottom: 20px;
	padding: 10px auto;
	display: block;
	color: #FFFFFF;
	background-color: #66CCFF;
	letter-spacing: .1em;
}
#contents #shubetsu ul {
	padding-left: 6em;
	margin-bottom: 20px;
}
#contents #shubetsu p {
	padding-left: 1.5em; 
	padding-right: 1.5em; 
}









/*警備業の概要　gaiyo.html
--------------------------------------------------*/
.gaiyo #contents dl dt {
	width: 12em;
	color: #DD0000;
	padding-bottom: .2em;
	border-bottom: #DD0000 dotted 1px;
}
.gaiyo #contents dl dd { 
	padding-left: 12.5em; 
	margin-top: -1.7em;
	margin-bottom: 20px;
}



/* 交通誘導配置基準　kotsuyudo.html
--------------------------------------------------*/
.kotsuyudo #contents .tableWrapper {
	width: 50%;
	float: left;
	margin-left: 0;
}
.kotsuyudo #contents table { margin-bottom: 10px; }
.kotsuyudo #contents table td span { color: #DD0000 !important; }
.kotsuyudo #contents table td.rosenmei { text-align: left; }
.kotsuyudo #contents table th , .kotsuyudo #contents table td {
	padding-left: .5em;
	padding-right: .5em;
}
.kotsuyudo #contents section section p { 
	margin-bottom: 0;
	line-height: 1.3em;
}



/* 埼警協の役割　yakuwari.html */
/* 組織図　*/
/* 主な業務　*/
#contents #keibitai img {
	float: left;
	margin-right: 30px;
	margin-left: 1em;
}
#contents #keibitai img#imgKeibitai2 { margin-bottom: 40px; }




/* 加盟会社一覧　ichiran.html
関連リンク　links.html
--------------------------------------------------*/
.ichiran #contents h2 {
	padding-top: 60px;
	margin-top: -60px;
}
.ichiran #contents p.shibuLink span {	color: #000000; }
.ichiran #contents table td { text-align: left; }
.ichiran #contents table td.kubun {width:9em;}
.ichiran #contents table td.telnum {width:9em;}
.ichiran #contents table td span { color: #000000; }
.ichiran #contents table td.telnum { text-align: center; }
.ichiran #contents table th , .ichiran #contents table td {
	padding-left: .5em;
	padding-right: .5em;
}
.ichiran #contents table caption {
	caption-side: top;
	margin-bottom: 3px;
}
.ichiran #contents table tfoot td {
	border: none;
	font-size: .75rem;
}
.ichiran #contents table tfoot tr.even { background-color: #FFFFFF; }
.ichiran #contents table td span.nowrap { 
	white-space: nowrap; 
	display: inline-block;
}
.ichiran:not(.saigai) #contents table tr:nth-child(4n+4),
.ichiran:not(.saigai) #contents table tr:nth-child(4n+5) {
	background-color:#FFFFEE;
}
.ichiran:not(.saigai) #contents table tr:nth-child(4n+4) td {
	border-bottom-width: 0;
}
.ichiran:not(.saigai) #contents table tr:nth-child(2n+2) td {
	border-style: dotted;
	border-top-style: solid;
	border-top-width: 2px;
}
.ichiran:not(.saigai) #contents table tr:nth-child(2n+2) td:first-child {
	border-left-style: solid;
}
.ichiran:not(.saigai) #contents table tr:nth-child(2n+2) td:last-child {
	border-right-style: solid;
}
.ichiran:not(.saigai) #contents table tr:nth-child(2n+3) td {
	border-top-style: dotted;
	border-bottom-width: 2px;
}

#contents .sanjo table td { text-align: left; }
#contents .sanjo table td.kubun {width:9em;}
#contents .sanjo table td.telnum {width:9em;}
#contents .sanjo table td span { color: #000000; }
#contents .sanjo table td.telnum { text-align: center; }
#contents .sanjo table th , #contents .sanjo table td {
	padding-left: .5em;
	padding-right: .5em;
}
#contents .sanjo table caption {
	caption-side: top;
	margin-bottom: 3px;
}
#contents .sanjo table tfoot td {
	border: none;
	font-size: .75rem;
}
#contents .sanjo table tfoot tr.even { background-color: #FFFFFF; }
#contents .sanjo table td span.nowrap { 
	white-space: nowrap; 
	display: inline-block;
}
.links:not(.saigai) #contents table tr:nth-child(4n+4),
.links:not(.saigai) #contents table tr:nth-child(4n+5) {
	background-color:#FFFFEE;
}
.links:not(.saigai) #contents table tr:nth-child(4n+4) td {
	border-bottom-width: 0;
}
.links:not(.saigai) #contents table tr:nth-child(2n+2) td {
	border-style: dotted;
	border-top-style: solid;
	border-top-width: 2px;
}
.links:not(.saigai) #contents table tr:nth-child(2n+2) td:first-child {
	border-left-style: solid;
}
.links:not(.saigai) #contents table tr:nth-child(2n+2) td:last-child {
	border-right-style: solid;
}
.links:not(.saigai) #contents table tr:nth-child(2n+3) td {
	border-top-style: dotted;
	border-bottom-width: 2px;
}


/* 教育教材価格表　kyozai.html
--------------------------------------------------*/
.kyozai #contents p.zaikoNote {
	border-top: 1px dotted #CCCCCC;
	padding-top: 10px;
}
.kyozai #contents table thead th {
	background-color: #FFFFFF;
	color: #0066CC;
	text-align: center;
}
.kyozai #contents table td {text-align:center;}
.kyozai #contents table td:nth-child(2),
.kyozai #contents table td:nth-child(3) {width: 7em;}
.kyozai #contents table td:first-child {text-align:left !important;}
.kyozai #contents table td:nth-child(2):after,
.kyozai #contents table td:nth-child(3):after {content: "円";}
.kyozai #contents table th , 
.kyozai #contents table td {padding-left:.5em;padding-right:.5em;}
.kyozai #contents table caption {caption-side:top;margin-bottom:3px;}
.kyozai #contents table tr.even {background-color:#FFFFEE;}
.kyozai #contents table tfoot tr.even {background-color:#FFFFFF;}
.kyozai #contents table td span {color: #000000;}



/* 入会案内　nyukai.html 
--------------------------------------------------*/
.nyukai #contents ol {
	margin-bottom: 20px;
	color: #DD0000;
}
.nyukai #contents ul li {	margin-bottom: 10px; }



/* ご案内図　map.html 
--------------------------------------------------*/
.map #contents { text-align: center !important; }
#map_canvas {
	margin: 0 auto 40px;
}
#map_canvas img {
	border: 1px solid #CCCCCC;
}
.map #contents p { 
	line-height: 1.5em;
	margin-left: 0;
	margin-bottom: 0;
}
.map #contents p span { 
	font-weight: bold;
	color: #DD0000;
}



/* 情報開示　disclo.html 
--------------------------------------------------*/
.disclo #contents ul li span {
	color: #000000;
	font-size: .875rem;
}
.disclo #contents p span { 
	font-weight: bold;
	color: #DD0000;
}
.disclo #contents .adobeReader {
	padding: 20px 1em 10px 0;
	margin-top: 50px;
	border: 1px dotted #CCCCCC;
}
.disclo #contents .adobeReader p {
	text-indent: -1em;
	padding-left: 1em;
	font-size: .75rem;
	line-height: 1.5em;
}



/* ユーザーの皆様へ　foruser.html 
--------------------------------------------------*/
.foruser #contents div { text-align: center; }
.foruser #contents img { margin: 40px auto; }



/* トピックス　topics.html 
--------------------------------------------------*/
.topics #contents .photo {
	text-align: center;
	margin: 0 auto 40px;
	padding: 20px;
}
.topics #contents .photo img { margin-bottom: 10px; }
.topics #contents .photo table { background-color: #FFFFFF; }
.topics #contents .photo table th { width: 10em; }
.topics #contents .photo table td { 
	text-align: left; 
	padding-left: 1em;
}
.topics #contents .photo table td span { color: #000000; }
.topics.wansho #contents #lead { text-align: center; }
.topics.wansho #contents #lead img { margin-bottom: 50px; }
.topics.keibinohi #contents img,
.topics.topiStyle2 #contents img {width:80%;height:auto;}
.topics.keibinohi #contents p,
.topics.topiStyle2 #contents p {text-align:left;margin-bottom:20px;}
.topics.kycard #contents #lead {text-align: center;}
.topics.kycard #contents #lead img {margin: 0 auto 20px;}
.topics.kycard #contents #lead p {text-align: left;}
.topics.kycard #contents h4 {
	font-weight: bold;
	padding-left: 1em;
	color: #0066CC;
	margin-bottom: 5px;
}
.topics.kycard #contents ol,
.topics.kycard #contents ul,
.topics.sac #contents ol {margin-bottom: 20px;}
.topics.kycard #contents ol {padding-left: 3em;}
.topics.kycard table {
	text-align: left;
	width: 90%;
}
.topics.kycard table th {
	text-align: left;
	padding: .5em 2em .5em 1em;
}
.topics.kycard table td {padding: .5em 1em;}
.topics.kycard table td span {
	color: #000000;
	display: inline-block;
}
.topics.kycard #kisai {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.topics.kycard #kisai img {
	margin: 0 10px;
}
.topics .update {
	text-align: right !important;
	font-size: .75rem;
	margin-bottom: 30px !important;
}



/* 現場指導・監督結果表　shido-kantoku.html 
--------------------------------------------------*/
.shidoKantoku #contents ul li { margin-bottom: 1em; }



/*
---------------------------------------------------------------------
トップページ　フローティングウィンドウ設定
---------------------------------------------------------------------
*/
#floatWindow {
	display: none;
	text-align: left;
	padding: 20px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	border: 3px solid #FFCC00;
	background-color: #FFFFFF;
	
}
#floatWindow p { margin-bottom: 1em; }
#floatWindow p.floatWindowTitle {
	font-size: 1.25rem;
	font-weight: bold;
	color: #DD0000;
	margin-bottom: 0.5em;
	text-align: center;
}
#floatWindow p#closeBtn { 
	margin-bottom: 0;
	font-size: .875rem;
	text-align: center;
}
#floatWindow p#closeBtn:before { content: "［ "; }
#floatWindow p#closeBtn:after { content: " ］"; }

#floatWindow section {margin-bottom: 20px;}
#contents #floatWindow section h1 {
	color: #DD0000;
	font-weight: bold;
	background-image: url(none);
	width: auto;
	height: auto;
	background-repeat: no-repeat;
	margin: 0 0 5px;
	padding: 10px 0 0;
	border-top: 1px dotted #CCCCCC;
	background-color: #FFFFFF;
	text-align: left;
	font-size: 1rem;
	letter-spacing: 0;
}
#floatWindow section#keibinohi p {text-align: center;}
#floatWindow section#keibinohi img {width: 80%;margin: 20px auto 0;}

#floatWindow section {margin-bottom: 20px;}
#contents #floatWindow section p.date {
	text-align: left;
	font-size: .75rem;
	margin-bottom: 0;
}
#contents #floatWindow section h1 {
	color: #DD0000;
	font-weight: bold;
	background-image: url(none);
	width: auto;
	height: auto;
	background-repeat: no-repeat;
	margin-bottom: 5px;
	padding: 10px .5em 0;
	border-top: 1px dotted #CCCCCC;
}
#floatWindow section.style02 p {text-align: center;margin-left:0px;}
#floatWindow section.style02 img {width: 80%;height:auto;margin: 20px auto 0;}





}