@charset "utf-8";

/* back */
#toppage {background:url(../../family/img/family-top_bg.jpg) repeat-x center 70px;}

/* common header */
#header {background:#ED947A}
#head #cmenu li {background:url(../img/r_arrow.gif) no-repeat left center;}
/* common topvisual */
#pageflip .msg_block {background:url(../img/whal_bg01.png) no-repeat right top;}

/* common navi */
#navi {background:url(../img/r_navi_bg.jpg) no-repeat;}

/* common contents */
#contents .left-column {width:410px;float:left;display:inline;}
#contents .right-column {width:510px;float:right;display:inline;}
#contents .left-column .article {background:#FAF2E9 url(../../family/img/article_bg.gif) no-repeat center bottom;}
#contents .article .datecolumn dt {background:url(../img/r_arrow.gif) no-repeat left center;}
#contents .article .datecolumn dd {width:295px;_width:300px;}
#contents ul.column li {background:url(../img/r_arrow.gif) no-repeat left 0.375em;}
#contents ul.column li.tit { background:none;margin:0px;padding:0;}
#contents ul.column li ul {margin:0.5em 0 0 0.938em;_margin-top:-0.5em;}
#contents ul.column li ul li {padding-left:0.063em;_padding-left:0.625em;}
#contents dl.column dd {background:url(../img/r_arrow.gif) no-repeat left 0.375em;}
/* sec left column */
#seccolumn { margin-bottom:19px;background:url(../../family/img/sec_bg.gif) no-repeat bottom;}
#seccolumn dl.column {margin-bottom:5px;}
#seccolumn .leftcol dl.column {width:253px;}
#seccolumn .leftcol {width:253px;float:left;}
#seccolumn .leftcol dl.column {width:253px;margin-bottom:0;}
#seccolumn .leftcol dl#knowcol {background:#FAF2E9 url(../../family/img/know_bg.gif) no-repeat bottom;}
#seccolumn .leftcol dl#netcol {background:#FAF2E9 url(../../family/img/net_bg.gif) no-repeat bottom;padding-bottom:60px;}
#seccolumn .leftcol dl#usecol {background:#FAF2E9 url(../../family/img/use_bg.gif) no-repeat bottom;padding-bottom:20px;}
#seccolumn .leftcol p {margin:0;padding:10px 0 30px;border-top:1px dotted #ED947A;text-align:center;background:#FAF2E9}
#seccolumn .rightcol {width:252px;float:right;margin-bottom:7px;}
#seccolumn .rightcol dl#withcol {background:#EAEFDF url(../../family/img/with_bg.gif) no-repeat right bottom;}
#seccolumn .rightcol dl#withcol dd {background:url(../../family/img/w_arrow.gif) no-repeat left 0.375em;}
dl#clientcol {background:#FAF2E9;}
#contents .howto {margin-bottom:5px;background:url(../../family/img/how_bg.gif) no-repeat}
#contents .secstory {margin-bottom:25px;}
#contents .secsimulation {margin-bottom:25px;}
#contents .seckids { float:right;display:inline;margin-bottom:20px;}
#contents .banner {clear:both;}
#contents .banner li {float:left;display:inline;height:61px;margin-right:13px;}
#contents #sidemobile {
background: #EEF2F6 url(../../family/img/sidemobile_bg.gif) no-repeat;
width:252px;
float:right;
display:inline;
margin-bottom:20px;
}
#contents #sidemobile dd img {float:right;display:inline;margin:0 0 0 7px;}

/* common section */
#title {background:url(../img/r_h2_bg01.jpg) no-repeat center top;}
#title div {background:url(../img/r_h2_bg02.png) no-repeat center bottom;}
#section #entryarea .day #print {background:url(../img/r_print.gif) no-repeat center right;}
#section #entryarea tr.even th,#section #entryarea tr.even td { background:#FCF5E9;}
/*基本*/
#section #entryarea h3 {background: url("../img/f_title_bg.png") no-repeat scroll 0 0 transparent;color: #ED947A;}
#section #entryarea h3.h3L {height:54px;line-height:1.2;padding-right:5px;background: url("../img/f_title_bg2.png") no-repeat scroll 0 0 transparent;color: #ED947A;}
#section #entryarea h4 {border-left-color:#ED947A;/*color:#4E94BF*/}
#section #entryarea th {background:#F7EDEB;}

#section #entryarea.recipePage h3 { margin-bottom:14px;text-align:left;}
#section #entryarea.recipePage .entrycolumn {margin-bottom:25px;}
#section #entryarea .rbox li {float:left;display:inline;margin:0 9px 9px 0;text-align:center;}
#section #entryarea .rbox li .newph {margin-bottom:9px;position:relative;display:block;background:url(../img/r_favorite_bg.jpg);}
#section #entryarea .frcp li {width:203px;}
#section #entryarea .frcp li .newph {height:166px;}
#section #entryarea .frcp li .newph img {position:absolute;top:5px;left:5px;}
#section #entryarea .frcp li .newph img.newlabel { z-index:1;}
#section #entryarea .fsearch li {width:150px;}
#section #entryarea .fsearch li .newph {height:121px;}
#section #entryarea .fsearch li .newph img {position:absolute;top:7px;left:7px;}
#section #entryarea .newrcp {margin:10px;padding:10px 10px 0;background-color:#fff;}
#section #entryarea .newrcp li {width:110px}
#section #entryarea .newrcp li img {margin-bottom:9px;}
#section #entryarea .listm li {width:120px;margin:0 6px 9px 0;}
#section #entryarea .listm li span {padding:5px;margin-bottom:9px;position:relative;display:block;background:url(../img/r_favorite_bg.jpg);}
#section #entryarea #recipe {margin-bottom:30px;}
#section #entryarea #recipe h3 {background:none;color:#333;margin:0;padding:0;}
#section #entryarea #recipe .left {width:257px;}
#section #entryarea #recipe .left li {float:left;display:inline;margin:0 5px 5px 0;}
#section #entryarea #recipe .left img {margin:0;}
#section #entryarea #recipe .right {width:357px;margin-bottom:30px;}
#section #entryarea #recipe .right h4 {border-bottom:1px solid #ccc;}
#section #entryarea #recipe .right table {margin:0 !important;border-collapse:separate;}
#section #entryarea #recipe .right table ,
#section #entryarea #recipe .right th,
#section #entryarea #recipe .right td {border:0px !important}
#section #entryarea #recipe .right td , #section #entryarea #recipe .right th
{padding:6px 0;border-bottom:1px solid #ccc !important;border-left:0px !important;border-right:0px !important;}
#section #entryarea #recipe .right .etc {padding:6px 0;border-bottom:1px solid #ccc;}
#section #entryarea #recipe .howto {clear:both;background:none;}
#section #entryarea #recipe ol {clear:both;list-style-type:decimal;padding-left:20px;}
#section #entryarea #recipe ol li {margin-bottom:10px;}
#section #entryarea .datecolumn dt {background:url(../img/r_arrow.gif) no-repeat left center;}
#section .entrycolumn {background-color:#FAF2E9;}
#section .ptop a {background:url(../img/r_ptop.gif) no-repeat left center !important;padding-right:0 !important;}
#section .column li {background:url(../img/r_arrow.gif) no-repeat left center;}
#section .pnavi {margin-bottom:20px;padding-top:10px;text-align:center;border-top:1px solid #ddd;}
#section .prev ,#section .next { background:#ED947A;}
#section .prev a { background: url(../img/h_arrow2.png) no-repeat left center;}
#section .next a { background: url(../img/h_arrow.png) no-repeat right center;}
.txtRightarow {margin:10px 0 15px;text-align:right;}
.txtRightarow a {padding-left:0.9em;background:url(../img/r_arrow.gif) no-repeat left center !important;}

/* common aside */
#aside li {background:url(../img/r_arrow.gif) no-repeat 1.2em 1.2em;border-bottom:1px dotted #ED947A;}
#aside li a:hover {background:#FAF2E9 url(../img/r_arrow.gif) no-repeat 1.2em 1.2em;}
#aside .column {margin-bottom:15px;background:#FAF2E9 url(../../family/img/sec_bg.gif) no-repeat right bottom;}

/* common footer */
#footer {border-top:2px solid #ED947A;}
#footer #copy {color:#ED947A;}
#footer #fnavi li {background:url(../img/r_arrow.gif) no-repeat left center;}

/* font swicher */
#large,#medium,#small {background:url(../img/r_font01.gif) no-repeat;}
li#small a:hover,li#medium a:hover,li#large a:hover {color:#fff;background:url(../img/r_font02.gif) no-repeat;}
.fontL #large a,.fontM #medium a,.fontS #small a{color:#fff;background:url(../img/r_font02.gif) no-repeat;}

/* ガス料金 */
.entrycolumn table {width:607px;margin:0 10px 10px!important;border-color:#EDB7AB !important;}
.entrycolumn table th , .entrycolumn table td {text-align:center;border-color:#EDB7AB !important;background-color:#fff;}
.entrycolumn table th {background-color:#F7EDEB;}
.entrycolumn p {margin-bottom:0 !important;}
#section #entryarea .btnList {margin:10px;padding:18px 0 0 18px;background-color:#fff;}
#section #entryarea .btnList li {float:left;display:inline;width:276px;margin:0 18px 18px 0}
#section #entryarea .btnList li span {margin:0 5px;display:block;}
#section #entryarea .btnList li img {margin-bottom:10px;}
#section #entryarea .priceBox {margin-bottom:25px;}
#section #entryarea .priceBox div {margin:10px;padding:18px;background-color:#fff;}
#section #entryarea .priceBox div p {margin-bottom:0;}
#section #entryarea h4.title {font-size:110%;}
.f-sideTit {width:607px;}
.f-sideTit div {margin:19px 0 10px 19px;}
.f-arrow01 {background-image:url(../img/r_pbtm.gif);}
.f-arrow02 {background-image:url(../img/r_arrow.gif);}
.f-arrow03 {background-image:url(../img/r_pright.gif);}
.pageMenu {border-top:1px dotted #ED947A;border-bottom:1px dotted #ED947A;}

/*プラン横テキスト*/
tr.planTit th, tr.planTit td {border:1px solid #EDC2BC !important;background:#EDC2BC !important;}
tr.planTit th {text-align:left;}
tr.planTit td {text-align:right;}

/* withgaskitchin */
.kitchinMenu { background:url(../../family/img/kitchin_bg.png);overflow:hidden;zoom:1;text-align:center;}
.kitchinMenu .left {margin-left:104px;}
.kitchinMenu .left2 {float:left;display:inline;}
.kitchinMenu .right {margin-right:106px;}
.kitchinMenu li {background:url(../../family/img/kitchin_tabA.png) no-repeat;width:140px;height:44px;display:inline;margin-top:5px;}
.kitchinMenu li a {width:140px;height:44px;display:block;line-height:44px;color:#000;font-weight:bold;}
.kitchinMenu li.left a {background:url(../../family/img/kitchin_tabShadowA.png) right;}
.kitchinMenu li.left2 a {background:url(../../family/img/kitchin_tabShadowB.png) right;}
.kitchinMenu li.right a {background:url(../../family/img/kitchin_tabShadowB.png) right;}
.kitchinMenu li.active a {background:url(../../family/img/kitchin_tabB.png) no-repeat;}
.listRightIn {text-align:right;margin:15px 0;}
.listRightIn li {margin-left:15px;display:inline;}
.classesBox { position:relative;margin-bottom:20px;padding-bottom:10px;}
.classesBox dl {margin-bottom:10px !important;padding:10px;}
.classesBox dt {padding-bottom:5px;font-size:14px;font-weight:bold;}
.classesBox dd {font-size:18px;padding:8px 0 0 8px;}
.classesBox dl + span {position:absolute;top:10px;right:15px;}
.classesBox p {margin:0 15px !important;}
.classesBox p.f-arrow02 {position:absolute;right:0px;margin-top:-25px !important;}
.dayopen {border:1px solid #FFE5AD;}
.dayopen dl {background:url(../img/kitchin_img0101.gif);}
.dayopen dt {border-bottom:1px solid #FFCC99;}
.nightopen {border:1px solid #CFDFFF;}
.nightopen dl {background:url(../img/kitchin_img0102.gif);}
.nightopen dt {border-bottom:1px solid #CCCCFF;}
.sweetopen {border:1px solid #FFD8CC;}
.sweetopen dl {background:url(../img/kitchin_img0103.gif);}
.sweetopen dt {border-bottom:1px solid #FFCCCC;}
.kitchinOverview {border-bottom:1px solid #E3E3E3;}
.kitchinOverview dt {clear:both;float:left;width:75px;padding:10px 0;}
.kitchinOverview dd {padding:10px 0;padding-left:75px;border-top:1px solid #E3E3E3;}
.kitchinOverview dd div {border-bottom:1px solid #E3E3E3;margin:0 0 10px;padding:10px 0;overflow:hidden;zoom:1;}
.kitchinOverview dd div span {display:inline;}
.kitchinOverview dd div .left {clear:both;float:left;width:130px;}
.kitchinOverview dd div .right {width:420px;}

/* ガス機器 */
#ecj4p {text-align:center;}
#ecj4p .inner2 {text-align:left;width:303px;float:left;display:inner;}
#ecj4p .inner2.ev {margin-right:20px;}
#ecj4p .inner2.nl {clear:left;}
.case {padding:10px;background-color:#F5DFCB;}
.case .photo {float:left;margin-right:10px;}
.case .name {float:left;width:410px;}
.ecwak p,.case p {margin-bottom:0 !important}


/* button style */
.buttonL {background:url(../img/f_btn_bg.png) no-repeat;}
.buttonL2 {background:url(../img/f_btn_bg.png) no-repeat;} /*2行になる場合*/

/* safe */
#section #entryarea .safeTable, #section #entryarea .safeTable td {text-align:left; border:none;}
.f_title {
display:block;
background:url(../img/f_title_bg.png) no-repeat;
padding:8px 0 0 15px;
height:28px;
min-height:28px;
color:#ED947A;font-weight:bold;font-size:15px;
}
.s_title {
color:#ED947A;
font-weight:bold;
}

/* gassalon */
.salonHeader {background:url(../../family/salon/img/f_salon_navBg.jpg) no-repeat;height:259px;margin-bottom:15px;padding-top:148px;}
.salonHeader dl {margin:0 0 0 423px;line-height:1;font-size:0;}
.salonHeader dt {margin:36px 0 8px;}
.salonHeader dd {margin-bottom:4px;}
.salonColumn {background-color:#FAF2E9;position:relative;margin-bottom:15px; padding-top:10px; padding-bottom:1px;}
.salonColumn h4 {margin:0 10px 15px 10px;}
.salonColumn span {position:absolute;width:107px;top:10px;right:10px;padding:3px;font-size:12px;color:#fff;text-align:center;}
.salonColumn span.yoyaku {background:#D7493E;}
.salonColumn span.noyoyaku {background:#366CA3;}
.salonColumn .inner {margin:10px;padding: 10px 0 10px 10px;background:#fff;}
.salonColumn .inner p {margin-bottom:0px !important;}

/* with gas */
#section #entryarea .withgasBox {margin-bottom:55px;}
#section #entryarea .withgasBox h3
{background:none;display:inline;margin-right:16px;padding:0;color:#333;}
#section #entryarea .withgasBox h4
{color:#ED947A;font-weight:normal;margin-bottom:10px;padding:0;border:none;}
#section #entryarea .withgasBox h5
{font-weight:normal;color:#fff;font-size:12px;line-height:21px;margin-bottom:10px;}
#section #entryarea .withgasBox p {margin-bottom:10px !important;}
#section #entryarea .withgasBox .left {width:165px;}
#section #entryarea .withgasBox .left .ecoexample {background:url(../img/f_withgas_bg1.gif) no-repeat center top;text-align:center;}
#section #entryarea .withgasBox .left .ecoin{ padding-bottom:5px;background:url(../img/f_withgas_bg2.gif) no-repeat center bottom;}
#section #entryarea .withgasBox .left .ecoin img { margin:0 !important;padding:0 !important;}
#section #entryarea .withgasBox .right {width:440px;}
#section #entryarea .withgasBox .right th {white-space:nowrap;background:#FAF2E9;}
#section #entryarea .withgasBox .right th , .withgasBox .right td {padding:5px 10px !important;border:0px;border-bottom:1px solid #ccc;}
#section #entryarea .withgasBox .inner {margin:0;padding:0;margin-top:20px;padding-bottom:5px;border-bottom:1px solid #ccc;zoom:1;overflow:hidden;}
#section #entryarea .withgasBox .address {clear:both;background:url(../img/line_bg_gray.gif) repeat-x;padding-top:10px;}
#section #entryarea .withgasBox .homepage {padding-left:20px;line-height:16px;background:url(../img/f_icon_home.gif) no-repeat;}
.equipments span {float:left;display:inline;margin-bottom:5px;}
.equipments img {margin-right:0 !important;}
.eq1,.eq3 ,.eq5 {padding-right:5px;}

.maker {width:600px;margin:0 auto;}
.maker p {margin:0 0 5px !important;}
.maker ul {text-align:center;padding:10px;border:1px solid #e47669;}
.maker li {display:inline;padding-right:30px;}

/* お問い合わせ */
#section #entryarea .contactBox {margin:0 30px 0 0;border:1px solid #FAF2E9;background:#FFF8F2;padding:10px;}
#section #entryarea .contactBox h3 ,#section #entryarea .contactBox p {margin-bottom:0px;}

.link_imgbox{
position: relative;
}
.link_option{
display: block;
}
.width_tit_2{
position:absolute;
top:46%;
left:0;
right:0;
margin:auto;
}
.width_tit_3{
position: absolute;
top:30%;
left:0;
right:0;
margin:auto;
}
.width_tit_4{
position: absolute;
top: 62%;
left:0;
right: 0;
margin: auto;
}
.info_link{
display: inline-block;
border: 1px solid #f00;
padding: 15px 10px;
background:#fff;
}

/* 温水暖房まるごとプラン */
#contents #smartGene01 h3{
padding:0;
margin:0;
background:none;
border:none;
display:block;
height:auto;
}
#smartGene01 .smry{
background:#FBEBD4;
padding:15px 30px 0px 30px;
}
#contents #smartGene01 .smry p{
padding:0 0 15px 0;
margin:0;
}
#smartGene01 a:hover img{
opacity:0.8;
filter:alpha(opacity=80);
}
#smartGene01 .mb5{margin-bottom:5px;}
#smartGene01 .mb10{margin-bottom:10px;}
#smartGene01 .mb15{margin-bottom:15px;}
#smartGene01 .mb20{margin-bottom:20px;}
#smartGene01 .mt5{margin-top:5px;}
#smartGene01 .mt10{margin-top:10px;}
#smartGene01 .mt15{margin-top:15px;}
#smartGene01 .mt20{margin-top:20px;}
#smartGene01 .discList{
list-style:disc;
margin-left:2em;
}
#contents #smartGene01 .plans{
overflow:hidden;
zoom:1;
}
#contents #smartGene01 .plans dt{
background:#DE6024;
font-weight:bold;
padding:7px 10px;
color:#fff;
border-radius:3px;
margin-bottom:5px;
}
#smartGene01 .plans1{
width:284px;
float:left;
}
#smartGene01 .plans2{
width:320px;
float:right;
}
#smartGene01 .plans2 dd{
margin-bottom:10px;
}
#contents #entryarea #smartGene01 .plans table{
width:100%;
margin:0;
font-size:90%;
}
#contents #entryarea #smartGene01 .plans table th{
background:#E38C13;
color:#fff;
}
#smartGene01 .plans td{
background:#FBEBD4;
text-align:right;
}
#contents #entryarea #smartGene01 .plans3 caption{
text-align:right;
font-size:90%;
font-weight:normal;
margin-bottom:0;
padding:0;
}
#contents #entryarea #smartGene01 .plans3 td{background:#E8E8E9;}
#contents #entryarea #smartGene01 .plans3 td.red{color:#E40012;}
#contents #entryarea #smartGene01 .plans3 th.pnk{background:#E96D8C;}
#contents #entryarea #smartGene01 .plans3 th.ppl{background:#64578C;}
#contents #entryarea #smartGene01 .plans3 th.wt{background:#fff; color:#D75F26;}
#smartGene01 .inqBox{
border:1px solid #e5e5e5;
padding:20px;
text-align:center;
font-size:90%;
border-radius:3px;
}
#smartGene01 .inqBox dt{
font-weight:bold;
}


/* トリオでガスプラン */
#contents #smartGene02 h3{
padding:0;
margin:0;
background:none;
border:none;
display:block;
height:auto;
}
#smartGene02 .smry{
background:#DDF0F6;
padding:15px 30px 0px 30px;
}
#contents #smartGene02 .smry p{
padding:0 0 15px 0;
margin:0;
}
#smartGene02 a:hover img{
opacity:0.8;
filter:alpha(opacity=80);
}
 #smartGene02 .mb5{margin-bottom:5px;}
 #smartGene02 .mb10{margin-bottom:10px;}
 #smartGene02 .mb15{margin-bottom:15px;}
 #smartGene02 .mb20{margin-bottom:20px;}
 #smartGene02 .mt5{margin-top:5px;}
 #smartGene02 .mt10{margin-top:10px;}
 #smartGene02 .mt15{margin-top:15px;}
 #smartGene02 .mt20{margin-top:20px;}
 #smartGene02 .discList{
list-style:disc;
margin-left:2em;
}
#contents #smartGene02  .plans{
overflow:hidden;
zoom:1;
}
#contents #smartGene02 .plans dt{
background:#0069A0;
font-weight:bold;
padding:7px 10px;
color:#fff;
border-radius:3px;
margin-bottom:5px;
}
#smartGene02 .plans1{
width:284px;
float:left;
}
#smartGene02 .plans2{
width:320px;
float:right;
}
#smartGene02 .plans2 dd{
margin-bottom:10px;
}
#contents #entryarea #smartGene02 .plans table{
width:100%;
margin:0;
font-size:90%;
}
#contents #entryarea #smartGene02 .plans table th{
background:#00ADCA;
color:#fff;
}
#smartGene02 .plans td{
background:#DDF0F6;
text-align:right;
}
#contents #entryarea #smartGene02 .plans3 caption{
text-align:right;
font-size:90%;
font-weight:normal;
margin-bottom:0;
padding:0;
}
#contents #entryarea #smartGene02 .plans3 td{background:#EDEDEE;}
#contents #entryarea #smartGene02 .plans3 td.red{color:#E40012;}
#contents #entryarea #smartGene02 .plans3 th.pnk{background:#E96D8C;}
#contents #entryarea #smartGene02 .plans3 th.ppl{background:#64578C;}
#contents #entryarea #smartGene02 .plans3 th.wt{background:#fff; color:#00699e;}
#smartGene02 .inqBox{
border:1px solid #e5e5e5;
padding:20px;
text-align:center;
font-size:90%;
border-radius:3px;
}
#smartGene02 .inqBox dt{
font-weight:bold;
}
/* ガスファンヒーター */
ul.anzen li {float:left; margin-right:10px; margin-bottom:8px;}

/* レシピ検索 */

#section #entryarea .rsearch {width:627px;margin-bottom:30px;padding:0 0 8px;background:#FAF2E9;}
#section #entryarea .rsearch h3  {margin-top:0;margin-bottom:30px;}
#section #entryarea .rsearch input {font-size:14px!important; height:28px!important;}
#section #entryarea .rsearch table.gsc-search-box,#section #entryarea .rsearch table.gsc-input{border:none!important; margin-bottom:0!important; height:24px!important;}
#section #entryarea .rsearch .gsc-search-button-v2{height:37px!important;}
#section #entryarea .rsearch table td{border:none!important;}