@charset "utf-8";
/* CSS Document */

.inner td {
	vertical-align: top;
}
.inner table {
	border-collapse: collapse;
	padding: 0;
	display: table;
}
.inner table tr td {
	padding: 0;
	font-size: 14px;
	color: #4d4d4d;
	line-height: 1.5em;
}
/*-- Inquiry --*/
h2.lpgastitle:before {
	content: url(/image/common/gas_iconb.png);
	margin: 10px;
	position: relative;
	top: 4px;
}
h2.lpgastitle {
	color: #e5536b;
	font-weight: bold;
	margin-bottom: 20px;
}
h2.denkititle:before {
	content: url(/image/common/denki_iconb.png);
	margin: 10px;
	position: relative;
	top: 4px;
}
h2.newenergytitle:before {
	content: url(/image/common/newenergy.png);
	margin: 10px;
	top: 4px;
}
h2.businesstitle:before {
	content: url(/image/common/business_icon.png);
	margin: 10px;
	position: relative;
	top: 4px;
}
h2.denkititle {
	color: #38a831;
	font-weight: bold;
	margin-bottom: 20px;
}
h2.businesstitle {
	color: #7ac343;
	font-weight: bold;
	margin-bottom: 20px;
}
h2.newenergytitle {
	color: #a07c52;
	font-weight: bold;
	margin-bottom: 20px;
}
h2.hikarititle:before {
	content: url(/image/common/hikari_iconb.png);
	margin: 10px;
	position: relative;
	top: 6px;
}
h2.hikarititle {
	color: #f5aa3b;
	font-weight: bold;
	margin-bottom: 20px;
}
h2.watertitle:before {
	content: url(/image/common/water_iconb.png);
	margin: 10px;
	position: relative;
	top: 6px;
}
h2.watertitle {
	color: #62adcb;
	font-weight: bold;
	margin-bottom: 20px;
}

h2.tlptitle   {
	color: #000000;
	font-weight: bold;
	margin-bottom: 20px;
}

.gas-call {
	width: 465px;
	border: 2px solid #acacac;
	margin-left: 0;
	border-radius: 10px;
	display: block;
}
.gas-call02 {
	width: 680px;
	border: 2px solid #acacac;
	margin-left: 0;
	border-radius: 10px;
	display: block;
}
.fr{
	float:right;}
.fl{
	float:left;}
.denkibox {
	width: 960px;
	border: 2px solid #acacac;
	border-radius: 10px;
	box-sizing: border-box;
	margin-left: 0;
}

.gas-egbox {
	width: 960px;
	border: 2px solid #cc0033;
	box-shadow:2px solid #cc0033;
		border-radius: 10px;
	box-sizing: border-box;
	margin-left: 0;
}
.gas-egbox h3 {
	text-align: center;
	font-weight: bold;
	color: #c90724;
	background-color: #ffe6ee !important;
	padding: 12px;
	padding-left: 30px;
	margin-bottom: 10px;
	border-radius:10px 10px 0 0;
}
.gas-egbox .eg-contact{
	font-weight: bold;

	/*color: #cc0033;*/
}
.gas-call h3 {
	text-align: center;
	font-weight: bold;
	color: #333;
	background-color: #ebebeb !important;
	padding: 12px;
	margin-bottom: 10px;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
}
.gas-call02 h3 {
	text-align: center;
	font-weight: bold;
	color: #333;
	background-color: #ebebeb !important;
	padding: 12px;
	margin-bottom: 10px;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}
.denkibox h3 {
	text-align: center;
	font-weight: bold;
	color: #333;
	background-color: #ebebeb !important;
	padding: 12px;
	margin-bottom: 10px;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
}
.gas-egbox p.gas-emergency {
	font-size: 30px;
	font-weight: bold;
	color: #cc0033;
	margin: 10px 0 20px;
}
p.call {
	font-size: 30px;
	font-weight: bold;
	margin: 10px 0 20px;
}
.linkbtn01 {
	margin-bottom: 24px;
}
.linkbtn01 p {
	text-align: center;
	border-radius: 10px;
	display: inline-block;
}
.linkbtn01 p a {
	font-size: 18px;
	color: #666;
	display: block;
	width: 270px;
	border: 1px solid #acacac;
	padding: 14px 5px;
	background: url("/image/common/arrowg.png") 96% 50% no-repeat;
	border-radius: 10px;
	margin-top: 16px;
}
.linkbtn02 p a:hover, .linkbtn01 p a:hover{
	background-color: #EFEFEF;
}
.linkbtn01 p a.red {
	font-size: 18px;
	color: #c90724;
	display: block;
	width: 270px;
	border: 1px solid #c90724;
	padding: 14px 5px;
	background: url("/image/common/arrow.png") 96% 50% no-repeat;
	border-radius: 10px;
	margin-top: 10px;
}
.linkbtn01 p a.red:hover{
		background-color: #fff0f2;
}
.linkbtn02 p {
	text-align: center;
	border-radius: 10px;
	display: inline-block;
}
.linkbtn02 p a {
	font-size: 18px;
	color: #666;
	display: block;
	width: 180px;
	border: 1px solid #acacac;
	padding: 14px 5px;
	background: url("/image/common/arrowg.png") 96% 50% no-repeat;
	border-radius: 10px;
	margin-top: 10px;
}
.linkbtn02 p a:hover {
	background-color: #EFEFEF;
}


.denkibox div.column2-l{
	width: 45%;
	float: left;
	margin-left: 5%;
}
.denkibox div.column2-r{
	width: 45%;
	float: right;
	margin-right: 5%;
}
	
div.column3-1{
	width: 298px;
	float: left;
	padding: 0 10px 12px;
}
/*-- table --*/
.tb-menu02 {
	color: #c3c3c3;
	font-size: 14px;
	display: table;
	margin-top: 0;
	margin-bottom: 20px;
}
.tb-menu02 .table1 {
	border-collapse: separate;
 *border-collapse:collapse; /* for IE6,7 */
	border-spacing: 0;
	empty-cells: show;
	border-top: 1px solid #c3c3c3;
	border-right: none;
	border-bottom: none;
	border-left: 1px solid #c3c3c3;
	width: 786px;
	margin-bottom: 10px;
	text-align: left;
}
.tb-menu02 .table1 tr {
	border-top: none;
	border-right: 1px solid #c3c3c3;
	border-bottom: 1px solid #c3c3c3;
	border-left: none;
}
.bg {
	background-color: #f7f7f7;
	white-space: nowrap;
	text-align: left;
}
.tb-menu02 .table1 td {
	border-top: none;
	border-right: 1px solid #c3c3c3;
	border-bottom: 1px solid #c3c3c3;
	border-left: none;
	display: table-cell;
	height: 40px;
	vertical-align: middle;
	padding: 8px 16px;
}
.tb-menu02 sup {
	vertical-align: super;
}
input#submitbtn {
	margin: 10px auto;
	width: 120px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	height: 40px;
}

/*--IE用ボタン高さの調整--*/
@media all and (-ms-high-contrast:none){
 /* IE11 */ 
 *::-ms-backdrop, .linkbtn01 p a, .linkbtn02 p a , .linkbtn01 p a.red, .linkbtn01 p a.red:hover, .linkbtn02 p a:hover, .linkbtn01 p a:hover{
  padding-top: 17px; 
  } 
   *::-ms-backdrop,.inner table tr td{
	   padding-top: 4px; }
  
}

@media all and (-ms-high-contrast:none){
  /* IE10以下 */
  .linkbtn01 p a, .linkbtn02 p a , .linkbtn01 p a.red, .linkbtn01 p a.red:hover, .linkbtn02 p a:hover, .linkbtn01 p a:hover { 
  padding-top: 17px; 
  } 
  
  .inner table tr td{padding-top: 4px;}
  }
/*--IE用ボタン高さの調整　end--*/

.box-c{
  display: table-cell;
  vertical-align: middle;
}

.box-p{
  width: 100%;
  display: table;
  table-layout: fixed;
  margin: 30px auto 12px;
}

.box-p2{
  width: 100%;
  display: table;
  table-layout: fixed;
  margin: 0 auto 0;
}