@charset "shift-jis";
/****
body { margin: 0px; padding: 0px; }
#epcoquery { margin-left: 5px; margin-right: 3px; width: 130px; }
#epcosubmit { width: 33px; height: 20px; border-style: none; }
#epcobread { border-bottom: 1px solid rgb(102, 102, 102); background-color: rgb(255, 255, 255); }
#epbreadlink { padding: 2px 5px 2px 13px; font-size: 10px; }
#epbreadlink a:link { color: rgb(0, 0, 204); text-decoration: none; }
#epbreadlink a:visited { color: rgb(102, 51, 153); text-decoration: none; }
#epbreadlink a:hover, #epbreadlink a:active { text-decoration: underline; }
#epcobread td { color: rgb(51, 51, 51); }
#epbreadlink a:link { color: rgb(0, 0, 204); text-decoration: none; }
#epbreadlink a:visited { color: rgb(102, 51, 153); text-decoration: none; }
#epbreadlink a:hover, #epbreadlink a:active { background-color: rgb(255, 255, 255); text-decoration: underline; }
#contentHead div, #contentFoot div, #contentHead p, #contentFoot p, #contentHead dl, #contentFoot dl, #contentHead dt, #contentFoot dt, #contentHead dd, #contentFoot dd, #contentHead ul, #contentFoot ul, #contentHead ol, #contentFoot ol, #contentHead li, #contentFoot li, #contentHead form, #contentFoot form, #contentHead input, #contentFoot input, #contentHead textarea, #contentFoot textarea { margin: 0px; padding: 0px; }
#contentHead p, #contentFoot p, #contentHead form, #contentFoot form { font-weight: normal; }
#contentHead ul, #contentFoot ul, #contentHead ol, #contentFoot ol { font-size: 0px; line-height: 0px; }
#contentHead ul, #contentFoot ul { list-style: none outside none; }
#contentHead dl img, #contentFoot dl img, #contentHead dd img, #contentFoot dd img, #contentHead ul img, #contentFoot ul img { vertical-align: bottom; }
#contentHead img, #contentFoot img { border: 0px none; }
#contentHead, #contentFoot, #contentHead form textarea, #contentFoot form textarea { font-family: "MS P Gothic","ＭＳ Ｐゴシック","Osaka−等幅","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif; }
#contentHead p, #contentFoot p, #contentHead form, #contentFoot form, #contentHead li, #contentFoot li, #contentHead dt, #contentFoot dt, #contentHead dd, #contentFoot dd { font-size: small; line-height: 1.4em; }
#contentHead a, #contentFoot a { text-decoration: underline; background: none repeat scroll 0% 0% rgb(255, 255, 255); }
#contentHead a:link, #contentFoot a:link { color: rgb(0, 0, 255); }
#contentHead a:visited, #contentFoot a:visited { color: rgb(153, 51, 204); }
#contentHead a:hover, #contentFoot a:hover { color: rgb(255, 0, 0); text-decoration: none; }
#contentHead a:active, #contentFoot a:active, #contentHead a:focus, #contentFoot a:focus { color: rgb(0, 0, 255); }
#contentHead div.accessibleNavi { height: 1px; width: 1px; overflow: hidden; position: absolute; right: 0px; top: 0px; z-index: 999; }
#contentHead div.accessibleNavi p { padding: 0px; margin: 0px; }
#contentHeadBtm { clear: both; font-size: 1px; line-height: 0px; height: 1px; width: 1px; }
#contentHead { width: 100%; }
#contentHead #contentHeadWidth { width: 760px; margin: 0px auto; background: url('head_bg.gif') repeat-x scroll 100% 100% rgb(255, 255, 255); }
#contentHead #contentHeadWidth #contentHeadInner { width: 760px; height: 95px; overflow: hidden; margin: 0px auto; position: relative; }
#contentHead #contentHeadWidth #contentHeadInner #header { height: 1px; width: 1px; overflow: hidden; position: absolute; right: 0px; top: 0px; z-index: 999; }
#contentFoot { clear: both; width: 100%; }
#contentFoot #contentFootWidth { width: 760px; margin: 0px auto; background: none repeat scroll 0% 0% rgb(255, 255, 255); }
#contentFoot #contentFootWidth #contentFootInner { width: 100%; margin: 0px auto; }
#contentHead #headTitle { position: absolute; top: 9px; left: 0px; }
#contentHead #headLink { position: absolute; top: 8px; left: 204px; }
#contentHead #headLink li { display: inline; margin-right: 20px; text-indent: 0px; }
#contentHead #headSiteNavi { position: absolute; top: 4px; right: 0px; height: 15px; text-align: right; overflow: hidden; width: 255px; }
#contentHead #headSiteNavi li { display: inline; padding: 0px 10px; text-indent: 0px; font-size: 10px; line-height: 1.1em; border-left: 1px solid rgb(51, 51, 51); }
#contentHead #headSiteNavi li.lastItem { border-right: 1px solid rgb(51, 51, 51); }
#contentHead #headSiteSearch { position: absolute; top: 25px; right: 0px; }
#contentHead #headSiteSearch #epcoquery { width: 195px; margin: 0px 4px 0px 0px; float: none; }
#contentHead #headSiteSearch input { vertical-align: middle; font-size: 12px; line-height: 1.1em; }
#contentHead #headSiteSearch input#epcosubmit { width: 32px; height: 19px; }
#contentHead #headGlobalNavi { position: absolute; top: 53px; left: 0px; height: 42px; }
#contentHead #headGlobalNavi li { float: left; border-bottom: 5px solid rgb(0, 153, 68); }
#contentHead #headGlobalNavi a { background: url('head_globalnavi01.jpg') no-repeat scroll 0% 0% transparent; height: 37px; width: 108px; text-indent: -9999px; display: block; text-decoration: none; }
#headGlobalNavi #globalNavi01 a { background-image: url('head_globalnavi01.jpg'); }
#headGlobalNavi #globalNavi02 a { background-image: url('head_globalnavi02.jpg'); }
#headGlobalNavi #globalNavi03 a { background-image: url('head_globalnavi03.jpg'); }
#headGlobalNavi #globalNavi04 a { background-image: url('head_globalnavi04.jpg'); }
#headGlobalNavi #globalNavi05 a { background-image: url('head_globalnavi05.jpg'); }
#headGlobalNavi #globalNavi06 a { background-image: url('head_globalnavi06.jpg'); }
#headGlobalNavi #globalNavi07 a { background-image: url('head_globalnavi07.jpg'); width: 112px; }
#contentHead #headGlobalNavi a:hover, #contentHead #headGlobalNavi .activeNavi { background-position: 0px -37px; }
#contentFoot ul { margin-bottom: 10px; padding-top: 9px; border-top: 1px solid rgb(49, 154, 71); text-align: center; }
#contentFoot ul li { display: inline; padding-left: 8px; padding-right: 5px; line-height: 1.2em; border-right: 1px solid rgb(51, 51, 51); }
#contentFoot ul li.fItem { border-left: 1px solid rgb(51, 51, 51); }
#contentFoot ul a { white-space: nowrap; }
#contentFoot p { text-align: center; }
#contentFoot ul li { font-size: 13px; }
#contentFoot p { font-size: 13px; }***/




/**----------------------火力電源入札募集独自追加
-----------------------------------------------**/

#contentAll *, #contentAll ::before, #contentAll ::after {
	box-sizing: content-box;
}

body {
	background-image: url("../setsuzoku/img/bgstl.gif") !important;
}

center table {
	background-color: #fff;
}

#top {
	line-height: 24px;
	font-size: 16px;
}

.l-header {
	line-height: 1.7;
}

#karyokuBOX{
	width:830px !important;
	width /**/:850px;
	margin:0 auto 40px;
	padding:10px;
	text-align:left;
	background-color:#FFF;
	box-sizing: content-box;}
.karyokuBOXs{
	width:600px;
	margin:0 0 40px 0;
	word-wrap: break-word;}
.karyokuBOXnews{
	width:600px;
	margin:0 0 40px 0;
	background-color:#EEEEF7;}
.karyokuBOXnews_inner{
	width:580px !important;
/*	width :600px;*/
	padding:10px;
	margin:0;
	box-sizing: content-box;
}
.karyokuBOXnews_inner table{
	background-color:#EEEEF7;
}
.karyokuBOXnews_inner td{
	padding: 3px 2px;
	line-height: 1.5em;
}
.karyokuBOXnews_inner a:link{
	text-decoration: underline !important;
}
.karyokuBOXs h3,.karyokuBOXs h4{
	margin-top: 1em;
}

#karyokuBOX p {
	margin: 16px 0;
}

#karyokuBOX p.newsBTN {
	margin: 0 0 25px 0;
}

#column01 a:link, #column01 a:visited, #column01 a:active {color: #006699; text-decoration: none;}
#column01 a:hover{color: #339933; background-color: #E6F5C9; text-decoration: underline;}

/* コンテンツ表示部内装 */
#column01{
	width:600px !important;
	width /**/:610px;
	padding:0 9px 0 0;
	text-align:left;
	float:left;
	border-right:solid 1px #CCC;
	box-sizing: content-box;
	min-height: 455px;
}
#column01 p, #column01 dl, #column01 dt, #column01 dd, #column01 li{
	line-height:1.5;
	box-sizing: content-box;
}
#column02{
	width:210px;
	position: relative;
	float:right;
	box-sizing: content-box;
	}
/**カラム1**/
#column01 h1{
	width:575px !important;
	/*width :600px;*/
	height:22px !important;
	/*height :45px;*/
	font-size:14px;
	padding:4px 10px 4px 15px;
	margin-bottom:15px;
	background-image:url(images/title_bg.gif);
	background-repeat:no-repeat;
	box-sizing: content-box;}
#column01 h1.news{background-image:url(images/title_bg2.gif);}
#column01 h2{
	font-size:105%;
	font-weight:normal;
	color:#333;
	border-left:3px solid #009933;
	border-bottom:1px solid #CCC;
	padding:0 0 0 8px;
	margin-bottom:0.5em;}
#column01 h3{
	font-size:13px;
	padding:0;
	color:#009899;
	margin-bottom:10px;
	font-weight:bold;}
#column01 h4{
	font-size:14px;
	padding:0;
	color: #666;
	margin-bottom:10px;
	font-weight:bold;}

#column01 span.noteREDb{ color:#F00; font-weight:bold;}

.dl_karyoku01{
    margin:0 0 1em 0;
	line-height:1.3;}
dl.dl_karyoku01 dt{
    font-size:100%;
	font-weight:normal;
	color:#333;
	border-left:3px solid #009933;
	border-bottom:1px solid #CCC;
	padding:0 0 0 8px;
	margin-bottom:0.5em;}
.dl_karyoku01 dd{
    font-weight:normal;
	margin:0 0 1em 1.5em;}
.dl_karyoku01 span{ font-weight:bold; margin:0 0.5em 0 0;}

/* リスト */
ul.ul_karyoku01 {
    list-style-position:inside;
	list-style-type:disc;
	margin: 0 0 10px 0px;
	line-height: 1.5;
	padding-left: 40px;}
ul.ul_karyoku01 li {
	padding-left:0;
	text-indent:-1em;
	font-weight:normal;
	font-size:100%;}

ul.ul_karyoku02 {
	list-style-type: none;
	margin: 0 0 10px 0px;
	line-height: 1.5;}
ul.ul_karyoku02 li {
	padding-left:0;
	text-indent:-1.5em;}

ol.ol_karyoku01 { margin-left: 2em; line-height: 1.6; }
ol.ol_karyoku01 ol { margin-left: 2em; list-style-type: decimal-leading-zero; }

/**カラム2**/
/*サイドナビ*/
#side_nav{
	width:210px;
	text-align:left;
	/*position: absolute;
	top: 0;*/
	}
#side_nav h2{
	font-size:16px;
	text-align:center;
	font-weight:bold;
	padding:15px 0;
	margin:0 0 20px 0;
	color:#666;
	border-top: solid 3px #795494;
	border-bottom: dotted 1px #999999;}
#side_nav ul{
	line-height:1;
	list-style:none;
	padding:0;
	margin:0;}
#side_nav li{
	width:210px;
	margin-bottom:5px;
	display:inline-block;}
#side_nav li.off{
	width:188px !important;
	width /**/:210px;
	padding:10px;
	color:#333;
	background-color:#CCC;
	font-size:100%;
	text-decoration:none;
	display:block;
	border: solid 1px #CCC;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	/*behavior: url("karyoku/PIE.htc");*/}
#side_nav li a{
	width:188px !important;
	width /**/:210px;
	padding:10px;
	color:#333;
	background-color:#eee;
	font-size:100%;
	text-decoration:none;
	display:block;
	border: solid 1px #CCC;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin: 0 auto;
	box-sizing: content-box;
	/*behavior: url("karyoku/PIE.htc");*/
}
#side_nav li a span{ color:#666; font-size:90%;}
#side_nav li a:hover{background-color:#AAA2D5;}
#side_nav li a.on{background-color:#AAA2D5;}

#side_nav li.arrow{text-align:center;}
#side_nav img {
	display: inline;
}
.fixed {
	position: fixed;
	top: 20px;}

p.newsBTN{margin:0 0 25px 0;}
p.newsBTN a{ background:none;}
p.newsBTN a img{
	background:none;
	border:none;
	max-width: inherit;}
p.newsBTN a:hover img{
	opacity:0.7;
	-moz-opacity:0.7;
	filter: alpha(opacity=70);}


/*Q&A*/
dl.qa_dl{
	list-style:none;}
.qa_dl dt{
	width:558px !important;
	width /**/:600px;
	border:solid #CCC 1px;
	padding:10px 10px 10px 30px;
	margin-bottom:5px;
	background-color:#eeeeee;
	text-indent:-1.5em;}
.qa_dl dd{
	width:558px !important;
	width /**/:600px;
	padding:10px 10px 10px 30px;
	margin:0 0 15px 0;
	text-indent:-1.5em;
	display:block;}
.qa_dl dd table {
	width:100%;
	border-collapse:collapse;
	border:solid 1px #cccccc;}
.qa_dl dd th, .qa_dl dd td {
	text-indent:0;
	padding: 2px 3px 2px 6px;
	line-height: 1.5;
	border:solid 1px #cccccc;
	text-align: center;
	vertical-align:middle;
	background-color:#FFF;
	font-size:79%;}
.qa_dl dd th {
	font-weight:bold;
	border:solid 1px #cccccc;
	background-color: #eeeeee;}


/* 汎用テーブル type3 */
.tbl_type03 {
	width:100%;
	border-collapse:collapse;
	border:solid 1px #cccccc;}
.tbl_type03 th, .tbl_type03 td {
	padding: 2px 3px 2px 6px;
	line-height: 1.5;
	border:solid 1px #cccccc;
	text-align: left;
	vertical-align:middle;
	background-color:#FFF;}
.tbl_type03 th {
	font-weight:bold;
	text-align:left;
	border:solid 1px #cccccc;
	background-color: #eeeeee;
	font-size:80%;}
/* 汎用テーブル type3 内のテーブルはスタイルをクリア */
.tbl_type03 td table {
	border-top: none;
	border-left: none;}
.tbl_type03 td table td {
	border-right: none;
	border-bottom: none;}

.fss{ font-size:85%;}
.bold{ font-weight:bold;}


/* フロートブロック内クリア */
.clear {
	clear: both;
	font-size: 1px;
	height: 1px;
	line-height: 1px;}
.cl {
	display: inline-block;}
.cl:after {
	content: "";
	display: block;
	clear: both;}


/* マージン */
.mgb05 { margin-bottom: 0.5em; }
.mgb10 { margin-bottom: 1em; }
.mgb15 { margin-bottom: 1.5em; }
.mgb20 { margin-bottom: 2em; }
.mgb30 { margin-bottom: 3em; }

#top {
	margin-top: 140px;
}

#epcobread {
	margin: 0 auto;
}

.column02::after {
	content: "";
  display: block;
  height: 768px;
}

.l-footer .pagetop a:hover {
	text-decoration: none;
}

#epcoquery {
	margin-left: 0;
	margin-right: 0;
	width: 150px;
}

#epcosubmit {
	width: 30px;
	height: 30px;
	border: 0;
}

@media screen and (max-width: 667px) {

	.l-header {
		top: 0;
	}

	#epcoquery {
		margin-left: 0;
		margin-right: 0;
		width: 80vw
	}

	#epcosubmit {
	  width: 10vw;
	  height: 10vw;
	  border: 0;
	}

	#Gnav {
		display: block !important;
		background-color: initial !important;
	}

	.m-english {
		font-size: 12px;
	}

}