@charset "utf-8";

/*=====================================

contents.css

=====================================*/

/*-------------------------------------
div#mainTitleWrap
-------------------------------------*/
.mainTitleWrapArea {
height: 96px;
background: url(300065453.png) repeat-x 0 0;
}
#act01Title.mainTitleWrapArea div#mainTitle,
#act02Title.mainTitleWrapArea div#mainTitle,
#act03Title.mainTitleWrapArea div#mainTitle,
#act04Title.mainTitleWrapArea div#mainTitle {
background: url(300073388.jpg) no-repeat right top;
}
#oilgasTitle.mainTitleWrapArea div#mainTitle {
background: url(300073394.jpg) no-repeat right top;
}
#metalTitle.mainTitleWrapArea div#mainTitle {
background: url(300073393.jpg) no-repeat right top;
}
#coalTitle.mainTitleWrapArea div#mainTitle {
background: url(300073392.jpg) no-repeat right top;
}
#geothermalTitle.mainTitleWrapArea div#mainTitle {
background: url(300073391.jpg) no-repeat right top;
}
#stockpilingTitle.mainTitleWrapArea div#mainTitle {
background: url(300073390.jpg) no-repeat right top;
}
#mp_controlTitle.mainTitleWrapArea div#mainTitle {
background: url(300073389.jpg) no-repeat right top;
}
#organizationTitle.mainTitleWrapArea div#mainTitle,
#actTitle.mainTitleWrapArea div#mainTitle,
#recruiteTitle.mainTitleWrapArea div#mainTitle,
#libraryTitle.mainTitleWrapArea div#mainTitle,
#publishTitle.mainTitleWrapArea div#mainTitle,
#disclosureTitle.mainTitleWrapArea div#mainTitle,
#releaseTitle.mainTitleWrapArea div#mainTitle,
#eventTitle.mainTitleWrapArea div#mainTitle,
#bidTitle.mainTitleWrapArea div#mainTitle,
#searchTitle.mainTitleWrapArea div#mainTitle,
#sitemapTitle.mainTitleWrapArea div#mainTitle,
#linkTitle.mainTitleWrapArea div#mainTitle,
#inquiryTitle.mainTitleWrapArea div#mainTitle,
#qualificationTitle.mainTitleWrapArea div#mainTitle,
#siteporicyTitle.mainTitleWrapArea div#mainTitle,
#privacypolicyTitle.mainTitleWrapArea div#mainTitle,
#inquiryTitle.mainTitleWrapArea div#mainTitle,
#serchTitle.mainTitleWrapArea div#mainTitle  {
background: url(300073388.jpg) no-repeat right top;
}

/*  enstyle ---------------------------------- */

#enoilgasTitle.mainTitleWrapArea div#mainTitle {
background: url(300073394.jpg) no-repeat right top;
}
#enmetalTitle.mainTitleWrapArea div#mainTitle {
background: url(300073393.jpg) no-repeat right top;
}
#encoalTitle.mainTitleWrapArea div#mainTitle {
background: url(300073392.jpg) no-repeat right top;
}
#engeothermalTitle.mainTitleWrapArea div#mainTitle {
background: url(300073391.jpg) no-repeat right top;
}
#enstockpilingTitle.mainTitleWrapArea div#mainTitle {
background: url(300073390.jpg) no-repeat right top;
}
#enmp_controlTitle.mainTitleWrapArea div#mainTitle {
background: url(300073389.jpg) no-repeat right top;
}
#enorganizationTitle.mainTitleWrapArea div#mainTitle,
#enrecruiteTitle.mainTitleWrapArea div#mainTitle,
#enlibraryTitle.mainTitleWrapArea div#mainTitle,
#enpublishTitle.mainTitleWrapArea div#mainTitle,
#endisclosureTitle.mainTitleWrapArea div#mainTitle,
#enreleaseTitle.mainTitleWrapArea div#mainTitle,
#eneventTitle.mainTitleWrapArea div#mainTitle,
#enbidTitle.mainTitleWrapArea div#mainTitle,
#ensearchTitle.mainTitleWrapArea div#mainTitle,
#ensitemapTitle.mainTitleWrapArea div#mainTitle,
#enlinkTitle.mainTitleWrapArea div#mainTitle,
#eninquiryTitle.mainTitleWrapArea div#mainTitle,
#enqualificationTitle.mainTitleWrapArea div#mainTitle,
#ensiteporicyTitle.mainTitleWrapArea div#mainTitle,
#enprivacypolicyTitle.mainTitleWrapArea div#mainTitle,
#eninquiryTitle.mainTitleWrapArea div#mainTitle,
#enserchTitle.mainTitleWrapArea div#mainTitle  {
background: url(300073388.jpg) no-repeat right top;
}

/*  enstyle ---------------------------------- */


table#bid_table{
font-size:0.8em;
}
th#bid_project{
width:150px;
}
.errormessage{
  color: #B40000;
  font-size: 0.8em;
}
.errormessage[aria-hidden=true] {
  display: none;
}

/*-------------------------------------
div#message
-------------------------------------*/
#contents div#message ul{
color:#cc0000;
background-color:#FEF5F4;
border:1px solid #E6BDBA;
padding: 12px;
margin-bottom: 20px;
}

#contents div#message ul li{
color: #cc0000;
font-weight: bold;
}



/*-------------------------------------
↓20130214ココから追記↓
-------------------------------------*/

/*-------------------------------------
faq
-------------------------------------*/
.faqq { border-left: 1px solid #0888D3; padding-top: 0.4em; padding-right: 0.4em; padding-bottom: 0.4em; padding-left: 1.6em; background-color: #EDEDED; text-indent: -1.0em; font-size: 158%; font-weight: bold; margin-bottom: 0.8em; margin-top:15px; }
.faqq span { color: #0888D3; }
.faqa { border-left: 1px solid #EC7A07; padding-top: 0.4em; padding-right: 0.4em; padding-bottom: 0.4em; padding-left: 1.6em; background-color: #EDEDED; text-indent: -1.0em; font-size: 158%; font-weight: bold; margin-bottom: 0.8em; }
.faqa span { color: #EC7A07; }

.notearea { background-color: #F1F6FC; padding: 0.6em; }

/* TextAndList
-------------------------------------*/
.TextAndList {
clear: both;
padding: 0 0 20px 0;
zoom: 1;
}
.TextAndList:after {
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden; 
}
.TextAndList .TextAndListL {
float: left;
width: 59%;
}
.TextAndList .TextAndListR {
float: right;
width: 39%;
}
/* relationList
-------------------------------------*/
.relationList {
clear: both;
padding: 0 0 20px 0;
zoom: 1;
}
.relationList:after {
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden; 
}
.relationList .relationListL {
float: left;
}
.relationList .relationListR {
float: right;
}
.relationList .relationListL ,
.relationList .relationListR {
width: 49%;
}
/* icn
-------------------------------------*/
.icn_sqblue { background-color: #EDEDED; background-image: url(300095060.gif); background-repeat: no-repeat; background-position: 0.6em center; padding: 0.4em 0.4em 0.4em 2em; font-size: 129%; font-weight: bold; }

/*-------------------------------------
↑20130214ココまで追記↑
-------------------------------------*/
/*-------------------------------------
TOP リンクの仕様変更 20130220追記
-------------------------------------*/

.topMenu04 ul li.list01{position: absolute; top: -155px; left:0px;}
.topMenu04 ul li.list02{position: absolute; top: -155px; left:230px;}
.topMenu04 ul li.list03{position: absolute; top: -155px; left:460px;}
.topMenu04 ul li.list04{position: absolute; top: -155px; left:690px;}

/*-------------------------------------
↑20130220ココまで追記↑
-------------------------------------*/
#qaTitle.divWrapArea {
	 background-attachment: scroll;
	 background-clip: border-box;
	 background-color: transparent;
	 background-image: url("300095752.jpg");
	 background-origin: padding-box;
	 background-position: 0 0;
	 background-repeat: repeat-x;
	 background-size: auto auto;
	 height: 182px;
}
#qaTitle.divWrapArea div {
	 background-attachment: scroll;
	 background-clip: border-box;
	 background-color: transparent;
	 background-image: url("300095753.jpg");
	 background-origin: padding-box;
	 background-position: right top;
	 background-repeat: no-repeat;
	 background-size: auto auto;
}



/*-------------------------------------
↑20130220ココまで追記↑
-------------------------------------*/
#annualTitle.divWrapArea {
	 background-attachment: scroll;
	 background-clip: border-box;
	 background-color: transparent;
	 background-image: url("300097254.jpg");
	 background-origin: padding-box;
	 background-position: 0 0;
	 background-repeat: repeat-x;
	 background-size: auto auto;
	 height: 182px;
}
#annualTitle.divWrapArea div {
	 background-attachment: scroll;
	 background-clip: border-box;
	 background-color: transparent;
	 background-image: url("300097255.jpg");
	 background-origin: padding-box;
	 background-position: right top;
	 background-repeat: no-repeat;
	 background-size: auto auto;
}



/*-------------------------------------
↑20130220ココまで追記↑
-------------------------------------*/
#localTitle.divWrapArea {
	 background-attachment: scroll;
	 background-clip: border-box;
	 background-color: transparent;
	 background-image: url("300097257.jpg");
	 background-origin: padding-box;
	 background-position: 0 0;
	 background-repeat: repeat-x;
	 background-size: auto auto;
	 height: 182px;
}
#localTitle.divWrapArea div {
	 background-attachment: scroll;
	 background-clip: border-box;
	 background-color: transparent;
	 background-image: url("300097258.jpg");
	 background-origin: padding-box;
	 background-position: right top;
	 background-repeat: no-repeat;
	 background-size: auto auto;
}



/*-------------------------------------
↑20130220ココまで追記↑
-------------------------------------*/
#bizTitle.divWrapArea {
	 background-attachment: scroll;
	 background-clip: border-box;
	 background-color: transparent;
	 background-image: url("300097260.jpg");
	 background-origin: padding-box;
	 background-position: 0 0;
	 background-repeat: repeat-x;
	 background-size: auto auto;
	 height: 182px;
}
#bizTitle.divWrapArea div {
	 background-attachment: scroll;
	 background-clip: border-box;
	 background-color: transparent;
	 background-image: url("300097259.jpg");
	 background-origin: padding-box;
	 background-position: right top;
	 background-repeat: no-repeat;
	 background-size: auto auto;
}




.tableLayout_N img{
	vertical-align:baseline;
}

.lead{
	padding:10px!important;
	margin:5px 5px 20px 5px;
	border:1px solid #000;
}

/*-------------------------------------
ギャラリー2段組用
-------------------------------------*/


.phbox {
    display: table;
    margin: 0 0 15px 0;
    width: 49%;
    float:left;

}
 
.photoR {
    direction: rtl; /*右から並べる*/
}
 
.photoR * {
    direction: ltr; /*内容物は左から並べる*/
}
 
.phbox .photo,
.phbox .comment {
    display: table-cell;
    padding: 10px 0;
    vertical-align:top;
}
 
.phbox .comment {
    width: 100%;
}
.phbox .photo {
    padding-left: 10px;
    padding-right: 10px;
}
.photoR .comment {
    padding-left: 10px;
}
.photoL .comment {
    padding-right: 10px;
}
 
/* IE7以下に適用 */
.ltie8 .phbox .photo {    width:expression(this.getElementsByTagName("img")[0].clientWidth);}
.ltie8 .photoL .photo {    float: left;}
.ltie8 .photoR .photo {    float: right;}
.ltie8 .phbox .comment {    width: auto;}

/* 202203 */
.normalFrame {
    border:1px solid #000;
    padding:10px;
}
#contents .section .imgC img,
#contents .section .imgL img,
#contents .section .imgR img {
    max-width: 920px;
}
.publishArea #contentsArea #contents img {
    max-width: 1200px;
}