﻿@charset "UTF-8";
<!--
/*ランキング用*/

.rank a{
overflow:hidden;
display:block;
width:80px;
height:19px;
background:url(img/top/rank.png) no-repeat top left;

text-indent:100%;
white-space:nowrap;
}

.rank.eco_off a{
background-position: 0 -78px;
position:absolute;top:10px;left:440px
}

.rank.eco_off a:hover{
background-position: 0 -117px;
}

.rank.IH_off a{
background-position: 0 0;
position:absolute;top:10px;left:525px
}

.rank.IH_off a:hover{
background-position: 0 -39px;
}

.rank.solar_off a{
background-position: 0 -156px;
position:absolute;top:10px;left:610px
}

.rank.solar_off a:hover{
background-position: 0 -195px;
}

.rank_eco_on{
overflow:hidden;
display:block;
width:80px;
height:19px;
background:url(img/top/rank.png) no-repeat top left;
background-position: 0 -117px;
text-indent:100%;
white-space:nowrap;
position:absolute;top:10px;left:440px
}

.rank_IH_on{
overflow:hidden;
display:block;
width:80px;
height:19px;
background:url(img/top/rank.png) no-repeat top left;
background-position: 0 -39px;
text-indent:100%;
white-space:nowrap;
position:absolute;top:10px;left:525px
}

.rank_solar_on{
overflow:hidden;
display:block;
width:80px;
height:19px;
background:url(img/top/rank.png) no-repeat top left;
background-position: 0 -195px;
text-indent:100%;
white-space:nowrap;
position:absolute;top:10px;left:610px
}


/*エコめがね*/
#ecomegane{
width:705px;
height:125px;
text-indent:-9999px;
background: url(img/top/ecomegane.jpg) no-repeat;
}
#ecomegane a{
width:705px;
height:125px;
display:block;
}
#ecomegane a:hover{
background: url(img/top/ecomegane2.jpg) no-repeat;
}

/*オンライン監視*/
#kanshi{
width:705px;
height:125px;
text-indent:-9999px;
background: url(img/top/kanshi.jpg) no-repeat;
}
#kanshi a{
width:705px;
height:125px;
display:block;
}
#kanshi a:hover{
background: url(img/top/kanshi2.jpg) no-repeat;
}

/*訪問販売*/
#houmon{
width:705px;
height:155px;
text-indent:-9999px;
background: url(img/top/houmon.png) no-repeat;
}
#houmon a{
width:705px;
height:155px;
display:block;
}
#houmon a:hover{
background: url(img/top/houmon2.png) no-repeat;
}

/*ガス給湯器*/
#kyutoki{
width:705px;
height:145px;
text-indent:-9999px;
background: url(img/top/kyutoki1.jpg) no-repeat;
}
#kyutoki a{
width:705px;
height:145px;
display:block;
}
#kyutoki a:hover{
background: url(img/top/kyutoki2.jpg) no-repeat;
}

/*当社の強み*/
#tsuyomi{
width:705px;
height:200px;
text-indent:-9999px;
background: url(img/top/tsuyomi1.jpg) no-repeat;
}
#tsuyomi a{
width:705px;
height:200px;
display:block;
}
#tsuyomi a:hover{
background: url(img/top/tsuyomi2.jpg) no-repeat;
}

/*オール電化機器の選び方*/
#denka_select{
width:705px;
height:100px;
text-indent:-9999px;
background: url(img/top/denka_select1.jpg) no-repeat;
}
#denka_select a{
width:705px;
height:100px;
display:block;
}
#denka_select a:hover{
background: url(img/top/denka_select2.jpg) no-repeat;
}

/*太陽光発電の選び方*/
#choose{
width:705px;
height:100px;
text-indent:-9999px;
background: url(img/solar_list/choose.jpg) no-repeat;
}
#choose a{
width:705px;
height:100px;
display:block;
}
#choose a:hover{
background: url(img/solar_list/choose2.jpg) no-repeat;
}

/*延長保証*/
#extension{
width:705px;
height:100px;
text-indent:-9999px;
background: url(img/top/extension1.jpg) no-repeat;
}
#extension a{
width:705px;
height:100px;
display:block;
}
#extension a:hover{
background: url(img/top/extension2.jpg) no-repeat;
}

/*オリコリフォームローン*/
#orico_loan{
width:705px;
height:100px;
text-indent:-9999px;
background: url(img/top/orico_loan1.jpg) no-repeat;
}
#orico_loan a{
width:705px;
height:100px;
display:block;
}
#orico_loan a:hover{
background: url(img/top/orico_loan2.jpg) no-repeat;
}

/*省エネ住宅ポイント*/
#shouenepoint{
width:705px;
height:165px;
text-indent:-9999px;
background: url(img/top/shouenepoint1.jpg) no-repeat;
}
#shouenepoint a{
width:705px;
height:165px;
display:block;
}
#shouenepoint a:hover{
background: url(img/top/shouenepoint2.jpg) no-repeat;
}

/*省エネ住宅ポイント2*/
#shouenepoint2{
width:705px;
height:85px;
text-indent:-9999px;
background: url(img/top/shouenepoint2_1.jpg) no-repeat;
}
#shouenepoint2 a{
width:705px;
height:85px;
display:block;
}
#shouenepoint2 a:hover{
background: url(img/top/shouenepoint2_2.jpg) no-repeat;
}

/*蓄電池*/
#battery_banner{
width:705px;
height:133px;
text-indent:-9999px;
background: url(img/top/battery.jpg) no-repeat;
}
#battery_banner a{
width:705px;
height:133px;
display:block;
}
#battery_banner a:hover{
background: url(img/top/battery2.jpg) no-repeat;
}


/*低金利*/
#teikinri{
width:705px;
height:131px;
text-indent:-9999px;
background: url(img/top/teikinri.png) no-repeat;
}
#teikinri a{
width:705px;
height:131px;
display:block;
}
#teikinri a:hover{
background: url(img/top/teikinri3.png) no-repeat;
}



.rank_eco a{
overflow:hidden;
display:block;
width:207px;
height:148px;
background:url(img/top/rank_eco.png) no-repeat top left;

text-indent:100%;
white-space:nowrap;
}

.rank_eco.rank_eco1 a{
background-position: 0 0;
position:absolute;top:40px;left:10px
}

.rank_eco.rank_eco2 a{
background-position: -227px 0;
position:absolute;top:40px;left:242px
}

.rank_eco.rank_eco3 a{
background-position: -454px 0;
position:absolute;top:40px;left:474px
}

.rank_IH a{
overflow:hidden;
display:block;
width:207px;
height:146px;
background:url(img/top/rank_IH.png) no-repeat top left;

text-indent:100%;
white-space:nowrap;
}

.rank_IH.rank_IH1 a{
background-position: 0 0;
position:absolute;top:39px;left:13px
}

.rank_IH.rank_IH2 a{
background-position: -227px 0;
position:absolute;top:39px;left:245px
}

.rank_IH.rank_IH3 a{
background-position: -454px 0;
position:absolute;top:39px;left:477px
}

.rank_solar a{
overflow:hidden;
display:block;
width:213px;
height:159px;
background:url(img/top/rank_solar.png) no-repeat top left;

text-indent:100%;
white-space:nowrap;
}

.rank_solar.rank_solar1 a{
background-position: 0 0;
position:absolute;top:40px;left:10px
}

.rank_solar.rank_solar2 a{
background-position: -233px 0;
position:absolute;top:40px;left:242px
}

.rank_solar.rank_solar3 a{
background-position: -466px 0;
position:absolute;top:40px;left:474px
}

.rank5{
position:absolute;top:196px;left:27px;font-size:13px;line-height:18px
}

.rank6{
position:absolute;top:190px;left:40px;font-size:12px;line-height:16px
}

.rank6_2{
position:absolute;top:190px;left:27px;font-size:12px;line-height:16px
}


.rank7{
font-size:16px
}

.rank9{
position:absolute;top:196px;left:258px;font-size:13px;line-height:18px
}

.rank10{
position:absolute;top:190px;left:270px;font-size:12px;line-height:16px
}

.rank10_2{
position:absolute;top:190px;left:259px;font-size:12px;line-height:16px
}

.rank12{
position:absolute;top:196px;left:486px;font-size:13px;line-height:18px
}

.rank13{
position:absolute;top:190px;left:505px;font-size:12px;line-height:16px
}

.rank13_2{
position:absolute;top:190px;left:491px;font-size:12px;line-height:16px
}


.rank14{
font-size:10px;color:#898989
}

.top1{
background-color:#fff3ef;
}

.top2{
margin-top:10px;
width:945px;
position: relative;
}

.top2_2{
margin-top:10px;
width:945px;
position: relative;
height:2240px;
}

.top3{
position:absolute;
top:0px;
left:240px
}

.top4{
margin-top:8px
}

.top5{
position: relative;margin-top:8px
}

.top6{
position:absolute;top:45px;left:15px;font-size:12px;line-height:19px;
}

.top7{
color:#656464
}

.top8{
position:absolute;top:0px;right:0px;
}

.top9{
position: relative;
}
-->