/* ===================================================================
CSS information
 file name  :header_new.css, footer_new.css
=================================================================== */
/*----------------------------------------------------
common
----------------------------------------------------*/
body {
	font-family: Meiryo, "メイリオ", "Hiragino Kaku Gothic ProN", "YuGothic", sans-serif !important;
	font-size: 14px;
}
.container {
	width: 950px;
	margin: 0 auto;
}
#header_new a,
#footer_new a {
	color: #333;
	text-decoration: none;
}
#header_new a:hover,
#footer_new a:hover {
	color: #333;
	text-decoration: underline;}


/*----------------------------------------------------
header
----------------------------------------------------*/
#header_new {
	text-align: right;
	padding: 12px 0 12px 0;
	line-height: 1;
}
#header-logo {
	display: block;
	float: left;
	margin-top: 9px;
}
#hnav_upper {
	float: right;
	margin: 3px 0 13px;
	font-size: 0;
}
#hnav_lower {
	display: inline-block;
	background: url(/ssl/form/mailshori/css/../../common/img/cojp/searchBox-bg.gif) repeat 0 0;
	padding: 5px;
}
#hnav_lower ul,
#searchBox {
	display: inline-block;
	vertical-align: middle;
}
#hnav_lower ul {
	font-size: 0;
}
#searchBox {
	font-size: 12px;
}
#hnav_upper li,
#hnav_lower li {
	display: inline-block;
	font-size: 14px;
	height: 12px;
	line-height: 1;
	border-left: 1px solid #ccc;
	padding: 0 10px;
}

#hnav_upper li.hnav_upper-english {
	padding-right: 0;
}
#hnav_upper li:first-child,
#hnav_lower li:first-child {
	border: none;
}

#searchBox input#SS_searchQuery {
	width: 206px;
	height: 26px;
	border: 1px solid #ddd;
	border-radius: 2px 0 0 2px;
	background: #fff url(/ssl/form/mailshori/css/../../common/img/cojp/searchBox-icon.gif) no-repeat 8px 5px;
	padding-left: 28px;
	color: #777;
	font-size: 14px;
	line-height: 1;
	vertical-align: top;
}
div.SS_suggest div.SS_suggestItemOff,
div.SS_suggest div.SS_suggestItemOn {
	padding: 3px 2px 3px 4px !important;
}

/* 2018.1. ADD Mailshori ----- */
#hnav_upper { margin: 17px 0 34px; }
#hnav_upper #hnav_lower {
	margin: 0 0 0 12px;
	padding: 12px 0;
	border-left: none;
}


/*----------------------------------------------------
header(top)
----------------------------------------------------*/
#osakagas .hnav_upper-top,
#osakagas .hnav_upper-home,
#osakagas .hnav_upper-ene {
	display: none;
}
#osakagas .hnav_upper-english {
	border-left: none;
}


/*----------------------------------------------------
ie 6,7,8
----------------------------------------------------*/
#hnav_upper a,
#hnav_lower a {
	*line-height: 1.5;
}

#hnav_upper {
	*text-align: right;
}
#hnav_lower {
	*width: 510px;
}
#hnav_upper li, #hnav_lower li,
#hnav_lower ul, #searchBox {
	_display: inline;
	*display: block;
	*float: left;
}
#hnav_upper ul {
	*float: right;
}
#hnav_lower ul{
	*margin-top: 5px;
}
.hnav_upper-top,
.hnav_lower-info {
	*border: none !important;
}

#searchBox input#SS_searchQuery {
	padding-top: 6px\9;
	height: 20px\9;
}
#searchBox input#SS_searchQuery:not(:target) {
	padding-top: 0px\9;
	height: 26px\9;
}


/*----------------------------------------------------
footer
----------------------------------------------------*/
#footer_new {
	font-size: 12px;
	padding: 12px 0 12px;
	height: 21px;
}
#footer_new #footer-logo,
#footer_new #copyright {
	float: left;
}
#footer_new #footer-logo {
	margin: 0;
}
#footer_new #copyright {
	margin: 5px 0 0 15px;
	line-height: 1;
}

#footer_new ul {
	float: right;
	margin-top: 2px;
	overflow: hidden;
}
#footer_new ul li {
	float: left;
	background: url(/ssl/form/mailshori/css/../../common/img/cojp/arrow-blue.png) no-repeat 0 center;
	padding-left: 10px;
	margin-left: 12px;
}
#footer_new ul li a {
	line-height: 1;
}


/* ===================================================================
CSS information
 file name  :common.css
=================================================================== */
hr#hr_headb {
   border:solid #ccc;
   border-width:1px 0 0 0;
   height:1px;/* for IE6 */
   clear:both;/* for IE6 */
   display: block;
} 
.hr_footer{
    height: 1px;
    background-color: #dadada;
    border: none;
    color: #dadada;
    display: block;
    margin: 0;
}

#pagetop {
	text-align: right;
	margin-top: 50px;
}

/*----------------------------------------------------
breadCrumbs 
----------------------------------------------------*/
#breadCrumbs{
	width:950px;
	margin:10px auto 20px;
}
#breadCrumbs li{
	display:inline;
	margin:0 0.5em;
}
#breadCrumbs a{
	white-space:nowrap;
}
#breadCrumbs li.home{margin:0 0.5em 0 0 ;}
#breadCrumbs li.home a{
	padding:0 0 0 20px;
	background:url(/ssl/form/mailshori/css/../../common/img/cojp/icon-home.gif) no-repeat left 3px;
}


/* ===================================================================
CSS information
 file name  :new_style.css
=================================================================== */
.pagetitle {
  font-size:24px;
  line-height:1.041666666666667;
  margin-top:29px;
}
.pagetitleContact {
  margin-top:20px;
}
#pageback  {
  margin-top:60px;
}
#pageback a {
  text-indent:0;
  display:inline-block;
  padding-left:15px;
  color:#333333;
  font-size:14px;
  line-height:1.5;
  text-decoration:none;
  background:url(/ssl/form/mailshori/css/../../common/img/cojp/icon_arrow03.png) no-repeat 0 50%;
}
#pageback a:hover {
  text-decoration:underline;
}

/* ガス漏れ通報電話 */
#gas-leak{
	width:950px;
	margin:0 auto 50px auto;
}
#gas-leak::after{content:'';display:block;clear:both;}
#gas-leak dt{float:left;width:440px;}
#gas-leak dd{float:right;width:495px;}
#gas-leak a:hover{opacity:0.6;}
#gas-leak dd.font_red02{color: #ee0000;}

/* パスワード再発行（郵送）テキスト */
#forgot-idpass{display:none;}
#forgot-idpass .idpass-lead{margin-bottom:20px;font-weight: normal;line-height: 1.5;}
#forgot-idpass .idpass-lead dt{font-weight:bold;margin-bottom: 10px;}
#forgot-idpass .idpass-lead dd{padding-left:1em;}
#forgot-idpass .idpass-lead .dot-list{}
#forgot-idpass .idpass-lead .dot-list li,
#forgot-idpass .note{margin-bottom: 10px;padding-left:1.2em;}
#forgot-idpass .idpass-lead .dot-list li::before,
#forgot-idpass .note::before{display: inline-block;margin: 0 0 0 -1em;}
#forgot-idpass .idpass-lead .dot-list li::before{content:'\30FB';}
#forgot-idpass .note::before{content:'\203B';}

/*----------------------------------------------------
 /info/contact.html
----------------------------------------------------*/
.infoWrap {
  margin-top:40px;
  position:relative;
}
.infoWrap .hoverOpen {
  display: block;
  width:100%;
  height:18px;
  bottom:0px;
  position: absolute;
  z-index:1;
  font-size:0;
  line-height:0;
}
.infoWrap .openElem+.hoverOpen {
  display:none;
}

.infoTitle {
  padding:24px 29px 20px;
  font-size:22px;
  line-height:1.181818181818182;
  cursor:pointer;
  position:relative;
  z-index:2;
}
.infoContent {
  display:none;
}
.infoContent .infoContentInner {
  padding:30px 29px 29px;
}
.infoContent .infoContentClose {
  width:100%;
  background-color:#febfb2;
  text-align:center;
  font-size:16px;
  line-height:1.125;
  color:#666666;
  text-align:center;
  cursor:pointer;
}

.infoContent:after,
.infoContent .infoContentClose:after {
  content: "";
  display: block;
  visibility: hidden;
  height: 0;
  font-size: 0;
  line-height: 0;
  clear: both;
}
.infoContent .infoContentClose .icoClose {
  display:inline-block;
  padding:12px 30px 9px 0;
  background: url(/ssl/form/mailshori/css/../../common/img/cojp/icon_close01.png) no-repeat 100% 50%;
}
.infoTitle .small {
  font-size:14px;
  line-height:1.428571428571429;
}
.infoTitle .icon {
  display:block;
  width:31px;
  height:16px;
  position:absolute;
  right:27px;
  top:40px;
  background: url(/ssl/form/mailshori/css/../../common/img/cojp/bg_accordion02.png) no-repeat 0 0;
}
.infoTitle.openElem .icon {
  display:block;
  width:31px;
  height:16px;
  position:absolute;
  right:27px;
  top:40px;
  background: url(/ssl/form/mailshori/css/../../common/img/cojp/bg_accordion02.png) no-repeat 100% 0;
}