@charset "UTF-8";

body#hotwater{
background-color:#c8ddea;
}


body#hotwater #main_body #main a{
color:#305d79;/**products color deep**/
}


#main_body #pagelink {
width:920px;
padding:10px 20px;
}
#main_body #pagelink a.pagelink01{
background:url(../hotwater_images/pagelink01.gif) no-repeat;
width:150px;
height:15px;
display:block;
text-indent:-9999px;
margin:0 20px 40px 0;
float:left;
}

#main_body #pagelink a.pagelink02{
background:url(../hotwater_images/pagelink02.gif) no-repeat;
width:105px;
height:13px;
display:block;
text-indent:-9999px;
margin:0 0 40px 0;
}

/* 2011/0604 追加 */
#main_body #pagelink a.pl_tp{background:url(../hotwater_images/a_pl_tp.jpg) no-repeat; width:111px; height:15px; display:block; text-indent:-9999px; margin:0 20px 40px 0; float:left;}
#main_body #pagelink a.pl_dhm{background:url(../hotwater_images/a_pl_dhm.jpg) no-repeat; width:53px; height:15px; display:block; text-indent:-9999px; margin:0 20px 40px 0; float:left;}
#main_body #pagelink a.pl_dhc{background:url(../hotwater_images/a_pl_dhc.jpg) no-repeat; width:50px; height:15px; display:block; text-indent:-9999px; margin:0 20px 40px 0; float:left;}
#main_body #pagelink a.pl_djc{background:url(../hotwater_images/a_pl_djc.jpg) no-repeat; width:43px; height:15px; display:block; text-indent:-9999px; margin:0 20px 40px 0; float:left;}
#main_body #pagelink a.pl_spec{background:url(../hotwater_images/a_pl_spec.jpg) no-repeat; width:87px; height:15px; display:block; text-indent:-9999px; margin:0 20px 40px 0; float:left;}
#main_body #pagelink a.pl_st{background:url(../hotwater_images/a_pl_st.jpg) no-repeat; width:45px; height:15px; display:block; text-indent:-9999px; margin:0 20px 40px 0; float:left;}
#main_body #pagelink a.pl_gr{background:url(../hotwater_images/a_pl_gr.jpg) no-repeat; width:55px; height:15px; display:block; text-indent:-9999px; margin:0 0 40px 0; float:left;}
#main_body #pagelink a.pl_water{background:url(../hotwater_images/b_hotwater.jpg) no-repeat; width:300px; height:80px; display:block; text-indent:-9999px; margin:0 0 15px 0; float:right;}

#main_body h3{border-bottom:#666666 1px dotted; margin-bottom:15px; padding:0 0 7px 0;}
#main_body h3.h3_read{border-bottom:none; margin-bottom:15px; padding:0;}
#main_body ul{margin:0 0 15px 15px;}

#main_body .dot_line{border-top:dotted 1px #a0a1a3; margin:15px 0 0 0; padding:0; width:920px; height:15px; clear:both;}

#main_body .dot_waku{background:url(../hotwater_images/dot_box_bk.jpg) repeat-y 0 0; width:920px;}
#main_body .dot_l{width:223px; float:left; text-align:center; margin:0; padding:0;}
#main_body .dot_r{width:681px; float:right; text-align:left; margin:0; padding:0;}
#main_body #main .dot_l p,#main_body #main .dot_r p{margin:0 0 10px 0; padding:0;}
#main_body .item_l{width:439px; float:left; text-align:left; margin:0; padding:0;}
#main_body .item_r{width:223px; float:right; text-align:right; margin:0; padding:0;}
.mr11{margin-right:11px;}
/*  */

/* 2011/06/29 追加  */

.waku_g{margin-bottom:15px; padding:5px; border:1px #dddddd solid; background:#eeeeee;}
.waku_g a{color:#305d79; font-weight:bold;}

/*  */

#main_body #main{
padding:0 20px;
}

#main_body #main .dot_box{
border-bottom:dotted 1px #a0a1a3;
margin-bottom:20px;
padding-bottom:20px;
}



#main_body #main .dot_box h2#hot01{
background:url(../hotwater_images/h2_01.gif) no-repeat;
width:920px;
height:38px;
text-indent:-9999px;
margin:0 0 20px;
}

#main_body #main .dot_box h2#hot02{
background:url(../hotwater_images/h2_02.gif) no-repeat;
width:920px;
height:38px;
text-indent:-9999px;
margin:0 0 20px;
}
#main_body #main .dot_box h3.read{

margin:0 0 20px 7px;
}
#main_body #main .dot_box h3.read02{
background:url(../hotwater_images/h3_read02.gif) no-repeat;
width:261px;
height:68px;
text-indent:-9999px;
margin:0 0 20px 7px;
float:left;

}


/* main_body #main .dot_box .readbox{
width:590px;
margin:0 0 0 7px;
display:block;
float:left;
} */


/* 2010/0604 追加 */

#main_body #main .dot_box .readbox{
width:670px;
margin:0 0 0 7px;
display:block;
float:left;
}

/* */

#main_body #main .dot_box p.read{


}


#main_body #main .dot_box p.read02{
width:600px;
margin:0 0 0 300px;
display:block;
}
#main_body #main .dot_box .read_pic{
margin:0 0 0 0;
float:right;
}
#main_body #main .dot_box .pic{
float:left;
width:225px;
}
#main_body #main .dot_box .pic2{
float:right;
}
#main_body #main .dot_box .pic p{
font-size:10px;
margin:5px 0;

}

#main_body #main .dot_box .text{
padding:10px 0 0 0;
margin:0 0 0 0;
width:350px;
float:left;
}
#main_body #main .dot_box .text h4{
margin:0 0 20px 0;
}




#main_body #main .dot_box .text p.kw{
margin:0 0 14px;
}
#main_body #main .dot_box .text h4.name{
margin:0 0 8px;
}
#main_body #main .dot_box .text h5.copy{
margin:0 0 20px;
}



a.pdf{
display:block;
background:url(../../products/hotwater_images/pdf_download.gif) no-repeat;
width:170px;
height:25px;
margin:0 0 0 0;
text-indent:-9999px;/**/
}


a.pdf:hover{
background:url(../../products/hotwater_images/pdf_download.gif) no-repeat 0 -25px;
}



/*******Spec Table***********/
table.spec{
width:920px;
background:#fff;
margin-bottom:10px;
}
table.spec th{
font-weight:normal;
padding:7px 3px;
vertical-align:center;
text-align:center;
border-bottom:#cfd0d1 solid 1px;
white-space:nowrap;
}
table.spec th.gray{
background:#edeeef;
text-align:left;
vertical-align:top;
font-weight:bold;
}
table.spec th.title{
color:#fff;
background:#70bae8;
font-weight:bold;
border-bottom:#fff solid 1px;
border-left:#fff solid 1px;
}
table.spec th.name{
color:#305d79;
background:#d4eaf8;
font-weight:bold;
background:#cae9e7;
border-bottom:#fff solid 1px;
border-left:#fff solid 1px;
}
table.spec td{
padding:7px 2px;
text-align:center;
border-bottom:#cfd0d1 solid 1px;
border-left:#cfd0d1 dotted 1px;
} 

table.spec td.dot{
border-bottom:#cfd0d1 dotted 1px;
} 

p.att{
font-size:10px;
line-height:1.2em;
}






/****************調整*********************/
.w_auto{
width:auto!important;
}