@charset "utf-8";

@import url(reset.css);
@import url(column.css);


/** -----------------------------------
販売説明文下
------------------------------------**/
.product_btm {
	width:760px;
	margin-top:0px;
	margin-bottom:0px;
}

.product_btm h4 {
	background-color: #F2F2F2;
	padding: 5px 10px 5px 10px;
	border-bottom: solid #F45D4C;
	color: #F45D4C;
	font-size: 14px;
}

.product_btm .floatContainer {
	background-color:#F2F2F2;
	padding-top:10px;
	padding-bottom:10px;
}

.product_btm .floatContainer .col-4 {
	padding-top:5px;
	padding-bottom:5px;
}

.product_btm .floatContainer .arrow {
	position:absolute;
	bottom: 5px;
	right:5px;
}

.product_btm a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

#kanren_items {width:740px;margin:0 10px;padding:0;box-sizing:border-box;background:rgba(153,153,153,0.25);}
#kanren_items:before {content:"同時購入おすすめ品はこちら";display:block;padding:0.5em 1.5em;margin-bottom:10px;background:rgba(153,153,153,1.00);color:#FFF;font-weight:bold;border-left:7px solid #666;}
#kanren_items a {display:inline-block;margin-left:16px;margin-bottom:5px;}
#kanren_items a img {width:84px;}
#loading {width:760px;height:150px;}
#loading img {width:60px;display:block;margin:0 auto;}

#kanren_items { display:none !important;}

/** -----------------------------------
施工例
------------------------------------**/
.works {
	width: 740px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #BBBBBB;
}

.works {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.works * {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.works *:before,
.works *:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.works h4 {
	background-color: #F2F2F2;
	padding: 5px 10px 5px 10px;
	color: #1A6600;
	font-size: 14px;
	/*border-left:#1A6600 6px solid;*/
	border-bottom:#1A6600 5px solid;
}

.works h4.link {
	color:#1A6600;
	padding: 5px 10px 0px 10px;
	background-color: #F2F2F2;
	border-bottom: 0;
	text-align: right;
}

/*loopslider
-----------------------*/
#loopslider {
	background-color: #F2F2F2;
	margin: 0 auto;
	height: 150px;
	text-align: left;
	position: relative;
	overflow: hidden;
}

#loopslider ul {
	height: 150px;
	float: left;
	display: inline;
	overflow: hidden;
}
#loopslider ul li {
	width: 410px;
	height: 150px;
	float: left;
	display: inline;
	overflow: hidden;
}

#loopslider #loopleft {
	top: 0;
	left: 0;
	width: 20px;
	height: 150px;
	line-height: 150px;
	color: #fff;
	text-align: center;
	font-weight: bold;
	background: #555;
	position: absolute;
	overflow: hidden;
	cursor: pointer;
	z-index: 99;
}
#loopslider #loopright {
	top: 0;
	right: 0;
	width: 20px;
	height: 150px;
	line-height: 150px;
	color: #fff;
	text-align: center;
	font-weight: bold;
	background: #555;
	position: absolute;
	overflow: hidden;
	cursor: pointer;
	z-index: 99;
}

/* ClearFixElements
======================================= */
#loopslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

#loopslider ul {
	display: inline-block;
	overflow: hidden;
}


/** -----------------------------------
商品ページ（送料・案内まわり）
------------------------------------**/

#info {
	width:760px;
	font-size:12px;
}

#info img {
	display: block;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;	
}

#info a img {
background:none!important;
}
 
#info a:hover img{
opacity:0.7;
filter:alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}

#info .banner {
	margin-left:10px;
	margin-right:10px;
}

#info .banner img {
	margin-left:0px;
	margin-right:0px;
}

/*楽天開催
-----------------*/
#tab_raku {
	display:none;
	width: 80px;
	height: 230px;
	position: fixed !important;
	position: absolute;
	left: 0;
	z-index:999;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(../images/banner/raku_150301_side-2.gif?1);
	bottom: 350px;
}

#tab_raku a {
	display: block;
	width: 100%;
	height: 100%;
}

/** -----------------------------------
タブバナー(左)
------------------------------------**/
.tab_banner {
	width: 95px;
	position: fixed !important;
	position: absolute;
	left: 0;
	z-index:999;
}
.tab_banner a {
	display: block;
	width: 100%;
	height: 100%;
}
.tab_banner:hover {
	width: 235px;
	-webkit-transition: width ease-in-out 0.5s;
	-moz-transition: width ease-in-out 0.5s;
	-ms-transition: width ease-in-out 0.5s;
	-o-transition: width ease-in-out 0.5s;
	transition: width ease-in-out 0.5s;
}
.tab_banner a:hover {
	/* IE9用 */
	width: 235px\9;
}

/*ビルトイン
-----------------*/
/*新生活応援*/
#tab_cam-bc {
	height: 150px;
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url(../images/banner/tab_1503_newlife_bc-gt.png?2);
	bottom: 195px;
	display:none;
}

/*セット割*/
#tab_bc-set {
	/* 工事受付中止 */
	display:none;
	height: 150px;
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url(../images/banner/tab_bc-set.png);
	bottom: 45px;
}

/*ガステーブル
-----------------*/
#tab_cam-gt {
	height: 150px;
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url(../images/banner/tab_1503_newlife_bc-gt.png?2);
	bottom: 45px;
	display:none;	
}

/*給湯器
-----------------*/
#tab_komi {
	display:none;
	height: 150px;
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url(../images/banner/tab_wh-komi.png);
	bottom: 45px;
}

/** -----------------------------------
タブメニュー（右）
------------------------------------**/
.tab_menu {
	width: 80px;
	position: fixed !important;
	position: absolute;
	right: 0;
	z-index:999;
}
.tab_menu a {
	display: block;
	width: 100%;
	height: 100%;
}
.tab_menu:hover {
	width: 220px;
	-webkit-transition: width ease-in-out 0.5s;
	-moz-transition: width ease-in-out 0.5s;
	-ms-transition: width ease-in-out 0.5s;
	-o-transition: width ease-in-out 0.5s;
	transition: width ease-in-out 0.5s;
}
.tab_menu a:hover {
	/* IE9用 */
	width: 220px;
}

#tab_kouji {
	/* 工事受付中止 */
	display:none;
	height: 65px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url(../images/common/info_tab_kouji.gif?2);
	/*bottom: 305px;*/
	bottom:240px;
}
#tab_form {
	/* 工事受付中止 */
	display:none;
	height: 65px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url(../images/common/info_tab_form.gif);
	bottom: 240px;
}

#tab_burner {
	height: 65px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url(../images/common/info_tab_burner.gif);
	bottom: 175px;
}

#tab_gas {
	height: 65px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url(../images/common/info_tab_gas.gif);
	bottom: 110px;
}

#tab_cat-top {
	height: 65px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url(../images/common/info_tab_cat-top.gif);
	bottom: 45px;
}

/*-----給湯器------*/

#tab_hotline.waterheater {
	display:none;
	height: 85px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url(../images/common/info_tab_hotline.jpg?2);
	bottom: 240px;
}

#tab_order.waterheater {
	display:none;
	height: 65px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url(../images/common/info_tab_order.jpg);
	bottom: 175px;
}

#tab_form.waterheater {
	height: 65px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url(../images/common/info_tab_form.jpg);
	bottom: 110px;
}



 @media screen and (max-width: 1100px) {
#tab_raku,
.tab_menu,
.tab_banner {
	visibility: hidden;
}