@charset "Shift_JIS";

/* reset ------------------------------------------------------------------------------------------------------------ */


body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td{
margin:0;
padding:0;
line-height: 1.4em;
}  

table{  

	border-spacing:0;  
}

fieldset, img{  
    border:0;  
}  
address, caption, cite, code, dfn, em, strong, th, var{  
    font-style:normal; 
	font-weight:normal;  
}  
ol, ul{  
    list-style:none;  
}  
  
h1, h2, h3, h4, h5, h6{  
    font-size: 1em; 
	font-weight:normal;  
}  
q:before, q:after{  
    content:”;  
}  
abbr, acronym, img{  
    border:0;  
}  


/* end */

/* link ------------------------------------------------------------------------------------------------------------ */
a:link {
	color: #000000;
	text-decoration: underline;

}

a:visited {
	color: #800096;
	text-decoration: underline;

}

a:hover {
	color: #db6700;
	text-decoration: underline;

}

/* end */

/* layout ------------------------------------------------------------------------------------------------------------ */
body{
font-size:small;
color: #000000;
background:url(https://wwwe5.osakagas.co.jp/shutopen/shutopen/pc/img/bg_body.gif) repeat-x 0 0;
}

#head{}
#cms-header{
	width:950px;
	margin:0px auto;
	padding:0px 0 0 0;
	border:none;
}



#cms-header2{
	border-bottom: 1px solid #444444;
	width:950px;
	margin:0 auto 10px;
	padding:0 0 0 0;
}

/*=====   clearfix   =====*/

div#cms-header:after {
    content		: ".";
    display		: block;
    visibility	: hidden;
    clear		: both;
    height		: 0.1px;
    font-size	: 0.1em;
    line-height	: 0;
}

/* for IE7 */
*:first-child+html div#cms-header  {
	min-height: 1%;	/*zoom	: 1;*/
}

/* for Mac IE */
* html div#cms-header {
	display	: inline-table;
}

/* no Mac IE \*/
* html div#cms-header {
	height	: 1%;
}

div#cms-header {
	/*display: block;
	margin-bottom:5px;*/
	padding:17px 0;
}

/* @end */
#cms-header #logo{
	float: left;
	width: 265px;
	
}
#cms-header #logo h1,
#cms-header #logo p{
	float:left;
}

#cms-header #head-navi{
	text-align: right;
	width:820px;
	float: right;
}
#cms-header #head-navi1{
	float: right;
    margin: 0;
    text-align: right;
    width: 685px;
}
#cms-header #head-navi2{
	text-align: right;
	margin-top: 6px;
	float: right;
	width: 685px;
}
#cms-header #head-navi2 ul,
#cms-header #head-navi2 form{
	display: inline;
}
#cms-header #head-navi1 ul{
	border-right:none;
	margin-right:0;
}
#cms-header #head-navi1 ul li, 
#cms-header #head-navi2 ul li{
	list-style-type: none;
	display: inline;
	background:url(https://wwwe5.osakagas.co.jp/shutopen/shutopen/pc/img/icon_arrowBlue.gif) no-repeat 1px 3px;
	padding:0 0 0 12px;
	margin:0 0 0 5px ;
}
#cms-header #head-navi1 ul li a, 
#cms-header #head-navi2 ul li a{
	color:#000;
	text-decoration:none;
}

#cms-header #head-navi1 ul li a:link, 
#cms-header #head-navi2 ul li a:link{
	color:#000;
}

#cms-header #head-navi1 ul li a:hover, 
#cms-header #head-navi2 ul li a:hover{
	color:#DB6700;
}


#cms-header #head-navi2 form input#SS_searchQuery, 
#cms-header #head-navi2 form input.search,
#cms-header #head-navi2 a img{
vertical-align: middle;
}
#head-navi1 #sHelp {
vertical-align: middle;
margin-left: 5px;

}
div.SS_suggest {
font-weight: normal;
z-index: 9;
display: none;
position: absolute;
border-bottom: 1px solid #CCC;
border-right: 1px solid #CCC;
border-left: 1px solid #CCC;
text-align: left;
}
div.SS_suggest div.SS_suggestItemOff {
background-color: #FFF;
border-top: 1px solid #CCC;
padding: 1px 2px 1px 4px;
}
div.SS_suggest div.SS_suggestItemOn {
background-color: #ECF5FA;
border-top: 1px solid #CCC;
padding: 1px 2px 1px 4px;
}
div.SS_suggest span.SS_suggestKey {
font-size: 75%;
}


#homeFooter{
	clear: both;
	width:auto;
	overflow:hidden;
}
#homeMain {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	padding-left:25px;
	padding-right:25px;
}
#container {
	width: 1000px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}



/* グローバルメニュー */
/* 共通 */
#gnavi_bg {
	background: url(https://wwwe5.osakagas.co.jp/shutopen/shutopen/pc/img/bg_gnavi2.gif) repeat-x ;
	margin-bottom:20px;
}
#gnavi {
    background-image: url(https://wwwe5.osakagas.co.jp/shutopen/shutopen/pc/img/gnavi2.gif);
    background-position: 0 -50px;
    background-repeat: no-repeat;	
	width:950px;
	height: 50px;
	margin:0 auto;
}
#gnavi ul {
width:950px;
display:block;
margin:0;
}
#gnavi li {
	background-image: url(https://wwwe5.osakagas.co.jp/shutopen/shutopen/pc/img/gnavi2.gif);
    background-position: 0 0;
    background-repeat: no-repeat;
	display:block;
	float: left;
	height: 50px;
}
#gnavi li a {
	background-image: url(https://wwwe5.osakagas.co.jp/shutopen/shutopen/pc/img/gnavi2.gif);
    display: block;
    height: 50px;
    text-indent: -9999px;
}

#gnavi li a:hover,
#gnavi li a.current,
#gnavi li a.parentsLink {
background:none;
}
/* ボタン単位の設定 */
#gnavi #gn1 { width: 134px; background-position: 0px 0; }
#gnavi #gn2 { width: 135px; background-position: -134px 0;}
#gnavi #gn3 { width: 133px; background-position: -269px 0;}
#gnavi #gn4 { width: 137px; background-position: -402px 0;}
#gnavi #gn5 { width: 131px; background-position: -539px 0;}
#gnavi #gn6 { width: 138px; background-position: -670px 0;}
#gnavi #gn7 { width: 142px; background-position: -808px 0;}

#gnavi #gn1 a:link, #gnavi #gn1 a:visited { width: 134px; background-position: 0px -50px;}
#gnavi #gn2 a:link, #gnavi #gn2 a:visited { width: 135px; background-position: -134px -50px;}
#gnavi #gn3 a:link, #gnavi #gn3 a:visited { width: 133px; background-position: -269px -50px;}
#gnavi #gn4 a:link, #gnavi #gn4 a:visited { width: 137px; background-position: -402px -50px;}
#gnavi #gn5 a:link, #gnavi #gn5 a:visited { width: 131px; background-position: -539px -50px;}
#gnavi #gn6 a:link, #gnavi #gn6 a:visited { width: 138px; background-position: -670px -50px;}
#gnavi #gn7 a:link, #gnavi #gn7 a:visited { width: 142px; background-position: -808px -50px;}


#price #gnavi #gn1 a,
#search_buy #gnavi #gn2 a,
#use #gnavi #gn3 a,
#showroom #gnavi #gn4 a,
#reform #gnavi #gn5 a,
#vs #gnavi #gn6 a,
#support #gnavi #gn7 a{
background:none;
}

/* ------------------------ */

#homeMain #rightColumn {
	float: right;
	width: 185px;
}
#homeMain #mainColumn {
	float: left;
	width: 750px;
}
#homeMain #rColumn {
	float: right;
	width: 291px;
}
#homeMain #mColumn {
	float: left;
	width: 643px;
}

#shintiku #homeMain #leftColumn {
	float: left;
	width: 185px;
}
#shintiku #homeMain #leftColumn #sidenav_reform{
background:#fff;
}
#shintiku #homeMain #leftColumn #sidenav_reform ul span,
#shintiku #homeMain #leftColumn #sidenav_reform ul a{
display:block;
zoom:1;
}
#shintiku #homeMain #leftColumn #sidenav_reform ul li{
	zoom:1;
	width:181px;
	float:left;
}
#shintiku #homeMain #leftColumn #sidenav_reform ul {
	zoom:1;
	width:181px;
	border:2px solid #ddd;
	overflow:hidden;
}


#shintiku #homeMain #mainColumn {
	float: right;
	width: 750px;
}


#pageTop {
	width:950px;
	margin:0 auto;
	text-align: right;
}
#pageTop a {
	width:195px;
	height:23px;
	padding-left:0;
	background:none;
	
}

/* @group Footer */
#homeFooter #homeFootBg{
	padding-top:30px;
	/*background:url(https://wwwe5.osakagas.co.jp/shutopen/shutopen/pc/img/bg_footer.gif) repeat-x 0 0 #005da4;*/
	background:#e4f5ff;
}

#homeFooter #homeFootBg #homeFootMenu{
	width:950px;
	margin:0 auto 10px;
	padding-bottom:30px;
	background:url(https://wwwe5.osakagas.co.jp/shutopen/shutopen/pc/img/border_homeFooter02.gif) repeat-x 0 100%;

}
#homeFooter #homeFootBg #homeFootMenu #homeFootMenuWrap{
	width:954px;
	margin:50px 0 0 -40px;
	
}

#homeFooter #homeFootBg #homeFootMenu #homeFootMenuWrap #homeFootMenuColumnL,
#homeFooter #homeFootBg #homeFootMenu #homeFootMenuWrap #homeFootMenuColumnC,
#homeFooter #homeFootBg #homeFootMenu #homeFootMenuWrap #homeFootMenuColumnR{
	display:inline;
	margin-left:40px;
	width:278px;
	float:left;
}

#homeFooter #homeFootBg #homeFootMenu #homeFootMenuWrap #homeFootMenuColumnL ul li p,
#homeFooter #homeFootBg #homeFootMenu #homeFootMenuWrap #homeFootMenuColumnC ul li p{
	margin-bottom:10px;
	padding-bottom:10px;
	background:url(https://wwwe5.osakagas.co.jp/shutopen/shutopen/pc/img/border_homeFooter01.gif) repeat-x 0 100%;
}
#homeFooter #homeFootBg #homeFootMenu #homeFootMenuWrap #homeFootMenuColumnL ul li p strong,
#homeFooter #homeFootBg #homeFootMenu #homeFootMenuWrap #homeFootMenuColumnC ul li p strong,
#homeFooter #homeFootBg #homeFootMenu #homeFootMenuWrap #homeFootMenuColumnR ul li p strong{
	font-weight:bold;
}

#homeFooter #homeFootBg #homeFootMenu #homeFootMenuWrap #homeFootMenuColumnL ul li dl,
#homeFooter #homeFootBg #homeFootMenu #homeFootMenuWrap #homeFootMenuColumnC ul li dl,
#homeFooter #homeFootBg #homeFootMenu #homeFootMenuWrap #homeFootMenuColumnR ul li dl{
	margin-left:10px;
}

#homeFooter #homeFootBg #homeFootMenu #homeFootMenuWrap #homeFootMenuColumnL ul li dl dt,
#homeFooter #homeFootBg #homeFootMenu #homeFootMenuWrap #homeFootMenuColumnC ul li dl dt,
#homeFooter #homeFootBg #homeFootMenu #homeFootMenuWrap #homeFootMenuColumnR ul li dl dt{
	padding-left:8px;
	margin-bottom:5px;
	font-weight:bold;
}

#homeFooter #homeFootBg #homeFootMenu #homeFootMenuWrap #homeFootMenuColumnL ul li dl dd,
#homeFooter #homeFootBg #homeFootMenu #homeFootMenuWrap #homeFootMenuColumnC ul li dl dd,
#homeFooter #homeFootBg #homeFootMenu #homeFootMenuWrap #homeFootMenuColumnR ul li dl dd{
	margin-bottom:5px;
	padding-left:12px
}

#homeFooter #homeFootBg #homeFootMenu #homeFootMenuWrap #homeFootMenuColumnL ul li dl dd a,
#homeFooter #homeFootBg #homeFootMenu #homeFootMenuWrap #homeFootMenuColumnC ul li dl dd a,
#homeFooter #homeFootBg #homeFootMenu #homeFootMenuWrap #homeFootMenuColumnR ul li dl dd a{
background: url(https://wwwe5.osakagas.co.jp/shutopen/shutopen/pc/img/icon_arrowWhite.gif) no-repeat scroll 0 3px transparent;
    padding-left: 10px;
    text-decoration: none;
}

#homeFooter #homeFootBg #homeFootMenu #homeFootMenuWrap #homeFootMenuColumnR p.hr,
#homeFooter #homeFootBg #homeFootMenu #homeFootMenuWrap #homeFootMenuColumnL ul li.hr,
#homeFooter #homeFootBg #homeFootMenu #homeFootMenuWrap #homeFootMenuColumnC ul li.hr,
#homeFooter #homeFootBg #homeFootMenu #homeFootMenuWrap #homeFootMenuColumnR ul li.hr,
#homeFooter #homeFootBg #homeFootMenu #homeFootMenuWrap #homeFootMenuColumnL ul li dl dd.hr,
#homeFooter #homeFootBg #homeFootMenu #homeFootMenuWrap #homeFootMenuColumnC ul li dl dd.hr,
#homeFooter #homeFootBg #homeFootMenu #homeFootMenuWrap #homeFootMenuColumnR ul li dl dd.hr{
	padding-bottom:10px;
	margin-bottom:10px;
	background:url(https://wwwe5.osakagas.co.jp/shutopen/shutopen/pc/img/border_homeFooter01.gif) repeat-x 0 100%;
}

#homeFooter #homeFootBg #homeFootMenu #homeFootMenuWrap #homeFootMenuColumnR ul{
	margin-bottom:65px;
}
#homeFooter #homeFootBg #homeFootMenu #homeFootMenuWrap #homeFootMenuColumnR p{
	margin-bottom:5px;
}
#homeFooter #homeFootBg #homeFootMenu #homeFootMenuWrap #homeFootMenuColumnR p#myOsakaGas{
	margin-bottom:0;
	margin-left:18px;
}


#homeFooter #homeFootBg #homeFootMenu #homeFootMenuWrap,
#homeFooter #homeFootBg #homeFootMenu #homeFootMenuWrap a:link{
	color:#fff;
	text-decoration:none;
}



#homeFooter #homeFootBg #homeFootMenu #homeFootMenuWrap a:visited{
	color:#fff;
}
#homeFooter #homeFootBg #homeFootMenu #homeFootMenuWrap a:hover{
	color:#db6700;
}
#homeFooter #homeFootBg #cms-footer{
	width:950px;
	margin:0 auto;
	padding:0 0 25px;
}
#homeFooter #homeFootBg #cms-footer #footer-info{
	width:950px;
	margin:0 auto;
	padding:0 0 6px;
	border-top:none;
}

#homeFooter #homeFootBg #cms-footer #footer-info #copyright{
	width: 420px;
	margin:1px 0px;
	float: left;
	font-size:x-small;
	vertical-align: middle;
	padding: 0px;
}
#homeFooter #homeFootBg #cms-footer #footer-info #foot-navi{
	font-size: small;
	width: 470px;
	float: right;
	text-align: right;
	margin:1px 0px;
	padding: 0px;
}

#homeFooter #homeFootBg #cms-footer #footer-info #foot-navi ul {
	margin:0px;
	padding:0px;
}

#homeFooter #footer-info #foot-navi ul li{
	list-style-type: none;
	display: inline;
	background:url(../img/icon_arrow.png) no-repeat 1px 6px;
	padding:0 3px 0 12px;
	margin:0 0 0 5px ;
}

#homeFooter #footer-info #foot-navi ul li a{
	color:#4E4E4E;
	text-decoration:none;
}

#homeFooter ul#homeFootMenu li {
	display: inline;
	margin-bottom: 10px;
}
#homeFooter ul#homeFootMenu li a {
	background-image: url(https://wwwe5.osakagas.co.jp/shutopen/shutopen/pc/img/sprite_icon.gif);
	background-repeat: no-repeat;
	background-position: 0px -100px;
	margin-right: 15px;
	padding-left: 10px;
	line-height: 1.7em;
}
#homeFooter ul#homeFootMenu {
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	padding-top: 10px;
	margin-top: 10px;
	margin-bottom: 5px;
}
#crumb {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
	margin-bottom: 15px;
	font-size: x-small;
}
#pageTitleArea {
	width: 950px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#pageTitleArea h1,
#pageTitleArea p {
	margin-bottom: 12px;
}
#pageTitleArea h2 {
	margin-bottom: 9px;
}

#category_page_title{
margin-bottom: 12px;
}

/*2012.04.17*/
/* =====================================================================================


らく得バナー追加CSS


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

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

infoArea

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

#infoArea{
	width:740px;
	margin-top:15px;
}

#infoAreaInner{
	width:728px;
	background:url(https://wwwe5.osakagas.co.jp/shutopen/shutopen/pc/img/btn_info_bg_btn2.gif) no-repeat;
	padding:10px 0px 0px 22px;
	height:120px;
}


	
#infoArea .info_section01s{
	float:left;
	width:590px;
	overflow:hidden;
}
#infoArea .info_section01s li{
	float:left;
	width:290px;
}
#infoArea .info_section02s{
	float:left;
	width:150px;
}
	
#infoArea .info_section02s li{
background:url(https://wwwe5.osakagas.co.jp/shutopen/shutopen/pc/img/arrow_gray_01.gif) no-repeat 0 3px;
	padding-left:15px;
}

#infoAreaInner .info_section01s{
	float:left;
	width:560px;
	overflow:hidden;
	margin-top:10px;
}
#infoAreaInner .info_section01s li{
	float:left;
	width:275px;
}
#infoAreaInner .info_section02s{
	float:left;
	width:150px;
}
	
#infoAreaInner .info_section02s li{
background:url(https://wwwe5.osakagas.co.jp/shutopen/shutopen/pc/img/arrow_gray_01.gif) no-repeat 0 3px;
	padding-left:15px;
	float:none;
}

#infoAreaInner .info_section02s li.top{
	margin-top:10px;
}