@charset "utf-8";

img { -ms-interpolation-mode: bicubic; }

/* container */
#container {
	margin: 0px;
	padding: 0px;
	width: 980px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#container:after {
	content:".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* contents */
#contents {
	clear: both;
	overflow:hidden;
	width: 980px;
	height: 100%;
	padding-bottom: 15px;
}
#contents:after{
	content:".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.s-box-5 {
	margin-bottom: 5px;
}
.s-box-10 {
	margin-bottom: 10px;
}
.s-box-20 {
	margin-bottom: 20px;
}

/* side1 */
#side1 {
	float: left;
	width: 180px;
	margin-right: 20px;
}
#s-login a {
	display : block;
	width : 180px;
	height : 38px;
	margin-right: auto;
	margin-left: auto;
	background-repeat : no-repeat;
	background-position : center center;
}
#s-login a:link {
    background-image : url(../img/side_login.gif) ;
}
#s-login a:hover {
    background-image : url(../img/side_login_o.gif) ;
}
#s-login a:link img {
    visibility : visible ;
    border-style : none ;
}
#s-login a:hover img {
    visibility : hidden ;
    border-style : none ;
}
#s-member-s a {
	width: 180px;
	height: 0px;
	margin: 0 0 10px 0;
	padding: 55px 0 0 0;
	background: url(../img/side_member-s.gif) no-repeat left top;
	overflow: hidden;
	display: block;
}
#s-member-s a:hover {
	background: url(../img/side_member-s.gif) no-repeat left bottom;
}
#s-search {
	background-image : url(/img/side_a/side_search_bg.gif);
	background-repeat: no-repeat;
	height: 91px;
}
#s-search form {
	padding-top: 5px;
	padding-left: 10px;
}
#s-search input {
	margin-bottom: 5px;
}
.s-search-box {
	color: #333333;
}
#s-c-form h4 {
	margin: 0px;
	padding: 0px;
	height: 45px;
}
#s-c-form h5 {
	margin: 0px;
	padding: 0px;
	height: 40px;
}
#s-c-form-b {
	margin: 0px;
	padding: 0px;
	height: 5px;
	width: 180px;
}
#s-c ul {
	background-image : url(../img/side_category_bg.gif);
	background-repeat: repeat-y;
	padding-left: 10px;
	padding-bottom: 8px;
}
#s-c li {
	background-image : url(../img/category_arrow.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 13px;
}
#s-c-top-kitchen a {
	display : block;
	width : 180px;
	height : 108px;
	margin-right: auto;
	margin-left: auto;
	background-repeat : no-repeat;
	background-position : center center;
}
#s-c-top-kitchen a:link {
    background-image : url(../img/s_c_top_kitchen.gif) ;
}
#s-c-top-kitchen a:hover {
    background-image : url(../img/s_c_top_kitchen_o.gif) ;
}
#s-c-top-kitchen a:link img {
    visibility : visible ;
    border-style : none ;
}
#s-c-top-kitchen a:hover img {
    visibility : hidden ;
    border-style : none ;
}
#s-c-top-bathroom a {
	display : block;
	width : 180px;
	height : 108px;
	margin-right: auto;
	margin-left: auto;
	background-repeat : no-repeat;
	background-position : center center;
}
#s-c-top-bathroom a:link {
    background-image : url(../img/s_c_top_bathroom.gif) ;
}
#s-c-top-bathroom a:hover {
    background-image : url(../img/s_c_top_bathroom_o.gif) ;
}
#s-c-top-bathroom a:link img {
    visibility : visible ;
    border-style : none ;
}
#s-c-top-bathroom a:hover img {
    visibility : hidden ;
    border-style : none ;
}
#s-c-top-powderroom a {
	display : block;
	width : 180px;
	height : 108px;
	margin-right: auto;
	margin-left: auto;
	background-repeat : no-repeat;
	background-position : center center;
}
#s-c-top-powderroom a:link {
    background-image : url(../img/s_c_top_powderroom.gif) ;
}
#s-c-top-powderroom a:hover {
    background-image : url(../img/s_c_top_powderroom_o.gif) ;
}
#s-c-top-powderroom a:link img {
    visibility : visible ;
    border-style : none ;
}
#s-c-top-powderroom a:hover img {
    visibility : hidden ;
    border-style : none ;
}
#s-c-top-toilet a {
	display : block;
	width : 180px;
	height : 108px;
	margin-right: auto;
	margin-left: auto;
	background-repeat : no-repeat;
	background-position : center center;
}
#s-c-top-toilet a:link {
    background-image : url(../img/s_c_top_toilet.gif) ;
}
#s-c-top-toilet a:hover {
    background-image : url(../img/s_c_top_toilet_o.gif) ;
}
#s-c-top-toilet a:link img {
    visibility : visible ;
    border-style : none ;
}
#s-c-top-toilet a:hover img {
    visibility : hidden ;
    border-style : none ;
}
#s-c-top-faucet a {
	display : block;
	width : 180px;
	height : 108px;
	margin-right: auto;
	margin-left: auto;
	background-repeat : no-repeat;
	background-position : center center;
}
#s-c-top-faucet a:link {
    background-image : url(../img/s_c_top_faucet.gif) ;
}
#s-c-top-faucet a:hover {
    background-image : url(../img/s_c_top_faucet_o.gif) ;
}
#s-c-top-faucet a:link img {
    visibility : visible ;
    border-style : none ;
}
#s-c-top-faucet a:hover img {
    visibility : hidden ;
    border-style : none ;
}
#s-c-top-accessories a {
	display : block;
	width : 180px;
	height : 108px;
	margin-right: auto;
	margin-left: auto;
	background-repeat : no-repeat;
	background-position : center center;
}
#s-c-top-accessories a:link {
    background-image : url(../img/s_c_top_accessories.gif) ;
}
#s-c-top-accessories a:hover {
    background-image : url(../img/s_c_top_accessories_o.gif) ;
}
#s-c-top-accessories a:link img {
    visibility : visible ;
    border-style : none ;
}
#s-c-top-accessories a:hover img {
    visibility : hidden ;
    border-style : none ;
}
#s-c-top-waterheater a {
	display : block;
	width : 180px;
	height : 108px;
	margin-right: auto;
	margin-left: auto;
	background-repeat : no-repeat;
	background-position : center center;
}
#s-c-top-waterheater a:link {
    background-image : url(../img/s_c_top_waterheater.gif) ;
}
#s-c-top-waterheater a:hover {
    background-image : url(../img/s_c_top_waterheater_o.gif) ;
}
#s-c-top-waterheater a:link img {
    visibility : visible ;
    border-style : none ;
}
#s-c-top-waterheater a:hover img {
    visibility : hidden ;
    border-style : none ;
}
#s-c-top-ecocute a {
	display : block;
	width : 180px;
	height : 108px;
	margin-right: auto;
	margin-left: auto;
	background-repeat : no-repeat;
	background-position : center center;
}
#s-c-top-ecocute a:link {
    background-image : url(../img/s_c_top_ecocute.gif) ;
}
#s-c-top-ecocute a:hover {
    background-image : url(../img/s_c_top_ecocute_o.gif) ;
}
#s-c-top-ecocute a:link img {
    visibility : visible ;
    border-style : none ;
}
#s-c-top-ecocute a:hover img {
    visibility : hidden ;
    border-style : none ;
}
#s-c-top-gardening a {
	display : block;
	width : 180px;
	height : 108px;
	margin-right: auto;
	margin-left: auto;
	background-repeat : no-repeat;
	background-position : center center;
}
#s-c-top-gardening a:link {
    background-image : url(../img/s_c_top_gardening.gif) ;
}
#s-c-top-gardening a:hover {
    background-image : url(../img/s_c_top_gardening_o.gif) ;
}
#s-c-top-gardening a:link img {
    visibility : visible ;
    border-style : none ;
}
#s-c-top-gardening a:hover img {
    visibility : hidden ;
    border-style : none ;
}
#s-c-top-aircon a {
	display : block;
	width : 180px;
	height : 108px;
	margin-right: auto;
	margin-left: auto;
	background-repeat : no-repeat;
	background-position : center center;
}
#s-c-top-aircon a:link {
    background-image : url(../img/s_c_top_aircon.gif) ;
}
#s-c-top-aircon a:hover {
    background-image : url(../img/s_c_top_aircon_o.gif) ;
}
#s-c-top-aircon a:link img {
    visibility : visible ;
    border-style : none ;
}
#s-c-top-aircon a:hover img {
    visibility : hidden ;
    border-style : none ;
}

#s-c-top-piping a {
	display : block;
	width : 180px;
	height : 108px;
	margin-right: auto;
	margin-left: auto;
	background-repeat : no-repeat;
	background-position : center center;
}
#s-c-top-piping a:link {
    background-image : url(../img/s_c_top_piping.gif) ;
}
#s-c-top-piping a:hover {
    background-image : url(../img/s_c_top_piping_o.gif) ;
}
#s-c-top-piping a:link img {
    visibility : visible ;
    border-style : none ;
}
#s-c-top-piping a:hover img {
    visibility : hidden ;
    border-style : none ;
}

/* series-box3 */
.construction-c-l {
	float: left;
	width: 260px;
	padding-left: 20px;
	margin-bottom: 10px;
}
.construction-c-r {
	float: right;
	width: 260px;
	padding-right: 20px;
	margin-bottom: 10px;
}
#series-box3 table {
	width: 580px;
	margin: 0;
	padding: 0;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #c2c9cb;
	margin-bottom: 10px;
	border-right-width: 0;
	border-bottom-width: 0;
}
#series-box3 td {
	width: 33%;
	border-right-width: 1;
	border-right-style: dotted;
	border-right-color: #c2c9cb;
	padding-left: 10px;
}

/* side2 */
#side2 {
	float: left;
	width: 180px;
}

/* main */
#main {
	width: 580px;
	float: left;
	margin-right: 20px;
}

/* top */
#sub-bnr {
	width: 580px;
	margin: 0 0 10px 0;
}
#main-bnr li {
	float: left;

	padding-bottom: 10px;
}
.main-l {
	padding-right: 10px;
}
#top-waterheater a {
	display : block;
	width : 285px;
	height : 160px;
	margin-right: auto;
	margin-left: auto;
	background-repeat : no-repeat;
	background-position : center center;
}
#top-waterheater a:link {
    background-image : url(../img/top_water_heater.jpg?191129) ;
}
#top-waterheater a:hover {
    background-image : url(../img/top_water_heater_o.jpg?191129) ;
}
#top-waterheater a:link img {
    visibility : visible ;
    border-style : none ;
}
#top-waterheater a:hover img {
    visibility : hidden ;
    border-style : none ;
}
#top-toilet a {
	display : block;
	width : 285px;
	height : 160px;
	margin-right: auto;
	margin-left: auto;
	background-repeat : no-repeat;
	background-position : center center;
}
#top-toilet a:link {
    background-image : url(../img/top_toilet.jpg) ;
}
#top-toilet a:hover {
    background-image : url(../img/top_toilet_o.jpg) ;
}
#top-toilet a:link img {
    visibility : visible ;
    border-style : none ;
}
#top-toilet a:hover img {
    visibility : hidden ;
    border-style : none ;
}
#top-gasconro a {
	display : block;
	width : 285px;
	height : 160px;
	margin-right: auto;
	margin-left: auto;
	background-repeat : no-repeat;
	background-position : center center;
}
#top-gasconro a:link {
    background-image : url(../img/top_gasconro.jpg) ;
}
#top-gasconro a:hover {
    background-image : url(../img/top_gasconro_o.jpg) ;
}
#top-gasconro a:link img {
    visibility : visible ;
    border-style : none ;
}
#top-gasconro a:hover img {
    visibility : hidden ;
    border-style : none ;
}
#top-powderroom a {
	display : block;
	width : 285px;
	height : 160px;
	margin-right: auto;
	margin-left: auto;
	background-repeat : no-repeat;
	background-position : center center;
}
#top-powderroom a:link {
    background-image : url(../img/top_powderroom.jpg) ;
}
#top-powderroom a:hover {
    background-image : url(../img/top_powderroom_o.jpg) ;
}
#top-powderroom a:link img {
    visibility : visible ;
    border-style : none ;
}
#top-powderroom a:hover img {
    visibility : hidden ;
    border-style : none ;
}
#top-ecocute a {
	display : block;
	width : 285px;
	height : 160px;
	margin-right: auto;
	margin-left: auto;
	background-repeat : no-repeat;
	background-position : center center;
}
#top-ecocute a:link {
    background-image : url(../img/top_ecocute.jpg) ;
}
#top-ecocute a:hover {
    background-image : url(../img/top_ecocute_o.jpg) ;
}
#top-ecocute a:link img {
    visibility : visible ;
    border-style : none ;
}
#top-ecocute a:hover img {
    visibility : hidden ;
    border-style : none ;
}

#top-aircon a {
	display : block;
	width : 285px;
	height : 160px;
	margin-right: auto;
	margin-left: auto;
	background-repeat : no-repeat;
	background-position : center center;
}
#top-aircon a:link {
    background-image : url(../img/top_aircon.jpg) ;
}
#top-aircon a:hover {
    background-image : url(../img/top_aircon_o.jpg) ;
}
#top-aircon a:link img {
    visibility : visible ;
    border-style : none ;
}
#top-aircon a:hover img {
    visibility : hidden ;
    border-style : none ;
}
#top-dishwasher a {
	display : block;
	width : 285px;
	height : 160px;
	margin-right: auto;
	margin-left: auto;
	background-repeat : no-repeat;
	background-position : center center;
}
#top-dishwasher a:link {
    background-image : url(../img/top_dishwasher.jpg?20181005) ;
}
#top-dishwasher a:hover {
    background-image : url(../img/top_dishwasher_o.jpg?20181005) ;
}
#top-dishwasher a:link img {
    visibility : visible ;
    border-style : none ;
}
#top-dishwasher a:hover img {
    visibility : hidden ;
    border-style : none ;
}
#top-s-electric-wh a {
	display : block;
	width : 285px;
	height : 160px;
	margin-right: auto;
	margin-left: auto;
	background-repeat : no-repeat;
	background-position : center center;
}

#top-rangehood a {
    display : block;
    width : 285px;
    height : 160px;
    margin-right: auto;
    margin-left: auto;
    background-repeat : no-repeat;
    background-position : center center;
}
#top-rangehood a:link {
    background-image : url(../img/top_rangehood.jpg) ;
}
#top-rangehood a:hover {
    background-image : url(../img/top_rangehood_o.jpg) ;
}
#top-rangehood a:link img {
    visibility : visible ;
    border-style : none ;
}
#top-rangehood a:hover img {
    visibility : hidden ;
    border-style : none ;
}

#top-s-electric-wh a:link {
    background-image : url(../img/top_s_electric_wh.jpg) ;
}
#top-s-electric-wh a:hover {
    background-image : url(../img/top_s_electric_wh_o.jpg) ;
}
#top-s-electric-wh a:link img {
    visibility : visible ;
    border-style : none ;
}
#top-s-electric-wh a:hover img {
    visibility : hidden ;
    border-style : none ;
}
#top-construction {
	clear: both;
}
#top-construction a {
	display : block;
	width : 580px;
	height : 160px;
	margin-right: auto;
	margin-left: auto;
	background-repeat : no-repeat;
	background-position : center center;
}
#top-construction a:link {
    background-image : url(../img/top_construction.jpg) ;
}
#top-construction a:hover {
    background-image : url(../img/top_construction_o.jpg) ;
}
#top-construction a:link img {
    visibility : visible ;
    border-style : none ;
}
#top-construction a:hover img {
    visibility : hidden ;
    border-style : none ;
}
#top-faucet a {
	display : block;
	width : 285px;
	height : 160px;
	margin-right: auto;
	margin-left: auto;
	background-repeat : no-repeat;
	background-position : center center;
}
#top-faucet a:link {
    background-image : url(../img/top_faucet.jpg) ;
}
#top-faucet a:hover {
    background-image : url(../img/top_faucet_o.jpg) ;
}
#top-faucet a:link img {
    visibility : visible ;
    border-style : none ;
}
#top-faucet a:hover img {
    visibility : hidden ;
    border-style : none ;
}
#top-eco-toshiba-img {
	clear: both;
}
#top-eco-toshiba-img a {
	display : block;
	width : 580px;
	height : 240px;
	margin-right: auto;
	margin-left: auto;
	background-repeat : no-repeat;
	background-position : center center;
}
#top-eco-toshiba-img a:link {
    background-image : url(../img/top_eco_toshiba_img.jpg) ;
}
#top-eco-toshiba-img a:hover {
    background-image : url(../img/top_eco_toshiba_img_o.jpg) ;
}
#top-eco-toshiba-img a:link img {
    visibility : visible ;
    border-style : none ;
}
#top-eco-toshiba-img a:hover img {
    visibility : hidden ;
    border-style : none ;
}
#main-popularity {
	height: 241px;
	width: 580px;
	margin-bottom: 10px;
}
#main-popularity li {
	float: left;
	width: 120px;
	height: 230px;
	padding-top: 11px;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 4px;
	margin-bottom: 10px;
	border: 1px solid #cccccc;
	border-radius: 5px;
}
#main-popularity li:nth-child(1), #main-popularity li:nth-child(5) {
	margin-left: 0;
}
@supports (-ms-ime-align: auto) {
  /* Edge のみ適用されるハック */
	#main-popularity li {
		height: 260px;
	}
}
.top-popularity-l {
	padding-right: 2px;
}
.popularity-img {
	padding-top: 12px;
	padding-bottom: 17px;
	padding-left: 10px;
}
.popularity-text {
	font-size: 10px;
	line-height: 120%;
}
.popularity-red {
	color: #e00000;
	font-size: 14px;
}
.popularity-red-s {
	color: #e00000;
	font-size: 10px;
}
.page-top-top {
	clear: both;
	padding-bottom: 20px;
}
.pankuzu {
	font-size: 10px;
	padding-bottom: 5px;
}
.pankuzu a {
	font-size: 10px;
	padding-bottom: 10px;
	color: #ff5600;
}
.clear1 {
	clear: both;
}
#main h2 {
	margin-bottom: 20px;
}
#main h3 {
	margin-bottom: 10px;
}
.main-box h3 {
	background: url(../img/main_box_h3.gif);
	height: 25px;
	width: 558px;
	padding: 9px 0 0 22px;
	font-size: 12px;
}
.main-box-c h3 {
	background: url(../img/main_box_h3.gif);
	height: 25px;
	width: 558px;
	padding: 9px 0 0 22px;
	font-size: 12px;
}
.main-box-c a {
	color: #ff5600;
}
.main-box-c li {
	display:inline-block;
	vertical-align:top;
	width: 137px;
	margin-bottom: 10px;
}
* html .main-box-c li { /* IE 6 */
	display:inline;
	zoom:1;
}
*:first-child+html .main-box-c li{ /* IE 7 */
	display:inline;
	zoom:1;
}
ul#t1 .main-box-c li {
margin:0px;
}
.main-box-c-r {
	margin-right: 10px;
}
.main-box-c-r-6 {
	margin-right: 6px;
}
.main-box-c img {
	padding-bottom: 5px;
}
.orange {
	color: #ff5200;
}
.small-font {
	font-size: 10px;
}
.page-top {
	clear: both;
	padding-bottom: 20px;
}

/* footer */
#footer {
	clear: both;
	overflow:hidden;
	text-align: center;
	width: 980px;
}
#footer:after{
	content:".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#footer-sitemap {
	background-image: url(../img/footer_dot_line.gif);
	font-size: 10px;
	color: #666666;
	padding-top: 15px;
	padding-bottom: 16px;
	background-repeat: no-repeat;
	background-position: bottom;
	background-color: #FFFFFF;
	margin-bottom: 20px;
}
#footer-nagano {
	width: 330px;
	text-align: center;
	padding-top: 32px;
	font-size: 10px;
	float: left;
}
#footer-nagano-top {
	width: 330px;
	text-align: center;
	padding-top: 22px;
	font-size: 10px;
	float: left;
}
.t-f-g {
	margin-bottom: 10px;
	margin-left: 26px;
}
#footer-img-flow {
	background-image: url(../img/footer_help_bg.gif);
	background-repeat: no-repeat;
	background-position: right;
	float: right;
	width: 642px;
}
#footer-img-flow ul {
	float: right;
	padding-top: 20px;
	padding-right: 17px;
}
#footer-img-flow li {
	float: left;
	padding-left: 12px;
}
.img-l {
	float: left;
}
#footer-h-dc a {
	display : block;
	width : 80px;
	height : 81px;
	margin-right: auto;
	margin-left: auto;
	background-repeat : no-repeat;
	background-position : center center;
}
#footer-h-dc a:link {
    background-image : url(../img/footer_help_digital_camera.gif) ;
}
#footer-h-dc a:hover {
    background-image : url(../img/footer_help_digital_camera_o.gif) ;
}
#footer-h-dc a:link img {
    visibility : visible ;
    border-style : none ;
}
#footer-h-dc a:hover img {
    visibility : hidden ;
    border-style : none ;
}
#footer-h-pb a {
	display : block;
	width : 80px;
	height : 81px;
	margin-right: auto;
	margin-left: auto;
	background-repeat : no-repeat;
	background-position : center center;
}
#footer-h-pb a:link {
    background-image : url(../img/footer_help_portable.gif) ;
}
#footer-h-pb a:hover {
    background-image : url(../img/footer_help_portable_o.gif) ;
}
#footer-h-pb a:link img {
    visibility : visible ;
    border-style : none ;
}
#footer-h-pb a:hover img {
    visibility : hidden ;
    border-style : none ;
}
#footer-h-ps a {
	display : block;
	width : 80px;
	height : 81px;
	margin-right: auto;
	margin-left: auto;
	background-repeat : no-repeat;
	background-position : center center;
}
#footer-h-ps a:link {
    background-image : url(../img/footer_help_post.gif) ;
}
#footer-h-ps a:hover {
    background-image : url(../img/footer_help_post_o.gif) ;
}
#footer-h-ps a:link img {
    visibility : visible ;
    border-style : none ;
}
#footer-h-ps a:hover img {
    visibility : hidden ;
    border-style : none ;
}
#copy {
	text-align: center;
	clear: both;
	font-size: 10px;
	color: #666666;
	padding-top: 20px;
	padding-bottom: 20px;
}

#series-box3 table {
	width: 580px;
	margin: 0;
	padding: 0;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #c2c9cb;
	margin-bottom: 10px;
	border-right-width: 0;
	border-bottom-width: 0;
}
#series-box3 td {
	width: 33%;
	border-right-width: 1;
	border-right-style: dotted;
	border-right-color: #c2c9cb;
	padding-left: 10px;
}
.small-font {
	font-size: 10px;
}
.sale {
	font-weight: bold;
	color: #E1058C;
}
#nav li a {
	display:inline-block;
}


#main-bnr li a {
	display:inline-block;
}
#footer-img-flow li a {
	display:inline-block;
}
/* ie6.7 */

.box h3 {
	background-image : url(../img/main_box_h3.gif);
	height: 25px;
	width: 558px;
	padding-top: 9px;
	padding-left: 22px;
	font-size: 12px;
}

/* first */
#first-box a {
	color: #ff5600;
}
#first-box li {
	display:inline-block;
	vertical-align:top;
	width: 185px;
	margin-bottom: 10px;
}
#first-box li img {
	margin-bottom: 5px;
}
* html #first-box li { /* IE 6 */
display:inline;
zoom:1;
}
*:first-child+html #first-box li { /* IE 7 */
display:inline;
zoom:1;
}
ul#t1 #first-box li {
margin:0px;
}
.first-box-li-r {
	margin-right: 10px;
}

/* kouji */
#construction-box-12 {
	background-image : url(../img/construction_img_japan.gif);
	background-repeat: no-repeat;
	height: 210px;/*180px*/
	width: 260px;
	padding-right: 320px;
	background-position: right;
}
.page-top {
	clear: both;
	padding-bottom: 20px;
}
#const-box-11 {
	background-image : url(../img/construction_img_11_bg.jpg);
	height: 140px;
	width: 405px;
	padding-top: 90px;
	padding-left: 35px;
	padding-right: 140px;
	background-repeat: no-repeat;
}
#const-box-12 {
	background-image : url(../img/construction_img_12_bg.jpg);
	background-repeat: no-repeat;
	height: 140px;
	width: 315px;
	padding-top: 90px;
	padding-left: 35px;
	padding-right: 230px;
}
#const-box-13 {
	background-image : url(../img/construction_img_13_bg.jpg);
	background-repeat: no-repeat;
	height: 200px;
	width: 295px;
	padding-top: 90px;
	padding-left: 35px;
	padding-right: 250px;
}
.kouji-table table {
	margin-bottom: 15px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #c0c0c0;
	border-left-color: #c0c0c0;
}
.kouji-table th {
	background-color: #777777;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
	padding-top: 6px;
	padding-bottom: 6px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #c0c0c0;
	border-bottom-color: #c0c0c0;
}
.kouji-table td {
	padding-top: 10px;
	padding-bottom: 10px;
}
.k-t-00 {
	padding-right: 10px;
	padding-left: 10px;
}
.k-t-01 {
	padding-right: 10px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c0c0c0;
}
.k-t-02 {
	padding-right: 10px;
	padding-left: 10px;
	text-align: left;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #c0c0c0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c0c0c0;
}
.k-t-03 {
	padding-right: 10px;
	padding-left: 10px;
	text-align: center;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #c0c0c0;
	font-weight: bold;
	color: #e1058c;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c0c0c0;
}
.k-t-04 {
	padding-right: 10px;
	padding-left: 10px;
	text-align: center;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #c0c0c0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c0c0c0;
}
.small {
	font-size: 10px;
}

.red {
	color: #FF3333;
}
.bold {
	font-weight: bold;
}

/* past */
.main-box-past h3 {
	background-image : url(../img/main_box_h3.gif);
	height: 25px;
	width: 558px;
	padding-top: 9px;
	padding-left: 22px;
	font-size: 12px;
	}
.main-box-past a {
	color: #ff5600;
}
.red-12 {
	color: #d90e0e;
}

/* top-info */
#top-info {
	width: 580px;
	margin-bottom: 10px;
}
#top-info a {
	color: #ff4200;
}
#top-info li {
	background-image: url(../img/list_mark.gif);
	background-repeat: no-repeat;
	background-position: 0px center;
	padding-left: 12px;
}
#top-info dt {
	background-image: url(../img/list_mark.gif);
	background-repeat: no-repeat;
	background-position: 0px center;
	padding-left: 12px;
	font-weight: bold;
}
#top-info dd {
	padding-left: 83px;
	padding-bottom: 5px;
}
#top-info span {
	font-weight: normal;
}
dd iframe {
    padding: 1% 0;
}
dd iframe:hover {
opacity: 0.8;
}


#side2 a#side-sp {
	background: url(/img/side_b/sp.jpg);
	width:180px;
	height:120px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	margin-bottom: 10px;
}
#side2 a#side-sp:hover {
    background-position:left bottom;
}

/* new search */
#s-search2 {
	background-image : url(/img/side_a/side_search_bg.gif);
	background-repeat: repeat-y;
	padding: 6px 10px 0 10px;
}
.s-search2-box {
	color: #333333;
	margin: 2px 0px 6px 0px;
}

/* 年末年始のお知らせ */
#year-holiday{
padding:10px 5px 5px 5px;
border:2px #CCCCCC solid;
text-align:center;
font-size:10px;
color:#333;
overflow:hidden;
line-height:150%;
margin-bottom:10px;
}

#year-holiday span{
	font-weight:bold;
	font-size:12px;
	color:#000;
	}
/* 年末年始のお知らせ */

.p-text-box-3 {
	overflow: auto;   /* スクロール表示 */
	width: 543px;
	height: 150px;
	border: 1px solid #abadb3;
	padding:15px;
}

/*給湯器追加分181023*/
div.main3box_container {
  display: flex;
  justify-content: space-between;
}
div.main3box_one {
  width: 181px;
  border: #cc0000 3px solid;
  border-style: solid solid hidden;
  position: relative;
}
div.box_ecojose_ver {
  border: #0b60b0 3px solid;
  border-style: solid solid hidden;
}
div.main3box_one:nth-of-type(2) {
  margin: 0 0 0 1px;
}
div.main3box_one img.ecojose_ver {
  padding: 5px 20px 0 0;
  margin-bottom: 5px;
}
div.main3box_one:hover .item {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
div.main3box_one:hover .box3_on {
  -webkit-filter: brightness(1.1);
  -moz-filter: brightness(1.1);
  -o-filter: brightness(1.1);
  -ms-filter: brightness(1.1);
  filter: brightness(1.1);
}
.main3box_one a {
  display: inline-block;
  text-decoration: none;
  text-align: center;
  width: 100%;
}
/*乗せてる%オフ*/
.box3_on {
  position: absolute;
  bottom: 30px;
  right:3px;
  margin: 0 0 10px 0;
}
/*品番のとこ*/
div.box3_hinban {
  /*  position: relative;*/
  vertical-align: middle;
  height: 30px;
  line-height: 29px;
  color: #fd3700;
  font-weight: bold;
  color: #f73a14;
  margin: 3px 0  0 ;
  padding-top: 4px;
  background: linear-gradient(to bottom, #ffffff 0%,#f5f5f5 49%,#EAEAEA 50%,#EAEAEA 100%);
  border:1px solid #e3e4e8;
  border-style: solid hidden hidden;
}
div.main3box_one:hover .box3_hinban {
  color: #fff;
  background: linear-gradient(#ff6534 0%, #ff652f 50%, #ff3001 50%, #ff3300 100%);
}
.small-font12 {
  font-size: 12px;
}
/*工場の取り組み表追加1128*/
#contents .service_i_table table {
  width: 100%;
  margin: 3% auto;
}
.service_i_table table tr,
.service_i_table table th,
.service_i_table table td {
  border: 1px solid #ccc;
  border-collapse: collapse;
  text-align: center;
  padding: 1% 0;
}
.service_i_table table td img {
  width: 80%;
}
.service_i_table table td img:hover {
  border: 5px solid orange;
  cursor : pointer;
/*  border-radius: 5%;*/
}
.service_i_table table td img:hover {
  margin: -5px;
}
.service_i_table table th.title1 {
  background-color: #f6f6f6;
  font-size: 1.2em;
  font-weight: bold;
}
.service_i_table table th.title2 {
  font-size: 1.1em;
}
.service_i_table table td {
  padding: 2% 0;
}

/* footer-info */
.footer-info {background: #d3d3d3;border-radius:5px;padding-top:1px}
.footer-info h4 {
    text-align: center; margin: 3px;padding: 8px 0; font-size: 16px;color: #fff;text-shadow:0 -1px #1a6ea0;
    background-image:-moz-linear-gradient(top,#4bbaeb 0%,#4bbaeb 40%,#4bbaeb 52%,#02aeeb);
    background-image:-webkit-gradient(linear,left top,left bottom,from(#4bbaeb),color-stop(0.49,#4bbaeb),color-stop(0.52,#4bbaeb),to(#02aeeb));
    border-radius: 5px 5px 0 0 / 5px 5px 0 0;-webkit-border-radius: 5px 5px 0 0 / 5px 5px 0 0;-moz-border-radius: 5px 5px 0 0 / 5px 5px 0 0;
}
.footer-info-box {width: 305px; background: #fff;border-radius:5px;margin: 0;padding: 5px;overflow: hidden;}
#footer-info-vessel {width:970px;margin: 0 auto;padding: 5px 0 10px 10px;column-count: 3;column-gap: 0;}
@supports (-ms-ime-align: auto) {
  /* Edge のみ適用 */
    #footer-info-vessel {width:970px;height:765px;}
}

/* IE8-11 のみ適用 */
    .footer-info h4 {background:-ms-linear-gradient(top, #4bbaeb, #02aeeb);}
    #footer-info-vessel {width:970px;}

.footer-info li {margin:0 5px 5px 0;-webkit-column-break-inside: avoid;page-break-inside: avoid;break-inside: avoid;}
.footer-info-box-line {width: 100%;padding: 0.7em 0.5em 0.5em 0.7em;border: 1px solid #e0dfde;box-sizing:border-box;position: relative;}
.footer-info-box-line h5 {font-size: 14px;padding: 0.3em 0.6em;margin-bottom: 0.5em;border-left: solid 4px #02aeeb;}
.footer-info-box-btn {
width:40px;font-size:11px;font-weight:bold;text-decoration:none;display:block;text-align:center;padding:3px 0 2px 0;border-radius:5px;position: absolute;top: 10px;right: 11px;color: #fff;
background: #4c4c4c; /* Old browsers */
background: -moz-linear-gradient(top, #4c4c4c 0%, #474747 16%, #1c1c1c 80%, #131313 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #4c4c4c 0%,#474747 16%,#1c1c1c 80%,#131313 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #4c4c4c 0%,#474747 16%,#1c1c1c 80%,#131313 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-9 */
}
.footer-info-box-btn a {width: 40px;height: 23px;}
.footer-info-details-box a:hover, .footer-info-details-box a:visited {color: #fff !important;text-decoration:none;}
.footer-info-box-line p {font-weight:bold;line-height: 1.7em;padding-bottom:4px;}
.footer-info-box-line strong {font-weight:bold; font-size: 26px}
.font-orange {color: #ff4100;}
.font-gray {color: #656565;font-size: 11px;line-height:1.5em;}

/* PC用 */
@media screen and (min-width: 561px) {

  /* 工事費の価格表 */
  div.price-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
		background-color: #f1f1f1;
		border: 1px solid #c2c3c3;
    padding: 15px;
    border-radius: 5px;
    margin-bottom: 10px;
	}
	div.price-list div.price-column ul {
		width: 170px;
		border: 1px solid #c2c3c3;
		background-color: #ffffff;
		margin-bottom: 10px;
	}
  div.price-list div.price-column ul:last-child {
    margin: 0;
  }
	div.main-box-c div.price-list li {
    display: block;
		width: 170px;
    margin: 0;
		border-bottom: 1px dotted #c2c3c3;
	}
	div.main-box-c div.price-list li:last-child {
		border: none;
	}
	div.price-list div.button {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		width: 96%;
		margin: 0 auto;
	}
  div.price-list div.button a img:hover {
		opacity: 0.8;
	}
}

/* スマホ用 */
@media screen and (max-width: 560px) {
  a img.np-img {
    width: 100%;
  }
  #contents .service_i_table table {
    width: 96%;
    padding: 2%;
    margin: 5% auto;
  }
  .service_i_table table td img {
    width: 90%;
  }
  .service_i_table table td img:hover {
    border: 3px solid orange;
  }
  .service_i_table table td img:hover {
    margin: -3px;
  }

  /* footer */
  .br-sp { display:none; }
  #footer-info-vessel {width:100%;margin: 0 auto;padding: 2% 0 2% 2%;column-count: 1;column-gap: 0;}
  .footer-info-box {width: 93.3%; background: #fff;border-radius:5px;margin: 0;padding: 5px;overflow: hidden;display: block;}
  .footer-info-box-line p {font-size: 3.5vw;font-weight: normal;line-height: 1.3em;padding-bottom:4px;}
  .footer-info-box-line strong {font-weight:bold;font-size: 3.5vw;}
  .font-gray {line-height:1.3em;}

	/* 工事費の価格表 */
  div.price-list {
    background-color: #f1f1f1;
    border: 1px solid #c2c3c3;
    padding: 1%;
    border-radius: 5px;
    margin-bottom: 10px;
    overflow: hidden;
	}
  div.price-list div.price-column {
    width: 100%;
  }
	div.price-list div.price-column ul {
		background-color: #ffffff;
    display: inline;
	}
	div.main-box-c div.price-list li {
    display: block;
    width: 46%;
    float: left;
    border: 1px solid #c2c3c3;
    margin: 1.6%;
		background-color: #ffffff;
	}
  div.main-box-c div.price-list li img {
    width: 100%;
  }
	div.price-list div.button {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		padding: 1% 2%;
	}
	div.price-list div.button a {
		width: 48%;
	}

}