@charset "Shift_JIS";	
	
#emAria {
  word-wrap:break-word;
}

/*　”緊急のときは” の　position　top無効化　*/	
#emargencyArea {	
	top: auto;
}	
	
/* プレスリリース */	
#emPr {	
	margin: 20px 0;
}	
#emPrTitle {	
	font-size: 1.2em;
}	
#emPrTitle h2 {	
	margin: 0;
	padding-bottom: 0;
	border: none;
}	
#emPrContents {	
	border: 2px solid #0085c9;
	border-radius:5px;
}	
#emPrContents dl#emPrCntList dt,#emPrContents dl#emPrCntList dd{	
	float: left;
	font-weight: bold;
	color: #fff;
	padding: 10px 10px 10px 10px;
}	
#emPrContents dl#emPrCntList dt {	
	background: #0085c9;
	line-height: normal;
}	
#emPrContents dl#emPrCntList dd{	
	color: #444;
	font-weight: normal;
}	
#emPrContents dl#emPrCntList dl{	
	width: 720px;
}	
#emPrContents dl#emPrCntList dl {	
	color: #444;
	font-weight: normal;
}	
#emPrContents dl#emPrCntList dd#emPrToList {	
	color: #444;
	font-weight: bold;
	border-left: 2px solid #0085c9;
}	
#emPrContents dl#emPrCntList dd#emPrToList a {	
	background:  url("/img/emergency/em_btn.gif") 1% 50% no-repeat;
	padding: 0 0 0 15px;
	margin-left: 5px;
}	
#emPrContents dl#emPrCntList dl dt, #emPrContents dl#emPrCntList dl dd {	
	float: left;
	padding: 0;
}	
#emPrContents dl#emPrCntList dl dt {	
	background: #fff;
	font-weight: normal;
	font-size: 0.9em;
	color: #777;
	margin-right: 10px;
	padding-top: 2px;
}	
#emPrContents dl#emPrCntList dl dd {	
	padding-left: 18px;
	background:  url("/img/emergency/em_btn_red.gif") 1% 50% no-repeat;
}	

/*　主要なレイアウトとスタイル　*/	
#emAria {	
	margin: 20px 0;
	border: 2px solid #0085c9;
	border-radius:5px;
}	
#emAreaTitle {	
	background: #0085c9;
	color: #fff;
	padding: 4px 6px;
	font-size: 1.2em;
}	
#emAreaTitle h2 {	
	margin: 0;
	padding-bottom: 0;
	border: none;
}	
#emAreaContents {	
	padding: 20px 20px 0px 20px;
}	
#emAreaContents div {	
	margin-bottom: 20px;
}	
#emAreaContents div.emBlock_02,
#emAreaContents div.emLeft,
#emAreaContents div.emRight,
#emAreaContents div#ea_cont01,
#emAreaContents div.emBlock_01,
#emAreaContents div#ea_cont04,
#emAreaContents div#emV2wrap{	
	margin-bottom: 0;
}	
#emAreaLead {	
	font-weight: bold;
}	
#emAreaLead p {	
	margin-bottom: 0;
}	
#emAreaContents div p span {	
	color: #c00000;
}	
#emAreaContents div ul.clearfix li {	
	float: left;
	margin-right: 10px;
}	
span.fs80 {	
	font-size: 0.8em;
}	

/*　2列に分かれるレイアウトのとき　*/	
.emBlock {	
	width: 100%;
}
.emBlock div.emLeft {	
	float: left;
	margin-right: 1.5em;
	/*width: 25%;*/
  width: 32.65%;
}
.emBlock div.emRight {	
	float: left;
	margin-right: 0;
	width: 32.65%;
}
.emBlock div.emRight #ea_cont02 li a{	/*非常時のお願いと注意ポイント*/
	width: 16em;
  display:block;
}

.emLeft #ea_cont03,
.emRight #ea_cont04 {
  height:340px;
}

/*　見出しのスタイル　*/	
#emAreaContents div h3 {	
	padding-left: 5px;
	border-left: 7px solid #0085c9;
}

/*　緊急時コンテンツ用各ボタン　*/
#emAreaContents div ul li a {	
	display: inline-block;
    padding: 1.5em 4em 1.5em 2em;
	background:  url("/img/emergency/em_btn_arrow.gif") 95% 50% no-repeat, linear-gradient(#ffffff, #f3f9fc);
	border: 1px solid #bbbbbb;
	font-weight: bold;
}	
#emAreaContents div ul li a:hover {	
	background:  url("/img/emergency/em_btn_arrow.gif") 95% 50% no-repeat, linear-gradient(#f3f9fc, #ffffff);	
	text-decoration: none;
	border: 1px solid #006fbb;
}

/*　version1用　ガスが出ない場合は　/////////////////////////////////////////////////////////////////////////////*/	
#emAreaContents div.emFC_innnerListWrap {
    margin-bottom: 0px;
}

.emBlock .emCannotUse {	
	border: 2px solid #0070c0;
}	
.emBlock_02 div.emLeft {
    float: left;
    margin-right: 1.5em;
    width: 65%;
}
#emAreaContents .emBlock .emCannotUse h3{	
	margin: 0px auto;
	padding: 10px;
	background: #0070c0;
	color: #fff;
    border: none;
	text-align: center;
}
#emAreaContents .emBlock .emCannotUse .emFC_innner {	
	padding: 20px;
	margin-bottom: 0;
}	
#emAreaContents .emBlock .emCannotUse .emFC_innner .emFC_innnerListWrap ul li {	
	float: left;
    margin-right: 0;
}
#emAreaContents .emBlock .emCannotUse .emFC_innner .emFC_innnerListWrap ul li:first-child {	
    margin-right: 10px;
}
#emAreaContents  .emBlock .emCannotUse .emFC_innner .emFC_innnerListWrap ul li a {
	border: none;
	padding: 134px 0 0 0 ;
    text-indent: 2em;
}
#emAreaContents  .emBlock .emCannotUse .emFC_innner .emFC_innnerListWrap ul li a:hover {
	border: none;
	padding: 134px 0 0 0 ;
}
#emAreaContents  .emBlock .emCannotUse .emFC_innner .emFC_innnerListWrap ul li.emFlowMv a {
	display: inline-block;
	width: 254px;
	height: 42px;
	background: url(/img/emergency/emFlowMv_btn.png) 0 0 no-repeat;
	background-size:contain;
	border: none;
}

#emAreaContents  .emBlock .emCannotUse .emFC_innner .emFC_innnerListWrap ul li.emFlowMv a span {
  font-size:100%;
  display:block;
  margin-top:-0.5em;
  padding:0 !important;
  text-indent: 2em;
}
#emAreaContents  .emBlock .emCannotUse .emFC_innner .emFC_innnerListWrap ul li.emFlowMv a span.fs80 {
    font-size:80%;
    margin-top:0.5em;
    text-indent:2.5em;
}
#emAreaContents  .emBlock .emCannotUse .emFC_innner .emFC_innnerListWrap ul li.emFlowMv a:hover {
	background: url(/img/emergency/emFlowMv_btn_ov.png) 0 0 no-repeat;
}
#emAreaContents  .emBlock .emCannotUse .emFC_innner .emFC_innnerListWrap ul li.emFlowIll a {	
	display: inline-block;
	width: 282px;
	height: 42px;
	background: url(/img/emergency/emFlowIll_btn.png) 0 0 no-repeat;
	background-size:contain;
	border: none;
}

#emAreaContents  .emBlock .emCannotUse .emFC_innner .emFC_innnerListWrap ul li.emFlowIll a:hover {	
	background: url(/img/emergency/emFlowIll_btn_ov.png) 0 0 no-repeat;
}
/*　version1用　ガスのにおいがした場合は　/////////////////////////////////////////////////////////////////////////////*/	
.emBlock .emSmell {	
	border: 2px solid #c00000;
}	
#emAreaContents .emBlock .emSmell h3{
	margin: 0px auto;
	padding: 10px;
	background: #c00000;
	color: #fff;
    border: none;
	text-align: center;
}
#emAreaContents .emBlock .emSmell .emFC_innner {
	text-align: center;
	padding: 20px;
}	
#emAreaContents .emBlock .emSmell .emFC_innner .emFC_innnerListWrap ul {	
	margin: 0 auto 20px auto;
}	
#emAreaContents .emBlock .emSmell .emFC_innner .emFC_innnerListWrap ul li a {	
	display: inline-block;
  padding: 1em 4em 1em 2em;
	background:  url("/img/emergency/em_btn_arrow_red.gif") 95% 50% no-repeat, #f2dcdb;
	border: 1px solid #c00000;
	font-weight: bold;
	color: #c00000;
}	
#emAreaContents .emBlock .emSmell .emFC_innner .emFC_innnerListWrap ul li a:hover {		
	background:  url("/img/emergency/em_btn_arrow_white.gif") 95% 50% no-repeat, #c00000;
	text-decoration: none;
	color: #fff;
	border: 1px solid #f2dcdb;
}
#emAreaContents .emBlock .emSmell .emFC_innner p {
	text-align: left;
	margin: 0;
}	

/*　追加情報エリア　*/	
#emAddInfo {	
	border-top: 1px solid #bbbbbb;
	margin: 10px 20px;
}	
#emAddInfo h3 {	
	/*padding-left: 5px;
	border-left: 7px solid #0085c9;*/
  padding-left: 25px !important;
  margin:0 2px;
  background:  url("/img/emergency/em_btn.gif") 1% 50% no-repeat;
  
}	
#emAddInfo div#ea_cont05 {	
	margin: 20px 0 0 0;
}	
#emAddInfo div#ea_cont05 p a{	
	padding-left: 25px
	
}

/*　大阪ガスの電気をお使いのお客様へ　*/	
#emDenki {	
	margin: 20px 0 20px 0;
	border: 2px solid #8bbde3;
	border-radius:5px;
}	
#emDenkiTitle {	
	background:  url("/img/emergency/icon_eg_denki.png") 0.1em 48% no-repeat #8bbde3;
	color: #fff;
	padding: 4px 0px 4px 38px;
	font-size: 1.2em;
}	
#emDenkiTitle h2 {	
	margin: 0;
	padding-bottom: 0;
	border: none;
}	
#emDenki ul {	
	margin: 10px;
}	
#emDenki ul li a {	
	display: inline-block;
	padding: 7px 10px 7px 20px;
	background:  url("/img/emergency/em_btn.gif") 3% 50% no-repeat, linear-gradient(#ffffff, #f3f9fc);
	border: 2px solid #ecf6fb;
	font-weight: bold;
	border-radius:5px;
}	
#emDenki ul li a:hover {	
	background:  url("/img/emergency/em_btn.gif") 3% 50% no-repeat, linear-gradient(#f3f9fc, #ffffff);
	text-decoration: none;
}	
	
/*　お風呂情報　*/	
#emOfuro h2 {	
	border: none;
	margin: 0;
	padding-bottom: 0;
}	
#emOfuro #emOfuroCont {	
	margin: 10px 0 0 0;
	padding : 0;
}	
#emOfuro dl {	
	border: 2px solid #dedede;
	border-radius:5px;
	height: 4.8em;
}	
#emOfuro dl dt,	
#emOfuro dl dd {	
	float: left;
}	
#emOfuro dl dt {	
	background: url("/img/emergency/icon_yu.png") 6% 23% no-repeat #dedede;
	font-weight: bold;
	padding: 14px 20px 14px 40px;
	font-size: 1.2em;
	text-align: center;
	color: #000;
	line-height: 1.2em;
	margin-bottom: 0;
}	
#emOfuro dl dt span {	
	font-weight: normal;
	font-size: 0.8em;
}	
#emOfuro dl dd {	
	padding: 10px;
}	
#emOfuro dl dd ul {	
	margin-top: 8px;
}	
#emOfuro dl dd ul li {	
	float: left;
	margin-right: 20px;
}	
#emOfuro dl dd ul li a {	
	padding: 0 0 0 13px;
	background:  url("/img/emergency/em_btn_ofuro.gif") 3% 48% no-repeat;
}	
	
/*　ご家庭用のお客様、業産用のお客様　*/	
#emForHaE {	
	padding-top: 20px;
  margin-top: 20px;
	margin-bottom: 20px;
	border-top: 1px solid #bbbbbb;
}	
#emForHaE div {	
	width: 100%;
}	
#emForHaE div ul {	
	margin: 0 auto;
	width: 76%;
}	
#emForHaE div ul li {
    	float: left;
      }
#emForHaE div ul li a {
        display:block;
        width:350px;
        height:70px;
}
#emForHaE div ul li.ene a{
  background:  url(/img/emergency/emForEne_title.gif) no-repeat;
}
#emForHaE div ul li.ene a:hover {	
  background:  url(/img/emergency/emForEne_title_on.gif) no-repeat;
}	

#emForHaE div ul li.home a {	
  margin-right: 20px; 
  background:  url(/img/emergency/emForHome_title.gif) no-repeat;
}	
#emForHaE div ul li.home a:hover {	
  background:  url(/img/emergency/emForHome_title_on.gif) no-repeat;
}	

/* version 02 */
#emAreaContents div ul.clearfix li.emFukuSai {
    float: left;
    margin-right: 1.5em;
}
#emAreaContents div ul.clearfix li.emFukuSai a{
 display: block;
 width:16em;  
}

#emAreaContents div ul.clearfix li.emFukuSai a span {
	display: inline-block;
    width: 15px;
    height: 15px;
    background: url(/img/emergency/icon-pdf01.gif) 100% 18% no-repeat;
}


#emAreaContents div ul li.emFukuMieru a {
	background:  url("/img/emergency/em_btn_arrow.png") 95% 50% no-repeat, linear-gradient(#ffffff, #9fc8e7);
 display: block;
 width:16em;
}
#emAreaContents div ul li.emFukuMieru a:hover {
	background:  url("/img/emergency/em_btn_arrow.png") 95% 50% no-repeat, linear-gradient(#9fc8e7, #ffffff);
}

.eaImgCont dl dt{
	float: left;
	width: 80%;
	margin-right: 10px;
}
.eaImgCont dl dd {
	float: left;
	width: 15%;
}
#emAreaContents div ul li.otherSite  {
    margin-right: 1.5em;
}
#emAreaContents div ul li.otherSite a {
    background: url(/img/emergency/embtn_other.gif) 95% 50% no-repeat, linear-gradient(#ffffff, #f3f9fc);
}
#emAreaContents div ul li.otherSite a,
#emAreaContents div ul li.otherSiteNext a {
  display:block; 
  width:15em;
}
#emAreaContents div ul li.otherSite a div {
	padding-left: 40px;
    background: url(/img/emergency/icon-YouTube.png) 0% 49% no-repeat;
	margin-bottom: 0;
	line-height: 1em;
}
#emAreaContents div ul li.otherSiteNext,
#emAreaContents div ul li.emSmellLiNext{
	line-height: 2.1em;
  }

#emAreaContents ul li.emSmellLi a {
    display: inline-block;
    padding: 1.5em 4em 1.5em 2em;
    background: url(/img/emergency/em_btn_arrow_red.gif) 95% 50% no-repeat, #f2dcdb;
    border: 1px solid #c00000;
    font-weight: bold;
    color: #c00000;
	line-height: 1em;
}
#emAreaContents ul li.emSmellLiNext a,
#emAreaContents ul li.emSmellLi a{
  display:block;
      width:15em;
  }

#emAreaContents ul li.emSmellLi a:hover {		
	background:  url("/img/emergency/em_btn_arrow_white.gif") 95% 50% no-repeat, #c00000;
	text-decoration: none;
	color: #fff;
	border: 1px solid #f2dcdb;
}