@charset "utf-8";
/* CSS Document v1.3 */


img{
	max-width:100%; width:auto; height:auto
}


/* トップ - グローバルヘッダー
--------------------------------------------------------------- */

h1{
    display:block;
    float:none;
    padding:0;
	padding:15px 15px 10px;
}

h1 img{width:120px;}

#head{
	width:auto;
	height:auto;
	margin:0;
}

#head #cmenu p{
	position:relative;
	top:auto;
	right:auto;
}

#head #cmenu{
	display:none;
	float:none;
	width:auto;
}

#head #cmenu ul{
	width:auto;
}

#header{
	display:none;
}

#toppage{
	background:none;
}


#menu{
	width:auto;
	background:none;
    font-size: 14px;
    height:auto;
    margin: 0 auto;
    padding:0;
}

#menu .dropdown dt{
	width:auto;
}

#head, #headline, #vmenu, #controls, #contents, #footerbar{
	width:auto;
}

#controls{
	position:relative;
	width:auto;
	border:1px solid #000;
}

/* トップ - スライダー部分(旧)
--------------------------------------------------------------- */

#visual{
	width:auto;
	height:auto;
	background:none;
}

#vmenu{width:100%;}

#vmenu li{
	width:auto;
	height:auto;
}

#vmenu li img{width:100% !important; height:auto !important;}


/* トップ - スライダーサムネイル
--------------------------------------------------------------- */

#Onlayer,
#controls{
	position:relative;
	width:auto;
	height:auto;
	top:auto;
	left:auto;
	padding:0;
	margin:0;
	background:none;
}

#Onlayer img{width:100%; height:auto;}
#Onlayer li,
#controls li{
	display:block;
    float:left;
    height:auto;
    margin:0;
    overflow:hidden;
    width:50%;
}

/* cf */
#Onlayer:before,
#Onlayer:after{content:"";display:table;}
#Onlayer:after{clear:both;}


/* トップ - コンテンツ
--------------------------------------------------------------- */

#contents{
	margin:0;
	padding:0 15px;
}

#contents .right-column{
	width:auto;
	margin:0;
	display: block;
    float: none;
}

#toppage .article h3,
#toppage .article{
	width:auto;
}

#toppage .article h3{
	position:relative;
}

#contents .datecolumn dt{
	display:block;
	float:none;
	width:auto;
	margin:0;
	padding:0 0 0 1em;
}

#toppage #contents .right-column .article .newcolumn dt{
	display:block;
	float:none;
	width:auto;
	margin:0;
	padding:0;
}

#contents .datecolumn dd, #contents .newcolumn dd,
#toppage #contents .right-column .article .newcolumn dd{
	display:block;
	float:none;
	width:auto;
	padding:0;
	margin:0 0 15px;
}

.column dt{
	text-align:center;
	background:#ecf4f8;
	padding:5px 0 0;
}

#contents .article .datecolumn dd {
    width: auto;
}

#menu .dropdown {
    display:block;
    float: none;
    margin:0 auto 20px;
    position: relative;
    z-index: 2300;
}

#menu .dropdown img{
	width:100%;
}


#contents .more{
	width:14%;
	top:0;
	bottom: 0;
	margin:auto;
    position: absolute;
    right: 0;
}

#contents .more a {
    display: block;
    height:100%;
    outline: medium none;
    text-indent: -2011px;
    width:100%;
}

#contents .article .more a{
	background-size:70% auto;
}

#toppage .article h3 img{
	width:100%;
	height:auto;
}

#contents .left-column p{
	text-align:center;
}


/* グローバルフッター
--------------------------------------------------------------- */

#footer {
    clear: both;
    padding:15px;
    width:auto;
}

#footer #flogo{
	display:block;
    float:none;
    margin:0 0 15px;
	text-align:center;
}

#footer #fnavi li {
    display:block;
    float:none;
    margin:0 0 10px;
    padding-left: 0.6em;
	font-size:12px;
}

#pageflip{
	float:none;
	right:0;
}

#navi{
	display:none;
}

#contents #suportcol {
    background: #8cb23e url(../../biz/img/suport_bg_body.gif) left top no-repeat;
    margin-bottom: 20px;
    padding:10px;
    width:auto;
	border-radius:5px;
}

.heightLine{
	height:auto !important;
}

.pricecol img{width:100%;}


/* トップ - 左カラム
--------------------------------------------------------------- */

#contents .left-column{
	width:auto;
	float:none;
	display:block;
}

#contents .left-column p img{
	width:100%;
}

#contents .left-column p{margin-bottom:20px;}


/* トップ - 右カラム
--------------------------------------------------------------- */

#contents .howto{
	
}

#contents .right-column .howto{
	margin:0 0 15px;
	padding:6px 3px;
	background:none #F4E3DF;
	text-align:center;
}

#contents .right-column .howto li{
	box-sizing:border-box;
	display:block;
	float:left;
	width:33.3%;
	text-align:center;
	margin:0;
	padding:0 3px;
}

#contents .right-column .howto li img{width:100%; height:auto;}

#contents .right-column .howto li:last-child{
	margin-bottom:0;
}


/* トップ - ガス料金について知りたい、以下同カラム
--------------------------------------------------------------- */

#seccolumn .leftcol {
    float:none;
    width:auto;
}

.column dt{background:none; padding:0;}
.column dt img{width:100%; height:auto;}

#seccolumn .leftcol dl.column {
    margin-bottom: 5px;
    width:auto;
	border-radius:5px;
}

#seccolumn .leftcol dl#knowcol,
#seccolumn .leftcol dl#netcol,
#seccolumn .leftcol dl#usecol{
	background-image:none;
}


/* トップ - ガス機器に関する大切なお知らせ
--------------------------------------------------------------- */

#seccolumn .leftcol p {
    border:1px solid #F00;
    margin:15px 0;
    padding:15px;
    text-align: center;
    background: #fff;
}


/* トップ - ウィズガス住宅について知りたい、以下同カラム
--------------------------------------------------------------- */

#seccolumn .rightcol {
    float:none;
    margin-bottom: 7px;
    width:auto;
}


/* トップ - 下部バナー
--------------------------------------------------------------- */

#contents .banner{
	text-align:center;
}

#contents .banner li {
    display:block;
    float:none;
    margin:0 0 15px;
}


/* トップ - バナー
--------------------------------------------------------------- */

#contents .secstory{
	text-align:center;
}

#contents .seckids {
    display:block;
    float:none;
    margin:0 auto 20px;
	text-align:center;
}

#contents #sidemobile{
	display:none;
}


/* 下層 - インターネットでのお手続き
--------------------------------------------------------------- */

.punks{display:none;}


/* 見出し部分 */

#title {
    color:#fff;
    font-size:16px;
    line-height:1.2;
    width:auto;
	background-image:none;
	background:#B27F43;
	border-radius:5px;
	margin:10px 0 10px;
}

#title div{background:none;}

#title h2 {
	width:auto;
    border-right:0;
    float:none;
    line-height:1.4;
    padding:10px;
    width:autox;
}

#title span {
    display:none;
}


/* コンテンツ部分 */
#section {
    float:none;
    margin:0 auto;
    width:auto;
}


/* 印刷(本来は日付？) */
#section #entryarea .day {
	display:none;
}


/* 目次 */
#safe{width:auto !important;}

#section #entryarea .pageMenu .f-sideLink li {
    display:block;
    padding:0 0 0 20px;
	line-height:1.2;
	margin-bottom:10px;
}

#section #entryarea .pageMenu{padding:15px 10px;}
#section #entryarea .pageMenu br{display:none;}


/* 各部見出し */
#section #entryarea h3{
    display: block;
    font-size:15px;
    font-weight: bold;
    height:auto;
    min-height:1.4;
    padding:10px 10px 5px;
	
	background-image:none;
	background:#E5E5E5;/* old browsers */
	background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#E5E5E5));
    background:-webkit-linear-gradient(top, #fff, #E5E5E5);
    background:linear-gradient(to bottom, #fff, #E5E5E5);
	
    color: #ed947a;
	border-radius:5px 5px 0 0;
	border:1px solid #CCC;
	border-bottom:2px solid #ed947a;
}


/* 画像リスト */

#section #entryarea .btnList {
    background-color:#fff;
    margin:10px;
    padding:0;
}

#section #entryarea .btnList li {
    display:block;
    float:none;
    margin:0 0 25px;
    width:auto;
	text-align:center;
}

#section #entryarea .btnList .f-arrow02{background:none; margin-bottom:10px;}

.buttonL,
.buttonL2{
    color: #333333;
    display: block;
    font-size: 15px;
    font-weight: bold;
    padding:10px;
    width:auto;
	text-align:center;
	text-decoration:none;
	
	border-radius:5px;
	border:1px solid #CCC;
	background-image:none;
	background-image:none;
	background:#E5E5E5;/* old browsers */
	background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#E5E5E5));
    background:-webkit-linear-gradient(top, #fff, #E5E5E5);
    background:linear-gradient(to bottom, #fff, #E5E5E5);
}

.buttonL:before,
.buttonL2:before{content:"▶"; margin-right:.5em; color:#ED947A;}

.buttonL:hover,
.buttonL2:hover{text-decoration:none;}


/* ページ先頭へ */
#section .ptop{margin-bottom:30px;}


/* 右ナビメニュー */

#aside{
    float:none;
    width:auto;
}

#aside ul{
	background:#FAF2E9;
	border-radius:5px;
}


/* お客さま窓口 */

#aside .column {
	background-image:none;
    background:#faf2e9;
    margin-bottom: 15px;
	border-radius:5px;
}

/* 画像バナーリスト */

#aside p{
	text-align:center;
}

/* フッターリンクメニュー */

#foot{
	display:none;
}


/* 新規スタイル
--------------------------------------------------------------- */

.fMenuList{
	padding:5px;
	background:#FAF2E9;
	border-radius:5px;
	margin:15px 0;
	font-family:"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Verdana,sans-serif;
}
.fMenuList li{margin-bottom:10px;}
.fMenuList li:last-child{margin-bottom:0;}
.fMenuList li a{
	display:block;
	color:#FFF;
	font-size:15px;
	font-weight:bold;
	padding:15px;
	border-radius:5px;
	
	background:#E36759;
	background:-webkit-gradient(linear, left top, left bottom, from(#FEA094), to(#E36759));
	background:-webkit-linear-gradient(top, #FEA094, #E36759);
	background:linear-gradient(to bottom, #FEA094, #E36759);
}
.fMenuList li a:before{font-family:FontAwesome; content:"\f0da"; margin-right:5px;}
.fMenuList li a:hover{text-decoration:none;}


/* カラータイプ */
.fMenuList.style02{background-color:#EAEFDF;}
.fMenuList.style02 li a{
	background:#439721;
	background:-webkit-gradient(linear, left top, left bottom, from(#5BB33B), to(#439721));
	background:-webkit-linear-gradient(top, #5BB33B, #439721);
	background:linear-gradient(to bottom, #5BB33B, #439721);
}

.width_tit_2,.width_tit_3,.width_tit_4{
max-width: 90%;
}
.info_link{
border: none;
background: none;
padding: 0;
}