@media screen and (min-width: 641px){
/*--------------------------ｰグローバルメニュー-------------------------------*/
body {
	margin:0;
	padding:0;
    background-image: url(https://www.propane-npo.com/img/bg.gif);
    background-repeat: repeat;
    color: #333;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.spOn {
display: none;/* スマホ非表示 */
}

#js__sideMenu,
#js__overlay,
#js__sideMenuBtn {
display: none;/* スマホ非表示 */
}

/*--------------------------header--------------------------------------------*/
#header_wrap {
width:100%;
background-color:#fff;
}

#header {
width:960px;
height:85px;
background-color:#fff;
margin:0 auto;
}

.logo {
width:480px;
height:70px;
float:left;
margin:0;
}

.tel {
width:510px;
height:67px;
float:left;
text-align:right;
margin:0;
}

#tagline {
width:100%;
font-size:10px;
line-height:30px;
height:35px;
margin:0 auto;
padding:0;
color:#336;
background-color:#fff;
}

#tagline div {
width:960px;
margin:0 auto;
padding:0;
line-height:35px;
}

/*#menu {
    width: 100%;
    height: 45px;
    text-align: center;
    background-image: url(https://www.propane-npo.com/img/header/bg_menu.gif);
    background-repeat: repeat-x;
    margin: 0 auto;
}*/

/*ヘッダー　変更*/
#menu {	
	padding-left: 0 !important;
	height: 65px;
	background-image: url(https://www.propane-npo.com/img/top/bg_menu_top2.gif);
	display: inline-flex;
	justify-content: center;
	list-style-type: none;
    width: 100%;
    text-align: center;
    background-repeat: repeat-x;
    margin: 0 auto;
}
#menu li {
	line-height: 22px;
}
#menu li a {
	color: #ffffff;
	text-decoration: none;
	width: 100%;
	height: 100%;
	display: block;
}
#menu .bt01{
	width: 112px;
}
#menu .bt01 div{
	margin-top: 20px;
	padding-left: 34px;
}
#menu .bt02{
	width: 150px;
}
#menu .bt02 a{
	width: 100%;
	padding-left: 25px;
}
#menu .bt02 div{
	margin-top: 10px;
}
#menu .bt02 img{
	margin-top: 5px;	
	margin-right: 10px;
}
#menu .bt03{
	width: 157px;
}
#menu .bt03 a{
	width: 100%;
	padding-left: 25px;
}
#menu .bt03 div{
	margin-top: 10px;
}
#menu .bt03 img{
	margin-top: 6px;	
	margin-right: 10px;
}
#menu .bt04{
	width: 162px;
}
#menu .bt04 div{
	margin-top: 16px;
}
#menu .bt04 img{	
   padding-left: 14px;	
	margin-right: 10px;
}
#menu .bt04_a{
	margin-top: 20px !important;	
}
#menu .bt05{
	width: 227px;
}
#menu .bt05 div{
	margin-top: 10px;
}
#menu .bt05 img{
	margin-top: 6px;
	margin-left: 20px;	
	margin-right: 10px;
}
#menu .bt06{
	width: 158px;
}
#menu .bt06 div{
	margin-top: 16px;
}
#menu .bt06 img{
	margin-right: 10px;	
	margin-left: 18px;
}
#menu .bt06_a{
	margin-top: 20px !important;	
}
#menu li div {
  float: left;
}
#menu:after {
  clear: both;
}
#menu li{
	display: inline-block;
    position: relative;
	height: 65px;
}
#menu li:before {
	display: block;
	content: "";
	width: 1px;
	height: 20px;
	background-color: #c7c4d4;
	position: absolute;
	left: -0.5px;
	top: 50%;
	margin-top: -10px;
}
#menu li:last-child:after {
	display: block;
	content: "";
	width: 1px;
	height: 20px;
	background-color: #c7c4d4;
	position: absolute;
	right: -0.5px;
	top: 50%;
	margin-top: -10px;
}
/* ヘッダー 追加 */
#menu li:hover {
  background: url(https://www.propane-npo.com/img/top/hover.png);
}
#menu .select {
  background: url(https://www.propane-npo.com/img/top/select.gif);
}
#menu .select:hover {
  background: url(https://www.propane-npo.com/img/top/select.gif);
}

.mail_bt {
	text-align: right;
	padding-top: 6px;
}
.mail_bt:hover {
	opacity: 0.7;
}
.logo {
	width:310px;
}

/*#s_left03 {
	text-align: left;
	font-weight: 700;
	float: none;
}*/
#tagline {
	height: 30px;
}
#header {
	height: 90px;
}



/*--------------------------コンテンツ----------------------------------------*/

#contents {
width:700px;
font-size:16px;
line-height:170%;
float:right;
margin:0;
padding:0;
}

#side {
width:230px;
float:left;
margin:0;
}
#side2 {
width:230px;
float:left;
margin:0;
}

/*--------------------------パンくずリスト------------------------------------*/
#pankuzu {
width:960px;
height: 40px;	
line-height:30px;
color:#48B4B4;
background-color:#fff;
margin:-5px auto 0 ;
padding:0;
}

#pankuzu ul {
width:960px;
height:40px;
line-height:40px;
float:left;
margin:0 auto;
padding:0;
}

#pankuzu ul li {
font-size:12px;
line-height:40px;
list-style:none;
float:left;
margin:0;
padding:0;
}

#pankuzu ul li a {
font-size:12px;
color:#336;
text-decoration:none;
margin:0;
padding:0;
}

#pankuzu ul li a:hover {
color:#48B4B4;
text-decoration:none;
margin:0;
padding:0;
}

#pankuzu_left {
font-size:8px;
width:60px;
text-align:right;
float:right;
}

#s_left01 {
font-size:10px;
width:60px;
text-align:right;
float:right;
}

#s_left02 {
font-size:10px;
width:70px;
text-align:right;
float:right;
padding:0 5px 0 0;
}

#s_left02 a {
color:#336;
text-decoration:none;
padding:0 5px 0 0;
}

#s_left02 a:hover {
color:#48B4B4;
padding:0 5px 0 0;
}

#s_left03 {
font-size:10px;
text-align: left;
float: none;
padding:0 5px 0 0;
font-weight:700;
color:#F00;
}

#s_left03 a {
color:#F00;
text-decoration:underline;
padding:0 5px 0 0;
}

#s_left03 a:hover {
color:#48B4B4;
padding:0 5px 0 0;
text-decoration:none;
}

#pankuzu_left_top {
font-size:8px;
width:100px;
text-align:right;
float:right;
}

#pankuzu_left a,#s_left01 a,#pankuzu_left_top a {
color:#336;
text-decoration:none;
}

#pankuzu_left a:hover,#s_left01 a:hover,#pankuzu_left_top a:hover {
color:#48B4B4;
}


/*--------------------------料金自動診断--------------------------------------*/
#shindan {
width:230px;
height:190px;
background-image:url(https://www.propane-npo.com/img/side-menu/menu_shindan_bg-pink.jpg);
background-repeat:no-repeat;
text-align:center;
}

#shindan div {
padding:80px 0 10px;
}

#shindan img {
padding:0 0 10px;
}

/*--------------------------料金自動診断---バナーの指定-----------------------*/

.banner_shindan {
width:700px;
height:88px;
line-height:88px;
text-align:right;
background-image:url(https://www.propane-npo.com/img/bt/banner_shindan_bg_b.jpg);
background-repeat:no-repeat;
margin:0;
padding:0;
}

.banner_shindan div {
width:196px;
float:right;
padding:15px 20px 0 0;
}

/*--------------------------バナー 3カラム指定---大---------------------------*/
.banner_contact01 {
width:692px;
border:4px solid #69C2C2;
text-align:left;
background-color:#fff;
margin:0;
padding:0;
}

.banner_contact01_title {
width:690px;
background-color:#69C2C2;
font-size:20px;
font-weight:700;
color:#000;
text-align:center;
margin:0 0 20px;
padding:6px 3px;
}

div.block_a01 {
float:left;
width:239px;
margin:0 25px 20px 10px;
}

div.block_b01 {
float:left;
width:196px;
margin:0 10px 20px 0;
}

div.block_c01 {
float:left;
width:196px;
margin:0 0 20px;
}

	
	
	
/*--------------------------ガス会社変更手順---------------------------*/
.flow_right p {
text-align:justify;
text-justify:inter-ideograph;
margin:0;
padding:0 0 20px;
}
.parent_column {
width: 100%;
margin:0 0 5px;
}
.flow_left {
float: left;
	width: 12%;
clear:both;
}

.flow_right {
font-size:12px;
float: right;
width: 88%;
text-align:left;
margin:-22px 0 10px;
padding:3px 0px 0;
}

.flow_right h2.yellow {
font-size:18px;
font-weight:700;
text-indent: 0.5em;
color:#000000;
float: right;
width: 100%;
text-align:left;
background-color:#fff67f;
padding:3px 3px 0;
}

.flow_right h2.pink {
font-size:18px;
font-weight:700;
text-indent: 0.5em;
color:#000000;
float: right;
width: 100%;
text-align:left;
background-color:#f7c8dc;
padding:3px 3px 0;
}

.flow_right h2.blue {
font-size:18px;
font-weight:700;
text-indent: 0.5em;
color:#000000;
float: right;
width: 100%;
text-align:left;
background-color:#bad4ef;
padding:3px 3px 0;
}

.flow_right h2.green {
font-size:18px;
font-weight:700;
text-indent: 0.5em;
color:#000000;
float: right;
width: 100%;
text-align:left;
background-color:#d6e9c3;
padding:3px 3px 0;
}

.flow_right h2.orange01 {
font-size:18px;
font-weight:700;
text-indent: 0.5em;
color:#000000;
float: right;
width: 100%;
text-align:left;
background-color:#f7bba7;
padding:3px 3px 0;
}
	
h2.headline_32_l {
font-size:230%;
font-weight:700;
line-height:130%;
margin:15px 0;
padding:5px 0 0;
text-align:justify;
text-justify:inter-ideograph;
}

/*--------------------------スマホ非表示---------------------------*/
#relation_box3 {
display: none;/* スマホ非表示 */
}

#shindan_bnr {
display: none;/* スマホ非表示 */
}
#contact_box {
display: none;/* スマホ非表示 */
}
.to_back {
display: none;/* スマホ非表示 */
}

.global-footer {
display: none;/* スマホ非表示 */
}
.shindan99_box {
display: none;/* スマホ非表示 */
}

/*--------------------------footerの指定--------------------------------------*/
#footer {
width:100%;
background-color:#336;
float:left;
}

#footer_menu {
width:1000px;
background-color:#336;
color:#E0E0E0;
margin:0 auto;
padding:20px 10px 95px;
}

#footer_menu dl {
float:left;
margin:0;
padding:0;
}

#footer_menu dl dt {
color:#E0E0E0;
font-size:75%;
font-weight:700;
text-align:left;
line-height:1.1;
text-decoration:none;
margin:0;
padding:0 0 8px;
}

#footer_menu dl dt a {
display:block;
color:#E0E0E0;
text-decoration:none;
margin:0;
padding:0;
}

#footer_menu dl dt a:hover,#footer_menu dl dt a:active {
color:#48B4B4;
}

#footer_menu dl dd,#footer_menu dl dd ul {
margin:0;
padding:0;
}

#footer_menu dl dd ul li {
color:#E0E0E0;
font-weight:400;
text-align:left;
line-height:0;
list-style:none;
margin:0;
padding:0 0 8px;
}

#footer_menu dl dd ul li a {
display:block;
color:#E0E0E0;
font-size:75%;
line-height:1.1;
text-decoration:none;
margin:0;
padding:0;
}

#footer_menu dl dd ul li a:hover,#footer_menu dl dd ul li a:active {
color:#48B4B4;
}

#footer_menu dl.ft01 {
width:150px;
padding-left:10px;
}

#footer_menu dl.ft02 {
width:110px;
padding-left:20px;
background-image:url(https://www.propane-npo.com/img/bg_footer_line_left.gif);
background-repeat:repeat-y;
}

#footer_menu dl.ft05 {
width:230px;
padding-left:20px;
background-image:url(https://www.propane-npo.com/img/bg_footer_line_left.gif);
background-repeat:repeat-y;
}

#footer_menu dl.ft03,#footer_menu dl.ft04 {
width:210px;
padding-left:20px;
background-image:url(https://www.propane-npo.com/img/bg_footer_line_left.gif);
background-repeat:repeat-y;
}

#footer_line {
width:100%;
height:5px;
background-image:url(https://www.propane-npo.com/img/bg_footer_line.gif);
background-repeat:repeat-x;
}

#footer_logo {
width:960px;
font-size:10px;
color:#E0E0E0;
line-height:10px;
margin:0 auto;
padding:10px 0;
}

#footer_logo div {
float:left;
}

#footer_logo div ul {
width:650px;
list-style-type:none;
float:left;
}

#footer_logo div li {
font-size:12px;
color:#E0E0E0;
text-decoration:none;
float:left;
padding:15px 5px 10px 0;
}

p.copyright {
font-size:90%;
}
/*--------------------------罫線の指定----------------------------------------*/
hr {
height:1px;
border-color:#ccc;
border-style:solid;
border-width:1px 0 0;
}

/*------- リストタグを使用 数字の囲み -------*/
ol {
counter-reset:number; /* 名前を付けたカウンターをリセット */
list-style:none; /* olが数字を付けることをキャンセル */
margin:0;
padding:0;
}

.col_white {
color:#fff;
text-decoration:underline;
}

.col_white:hover {
color:#336;
text-decoration:underline;
}

.small {
font-size:13px;
}

.bottom10 {
padding-bottom:10px;
}

.top-bottom10 {
padding:10px 0;
}

/*--------------------------linkの指定----------------------------------------*/
.col_white {
color:#fff;
}
.col_white:link {
color:#fff;
text-decoration:underline;
}
.col_white:hover {
color: #FAC945;
text-decoration:
underline;
}

/*----青----*/
.link_blue:hover {
color:#48B4B4;
text-decoration:underline;
}
.link_blue:link {
color:#2652CD;
text-decoration:underline;
}
.link_blue:hover {
color:#48B4B4;
text-decoration:underline;
}

.link_g {
color:#333666;
text-decoration:none;
}
.link_g:link {
color:#333666;
text-decoration:none;
}
.link_g:hover {
color:#46b2b2;
text-decoration:none;
}

.link_g02{
color:#333666;
text-decoration:underline;
}
.link_g02:link {
color: #333666;
text-decoration:underline;
}
.link_g02:hover {
color: #46b2b2;
text-decoration: underline;
}

div.block_c99 {
    float: left;
    width: 179px;
    border-style: none;
    margin: 0 0 15px;
	z-index:1;
}


/*--------------------------footerContact_pc----------------------------------------*/
#footerContact_pc {
    width: 100%;
    text-align: left;
    background-color: #336;
    margin: 0;
    padding: 0;
	position:fixed;
	bottom:0;
	z-index:1;
}
.footerContact_pc_box {
	position: relative;
	width: 1000px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	margin: auto;
    background-color: #336;
}
.footerContact_pc_box02 {
	position: relative;
	width: 790px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	margin: auto;
    background-color: #336;
}
div.block_footer_l {
    width: 550px;
    margin: 0;
	float:left;
	z-index:1;
}
div.block_footer02_l {
    width: 280px;
    margin: 0;
	float:left;
	z-index:1;
}
div.block_footer_r {
    width: 450px;
    border-style: none;
    margin: 0;
	float:right;
	z-index:1;
}
div.block_footer02_r {
    width: 426px;
    border-style: none;
    margin: 0;
	float:right;
	z-index:1;
}
img.footer_left {
	margin-right:10px;
	float:right;
}
img.footer_right {
	margin-left:10px;
	float:left;
}
.footerContact_line {
    width: 100%;
	margin:0;
	padding:0 0 1px;
    height: 5px;
    background-image: url(https://www.propane-npo.com/img/bg_footer_line.gif);
    background-repeat: repeat-x;
}
.footer_copyright {
    width: 1000px;
	margin:10px 0 0;
	padding:0;
	text-align:center;	
	font-size: 12px;
    color: #E0E0E0;
}
.footer_copyright_s {
    width: 790px;
	margin:-24px 0 3px;
	padding:0;
	text-align:center;	
	font-size: 10px;
    color: #E0E0E0;
}
#page-top {
    position: fixed;
    bottom: 80px;
    right: 0;
    font-size: 77%;
	z-index:1;
}





}


/*--★★★スマホサイト用（640px以下）★★★--*/
@media screen and (max-width:640px){
	
.spOn {
display:block;/* スマホ表示 */
}

.spNone {
display: none;/* スマホ非表示 */
}

.top_header99 {
width: 100%;
height: auto;
background: #336;
margin: 0;
padding: 0;
position: fixed;
top: 0;
left: 0;
z-index: 999;
float: left;
}

#js__sideMenu {
display:block;/* スマホ表示 */
}

#menu99 {
	width:100%;
	margin:0;
	padding:0;
	float:left;
}
#menu99 ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#menu99 li {
    display: inline;
    padding: 0;
    margin: 3px 0 0 0;
    float: left;
    width: 20%;
    line-height: 30px;
}
#menu99 li a {
	height:26px;
    display: block;
    border-left: 1px solid #bbc5e2;
    border-top: medium double #003192;
    border-bottom: medium double #003192;
    background-color: #E6EAF6;
    padding: 5px 0px;
    text-decoration: none;
    color: #003192;
    margin: 0px;
    text-align: center;
    font-size: 80%;
	line-height:1.3;
	font-weight:700;	
/*	letter-spacing:-1px;*/
}
#menu99 li a.lt {
	height:24px;
    display: block;
    border-left: none;
    border-top: medium double #003192;
    border-bottom: medium double #003192;
    background-color: #E6EAF6;
    padding: 12px 0px 0px;
    text-decoration: none;
    color: #003192;
    margin: 0px;
    text-align: center;
    font-size: 80%;
	line-height:1.3;
	font-weight:700;
/*	letter-spacing:-1px;*/
}
.gn-box_l {
	width:85%;
	margin:0;
	padding:0;
	font-weight:700;
	float:left;
}
.gn-box_r {
	width:11%;
	margin:0;
	padding: 8px 2px 0 0;
	float:right;
}
.gn-box_r2 {
	width:11%;
	margin:0;
	padding: 0 2px 0 0;
	float:right;
}

a.link_line_r:link,
a.link_line_r:visited,
a.link_line_r:active,
a.link_line_r:hover {
	text-decoration:underline;	
	color:#F00;
	font-weight:700;
}

p.copyright99 {
font-size:90%;
text-align:center;
}

#footerContact_pc,
#footerContact_pc2,
#footerContact_pc3 {
display: none;/* スマホ非表示 */
}


/*--------------------------スマホサイト用　header--------------------------------------------*/
#header_wrap {
display: none;/* スマホ非表示 */
}

#header {
display: none;/* スマホ非表示 */
}

.logo {
width:75%;
margin:10px 0 0;
}

.tel {
display: none;/* スマホ非表示 */
}

#tagline {
display: none;/* スマホ非表示 */
}

#tagline div {
display: none;/* スマホ非表示 */
}

/*--------------------------スマホサイト用　コンテンツ----------------------------------------*/
#contents_wrap_r_price_cs {
width:100%;
font-size:100%;
line-height:170%;
margin:0;
padding:0;
}

#contents {
width:100%;
font-size:100%;
line-height:170%;
margin:0;
padding:0;
}

#contents_inside_r_price_cs {
/*width:95%;*/
width:100%;
font-size:100%;
line-height:170%;
background-color:#fff;
margin:0;
/* padding:0 7px; */
padding:0;
}

#contents_inside p {
text-align: justify;
text-justify: inter-ideograph;
margin: 0;
padding: 0 0 15px;
font-size: 100%;
line-height: 170%;
}

.snippet {
width:95%;
line-height:150%;
margin:0 0 5px;
padding:5px 10px;
}

.box_r_price_cs {
width:auto;
margin:20px 10px;
padding:0;
line-height:1.5;
}

.r_price_cs_inner02 {
width:100%;
line-height:180%;
margin:0;
padding:0;
}

.article-date {
margin:0;
padding:0;
font-size:80%;
}

h2 {
margin:10px 0;
padding:0;
color: #336;
font-weight:700;
font-size:120%;
line-height:140%;
}
h2.box {
margin:0 0 15px;
padding:10px;
border-top: 2px solid #336;
border-right: 2px solid #336;
border-left: 2px solid #336;
border-bottom: 2px solid #336;
text-align: justify;
color: #336;
background-image: none;
font-size:110%;
line-height:130%;
}

h2 a.link_blue02,
h2 a.link_blue02:hover {
color: #336;
font-weight:700;
text-decoration:underline;
}
	
h2.headline_32_l {
font-size:170%;
font-weight:700;
line-height:130%;
margin:15px 0;
padding:5px 0 0 10px;
text-align:justify;
text-justify:inter-ideograph;
}

h3 {
font-size: 120%;
line-height: 150%;
font-weight: 700;
color: #336;
margin: 15px 0;
padding:0px;
}

h3.box {
border-top:2px solid #336;
border-right:2px solid #336;
border-left:2px solid #336;
border-bottom:2px solid #336;
text-align:justify;
text-justify:inter-ideograph;
margin:7px 0;
padding:6px;
width:auto;
background-color: #fff;
overflow: hidden;
font-size:100%;
font-weight:700;	
}

h3.menu-box {
margin:0;
padding:10px 0;
width:auto;
background-color: #B2CADA;
overflow: hidden;
text-align: center;
font-size:100%;
font-weight:700;	
}

h3.box-center {
border-top:2px solid #336;
border-right:2px solid #336;
border-left:2px solid #336;
border-bottom:2px solid #336;
text-align:justify;
text-justify:inter-ideograph;
font-size:108%;
line-height:190%;
font-weight:700;
text-align:center;
color:#336;
background-color:#fff;
padding:7px;
margin:20px 0 10px;
}

h3.indent {
font-size:20px;
line-height:140%;
font-weight:700;
color:#336;
margin:20px 0 10px;
padding:4px 0px 2px;
padding-top:4px;
padding-bottom:2px;
padding-right:0px;
padding-left: 1.5em;
text-indent: -1.5em;
}

h4 {
font-size: 110%;
line-height: 150%;
font-weight: 700;
color: #336;
padding: 0;
margin: 15px 0;
}

h4.box {
margin:0 0 15px;
padding:10px;
border-top: 2px solid #336;
border-right: 2px solid #336;
border-left: 2px solid #336;
border-bottom: 2px solid #336;
text-align: justify;
color: #336;
background-image: none;
font-size:110%;
line-height:130%;
}

h4.box_center {
border-top:2px solid #336;
border-right:2px solid #336;
border-left:2px solid #336;
border-bottom:2px solid #336;
text-align:justify;
text-justify:inter-ideograph;
font-size:18px;
line-height:150%;
text-align:center;
font-weight:700;
color:#336;
background-image:none;
padding:10px;
margin:20px 0 20px;
}

.box_bg01 {
border: 2px solid #ccc;
background-color: #EEF1F1;
margin: 0 0 15px;
padding: 10px 10px 10px 10px;
font-size:85%;
line-height:170%;
}

p.indent {
text-indent: -1em;
padding-left: 2em;
padding:0 0 5px;
line-height:130%;
}

.font_22-a {
color: #336;
font-weight:700;
font-size:110%;
}

.img-left {
margin:0 10px 10px 0;
padding:0;
float: left;
}

p.small {
font-size:80%;
line-height:130%;
overflow: hidden;
}

a.link_blue,
a.link_blue:hover {
font-size:100%;
color: #336;
text-decoration:underline;
overflow: hidden;
}

.page_jump_link02 {
    color: #00707F;
    text-align: center;
}

.page_jump_link02 a:link,
.page_jump_link02 a:visited,
.page_jump_link02 a:active {
	font-size:100%;
	font-weight:700;
	text-decoration: underline;
	color:#00707F;
}
.page_jump_link02 a:hover {
	font-size:100%;
	font-weight:700;
	text-decoration: none;
	color:#336;
}


.content-nav {
margin:20px auto 0;
padding:0 5px;
font-size:90%;
color: #336;
}

.content-nav a.link_blue02,
.content-nav a.link_blue02:hover {
color: #336;
text-decoration:underline;
}

a.link_blue03,
a.link_blue03:hover {
font-size:80%;
color: #336;
text-decoration:underline;
}

.box_bg02 {
background-color: #EFEFEF;
margin: 10px 0;
padding: 6px 5px 3px;
}

.article-date01 {
margin:5px 0;
padding:0;
font-size:80%;
}

#side {
display: none;/* スマホ非表示 */
}
#side2 {
display:block;/* スマホ表示 */	
background-color: #eef6fb;
}

.widget-recent-entries widget-archives widget,
.widget-archive-monthly widget-archive widget,
.widget-archive-monthly widget-archive widget {
	width:100%;
	margin:5px 0;
	padding:0;	
}

.widget-content {
	margin:0;
	padding:0;
	background-color: #eef6fb;
}
.widget-content ul {
	margin:15px 10px;
	padding:0;
}
.widget-content li {
    list-style: none;
    line-height: 150%;
    border-left: 6px solid #4f758f;
	margin: 0 0 10px;
    padding: 0 5px 0 10px;
}
.widget-content li.none {
    list-style: none;
    line-height: 150%;
    border-left: none;
	margin: 0 0 10px;
    padding: 0 5px 0 0;
}	

div.img-posi {
    margin: 1px 0 0;
    padding: 0;
    float: left;
}


/*--------------------------スマホサイト用　ガス会社変更手順------------------------------------*/
.flow_right p {
text-align:justify;
text-justify:inter-ideograph;
margin:0;
padding:0 0 20px;
}
.parent_column {
width: 100%;
margin:0 0 5px;
}
.flow_left {
float: left;
	width: 12%;
clear:both;
}

.flow_right {
font-size:12px;
float: right;
width: 86%;
text-align:left;
margin:-12px 0 10px;
padding:3px 0px 0;
}

.flow_right h2.yellow {
font-size:135%;
font-weight:700;
text-indent: 0.5em;
color:#000000;
float: right;
width: 100%;
text-align:left;
background-color:#fff67f;
padding:2px 3px 2px;
}

.flow_right h2.pink {
font-size:135%;
font-weight:700;
text-indent: 0.5em;
color:#000000;
float: right;
width: 100%;
text-align:left;
background-color:#f7c8dc;
padding:2px 3px 2px;
}

.flow_right h2.blue {
font-size:135%;
font-weight:700;
text-indent: 0.5em;
color:#000000;
float: right;
width: 100%;
text-align:left;
background-color:#bad4ef;
padding:2px 3px 2px;
}

.flow_right h2.green {
font-size:135%;
font-weight:700;
text-indent: 0.5em;
color:#000000;
float: right;
width: 100%;
text-align:left;
background-color:#d6e9c3;
padding:2px 3px 2px;
}

.flow_right h2.orange01 {
font-size:135%;
font-weight:700;
text-indent: 0.5em;
color:#000000;
float: right;
width: 100%;
text-align:left;
background-color:#f7bba7;
padding:2px 3px 2px;
}
	
h2.headline_32_l {
font-size:200%;
font-weight:700;
line-height:130%;
margin:15px 0;
padding:5px 0 0;
text-align:justify;
text-justify:inter-ideograph;
}
.fd {
display: none;/* PC非表示 */
}
/*--------------------------スマホサイト用　パンくずリスト------------------------------------*/
.pankuzu {
display: none;/* スマホ非表示 */
}

/*--pankuzu--*/
@media screen and (min-width: 401px) {
.pnkz {
	font-size:75%;
	margin:5px 0 ;
	padding:3px 0 7px;
	width:100%;
	line-height:1.5;
    display: table-cell;
    vertical-align: middle;
	}
}
@media screen and (max-width: 400px){
.pnkz {
	margin:5px 0;
	padding:3px 0 7px;
	width:100%;
	line-height:1.5;
    display: table-cell;
    vertical-align: middle;
	}
}

#crumbs {
	margin:0px 5px;
	padding:0px;
}
#crumbs li {
	font-size:80%;
	float:left;
	line-height:1.2;
	padding:2px;
	color:#777;
}
#crumbs li a {
	display:block;
	padding:0;
}
#crumbs li a:link,
#crumbs li a:visited {
	text-decoration:none;
	color:#777;
}
#crumbs li a:hover,
#crumbs li a:focus,
#crumbs li a:active {
	color:#FF6600;
	text-decoration: underline;
}


/*--------------------------スマホサイト用　料金自動診断--------------------------------------*/
#shindan {
display: none;/* スマホ非表示 */
}

#shindan div {
display: none;/* スマホ非表示 */
}

#shindan img {
display: none;/* スマホ非表示 */
}

/*--------------------------スマホサイト用　料金自動診断---バナーの指定-----------------------*/

.banner_shindan {
display: none;/* スマホ非表示 */
}

.banner_shindan div {
display: none;/* スマホ非表示 */
}

/*--------------------------スマホサイト用　バナー 3カラム指定---大---------------------------*/
.banner_contact01 {
display: none;/* スマホ非表示 */
}

.banner_contact01_title {
display: none;/* スマホ非表示 */
}

div.block_a01 {
display: none;/* スマホ非表示 */
}

div.block_b01 {
display: none;/* スマホ非表示 */
}

div.block_c01 {
display: none;/* スマホ非表示 */
}

/*--------------------------スマホサイト用　footerの指定--------------------------------------*/
.footer {
display: none;/* スマホ非表示 */
}
.footer_menu {
display: none;/* スマホ非表示 */
}
.ft01 {
display: none;/* スマホ非表示 */
}
.ft02 {
display: none;/* スマホ非表示 */
}
.ft03 {
display: none;/* スマホ非表示 */
}
.ft04 {
display: none;/* スマホ非表示 */
}
.ft05 {
display: none;/* スマホ非表示 */
}

#footer_line {
display: none;/* スマホ非表示 */
}

#footer_logo {
display: none;/* スマホ非表示 */
}

#footer_logo div {
display: none;/* スマホ非表示 */
}

#footer_logo div ul {
display: none;/* スマホ非表示 */
}

#footer_logo div li {
display: none;/* スマホ非表示 */
}

/*--自動診断バナー--*/
#shindan_bnr {
display:table;
width:100%;
margin:0 0 20px;
padding:0;
}

.sp1 {
width:100%;
margin:0 auto;
}

.btn_bg {
width:70%;
margin:0 10px 5px;
padding:3px 0;
}
.shindan_btn {
-moz-box-shadow:inset 16px 14px 0 0 #3dc21b;
-webkit-box-shadow:inset 16px 14px 0 0 #3dc21b;
box-shadow:inset 16px 14px 0 0 #3dc21b;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #36a854), color-stop(1, #5ab827));
background:-moz-linear-gradient(top, #36a854 5%, #5ab827 100%);
background:-webkit-linear-gradient(top, #36a854 5%, #5ab827 100%);
background:-o-linear-gradient(top, #36a854 5%, #5ab827 100%);
background:-ms-linear-gradient(top, #36a854 5%, #5ab827 100%);
background:linear-gradient(to bottom, #36a854 5%, #5ab827 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#36a854', endColorstr='#5ab827',GradientType=0);
background-color:#36a854;
-moz-border-radius:23px;
-webkit-border-radius:23px;
border-radius:26px;
border:2px solid #18ab29;
display:inline-block;
cursor:pointer;
color:#fff;
font-family:Arial;
font-size:20px;
font-weight:700;
padding:10px 30px;
text-decoration:none;
}
.shindan_btn:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5ab827), color-stop(1, #36a854));
background:-moz-linear-gradient(top, #5ab827 5%, #36a854 100%);
background:-webkit-linear-gradient(top, #5ab827 5%, #36a854 100%);
background:-o-linear-gradient(top, #5ab827 5%, #36a854 100%);
background:-ms-linear-gradient(top, #5ab827 5%, #36a854 100%);
background:linear-gradient(to bottom, #5ab827 5%, #36a854 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5ab827', endColorstr='#36a854',GradientType=0);
background-color:#5ab827;
}
.sb {
display:table-cell;
vertical-align:middle;
width:100%;
margin:0 auto;
}

/*--関連ページ--*/
.link_area {
display:block;
width:98%;
margin:10px 2px 10px 3px;
padding:0;
}

img.arrow {
vertical-align:middle;
margin:0 5px;
}

/*--関連ページ（修正版）--*/
#relation_box3 {
display:table;
width:100%;
background-color:#999;
margin:5px 0 20px;
padding:0;
}

#relation_page98 {
display:table;
width:96%;
background-color:#FFF;
margin:10px auto 8px;
padding:0;
}

#relation_page98 h3 {
color:#FFF;
font-weight:700;
font-size:120%;
background-color:#999;
margin:0;
padding:5px 10px;
}

/*--------------------------スマホサイト用　罫線の指定----------------------------------------*/
hr {
height:1px;
border-color:#ccc;
border-style:solid;
border-width:1px 0 0;
}

/*------- リストタグを使用 数字の囲み -------*/
ol {
counter-reset:number; /* 名前を付けたカウンターをリセット */
list-style:none; /* olが数字を付けることをキャンセル */
margin:0;
padding:0;
}

.col_white:hover {
color:#336;
text-decoration:underline;
}

.small {
font-size:13px;
}

.bottom10 {
padding-bottom:10px;
}

.top-bottom10 {
padding:10px 0;
}

/*-------------------------go to PageTop--------------------------------------*/
/*--menu button bg position--*/
div.img_posi {
position:absolute;
width:10px;
height:14px;
margin:-5px 0 0;
padding:0;
}

/*--to Top&PC--*/
span.to_back {
font-size:70%;
color:#777;
clear:center;
margin:10px auto 0;
padding:5px 0;
}

/*--go to PageTop--*/
#pageTop{
background:#9ee5fe;
border-radius:3px;
color:#003192;
padding:5px 10px;
position:fixed;
bottom:5px;
right:10px;
font-size:10px;
}

#pageTop:hover {
background:#0070c0;
}

/*--------------------------スマホサイト用　linkの指定----------------------------------------*/

/*----青----*/
.link_blue:hover {
color:#48B4B4;
text-decoration:underline;
}
.link_blue:link {
color:#2652CD;
text-decoration:underline;
}
.link_blue:hover {
color:#48B4B4;
text-decoration:underline;
}

.link_g {
color:#333666;
text-decoration:none;
}
.link_g:link {
color:#333666;
text-decoration:none;
}
.link_g:hover {
color:#46b2b2;
text-decoration:none;
}

.link_g02{
color:#333666;
text-decoration:underline;
}
.link_g02:link {
color: #333666;
text-decoration:underline;
}
.link_g02:hover {
color: #46b2b2;
text-decoration: underline;
}	
	
}


/*--------------------------スマホサイト用　h1----------------------------------------*/

@media screen and (min-width: 351px) {

h1.ttl_b {
    font-size: 180%;
    font-weight: 700;
    line-height: 120%;
    background-color: #00B0F0;
    color: #FFF;
    width: auto;
    text-align: left;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
    margin: 5px 0 0;
    padding: 7px 10px 3px;
}

/*#contents_inside_r_price_cs {
    line-height: 1.5;
    margin: 0 0 5px;
    padding: 0 7px;
}*/

}


@media screen and (max-width: 350px) {
h1.ttl_b {
    font-size: 165%;
    font-weight: 700;
    line-height: 120%;
    background-color: #00B0F0;
    color: #FFF;
    width: auto;
    text-align: left;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
    margin: 5px 0 0;
    padding: 7px 10px 3px;
}

/*#contents_inside_r_price_cs {
    line-height: 1.5;
    margin: 0 0 5px;
    padding: 0 5px;
}*/

}



.rainbow2 {
    width: 100%;
    height: 10px;
    background: url(https://www.i.propane-npo.com/img/h1_bg.png) repeat-x;
    margin: 0;
    padding: 0;
}

/*--------------------------サイドメニュー----------------------------------------*/
.recently {
	background-color:#E3EBFD;
	margin:0px 5px;
	padding:0px;
}

@media screen and (min-width: 641px) {
h3 a:link,
h3 a:visited,
h3 a:active {
	font-size:18px;
	font-weight: 700;
	text-decoration: underline;
	color:#336;
}
h3 a:hover {
	font-size:18px;
	font-weight: 700;
	text-decoration: none;
	color:#48B4B4;
}

.asset-more-link a:link,
.asset-more-link a:visited,
.asset-more-link a:active {
	font-size:16px;
	text-decoration: underline;
	color:#336;
}
.asset-more-link a:hover {
	font-size:16px;
	text-decoration: none;
	color:#48B4B4;
}
	
.widget-content {
	margin:0px;
	padding:0px;
}

.widget-content ul {
	padding:0;
}
.widget-content li {
	list-style:none;
	line-height:1.4;
	border-bottom: 2px dotted #ccc;
	padding: 10px 0;　/* 追記 */
}
.widget-content li.none {
	list-style:none;
	line-height:2.0em;
	border-bottom: none;
    padding: 0;
}	
div.img-posi {
    width: 24px;
    height: 26px;
    margin: 3px 0 0;
    padding: 0;
    float: left;
}
.widget-content ul li a:link,
.widget-content ul li a:visited,
.widget-content ul li a:active {
	font-size:14px;
	font-weight:700;
	text-decoration: none;
	color:#336;
}
.widget-content ul li a:hover {
	font-size:14px;
	font-weight:700;
	text-decoration: underline;
	color:#48B4B4;
}

#ranklet-10513 a:link,
#ranklet-10513 a:visited,
#ranklet-10513 a:active {
	font-size:10px;
	text-decoration: none;
	color:#999;
}
#ranklet-10513 a:hover {
	font-size:10px;
	text-decoration: underline;
	color:#48B4B4;
}

.ranklet-pages {
	margin:0;
	padding:0;
}

}

@media screen and (max-width: 435px) {
h3 a:link,
h3 a:visited,
h3 a:active {
	font-size:100%;
	font-weight: 700;
	text-decoration: underline;
	color:#336;
}
h3 a:hover {
	font-size:100%;
	font-weight: 700;
	text-decoration: none;
	color:#48B4B4;
}

.asset-more-link a:link,
.asset-more-link a:visited,
.asset-more-link a:active {
	font-size:100%;
	text-decoration: underline;
	color:#336;
}
.asset-more-link a:hover {
	font-size:100%;
	text-decoration: none;
	color:#48B4B4;
}
	
.widget-content ul li a:link,
.widget-content ul li a:visited,
.widget-content ul li a:active {
	font-size:100%;
	text-decoration: none;
	color:#336;
}
.widget-content ul li a:hover {
	font-size:100%;
	text-decoration: underline;
	color:#48B4B4;
}	
	
#ranklet-10513 {
	margin:15px 10px 5px;
	padding:0;
}	
#ranklet-10513 a:link,
#ranklet-10513 a:visited,
#ranklet-10513 a:active {
	font-size:80%;
	text-decoration: none;
	color:#999;
}
#ranklet-10513 a:hover {
	font-size:80%;
	text-decoration: underline;
	color:#48B4B4;
}

}
.bg-c {
	background-color:#E6EAF6;
}
/*.img-center {
display:block;
margin-left:auto;
margin-right:auto;
margin-top:20px;
margin-bottom:0;
}*/



/*------------------------------------------------------------------------------
[スマホ用メニュー]
------------------------------------------------------------------------------*/
@media screen and (max-width: 435px) {
ul.sp {
	margin: 52px 0 5px;
	padding: 0;
	list-style-type: none;
}
.sp_am {
	margin: 0px 0px 2px;
	font-size:16px;
}
.sp_am a.link_c,
.sp_am a.link_c:visited,
.sp_am a.link_c:hover {
	display: block;
	margin:0;
	padding:10px 0px;
	color:#6a74a6;
	font-size:100%;
	text-decoration: none;
}
.sp_am a.link_c:active {
	display: block;
	margin:0;
	padding:10px 0px;
	color:#0a0b5b;
	font-size:100%;
	text-decoration: underline;
}
.sp_am .child {
    display: none;
    margin: 0 0 -1px;
    padding: 0;
    background: #fff;
    border: 1px solid #eaeaea;
}
.sp_am .child .menu {
	background: #eaeaea;
	color: #5e5e5e;
}
.sp_am .child .menu:hover {
	background: #d0d0d0;
}
.sp_am .child > li {
	margin: 0;
	padding: 4px 16px;
	background-color:#f7f7fe;
	border-bottom: 1px dotted #dddddd;
}
.sp_am .child > li:last-child {
	border-bottom: 0;
}
.switch .menu:after {
	position: absolute;
	top: 50%;
	right: 15px;
	margin-top: -0.7rem;
	content: '>';
	font-size: 1.4rem;
	font-weight: bold;
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	-moz-transition: all, 0.25s, linear;
	-o-transition: all, 0.25s, linear;
	-webkit-transition: all, 0.25s, linear;
	transition: all, 0.25s, linear;
}
.switch .menu.active:after {
	-moz-transform: translate(0, 50%);
	-ms-transform: translate(0, 50%);
	-webkit-transform: translate(0, 50%);
	transform: translate(0, 50%);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
.menu {
	display: block;
	position: relative;
	margin: 1px 0 0;
	padding: 10px;
}
.sp_am01 .menu {
	width:93%;
	margin:0;
	padding:13px 15px 17px;
	height:16px;
	font-weight:bold;	
	background: #E3EBFD;
	color: #0a0b5b;
	font-size:100%;

  }
.sp_am01 .menu:hover {
	width:93%;
	margin:0;
	padding:13px 15px 17px;
	height:16px;
	color: #fff;
	background: #473dc4;
	text-decoration: none;
	font-size:100%;
}

#pageTop {
    background: #9ee5fe;
    border-radius: 3px;
    color: #003192;
    padding: 10px;
    position: fixed;
    bottom: 10px;
    right: 20px;
    font-size: 100%;
}

h1 {
font-size:130%;
font-weight:700;
line-height:130%;
margin:15px 0 10px;
padding:5px 0 0;
text-align:justify;
text-justify:inter-ideograph;
}

h2.headline_30_l {
border-left:8px solid #336;
font-size:150%;
font-weight:700;
line-height:130%;
margin:15px 0;
padding:5px 0 0 10px;
text-align:justify;
text-justify:inter-ideograph;
}

p {
display: block;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
margin: 0;
padding: 0 0 20px;
text-align:justify;
text-justify:inter-ideograph;
}

.font_m {
font-size:85%;
line-height:120%;
margin:0 0 20px;
padding:0;
}

.content-nav {
text-align:center;
}
/*---------------------------コラム---------------------------*/
.box-column{
width:auto;
text-align:justify;
text-justify:inter-ideograph;
border-top:7px solid #B2CADA;
border-left:7px solid #B2CADA;
border-right:7px solid #B2CADA;
border-bottom:7px solid #B2CADA;
margin:5px 5px 15px;
padding:0 10px 10px;
}

/*---------------------------カテゴリラベル---------------------------*/
.category-propane-price{ /*--カテゴリベースネームに連動--*/
font-size:12px;
font-weight:700;
color:#fff;
background-color:#FF9900;
line-height:100%;
text-align:center;
margin:5px 15px 0 8px;
padding:2px 4px;
}
.category-industry{ /*--カテゴリベースネームに連動--*/
font-size:12px;
font-weight:700;
color:#fff;
background-color:#777877;
line-height:100%;
text-align:center;
margin:5px 15px 0 8px;
padding:2px 4px;
}
.category-compareprice{ /*--カテゴリベースネームに連動--*/
font-size:12px;
font-weight:700;
color:#fff;
background-color:#c2a87a;
line-height:100%;
text-align:center;
margin:5px 15px 0 8px;
padding:4px 4px 2px 4px;
}
.category-change{ /*--カテゴリベースネームに連動--*/
font-size:12px;
font-weight:700;
color:#fff;
background-color:#00a73c;
line-height:100%;
text-align:center;
margin:5px 15px 0 8px;
padding:4px 4px 2px 4px;
}
.category-city-gas-change{ /*--カテゴリベースネームに連動--*/
font-size:12px;
font-weight:700;
color:#fff;
background-color:#6c9bd2;
line-height:100%;
text-align:center;
margin:5px 15px 0 8px;
padding:4px 4px 2px 4px;
}

}

/*--------------------------アーカイブリスト----------------------------------*/
@media screen and (min-width: 641px) {
.box_bg99 {
border: 4px solid #A0B3D7;
background-color: #E9EBEE;
margin: 0 0 30px;
padding: 5px 25px 10px;
}	
ul.archive99 {
margin-left:0;
padding-left:0;
list-style:none;
}

h3.archive {
    font-size: 20px;
    line-height: 140%;
    font-weight: 700;
    color: #336;
    margin: 10px 0 30px;
    padding: 4px 0px 2px;
}

ul.archive99 li {
line-height:28px;
font-size:14px;
color:#000;
background-image:url(https://www.propane-npo.com/img/arrow3.gif);
background-repeat:no-repeat;
margin:7px 0;
padding:0 0 0 15px;
}

ul.archive99 li h3 a:link,
ul.archive99 li h3 a:visited,
ul.archive99 li h3 a:active {
	padding:5px 0;
	font-size:22px;
	font-weight: 700;
	text-decoration: underline;
	color:#336;
}
ul.archive99 li h3 a:hover {
	padding:5px 0;
	font-size:22px;
	font-weight: 700;
	text-decoration: none;
	color:#48B4B4;
}

.box_bg98 {
    border: 1px solid #ccc;
    background-color: #fff;
    margin: 0 0 30px;
    padding: 5px 25px 45px;
}
ul.archive98 {
    width: 750px;
    margin-left: 0;
    padding-left: 0;
    list-style: none;
}
ul.archive98 li {
    width: 200px;
    float: left;
    height: 25px;
    line-height: 18px;
    font-size: 14px;
    text-indent: 20px;
    color: #000;
    background-image: url(https://www.propane-npo.com/img/arrow3.gif);
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
}


}

@media screen and (max-width: 435px) {
.box_bg99 {
border: 7px solid #A0B3D7;
background-color: #E9EBEE;
margin: 5px 5px 15px;
padding: 0 10px 10px;
}

h2.archive-header01 {
    color: #fff;
    font-size: 120%;
    text-align: center;
    background-color: #809CC3;
	margin:10px 0 20px;
    padding: 5px;
}

h3.archive {
    font-size: 120%;
    line-height: 150%;
    font-weight: 700;
    color: #336;
    margin: 15px 0 25px;
    padding: 0px;
}

ul.archive99 {
margin-left:0;
padding-left:0;
list-style:none;
}

ul.archive99 li {
line-height:1.4;
font-size:120%;
background-image:url(https://www.propane-npo.com/img/arrow3.gif);
background-repeat:no-repeat;
margin:7px 0;
padding:0 0 0 13px;
}

ul.archive99 li h3 a:link,
ul.archive99 li h3 a:visited,
ul.archive99 li h3 a:active {
	padding:5px 0;
	font-size:80%;
	font-weight: 700;
	text-decoration: underline;
	color:#336;
}
ul.archive99 li h3 a:hover {
	padding:5px 0;
	font-size:80%;
	font-weight: 700;
	text-decoration: none;
	color:#48B4B4;
}

.box_bg98 {
    border: 1px solid #ccc;
    background-color: #fff;
	margin: 5px 5px 15px;
	padding: 0 10px 10px;
}

h2.archive-header02 {
    color: #fff;
    font-size: 120%;
	font-weight:700;
    text-align: center;
    background-color: #999;
    margin: 15px 0;
    padding: 5px;
}

ul.archive98 {
margin-left:0;
padding-left:0;
list-style:none;
}
ul.archive98 li {
    line-height: 1.4;
    font-size: 110%;
    text-indent: 20px;
    color: #000;
    background-image: url(https://www.propane-npo.com/img/arrow3.gif);
    background-repeat: no-repeat;
    margin: 7px 0;
    padding: 0;
}

ul.archive98 li a:link,
ul.archive98 li a:visited,
ul.archive98 li a:active {
	font-size:100%;
	text-decoration: none;
	color:#336;
}
ul.archive98 li a:hover {
	font-size:100%;
	text-decoration: underline;
	color:#48B4B4;
}

/*---------------------------白抜き文字---------------------------*/
.box-red{
font-size:125%;
font-weight:700;
color:#fff;
background-color:#FF0000;
text-align:center;
margin:12px 0 5px;
padding:4px 10px 3px 10px;
}

/*---------------------------色文字---------------------------*/
.col_red {
color:#FF0000;
font-weight:700;
}

.col_gray {
color:#999;
font-weight:700;
}

}

/*-----------------表-----------------*/
table.midashi {
	border-top:1px #336 solid;
	border-left:1px #336 solid;
	border-right:1px #336 solid;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0;
}
table.midashi td {
    font-weight: 700;
    color: #fff;
	border-top:1px #336 solid;
	border-left:1px #336 solid;
	border-right:1px #336 solid;
    padding: 3px;
}

.tbl_column {
font-size:14px;
line-height:140%;
font-weight:700;
border:1px solid #336;
border-collapse:collapse;
border-spacing:0;
margin:0px 0 2px;
}

.tbl_column th {
font-size:13px;
color:#336;
border-bottom:1px solid #336;
border-left:1px solid #336;
background:#B7E4D0;
font-weight:700;
line-height:120%;
text-align:center;
padding:12px 3px;
}

.tbl_column td {
color: #336;	
border-bottom:1px solid #336;
border-left:1px solid #336;
text-align:right;
padding:10px 3px;
}

.tbl_column td.left {
color: #336;	
border-bottom:1px solid #336;
border-left:1px solid #336;
text-align:left;
padding:10px 3px;
}

.tbl_column td.center {
color: #336;	
border-bottom:1px solid #336;
border-left:1px solid #336;
text-align:center;
padding:10px 3px;
}

.tbl_column tr:nth-child(2n+1) {
background:#E6EAF6;
}


/*-----------------新・料金診断導線用バナー-----------------*/

@media screen and (min-width: 641px){

.bnr_shindan_box {
	width:640px;
	height:150px;
	margin:5px 0;
	padding:0;
    background-image: url(https://www.propane-npo.com/img/bt/bnr_shindan_bg.jpg);
    background-repeat: no-repeat;
}

select {
	vertical-align:middle;
}
select::-ms-expand {
	display: none;
}
.select-box01 {
	width: 35%;
	margin: 0px 0px 0px 40px;
	padding: 85px 0 0 0;
	float:left;
}
.select-box02 {
	width: 51%;
	margin: 0px 40px 0px 0px;
	padding: 85px 0 0 0;
	float:right;
}

.select-box01 select {
	width: 100%;
	padding: 14px 30px 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 3px solid #adac2f;
	background: url(https://www.propane-npo.com/img/bt/arrow.png) right 50% no-repeat, #FFF;
	background-size: 25px, 100%;
	font-size:15px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:700;
	letter-spacing:2px;
	cursor:pointer;
}
.select-box02 input {
	width: 100%;
	padding: 10px 20px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 3px solid #FFF;
	background: url(https://www.propane-npo.com/img/bt/find.png) right 50% no-repeat, -webkit-linear-gradient(top, #cade97 0%,#388235 100%);
	background: url(https://www.propane-npo.com/img/bt/find.png) right 50% no-repeat, linear-gradient(to bottom, #cade97 0%,#388235 100%);
	background: url(https://www.propane-npo.com/img/bt/find.png) right 50% no-repeat, -moz-linear-gradient(top, #cade97 0%,#388235 100%);
	background: url(https://www.propane-npo.com/img/bt/find.png) right 50% no-repeat, -o-linear-gradient(to bottom, #cade97 0%,#388235 100%);
	background: url(https://www.propane-npo.com/img/bt/find.png) right 50% no-repeat, -ms-linear-gradient(top, #cade97 0%,#388235 100%);
	background-size: 30px, 100%;
    border-radius: 10px;
    -webkit-border-radius: 10px;/* for Safari and Chrome 対応*/
    -moz-border-radius: 10px;/* for Firefox 対応*/
	color:#FFF;
	font-size:18px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:700;
	letter-spacing:2px;
	cursor:pointer;
}

}

@media screen and (max-width:640px){

.bnr_shindan_box {
	width:100%;
	height: auto;
	margin:5px 0;
	padding:0;
    background-image: url(https://www.propane-npo.com/img/bt/bnr_shindan_bg_sp.jpg);
	background-size: 100%;
    background-repeat: no-repeat;
}

.label {
	display: none;
}

select {
	vertical-align:middle;
}
select::-ms-expand {
	display: none;
}
.select-box01 {
	width: 36%;
	margin: 0px 2% 0 4%;
	padding: 85px 0 0 0;
	float:left;
}
.select-box02 {
	width: 50%;
	margin: 0px 4% 0 2%;
	padding: 85px 0 0 0;
	float:right;
}

.select-box01 select {
	width: 100%;
	padding: 14px 30px 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 3px solid #adac2f;
	background: url(https://www.propane-npo.com/img/bt/arrow.png) right 50% no-repeat, #FFF;
	background-size: 25px, 100%;
	font-size:90%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:700;
	letter-spacing:2px;
	cursor:pointer;
}
.select-box02 input {
	width: 100%;
	padding: 10px 20px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 3px solid #FFF;
	background: url(https://www.propane-npo.com/img/bt/find.png) right 50% no-repeat, -webkit-linear-gradient(top, #cade97 0%,#388235 100%);
	background: url(https://www.propane-npo.com/img/bt/find.png) right 50% no-repeat, linear-gradient(to bottom, #cade97 0%,#388235 100%);
	background: url(https://www.propane-npo.com/img/bt/find.png) right 50% no-repeat, -moz-linear-gradient(top, #cade97 0%,#388235 100%);
	background: url(https://www.propane-npo.com/img/bt/find.png) right 50% no-repeat, -o-linear-gradient(to bottom, #cade97 0%,#388235 100%);
	background: url(https://www.propane-npo.com/img/bt/find.png) right 50% no-repeat, -ms-linear-gradient(top, #cade97 0%,#388235 100%);
	background-size: 30px, 100%;
    border-radius: 10px;
    -webkit-border-radius: 10px;/* for Safari and Chrome 対応*/
    -moz-border-radius: 10px;/* for Firefox 対応*/
	color:#FFF;
	font-size:100%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:700;
	letter-spacing:2px;
	cursor:pointer;

}

@media screen and (max-width: 505px) {
	
.bnr_shindan_box {
	width:100%;
	height: auto;
	margin:5px 0;
	padding:0;
    background-image: url(https://www.propane-npo.com/img/bt/bnr_shindan_bg_sp2.jpg);
	background-size: 100%;
    background-repeat: no-repeat;
}

select {
	vertical-align:middle;
}
select::-ms-expand {
	display: none;
}
.select-box01 {
	width: 96%;
	margin: 0px 2%;
	padding: 65px 0 0;
	float:left;
}
.select-box02 {
	width: 96%;
	margin: 0px 2%;
	padding: 5px 0 0;
	float:left;
}

.select-box01 select {
	width: 90%;
	margin:0 5%;
	padding: 8px 10% 8px 18%;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 3px solid #adac2f;
	background: url(https://www.propane-npo.com/img/bt/arrow.png) right 50% no-repeat, #FFF;
	background-size: 25px, 100%;
	font-size:90%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:700;
	letter-spacing:2px;
	cursor:pointer;
	text-align:center;
}
.select-box02 input {
	width: 90%;
	margin:0 5%;	
	padding: 10px 20px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 3px solid #FFF;
	background: url(https://www.propane-npo.com/img/bt/find.png) right 50% no-repeat, -webkit-linear-gradient(top, #cade97 0%,#388235 100%);
	background: url(https://www.propane-npo.com/img/bt/find.png) right 50% no-repeat, linear-gradient(to bottom, #cade97 0%,#388235 100%);
	background: url(https://www.propane-npo.com/img/bt/find.png) right 50% no-repeat, -moz-linear-gradient(top, #cade97 0%,#388235 100%);
	background: url(https://www.propane-npo.com/img/bt/find.png) right 50% no-repeat, -o-linear-gradient(to bottom, #cade97 0%,#388235 100%);
	background: url(https://www.propane-npo.com/img/bt/find.png) right 50% no-repeat, -ms-linear-gradient(top, #cade97 0%,#388235 100%);
	background-size: 30px, 100%;
    border-radius: 10px;
    -webkit-border-radius: 10px;/* for Safari and Chrome 対応*/
    -moz-border-radius: 10px;/* for Firefox 対応*/
	color:#FFF;
	font-size:100%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:700;
	letter-spacing:2px;
	cursor:pointer;
}

option.txt {
	margin:0 auto;
	padding: 0;
	text-align:center;
}
	

}