@charset "utf-8";
/*

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


/*Common
------------------*/
table,img{
	border:none;
}
article,nav,section,header,footer,aside{
	display:block;
}
p{
	margin:0 0 1em 0;
	padding:0;
}
h1,h2,h3,h4,h5{
	float:none;
	clear:both;
	color:#333333;
}
#main h1{
	margin:10px 0 20px 0;
	font-size:1.8em;
/*	background-color:#F9F9F9;*/
	border-top:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	color:#fff;
	background-image: url(../img/common/h1.jpg)

}
h1 span{
	display:block;
	margin:auto;
	width:920px;
	padding:40px;
}

strong {
color: #cc0000;
}
.red {
color: #cc0000;
}
/*#bodyabout h1 span{
	background: url(../img/h1/h1_usagi.png) no-repeat bottom right;
}
#bodykodawari h1 span{
	background: url(../img/h1/h1_panda.png) no-repeat bottom right;
}
#bodyaccess h1 span{
	background: url(../img/h1/h1_risu.png) no-repeat bottom right;
}
#bodysinryo h1 span{
	background: url(../img/h1/h1_panda.png) no-repeat bottom right;
}
#bodykensin h1 span{
	background: url(../img/h1/h1_risu.png) no-repeat bottom right;
}
#bodyaoitori h1 span{
	background: url(../img/h1/h1_aoitori.png) no-repeat bottom right;
}
#bodyosirase h1 span{
	background: url(../img/h1/h1_usagi.png) no-repeat bottom right;
}
*/
/*#maincol h2{
	background:url(../img/common/h2.png) no-repeat bottom left;
	padding:0 0 20px 0;
}*/


#maincol h2{
border-bottom: solid 5px #0068b7;
position: relative;
}

/*#maincol h2:after{
position: absolute;
content: " ";
display: block;
border-bottom: solid 5px #0068b7;
bottom: -5px;
width: 25%;
}*/

#maincol h3{
/*	background:url(../img/common/h3.png) no-repeat bottom left;

	padding:0 0 20px 0;*/
	padding: 10px;
	background-color: #d1e4f2;
}


#maincol h4{
padding: 10px;
	background-color: #eeeeee;
	border-bottom: 1px solid #ccc;
}


#maincol h5{
font-size: 1.0em;
}

.center{
	text-align:center !important;
}
.small{
	font-size:smaller;
}
.large{
	font-size:larger;
}
.txtright{
	text-align:right !important;
}

.left{
	float:left;
	padding-right:10px;
}
.right{
	float:right;
	padding-left:10px;
}

.box{
	width:48%;
}
.photo{
	border:solid 8px #eeeeee;
}
.clear{
	clear:both;
	float:none;
}


.sp {
	display:none;
}


.pdf_ico{
	/*font-weight:900;
	color:#a40000;
	background:url(../img/common/pdf.png) no-repeat right bottom;
	padding-right:26px;*/
}
.pdf_ico:after{
	/*content: url(../img/common/pdf.png);
	display:inline-block;
	vertical-align:middle;*/
}

a{
	color: #0068b7;
	text-decoration: none;
}
a:hover{
	color: #981349;
}
a img{
	filter: Alpha(opacity=100); 
    -moz-opacity:1.0;
    opacity:1.0; 
	transition-duration: 0.2s;
}
a:hover img{
	filter: Alpha(opacity=85); 
    -moz-opacity:0.85;
    opacity:0.85; 
	transition-duration: 0.2s;
}

.caution{
	border:solid 1px #b5ab66;
	background-color:#F9F9F9;
	padding:5px 10px;
	margin:10px 0;
}

hr.hr{
	height:1px;
	border:dotted 0px #b5ab66;
	border-bottom:dotted 1px #b5ab66;
}

/*table*/
table caption{
	text-align:left;
}
table.default,
table.default02{
	border-collapse:collapse;
	margin:10px 0;
	border-top:5px solid #ccc;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	background-color:#FFF;
}
table.default th,table.default td,
table.default02 th,table.default02 td{
	border:solid 1px #ccc;
	padding:3px 8px;
}
table.default thead th,
table.default02 thead th{
	background-color: #eeeeee;
	color: #333333;
}
table.default thead td,
table.default02 thead td{
	background-color: #eeeeee;
}

table.default th,
table.default02 th{
	font-weight: bold;
	color: #333333;
	background-color: #F9F9F9;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	padding: 6px;
	white-space: nowrap;
}
table.default td,
table.default02 td{
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
    padding:10px;
	vertical-align:middle;
}
table.default thead th,table.default thead td,
table.default02 thead th,table.default02 thead td{
	text-align:center;
}
 .nowrap{
	 white-space:nowrap;
}
table.widthmax{
	width:100%;
}

/*dl*/
dl.dl_default{
	margin-left:1em;
}
dl.dl_default dt{
	font-weight:bold;
	font-size:1.1em;
	margin:0;
	color: #333333;
}
dl.dl_default dd{
	margin:0.5em 0 1em 1em;
}

/*ul*/
ul.arr{
	margin:0 0 1em 0;
	padding:0;
	list-style:none;
}
ul.arr li{
	background:url(../img/common/arr.png) no-repeat 0 0.25em;
	padding:0 0 0 10px;
	margin:0px 0 5px 0;
}



#gmap{
	/*float:right;*/
	width: 100%;
	height: 400px;
	margin:10px auto;
	text-align: center;
}



/* FORM
-------------------------------------------------- */


.prefCity label{
	width:7.5em;
	display:block;
	float:left;
}
.prefCity label.disable{
	color:#eee;
}
.prefCity label.disable input{
	visibility:hidden;
}
.disabledCity{
	clear:both;
	padding:0.5em 0em 0em 0em !important;
	color:#A00;
}
.prefCity {

margin-bottom: 1em;
}



/*事業紹介*/
.btn-shadow{
  box-shadow: 0px 3px 15px rgba(0,0,0,0.2);
  transition: .3s;
width: 300px;
display: inline-block;
overflow: hidden;
margin: 0 1em 1em 1em;
}


.btn-shadow img {
width: 300px;
height: auto;
}

.btn-shadow h2 {
padding-left: 0.5em;
}
.btb_txt {
padding: 10px;
}

/*LPガス*/

article .btn-shadow .LP_menu{
border: none !important;
font-size: 1.0em;
}


.square_btn {
    position: relative;
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    color: #FFF;
    background: #007ec9;/*色*/
    border: solid 2px #0f9ada;/*線色*/
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    text-shadow: 0 1px 0 rgba(0,0,0,0.2);
	font-size: 1.5em;
}

.square_btn:active {/*押したとき*/
    border: solid 1px #03A9F4;
    box-shadow: none;
    text-shadow: none;
}

.square_btn:hover {
    background: #0095d2;/*色*/
color: #ffffff;
}


.LP_tel {
font-size: 1.4em;
color: #0068b7;
}



/*フォーム*/
.gas-form{
border:0;
padding:8px;
font-size:1.0em;
border:solid 1px #ccc;
margin:0;


-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;

}


select {
border:solid 1px #ccc;
padding: 5px;
}

input:focus,
textarea:focus{
    border:solid 1px #ff7f99;
}



/* ▼IE10・IE11用 */
:-ms-input-placeholder {
   color: #cccccc;
}

/* ▼Chrome・Safari・Opera用(※Edgeにも使える) */
::-webkit-input-placeholder {
   color: #cccccc;
}

/* ▼Firefox18以前用 */
:-moz-placeholder {
   color: #cccccc;
}
/* ▼Firefox19以上用 */
::-moz-placeholder {
   color: #cccccc; opacity: 1;
}

/* ▼CSS標準(予定)の記述 */
:placeholder-shown {
   color: #cccccc;
}



.form_btn{
border:solid 1px #ccc;
padding:15px 30px;
margin:0 0 20px;
font-family:Arial, sans-serif;
font-size:1.2em;
text-transform:uppercase;
font-weight:bold;
color:#fff;
cursor:pointer;

background-color: #007dc9;


-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);

-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);

-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);

-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}



#maincol .kiji .gasG_list {
float: left;
}
#maincol .kiji .gasG_bn {
margin-left: 20px;
float: left;
}

#maincol .kiji .gasG_list ul,
#maincol .kiji .gasG_bn p {
padding: 0;
margin: 0 0 0 1em;
}