@charset "shift_jis";

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

common

=====================================================*/
body {
	font-size: 14px;
	background-image: none !important;
	line-height: 1.4em;
}
#homeMain{
	margin-top: 30px;
}
#homeMain #mainColumn {
  float: right;
  width: 700px;
}

#leftColumn {
  float: left;
  width: 215px;
}

a:hover {
	color: #006ebc;
	text-decoration: underline;
}
#homeFooter{
	margin-top: 120px;
}

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

sidebar

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

.sidenav{
	width: 215px;
}
.sidenav a:visited {
    color: #000;
}
.nav-section {
	border-top: 1px solid #e4e4e4;
	border-left: 1px solid #e4e4e4;
	border-right: 1px solid #e4e4e4;
	border-bottom: none;
	margin: 0 0 8px;
}
h3.nav-section-title {
	color: #666;
	font-weight: bold;
	font-size: 14px;
	margin: 0;
	padding: 8px 8px;
	background: none;
	border: none;
}

.nav-section li {
  /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAFklEQVQIW2NkAIKXH378ZwQR4gIcjABFIAfTh0+7FwAAAABJRU5ErkJggg==);*/
  font-size: 15px;
  color: #333333;

}
.nav-section li a {
	display: block;
	padding: 11px 6px 11px 22px;
	cursor: pointer;
	text-decoration: none;
	position: relative;
	color: #000000;
	font-size: 13px;
	border-bottom: 1px solid #ddd;
	background: url(/common/img/ver2/icon_triangle_blue.png) no-repeat scroll 10px 19px;

}
.nav-section li a:hover {
	background-color: #e7eff6;
}

.nav-section li a.current,
.nav-section li a.parents_current {
	background-color: #f3fbff;
	background-image: url(/common/img/ver2/icon_triangle_gray.png);
	color: #000000;
}
.sidenav .backtop{
	border: 1px solid #e4e4e4;
	margin-bottom:20px;
	text-align: center;
}
.sidenav .backtop a{
	display: block;
	background: #F8F8F8;	
	padding: 6px 0 5px;
	cursor: pointer;
	text-decoration: none;
	color: #000000;
	font-size: 13px;
}
.sidenav .backtop a:hover {
	background-color: #e7eff6;
}

/*--------カテゴリータイトル周り----------*/
.sideMenu_categoryTitle{
  font-size: 18px;
  color: #000000;
  text-align: left;
  line-height: 1.5;
  letter-spacing: -1px;
  padding: 11px 0;
}
.sideMenu_categoryTitle_gas{
	padding: 5px 0 24px 37px;
	background: url(/common/img/ver2/sideicon_price.png) no-repeat scroll left top;
	line-height:30px;
	vertical-align:middle;
	font-size:16px;
}
.sideMenu_categoryTitle_gas.txt2line{
	padding-bottom: 17px;
	background-position: left 6px;
	line-height:22px;
}
.sideMenu_categoryTitle_support{
	padding: 0px 0 17px 41px;
	background: url(/common/img/ver2/sideicon_support.png) no-repeat scroll left 1px;
	line-height:22px;
	vertical-align:middle;
	font-size:16px;
}
.sideMenu_categoryTitle_checkgasmeter{
	padding: 0px 0 17px 41px;
	background: url(/common/img/ver2/sideicon_checkgasmeter.png) no-repeat scroll left 3px;
	line-height:22px;
	vertical-align:middle;
	font-size:16px;
}
.sideMenu_categoryTitle_contact{
	padding: 0px 0 17px 50px;
	background: url(/common/img/ver2/sideicon_removal.png) no-repeat scroll 3px 3px;
	line-height:22px;
	vertical-align:middle;
	font-size:16px;
}
.sideMenu_categoryTitle.txt1line{

}


/*------------- カテトップリンク -------------------*/
.navBack a{
	width: 100%;
	display: block;
	font-size: 15px;
	color: #000000;
	background: #fff;
	font-weight: normal;
	text-align: left;
	padding: 18px 0 18px 0;
	box-sizing: border-box;
	text-decoration: none;
}

.navBack a:hover {
	color: #006ebc;
	cursor: pointer;
}


/*--------lower-nav----------*/
.lower-nav-toplink {
	position: relative;
}
.underLink.open .lower-nav-toplink {
	background-color:#e9f0f8;
	border-bottom:none;
	background-image: url(/common/img/ver2/icon_triangle_gray.png);
}
.nav-section li ul.lower-nav {
    display: none;
    padding: 0px;
	border-bottom:1px solid #ddd;
}
/*
.nav-section li ul.lower-nav li.inside_title {
	background: #FFF;
	padding: 11px 6px 5px 10px;
	font-weight: bold;
}
*/
.nav-section li ul.lower-nav a {
	padding-left: 37px;
	background-position:20px 19px;
	border-left:2px solid #e9f0f8;
	border-right:2px solid #e9f0f8;
	border-bottom:1px dotted #e9f0f8;
}
.nav-section li ul.lower-nav li:last-child a {
	border-bottom:4px solid #e9f0f8;
}
.nav-section li ul.lower-nav a:hover {
	background-color: #e7eff6;
}

.nav-section li ul.lower-nav a.close {
	display: block;
	padding: 11px 6px 11px 10px;
	border-bottom: 1px solid #ddd;
	cursor: pointer;
}

.nav-section li ul.lower-nav a.current {
	color: #000;
	font-weight:bold;
	background-color:#fff;
	background-image: url(/common/img/ver2/icon_triangle_gray.png);
}


/*--------toggle-bt----------*/
.togglebt {
	position: absolute;
	right: 5px;
	top: 50%;
	height: 15px;
	width: 15px;
	color: #03C;
	background: url(/common/img/ver2/icon_sidenavi_plus2.png) no-repeat center !important;
	text-align: center;
	display: table-cell;
	margin-top: -10px;
	border: 1px solid #DDDDDD;
	font-size: 11px;
}
.togglebt.open {
   background: url(/common/img/ver2/icon_sidenavi_minus2.png) no-repeat center !important;
}

	/* nav 下部のテキストリンク */
.nav-linkArea li{
  margin-bottom: 9px;
  padding-left:14px;

}
.nav-linkArea li:last-child{
  margin-bottom: 0;
}
.nav-linkArea a.bluArrow02,
.nav-linkArea .bluArrowList02 a{
  font-size: 12px!important;
  padding-left:16px;
}

.nav-linkArea a:hover.bluArrow02,
.nav-linkArea .bluArrowList02 a:hover {
    color: #006ebc;
}


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

parts

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

/*-------- h1 ---------*/
h1.h1Txt {
	font-size: 30px;
  color: #000000;
  font-weight: normal;
  border-top: 0;
  border-bottom: 0;
  margin-bottom: 19px;
}

.h1logo {
	float: right;
	padding-right: 10px !important;
}

/*-------- h2 ---------*/
h2.h2Txt {
	font-size: 25px;
	color: #000;
	margin: 60px 0 30px;
	font-weight: normal;
	padding-bottom: 4px;
	padding-top: 5px;
	padding-left: 14px;
	border-top: 2px solid #006ebd;
  border-bottom: 2px solid #006ebd;
}
h2.h2Txt.afterh1{
	margin-top: 0px;
}
h2.h2Txt.txtC{
	position: relative;
	margin-top: 90px;
	padding: 0;
	text-align: center;
	border: none;
}
h2.h2Txt.txtC span{
	display: inline-block;
	position: relative;
	padding: 0 1em;
	background: #fff;
	z-index: 1;
}
h2.h2Txt.txtC:after{
	display: block;
	width: 100%;
	height: 2px;
	content: "";
	position: absolute;
	border-bottom: 2px solid #006ebd;
	top: 0;
	bottom: 0;
	margin: auto;
	box-sizing: border-box;
}
h2.h2Txt .fSizeS{
	font-size: 18px;
}
h2.h2Txt .fSizeSS{
	font-size: 15px;
}

/*タイトルに横並びテキスト*/
.h2_col2 h2.h2Txt{
	width:100%;
	display: table;
}
.h2_col2 h2.h2Txt em{
	display: table-cell;
}
.h2_col2 h2.h2Txt .fSizeS{
	width: 280px;
	display: table-cell;
	padding-bottom: 4px;
	text-align: right;
	line-height: 1.4;
	font-size: 14px;
	vertical-align: bottom;
}


/*-------- h3 ---------*/
h3.h3Txt {
	border-top: 0;
  border-bottom: 0;
  color: #000;
  margin: 60px 0 20px;
  font-size: 20px;
	border-left: 4px solid #006ebd;
	padding-left: 10px;
}
h3.h3Txt.afterh2{
	margin-top: 30px;
}
h3.h3Txt.afterh2_01{
	margin-top: 0;
}
h3.h3Txt.afterPimg{
	margin-bottom: 0;
}
h3.h3Txt .subText{
	font-size: 15px;
	margin-left: 5px;
}


/*-------- h4 ---------*/
.heading_bTxt01{
	font-size: 18px;
  margin: 30px 0 10px;
  color: #000;
  /*font-weight: bold;*/
}
.heading_bTxt01.afterh3{
	margin-top: 0;
}
.heading_bTxt01_a{
	font-size: 18px;
	margin: 30px 0 10px;
	color: #000;
}

.heading_bTxt02{
  margin: 0 0 5px;
  color: #000;
  font-weight: bold;
}
.heading_bTxt02.bTxt01{
	margin-top: 0;
}


/*--------icons----------*/

i.exlink:after {
	content: '';
	display: inline-block;
	width: 14px;
	height: 12px;
	margin: -3px 0 0 3px;
	background: url(/common/img/ver2/icon_other.gif) no-repeat 0 0;
	background-size: contain;
	vertical-align: middle;
}
i.pdflink:after {
	content: '';
	display: inline-block;
	width: 15px;
	height: 13px;
	margin: -3px 0 0 3px;
	background: url(/common/img/ver2/icon_pdf.png) no-repeat 0 0;
	background-size: contain;
	vertical-align: middle;
}

/*--------redTxt----------*/
.redTxt{
	color:#C00306;
}
/*--------txtLink----------*/
a.txtLink{
	text-decoration: underline;
}
a.txtLink:link{
	color: #000;
}
a.txtLink:hover{
	color: #006ebc;
}



/*--------blue arrow----------*/
a.bluArrow,
.bluArrowList a{
	background: url(/common/img/ver2/arw_blue_r5x6.png) no-repeat scroll left center;
	font-size: 14px;
	padding-left: 10px;
	display: table-cell;
	vertical-align: middle;
}
a:link.bluArrow,
.bluArrowList a:link{
  color: #333333;
}
a:hover.bluArrow,
.bluArrowList a:hover {
    color: #006ebc;
}
.bluArrowList {
	margin: 0 0 5px 0;
}
.bluArrowList li{
	margin: 0 0 5px 0;
}
.bluArrowList li:last-child,
.bluArrowList.row li:last-child{
	margin-right: 0;
}
.bluArrowList.row li{
	margin-bottom: 15px;
}
a.bluArrow02,
.bluArrowList02 a{
	background: url(/common/img/ver2/arw_blue_r5x9.png) no-repeat scroll 1px 4px;
	font-size: 16px;
	padding-left: 10px;
	display: table-cell;
	vertical-align: middle;
}
a:link.bluArrow02,
.bluArrowList02 a:link{
  color: #333333;
}
a:hover.bluArrow02,
.bluArrowList02 a:hover {
    color: #006ebc;
}
a.bluArrow03{
	background: url(/common/img/ver2/arw_blue_circle.png) no-repeat scroll 0px 2px;
	font-size: 13px;
	padding-left: 19px;
	vertical-align: middle;
	display: block;
	margin-left: 9px;
}


/*--------linkBtn----------*/
.linkBtn{
  width: 49%;
  margin-right: 2%;
  float: left;
}
#homeMain .linkBtn a{
	background: #fff url(/common/img/ver2/arw_blue_r5x9.png) 97% 50% no-repeat;
		border: 1px solid #c5c5c5;
    color: #333333;
    padding: 25px 18px 25px 20px;
    display: block;
    vertical-align: middle;
    text-decoration: none;
    font-size: 16px;
		text-align: left;
}
#homeMain .linkBtn a:hover{
	background: #fff url(/common/img/ver2/arw_blue_r5x9.png) 97% 50% no-repeat;
	border: 1px solid #c5c5c5;
	color: #006ebc;
}

.linkBtn.button_right{
  margin-right: 0;
}
#homeMain .linkBtn.txtLine02 a{
	padding: 16px 22px 15px 20px
}

/*--------main btn----------*/
.btnArea .btnMain{

}
.btnMain a,
.whiteBox .btnMain{
	background: #fff url(/common/img/ver2/arw_blue_r5x9.png) 97% 50% no-repeat;
	border: 1px solid #c5c5c5;
	color: #333333;
	padding: 25px 22px 25px 20px;
	display: block;
	vertical-align: middle;
	text-decoration: none;
	font-size: 16px;
	text-align: left;
	line-height: 1.4;
	width: 49%;
	margin-right: 2%;
	box-sizing: border-box;
}
.btnMain a:nth-child(2n){
	margin-right: 0;
}
.btnMain span.viewingTime,
.cvBtn a span.viewingTime,
.whiteBox span.viewingTime{
	display: inline-block;
	margin-top: 4px;
	margin-bottom: 0;
	line-height: 1.4;
}
.btnMain.txtLine02 a{
	/*padding: 16px 22px 15px 20px*/
}
.btnMain.txtLine02A a{
	font-size: 16px;
}
a.mWidth_a,
.whiteBox.mWidth_a{
	width: 343px;
}
.btnMain a:hover{
	background: #ffffff url(/common/img/ver2/arw_blue_r5x9.png) 97% 50% no-repeat;
  border: 1px solid #c5c5c5;
	color: #006ebc;
}
/*--------whiteBox----------*/
.whiteBox{
	margin: 0 auto;
}
.whiteBox .btnMain{
	background: #fff;
	width: auto;
}
/*--------grayBtn----------*/
.grayBtn{
	width: 345px;
	margin-left: auto;
	margin-right: auto;
}
.grayBtn a{
	display: block;
	background: #F8F8F8;
	text-align: center;
	padding: 7px 5px;
	font-size: 14px;
	color: #333333;
	text-decoration: none;
	border: 1px solid #e4e4e4;
}
.grayBtn a:hover{color: #006ebc}

/*--------cvBtn----------*/
.cvBtn{
	margin-left: auto!important;
	margin-right: auto!important;
	margin: 0 auto 20px;
	text-align: center;
}
.cvBtn a{
	color: #fff;
	font-weight: bold;
	text-align: center;
	box-sizing: border-box;
	background: #006ebc url(/common/img/ver2/arw_white_r5x9.png) 97% 50% no-repeat;
}
.cvBtn a:hover,
.cvBtn_col2 .btnMai a{
	background: #fff url(/common/img/ver2/arw_blue_r5x9.png) 97% 50% no-repeat;
	border: 1px solid #006ebc;
	color: #006ebc;
}
.cvBtn a span.viewingTime,
.whiteBox span.viewingTime{
	font-size: 11px;
}
.cvBtn li:first-child{
	margin-top: 0;
}
.cvBtn li{
	margin-top: 10px;
}
	/*CVボタンが2カラムの時*/
.cvBtn_col2 .btnMain{
	width: 49%;
}
.cvBtn_col2 a{
	width: 100%;
	font-weight: bold;
	font-size: 16px;
	color: #fff;
	border: 1px solid #fff;
	box-sizing: border-box;
	background: #006ebc url(/common/img/ver2/arw_white_r5x9.png) 97% 50% no-repeat;
}
.cvBtn_col2 .btnMain{
	width: 49%;
	float: left;
	margin-right: 2%;
}
.cvBtn_col2 .btnMain:nth-child(2n){
	margin-right: 0;
}
.cvBtn_col2 .btnMain.w100p{
	width: 100%;
	float: left;
	margin-right: 0%;
}

.cvBtn_col2 .btnMain .viewingTime{
	display: inline;
}


	/*CVボタン　ガス得下部追加*/
#conversion_box_index .btnMain a{
	text-align: center;
}
#conversion_box_index .glBg{
	padding: 20px 30px;
	border: #d3d3d3 solid 1px;
}
#conversion_box_index .glBg .glBgBox{
	width: 49%;
	float: left;
	margin-right: 2%;
}
#conversion_box_index .glBg .glBgBox:last-child{
	margin-right: 0;
}
#conversion_box_index .glBg .glBgBox img{
	max-width: 100%;
	height: auto;
}
#conversion_box_index .glBg .viewingTime{
	display: inline-block;
}
#conversion_box_index .ft_blue{
	color: #006ebc;
	font-size: 21px;
}
/*----------annotation---------------*/
.annotation {
  background-color: #F5F5F6;
  padding: 10px 15px;
  color: #555555;
  margin-bottom: 0;
	margin-top: 20px;
}
.annotation.mtX2{
	margin-top: 60px;
}
.annotation .ttl{
	margin-bottom: 10px;
	font-weight: bold;
}
.annotation p.textIndKome {
  text-indent: -1em;
  margin-left: 1em;
}
.annotation p.ann_sm { font-size: 86%; }
.annotation p.ann_smInd,
.annotation li.ann_smInd{
  font-size: 86%;
  text-indent: -1em;
  margin-left: 1em;
  line-height: 1.8;
}
.annotation li.ann_smInd:last-child{
	margin-bottom: 0;
}
.annotation p.ann_smInd.komeNo {
	text-indent: -2em;
	margin-left: 2em;
}
.annotation_ttl{
	font-weight: bold;
	padding-bottom: 3px;
}

	/*----------アコーディオン---------------*/
.accArea .ddBox{
	border: 2px #dddddd solid;
	border-top: none;
}
.accArea .ddBox:first-child{
	border-top: 2px #dddddd solid;
}
.accArea .btnLink{
	display: block;
	font-size: 16px;
}
.accArea .btnLink{
	padding: 20px;
	position: relative;
	text-decoration: none;
}
.accArea .btnLink:hover{
	color: #006ebc;
	background: #eaf7ff;
}
.accArea .btnLink.active{
	background: #eaf7ff;
	color: #006ebc;
}
.accArea .btnLink .after{
	position: absolute;
	width: 9px;
	height: 5px;
	background: url(/common/img/ver2/arw_blue_b9x5.png) no-repeat right center;
	background-size: 9px 5px;
	top: 0;
	bottom: 0;
	right: 1em;
	margin: auto;
}
.accArea .btnLink.active .after{
	background: url(/common/img/ver2/arw_blue_t9x5.png) no-repeat right center;
	background-size: 9px 5px;
}
.accArea .ddBox .ddContents{
	border-top: 2px #dddddd solid;
	display: none;
}
.accArea .ddContents a:hover{
	color: #006ebc;
}
.accArea .pcIcon{
	display: table;
	width: 100%;
	padding: 20px;
	border-top: dotted 2px #dddddd;
}
.accArea .pcIcon:first-child{
	border-top: none;
}
.accArea .pcIcon a,
.accArea .pcIcon a{
	text-decoration: none;
}
	/*閉じるボタン*/
.accArea .ddBox .ddContents .ddClose{
	border-top: 2px solid #dddddd;
  position: relative;
  display: block;
  text-align: center;
  padding: 1.2em 0 1em;
  font-size: 14px;
  color: #666666;
}
.accArea .ddBox .ddContents .ddClose span{
	position: relative;
	display: inline-block;
	padding-right: 2em;
	font-size: 16px;
}
.accArea .ddBox .ddContents .ddClose span i{
	position: absolute;
	display: block;
	width: 9px;
	height: 5px;
	background: url(/common/img/ver2/arw_gray_t27x14.gif) no-repeat;
	background-size: 9px 5px;
	top: 0;
	bottom: 0;
  right: 0;
	margin: auto;
}

/*行間*/
.txtBl{
	line-height: 1.8;
}
.txtBl li{
	line-height: 1.8;
}
.txtBl dt,
.txtBl dd{
	line-height: 1.8;
}
.txtBl td{
	line-height: 1.8;
}

/* ***************************************** */
.vtArea{
	margin-top: 10px;
}
.viewingTime{
	font-size: 12px;
	margin-top: 8px;
	margin-bottom: 15px;
}
.viewingTimeTxt{
	font-size: 12px;
	margin-top: 5px;
	margin-bottom: 0;
}
.viewingTimeTxt p{
	margin-bottom: 5px;
}
.viewingTimeTxt p:last-child{
	margin-bottom: 0;
}
.viewingTimeTxt .idt01{
	text-indent: -6.3em;
	margin-left: 6.3em;
}


/*----------hatena---------------*/
p.inqSet {
	display: inline-block;
	margin-bottom: 10px;
	padding: 2px 0 2px 2em;
  background: url(/common/img/ver2/icon_hatena_blue.png) left center no-repeat;
	background-size: 20px;
}

	/*お問い合わせ btn*/
.contactInfoBox{
	background: #fff;
	padding: 0px;
	text-align: center;
	color: #333333;
	margin-top: 80px;
}
/*.contactInfoBox .btnMain{
	max-width: 445px;
	margin: 0 auto;
	background: url(/common/img/ver2/arw_blue_r5x9.png) 97% 50% no-repeat #fff;
}*/
.contactInfoBox .btnMain a{
	margin: 0 auto;
	font-size: 15px;
	text-align: center;
}
.contactInfoBox .btnMain.txt1line a{
	padding: 22px 20px 22px 10px;
}


	/* タイトル+税込み（右側）*/
.ptTtl{
	width: 100%;
	margin-top: 0px;
	float: left;
	margin-bottom: 8px;
}
.ptTtl .heading_bTxt01{
	font-size: 18px;
	font-weight: bold;
  width: 90%;
  float: left;
	margin: 0;
}
.ptTtl .heading_bTxt01_a{
	font-size: 18px;
  width: 90%;
  float: left;
	margin: 0;
}
.ptTtl .incdTax{
  width: 10%;
  text-align: right;
  font-size: 12px;
  float: left;
  margin-bottom: 0;
  padding-top: 7px;
}


	/* 画像100%にする */
.imgBgClr{
	text-align: center;
}
.imgBgClr img{
	width: 100%;
	height: auto;
}
.imgBgClr img.imgWcol2{
	width: 50%;
	height: auto;
}
.imgBd{
	border: 3px solid #eee;
	box-sizing: border-box;
}


	/* 1~4番号（画像）の色変更 */
span#eq01 { background: url(/common/img/ver2/icon_blue_no01.gif) no-repeat left center; }
span#eq02 { background: url(/common/img/ver2/icon_blue_no02.gif) no-repeat left center; }
span#eq03 { background: url(/common/img/ver2/icon_blue_no03.gif) no-repeat left center; }
span#eq04 { background: url(/common/img/ver2/icon_blue_no04.gif) no-repeat left center; }

#mainColumn .equip_title.type2 {
	font-weight: bold;
  border: #006EBC solid 1px;
  border-radius: 3px;
	background-image:none;
  background: #fff;
}


/* ***************************************** */

.h2_icon{
	font-size:25px;
	line-height:79px;
	width:100%;
	vertical-align:middle;
	padding-left:107px;
	background-color:#f4f4f4;
	border-bottom:1px solid #e1e1e1;
	position:relative;
	box-sizing:border-box;
	margin-bottom:30px;
}
.h2_icon:before{
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	content:'';
	display:block;
	width:80px;
	height:80px;
	background-repeat:no-repeat;
	background-position:left center;
}
.h2_icon_moving:before{
	background-image:url(/common/img/ver2/h2icon_moving.png);
}
.h2_icon_price:before{
	background-image:url(/common/img/ver2/h2icon_price.png);
}
.h2_icon_structure:before{
	background-image:url(/common/img/ver2/h2icon_structure.png);
}
.h2_icon_pay:before{
	background-image:url(/common/img/ver2/h2icon_pay.png);
}
.h2_icon_price:before{
	background-image:url(/common/img/ver2/h2icon_price.png);
}
.h2_icon_paper:before{
	background-image:url(/common/img/ver2/h2icon_paper.png);
}
.h2_icon_question:before{
	background-image:url(/common/img/ver2/h2icon_question.png);
}

.leftColumnTop .ttl1{
	margin-bottom: 29px;
    font-weight: bold;
    width: 100%;
    color: black;
    border-bottom: 1px solid #e1e1e1;
    border-top: 1px solid #e1e1e1;
    display: table;
}
.leftColumnTop .ttl1 span{
	display: table-cell;
    height: 78px;
    vertical-align: middle;
    text-align: center;
    font-size: 17px;
    font-weight: normal;
}
.leftColumnTop .inn{
	padding:0 5px;
}