@charset "utf-8";

@media screen and (max-width:767px){
body{min-width:100%;}
}

.glWrap img{vertical-align:top;}

*:focus{outline:0;}

@media screen and (max-width:767px){
.glWrap img{
max-width: 100%;
height: auto;
width /***/:auto;
}
}

.glWrap #wrapper {
  text-align: left;
  width: 860px;
  margin: 20px auto;
}

@media screen and (min-width: 768px) and (max-width: 979px) {
.glWrap #wrapper {
  width:740px;
}

.supply{
margin: -43px 0px 10px 60px!important;
font-size:110%!important;
}

}

@media only screen and (min-width:980px){
.glWrap #wrapper {
  width:940px;
}

.supply{
margin: -60px 0px 30px 310px!important;
font-size:130%!important;
}

}

@media screen and (max-width:767px){
.glWrap #wrapper {
  width:auto;
}

.supply{
margin: -45px 0px 10px 60px!important;
}

}

.glWrap #container { width: 100%; }

.glWrap #contents {
  margin-bottom: 4em;
  min-height: 1px;
}

.glWrap #contents:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

@media screen and (max-width:767px){
.glWrap #contents {
  width:auto;
}
}

.glWrap h2 {
  font-size:30px;
  padding:0 0 10px 0;
  margin-bottom:20px;
  background:url(../image/h2_line.png) repeat-x left bottom;
}
.glWrap h2 img{vertical-align:middle; padding-right:10px;}


@media screen and (max-width:767px){
.glWrap h2 {font-size:22px;}
.glWrap h2line-height {font-size:22px;}
}

.glWrap h3 {
	font-size:18px;
	border-bottom:1px dotted #333333;
	padding:5px 0 10px 0;
	margin-bottom:8px;
}

.glWrap h7 {
	font-size:13px!important;
	line-height: 0.1;
}

/*PCでは無効（改行しない）*/
.sma{
    display: none;
}

/*スマートフォンでは有効（改行する）*/
@media screen and (max-width:768px) {
    .sma{
        display: block;
    }
}

.glWrap h3 span.graycol {border-left:7px solid #d5d5d5; padding-left:13px;}


.glWrap#electric h3 span.catecol {border-left:7px solid #e39200; padding-left:13px;}
.glWrap#gas h3 span.catecol {border-left:7px solid #d96e6e; padding-left:13px;}
.glWrap#water h3 span.catecol {border-left:7px solid #4ea2e5; padding-left:13px;}


.glWrap .comTblA{width:100%; font-size:14px; box-sizing:border-box; border:1px solid #d5d5d5;}
.glWrap .comTblA td{padding:5px 5px; text-align:center; min-height:1.4em; vertical-align:middle; background:#ffffff;
	border-right:1px dotted #d5d5d5;
	border-top:1px solid #d5d5d5;
}

.glWrap .comTblCell_a01 td{background:#8d6e63!important; color:#ffffff;}
.glWrap .comTblCell_a03 td{display:none; background:#8d6e63!important; color:#ffffff;}

.glWrap#electric .comTblCell_a01 td{background:#e39200!important; color:#ffffff;}
.glWrap#electric .comTblCell_a03 td{background:#e39200!important; color:#ffffff;}
.glWrap#gas .comTblCell_a01 td{background:#d96e6e!important; color:#ffffff;}
.glWrap#gas .comTblCell_a03 td{background:#d96e6e!important; color:#ffffff;}
.glWrap#water .comTblCell_a01 td{background:#4ea2e5!important; color:#ffffff;}
.glWrap#water .comTblCell_a03 td{background:#4ea2e5!important; color:#ffffff;}

.glWrap .targetarea{
	width:50%;
	border:1px solid #e3e3e3;
	border-radius:5px;
	background:#f5f5f5;
	padding:15px;
	line-height:2em;
} 

@media screen and (max-width:767px){
.glWrap .comTblA{border:none;}
.glWrap .comTblA td{border-top:none; border-right:1px solid #d5d5d5; border-bottom:1px dotted #d5d5d5;}
.glWrap .comTblA td:first-child{border-top:1px solid #d5d5d5;}
.glWrap .comTblA td:last-child{border-bottom:1px solid #d5d5d5;}
.glWrap .comTblA td input{margin:-2px 0;}

.glWrap .comTblCell_a01{float:left; width:46%;}
.glWrap .comTblCell_a01 td{display:block; font-size:12px!important;}

.glWrap .comTblCell_a02{float:right; width:54%;}
.glWrap .comTblCell_a02 td{display:block; font-size:12px!important; text-align:left!important; padding-left:10px;}
.glWrap .comTblCell_a02 td:last-child{text-align:center!important; padding-left:0;}

.glWrap .comTblCell_a03{float:left; clear:right; width:46%; margin-top:20px; display:block;}
.glWrap .comTblCell_a03 td{display:block; font-size:12px!important;}

.glWrap .comTblCell_a04{float:right; width:54%; margin-top:20px;}
.glWrap .comTblCell_a04 td{display:block; font-size:12px!important; text-align:left!important; padding-left:10px;}
.glWrap .comTblCell_a04 td:last-child{text-align:center!important; padding-left:0;}

.glWrap .targetarea{width:auto;}
}

.glWrap .comTblB{width:100%; font-size:13px; box-sizing:border-box; border:1px solid #d5d5d5;}
.glWrap .comTblB th{border: 1px solid #d5d5d5;}
.glWrap .comTblB td{padding:3px 3px; text-align:right; vertical-align:middle; background:#ffffff;
	border-right:1px dotted #d5d5d5;
	border-top:1px solid #d5d5d5;
}
.glWrap .comTblB td:first-child{
	border-right:1px solid #d5d5d5!important;
}


@media screen and (max-width:767px){
.glWrap .comTblCell_b01{float:left; width:27%;}
.glWrap .comTblCell_b01 td{display:block; font-size:12px!important;}
.glWrap .comTblCell_b02{float:left; width:19%;}
.glWrap .comTblCell_b02 td{display:block; font-size:12px!important;}
.glWrap .comTblCell_b03{float:left; width:23%;}
.glWrap .comTblCell_b03 td{display:block; font-size:12px!important;}
.glWrap .comTblCell_b04{float:left; width:29%;}
.glWrap .comTblCell_b04 td{display:block; font-size:12px!important;}
.glWrap .comTblB{border-top:none; border-right:none;}
.glWrap .comTblB td:first-child{height:2.5em;}
.glWrap .comTblB td{border-right:1px solid #d5d5d5!important; vertical-align:middle;}
}

.glWrap .dlarea{
	max-width:860px;
	border:1px solid #e3e3e3;
	border-radius:5px;
	background:#f5f5f5;
	padding:15px 0px;
	margin:0 auto;
	} 
.glWrap .wrapB01{float:left; text-align:center; border-right:1px solid #d5d5d5; padding:15px 30px;}
.glWrap .wrapB02{float:right; text-align:center; padding:15px 30px;}
.glWrap .description{width:367px; margin-top:15px; text-align:left;}

@media screen and (min-width: 768px) and (max-width: 979px) {
.glWrap .description{width:297px;}
}
@media screen and (max-width:767px){
.glWrap .dlarea{display:none;} 
}

.glWrap .wrapC01 {
margin-top: 10px;
float: left;
width: 200px;
}

.glWrap .wrapC02,.glWrap .wrapC03{
margin-top: 10px;
float: right;
width: 630px;
}

@media screen and (min-width:1024px){
.glWrap .wrapC02,.glWrap .wrapC03{width:700px;}
}
@media screen and (min-width: 768px) and (max-width: 979px) {
.glWrap .wrapC02,.glWrap .wrapC03{width:530px;}
}
@media screen and (max-width:767px){
.glWrap .wrapC01{float:none; width:100%; display:table;}
.glWrap .wrapC02,.glWrap .wrapC03{float:none; width:auto;}
}

.glWrap .wrapC02 table{width:67%; box-sizing:border-box; border: 1px solid #d5d5d5;}
.glWrap .wrapC02 table td{border:1px solid #d5d5d5; text-align:left; padding:15px 20px; background:#ffffff;}
.glWrap .wrapC02 table td:first-child{width:5em;}

.glWrap .wrapC03 table{width:67%; box-sizing:border-box; border:1px solid #d5d5d5;}
.glWrap .wrapC03 table td{
	border-left:1px dotted #d5d5d5;
	border-bottom:1px solid #d5d5d5;
	text-align:left;
	padding:6px 20px;
	background:#ffffff;
}
table#noline tr td {
    border-bottom: none;
    border-left: none;
    width: auto!important;
    padding: 6px 20px;
}
table#nolinenopadding tr td {
    border-bottom: none;
    border-left: none;
    width: auto!important;
    padding: 1px 1px;
}
td.comCellRight.priceAfterRevision {
    color: red;
    font-weight: bold;
}
.glWrap .wrapC03 table td:first-child{width:13em;}
.glWrap .wrapC03 table tr:last-child td{border-left:none; padding:15px 20px;}

.glWrap#water .wrapC03 table td:first-child{width:5em!important; padding:6px 0px 6px 20px;}
.glWrap#water .wrapC03 table td:nth-child(2){border-left:none; padding:6px 5px 6px 0px;}

@media screen and (max-width:767px){
.glWrap .wrapC02 table,.glWrap .wrapC03 table{width:100%; font-size:12px; box-sizing:border-box;}
.glWrap .wrapC02 table td:first-child{width:33%;}

.glWrap .wrapC03 table td:first-child{width:45%;}
}

.glWrap .boxC01 {
width: 180px;
text-align: center;
background-color: #ffffff;
border: 1px #d5d5d5 solid;
}
.glWrap .boxC02 {
margin-bottom: 10px;
width: 180px;
text-align: center;
background-color: #ffffff;
border: 1px #d5d5d5 solid;
}

@media screen and (max-width:767px){
.glWrap .boxC01{width:100%;}
.glWrap .boxC02{width:33.33%!important; display:table-cell; vertical-align:top;}
}

.glWrap .wrapC01 .tx01{color:#ffffff; font-weight:bold; padding:8px 0;}
.glWrap .wrapC01 .tx02{padding:22px 0;}
.glWrap .wrapC01 .tx01.mini{padding:3px 0;}
.glWrap .wrapC01 .tx02.mini{padding:3px 0 0 0;}
.glWrap .wrapC01 .tx02 span.bigger{font-size:22px; padding-right:5px;}
.glWrap .wrapC01 .tx02 span{font-size:16px;}

.glWrap#electric .wrapC01 .tx01{background-color:#e39200;}
.glWrap#gas .wrapC01 .tx01{background-color:#d96e6e;}
.glWrap#water .wrapC01 .tx01{background-color:#4ea2e5;}

@media screen and (max-width:767px){
.glWrap .wrapC01 h3{font-size:12px;}
.glWrap .wrapC01 .tx02{font-size:12px;}
.glWrap .wrapC01 .tx02 span.bigger{font-size:18px; padding-right:5px;}
.glWrap .wrapC01 .tx02 span{font-size:14px;}
}

.glWrap .mt10{margin-top:10px!important;}
.glWrap .mt20{margin-top:20px!important;}
.glWrap .mt30{margin-top:30px!important;}
.glWrap .mt40{margin-top:40px!important;}
.glWrap .mt50{margin-top:50px!important;}

.glWrap .comCellRight{text-align:right!important;}
.glWrap .comCellRight a:hover{color:#c3263b;}
.glWrap .comCellRight a{color:#46260f; text-decoration:underline; font-weight:bold;}

.glWrap .comCenter{text-align:center!important;}
.glWrap .comCenter td{text-align:center!important;}

.glWrap .comCellBg01,
.glWrap .comCellBg01 td{background:#e39200!important; color:#FFFFFF;}
.glWrap .comCellBg02,
.glWrap .comCellBg02 td{background:#f5f5f5!important;}
.glWrap .comCellBg03,
.glWrap .comCellBg03 td{background:#d96e6e!important; color:#FFFFFF;}
.glWrap .comCellBg04,
.glWrap .comCellBg04 td{background:#4ea2e5!important; color:#FFFFFF;}
.glWrap .comCellBg06,
.glWrap .comCellBg06 td{background:#ffff00!important; color:#000000;}

.glWrap .comClear:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.glWrap .comClear{
  min-height: 1px;
}

.glWrap .pcNone{display:none;}
.glWrap .spNone{display:block;}
@media screen and (max-width:767px){
.glWrap .pcNone{display:block;}
.glWrap .spNone{display:none;}

.glWrap .pcBr{display:none;}
}

@media screen and (min-width: 767px){
.glWrap .spBr{display:none;}
}

@media screen and (max-width:767px){
.glWrap .spTxLeft{text-align:left!important;}
.glWrap .spTxCenter{text-align:center!important;}
}

/**************************
/* リンク
**************************/

.glWrap .button01 a{
    display:inline-block;
	background:url(../image/arrow01.png) no-repeat 1.7em 1.2em #684a32;
	padding:12px 2em 12px 2.4em;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	border-radius:25px;
	text-decoration:none;
}
.glWrap .button01 a:hover{background-color:#885b4c;}

.glWrap .button02 a{
    display:inline-block;
	background:url(../image/icon_download.png) no-repeat 11.5em 0.8em #684a32;
	padding:12px 4.5em 12px 2.7em;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	border-radius:25px;
	text-decoration:none;
}
.glWrap .button02 a:hover{background-color:#885b4c;}

.glWrap .button03 a{
    display:inline-block;
	background:url(../image/icon_print.png) no-repeat 1em 0.4em #ffffff;
	padding:6px 15px 6px 40px;
	font-size:14px;
	color:#333333;
	border:1px solid #dddddd;
	border-radius:25px;
	text-decoration:none;
}
.glWrap .button03 a:hover{text-decoration:underline;}
.glWrap .button03{text-align:right;}

.glWrap .button04 a{
    display:inline-block;
	background:url(../image/arrow01.png) no-repeat 1.7em 1.2em #e2e2e2;
	padding:12px 2em 12px 2.4em;
	font-size:14px;
	color:#666;
	border-radius:25px;
	text-decoration:none;
}
.glWrap .button04 a:hover{background-color:#eeeeee;}



/**************************
/* Entrance
**************************/
.glWrap .lineH140{line-height:140%!important;}
.glWrap .lineH200{line-height:200%!important;}
.glWrap em{color:#c3263b;}

.glWrap .entarea{
	border:1px solid #e3e3e3;
	border-radius:5px;
	background:#f5f5f5;
	padding:20px 30px;
	line-height:2em!important;
} 
.glWrap .entarea:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.glWrap .entarea table{font-size:20px;}
.glWrap .entarea td{vertical-align:middle; padding-bottom:30px;}
.glWrap .entarea td:first-child{width:60px;}
.glWrap .entarea tr:last-child td{padding-bottom:0px;}

.glWrap#entrance h3 span.catecol {border-left:7px solid #c3263b; padding-left:13px;}

.glWrap#entrance .txred{color:#cc3333;}
.glWrap#entrance .txred a{color:#46260F; text-decoration:underline; font-weight:bold;}
.glWrap#entrance .txred a:hover{color:#c3263b;}

.glWrap .boxC03{background:#f9f9f9; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; padding:10px; margin-top:20px;}

.glWrap .radioarea:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.glWrap .radioarea p{float:left; padding:10px 30px 0px 0px;}
.glWrap input[type=radio],
.glWrap input[type=radio] + label{display:inline-block; padding-top:10px;}
.glWrap input[type=radio]{margin:0px 5px 2px 0px;}

.glWrap .comTblD{width:50%; font-size:14px; box-sizing:border-box; border:1px solid #d5d5d5;}
.glWrap .comTblD td{padding:5px 5px; text-align:center; min-height:1.4em; vertical-align:middle; background:#ffffff;
	border-right:1px dotted #d5d5d5;
	border-top:1px solid #d5d5d5;
}
.glWrap .comTblCell_a05 td{background:#8d6e63!important; color:#ffffff;}

@media screen and (min-width: 768px) and (max-width: 979px) {
.glWrap .comTblD{width:430px;}
}
@media screen and (max-width:767px){
.glWrap .entarea{padding:20px 10px;}
.glWrap .entarea table{font-size:16px;}
.glWrap .entarea td{padding-bottom:20px;}

.glWrap .radioarea p{float:none;}
.glWrap .radioarea p.button01{margin-top:10px;}

.glWrap .comTblD{width:100%;}
}

ul.breadcrumb {
	width: 860px;
	margin: 10px auto;
	list-style: none;
}

@media screen and (min-width: 768px) and (max-width: 979px) {
ul.breadcrumb {
	width:740px;
}
}

@media only screen and (min-width:980px){
ul.breadcrumb {
	width:940px;
}
}

@media screen and (max-width:767px){
ul.breadcrumb {
	width:auto;
}
}

.breadcrumb .icon-home {
	padding-right: 5px;
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-top: 1px;
	*margin-right: .3em;
	line-height: 14px;
	vertical-align: text-top;
	background-image: url("../../../themes/dawn/img/glyphicons-halflings.png");
	background-position: 0 -24px;
	background-repeat: no-repeat;
}

.breadcrumb li {
	float: left;
	list-style: none;
}

.breadcrumb li:before {
	content: ""; content: none;
}

header.content-header {
	background-color: transparent;
}