@charset "utf-8";
/* CSS Document */

/* 初期化　*/
html, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-style:normal;
	font-weight: normal;
	font-size: 100%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

html{
    overflow-y: scroll;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

input, textarea,{
	margin: 0;
	padding: 0;
}

ol, ul{
    list-style:none;
}

table{
    border-collapse: collapse; 
    border-spacing:0;
}

caption, th{
    text-align: left;
}

a:focus {
	outline:none;
}


.clearfix:before,
.clearfix:after {
	content:"";
	display:table;
}
.clearfix:after {clear:both;}
.clearfix {zoom:1;}


.both{
	clear:both;
}
/*body*/
body{
	margin: 0;
	padding: 0;
	height:100%;
	border: 0;
	font-style:normal; color:#7a7878;
	font-weight: normal;
	font-size: 100%;
	vertical-align: baseline;
	text-align:center;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


/* end */


/*全体*/

#wrapper{
	width: 1000px;
	text-align: center;
	margin:0 auto;
	}



/*ヘッダー*/	
#header{
	width: 1000px;
	margin: 0 auto;
}


#h_inner{
	width:1000px;
	margin:0 auto;
text-align:left;
font-size:11px;
position:relative;}


.logo{
	text-align:left;
	position:absolute;
	top:13px;}
	
h1{
	position:absolute;
	top:61px;
	left:230px;}
	
h2{font-size:20px;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-weight:bold;
	color:#369dcb;
	text-align:right;
	position:absolute;
	top:133px;
	right:37px;}

h3{ font-size:20px;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-weight:bold;
	color:#369dcb;
	text-align:right;
	position:absolute;
	top:133px;
	right:37px;}
	
h4{ font-size:20px;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-weight:bold;
	color:#369dcb;
	text-align:right;
	position:absolute;
	top:133px;
	right:37px;}
	
h5{ font-size:20px;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-weight:bold;
	color:#369dcb;
	text-align:right;
	position:absolute;
	top:133px;
	right:37px;}
	
.t_call{
	position:absolute;
	top:13px;
	left:575px;}

.kv{
	text-align:left;
	position:absolute;
	top:87px;}

.kv_at{
	text-align:right;
	position:absolute;
	top:133px;
	right:37px;}

/*メイン */

#main{
	width:930px;
	position:relative;
	margin-left:35px;
	font-size:12px;}
	
.item_link{
	margin-top:-65px;
	}
.item_link a:hover{
	background-image:url(../images/item_m.png);}

#maker_top{
width:930px;	
margin:30px auto 25px;}
	
#maker_top ul{
width:930px;
margin-top: 0;
margin-bottom: 0;
margin-left: 63px;
margin-raight:55px;
}

#maker_top li{
float:left;
margin-right: 70px;

}

hr.top{
	border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
	width:930px;}


.footer_tx2{
	color:#dd0101;
	font-size:32px;
	font-weight:bold;
	font-family:"ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin-top:15px;
	margin-bottom:5px;
}

.footer_tx3{color:#dd0101;
	font-size:12.5px;
	}
	

	
#sidenavi{
	position:absolute;
width:165px;
float:left;
margin-top:-32px;
margin-left:20px;

	
	}	
	


#sidenavi ul{
	width:165px;
	height:332px;
	margin:0;
	overflow:hidden;

}

#sidenavi ul li{
	list-style-type:none;
	background-image:url(../images/s_navi.gif);
	background-repeat: no-repeat; 
	text-indent:-9898px;  
	text-decoration: none;
}


#sidenavi ul li a{
	text-indent:-9898px; 
	text-decoration: none;  
	display: block;  
	width: 165px;  
	height: 56px;
	background-image:url(../images/s_navi.gif);
	background-repeat: no-repeat;  
}

#sidenavi li a.top { background-position: -165px 0px;
padding-bottom:13px;}   
#sidenavi li a.kyutouki { background-position: -165px -68px;
padding-bottom:13px; }  
#sidenavi li a.point { background-position: -165px -138px;
padding-bottom:13px;}  
#sidenavi li a.contact { background-position: -165px -207px;
padding-bottom:13px; }  
#sidenavi li a.company { background-position: -165px -276px; } 



#sidenavi ul li a.top:hover { background-position: 0px 0px; }   
#sidenavi ul li a.kyutouki:hover { background-position: 0px -68px; }  
#sidenavi ul li a.point:hover { background-position: 0px -138px; }   
#sidenavi ul li a.contact:hover { background-position: 0px -207px; }  
#sidenavi ul li a.company:hover { background-position: 0px -276px; } 

#sidenavi li.top {  height: 56px;background-position: 0px 0px;background-image:url(../images/s_navi.gif)  no-repeat; padding-bottom:13px;
 }   
#sidenavi ul li.kyutouki { height: 56px; background-position: 0px -68px;background-image:url(../images/s_navi.gif)  no-repeat; padding-bottom:13px; }  
#sidenavi ul li.point {  height: 56px;background-position: 0px -138px;background-image:url(../images/s_navi.gif)  no-repeat; padding-bottom:13px;
}   
#sidenavi ul li.contact {  height: 56px; background-position: 0px -207px;background-image:url(../images/s_navi.gif)  no-repeat; padding-bottom:13px;
}  
#sidenavi ul li.company {height: 56px;  background-position: 0px -276px;background-image:url(../images/s_navi.gif)  no-repeat; padding-bottom:13px;
 } 
	
#content{
width:750px;
height:auto;
float:right;
margin-right:15px;	
font-size:12px; padding-bottom:50px;
}

/*ガス給湯器*/


/*outo*/		
#menunavi,
#menunavi2,
#menunavi3 {
   width:750px;
   height:128px;
text-indent:-9898px;
margin-top:50px;
}
#menunavi li,
#menunavi2 li,
#menunavi3 li{
	float:left;
	 width:240px;
    height:128px;
		margin-right:10px;
}

#menunavi li a,
#menunavi2 li a,
#menunavi3 li a {
    display:block;
    width: 240px;
    height:128px;
    background-image: url(../images/item_navi.gif);
    background-repeat: no-repeat;
}
#menunavi li.outo,
#menunavi2 li.outo,
#menunavi3 li.outo {
  background: url(../images/item_navi.gif) no-repeat;
}
#menunavi li a.outo:hover,
#menunavi2 li a.outo:hover,
#menunavi3 li a.outo:hover {
  background-position: 0 0;
}
#menunavi li a.outo,
#menunavi2 li a.outo,
#menunavi3 li a.outo {
  background-position: 0 -129px;
}




#menunavi li.kyuyu,
#menunavi2 li.kyuyu,
#menunavi3 li.kyuyu {
  background: url(../images/item_navi.gif) no-repeat;
    background-position: -254px 0;
}

#menunavi li a.kyuyu:hover,
#menunavi2 li a.kyuyu:hover,
#menunavi3 li a.kyuyu:hover {
    background-position: -254px 0;
}
#menunavi li a.kyuyu,
#menunavi2 li a.kyuyu,
#menunavi3 li a.kyuyu {
    background-position: -254px -129px;
}





#menunavi li.q_outo,
#menunavi2 li.q_outo,
#menunavi3 li.q_outo {
   background: url(../images/item_navi.gif) no-repeat;
   background-position: -509px 0;
}
#menunavi li a.q_outo:hover,
#menunavi2 li a.q_outo:hover,
#menunavi3 li a.q_outo:hover {
    background-position: -509px 0;
}
#menunavi li a.q_outo,
#menunavi2 li a.q_outo,
#menunavi3 li a.q_outo {
    background-position: -509px -129px;
}



.k_kv{

margin-top:38px;}	

	
	
.senyou{
	margin-top:1190px;}
	
.q-outo{
	margin-top:2320px;}
	
	
	
/*コンタクト*/

#contact{
	width:590px;
	font-size:12px;
	text-align:left;
	float:right;margin-top:55px; margin-right:100px;}
	
/*.form{position:relative;
height:880px;
	border:2px #00aae7 solid;
	 border-radius: 4px; 
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
margin-bottom:75px;}*/

.read{
	position:relative;
height:840px;
	border:1px #ababab solid;
	 border-radius: 4px; 
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
margin-bottom:75px;
line-height:15px;
}
	

.frame{ width:160px;
height:25px;
margin-top:35px;
margin-left:55px;
border:2px #4bb6e7 solid;
	 border-radius: 4px; 
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
background-color: #4bb6e7;
padding:5px 5px 5px 5px;
float:left;}

.frame_j{ width:160px;
height:25px;
margin-top:35px;
margin-bottom:10px;
margin-left:55px;
border:2px #4bb6e7 solid;
	 border-radius: 4px; 
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
background-color: #4bb6e7;
padding:5px 5px 5px 5px;
float:left;}

.frame1{
	 height:35px;
	 padding:0px 0 39px;}
.frame2{
	 height:35px;
	 padding:0px 0 39px;}
.frame3{
	 height:35px;
	 padding:0px 0 39px;
	 margin-bottom:10px;}
 .frame4{
	 height:35px;
	 padding:0px 0 39px;}
.frame5{
	 height:35px;
	 padding:0px 0 39px;}
.frame6{
	 height:35px;
	 padding:0px 0 39px;}
.frame7{
	 height:35px;
	 padding:0px 0 39px;}
.frame8{
	 height:35px;
	 padding:0px 0 39px;}

.cap{margin-left:35px;
	margin-top:30px;
	color:#454545;
	font-size:14px;
	font-weight:bold;
	}

.f1{ color:white;
	width:160px;
	font-weight:bold;
}

.f2 { position:absolute;
margin-top:35px;
margin-left:270px;
	width:350px;
	float:right;
	}

.f3{ width:160px;
height:190px;
margin-top:35px;
margin-left:55px;
border:2px #4bb6e7 solid;
	 border-radius: 4px; 
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
background-color: #4bb6e7;
padding:5px 5px 5px 5px;
float:left;}


.wid01{width:200px;}

.wid02{width:250px;
height:200px;}
.wid03{width:250px;
height:50px;}
.wid01{width:200px;}


.sabmit{
	position:absolute;
	margin-top:790px;
	text-align:center;
	width:590px;
	}
	
	
/*概要*/
#company{
	position:relative;
width:650px;
height:auto;
float:right;	
font-size:14px; padding-bottom:0px;
margin-top:51px;
margin-right:80px;
}

.t1{ position:absolute;
color:#4bb6e7;
font-weight:bold;
float:left;
left:80px;
padding-top:5px;
padding-bottom:12px;}

.t2{
	float:left; 
	margin-left:300px;
padding-top:5px;
padding-bottom:12px;}

.t3{ text-align:left;
	float:left; 
	margin-left:300px;
padding-top:5px;
padding-bottom:12px;}

/*hr.box {
   border-bottom: 2px dotted #4bb6e7;
   padding-bottom:14px;
   padding-top:14px;
   height:2px;
   border:none;
}
*/

/*フッター*/


hr.ftl {
	margin-bottom:25px;
	border:none;
height: 4px;
width:100%;
background-color:#93dcfd;
}

#footer{
	width:100%;
	font-size:12px;
	height:100%;
	background-color:#93dcfd;
	text-align:center;
 margin-top:25px;

	}

#f_navi{
	clear:both;
	padding-top:25px;
	padding-bottom:25px;
	}	

#f_navi ul{
	width:600px;
	margin: 0 auto;
	}

#f_navi li{
	_display:inline;
	display:inline-block;
	line-height:25px;
	background:url(../images/icon.png) no-repeat 5px 0;
	}
	
#f_navi li a{ 
color:#7a7878;
padding:0 11px 0 25px;
text-decoration:none;
}
	
#f_navi li a:hover{
color:#369dcb;
}
	
.copyright{
	color:white;
	font-size:9.5px;
	padding-bottom:100px;
	padding-top:20px;}
	
.footer_navi{
	position:absolute;
	float:left;}