@charset "shift_jis";
/* =========================================

nasluck sespa top CSS

============================================ */

#content.top div#favorite{
width:768px;
height:30px;
margin:0 46px 0 44px;
background:url(../image/top_h1.jpg) no-repeat 0 0;
overflow:hidden;
}

#content.top div#favorite a{
display:block;
float:right;
width:152px;
padding:30px 0 0 0;
}

#content.top div#favorite a:hover{
background:url(../image/bg_favorite_on.jpg) no-repeat 0 0;
}

#content.top h1{
width:768px;
height:134px;
margin:0 46px 0 44px;
padding:0;
text-indent:-9999px;
background:url(../image/top_h1.jpg) no-repeat 0 -30px;
}

#content.top h2{
width:760px;
height:55px;
margin:0 auto;
background:url(../image/top_h2.gif) no-repeat 10px 0;
overflow:hidden;
}

#content.top h2 span.text{
display:block;
padding:65px 0 0 0;
}

#content p{
text-align:left;
line-height:1.4;
}

/*------main(upper)------*/

#content.top div.main{
width:760px;
height:266px;
background:url(../image/top_img.jpg) 0 0 no-repeat;
position:relative;
}

#content.top a.special{
display:block;
width:380px;
height:52px;
background:url(../image/btn_special.gif) 0 0 no-repeat;
overflow:hidden;
position:absolute;
top:201px;
left:367px;
}

#content.top a.special:hover{
background:url(../image/btn_special.gif) 0 -52px no-repeat;
}

#content.top a.special span.text{
display:block;
padding:52px 0 0 0;
}

#content.top p.lead{
width:700px;
margin:0 auto 25px auto;
}

/*------navi
>>common.css------*/


/*------main2(lower)------*/

#content.top div.main2{
clear:both;
width:736px;
margin:0 auto;
padding:0 12px;
overflow:hidden;
}

#content.top div.outline{
float:left;
width:540px;
padding:0 0 15px 0;
border:1px solid #999;
background:#f6f6f6;
overflow:hidden;
position:relative;
}

#content.top div.outline img.leftfix{
float:left;
margin:0 10px 0 0;
}

#content.top div.outline a.btn_detail{
display:block;
width:162px;
height:22px;
background:url(../image/btn_detail.gif) no-repeat 0 0;
overflow:hidden;
position:absolute;
top:235px;
left:366px;
}

#content.top div.outline a.btn_detail span.text{
display:block;
padding:22px 0 0 0;
}

#content.top div.outline a.btn_detail:hover{background:url(../image/btn_detail.gif) no-repeat 0 -22px;}

/*tab*/

ul#tab{
width:540px;
height:30px;
}

ul#tab li,
ul#tab li a{
display:block;
float:left;
height:30px;
overflow:hidden;
}

ul#tab li#menu1.selected,ul#tab li#menu1.selected a,
ul#tab li#menu1.selected,ul#tab li#menu2.selected a,
ul#tab li#menu1.selected,ul#tab li#menu3.selected a,
ul#tab li#menu1.selected,ul#tab li#menu4.selected a,
ul#tab li#menu1 a,
ul#tab li#menu2 a,
ul#tab li#menu3 a,
ul#tab li#menu4 a{
width:135px;
}

ul#tab li#menu1.selected,ul#tab li#menu1.selected a{background:url(../image/tab.gif) no-repeat 0 -30px;}
ul#tab li#menu2.selected,ul#tab li#menu2.selected a{background:url(../image/tab.gif) no-repeat -135px -30px;}
ul#tab li#menu3.selected,ul#tab li#menu3.selected a{background:url(../image/tab.gif) no-repeat -270px -30px;}
ul#tab li#menu3.selected,ul#tab li#menu4.selected a{background:url(../image/tab.gif) no-repeat -405px -30px;}

ul#tab li#menu1 a{
padding:30px 0 0 0;
background:url(../image/tab.gif) no-repeat 0 0;
}

ul#tab li#menu2 a{
padding:30px 0 0 0;
background:url(../image/tab.gif) no-repeat -135px 0;
}

ul#tab li#menu3 a{
padding:30px 0 0 0;
background:url(../image/tab.gif) no-repeat -270px 0;
}

ul#tab li#menu4 a{
padding:30px 0 0 0;
background:url(../image/tab.gif) no-repeat -405px 0;
}

ul#tab li#menu1 a:hover{background:url(../image/tab.gif) no-repeat 0 -30px;}
ul#tab li#menu2 a:hover{background:url(../image/tab.gif) no-repeat -135px -30px;}
ul#tab li#menu3 a:hover{background:url(../image/tab.gif) no-repeat -270px -30px;}
ul#tab li#menu4 a:hover{background:url(../image/tab.gif) no-repeat -405px -30px;}

div#PAGE1,
div#PAGE2,
div#PAGE3,
div#PAGE4{
width:512px;
margin:14px auto 0 auto;
}

div#PAGE1 p,
div#PAGE2 p,
div#PAGE3 p,
div#PAGE4 p{
/*font-size:80%;*/
font-size:90%;
line-height:1.2;
letter-spacing:1px;
}

/*banner*/

#content.top ul.banner{
width:189px;
float:right;
}

#content.top ul.banner li{
margin:0 0 2px 0;
overflow:hidden;
}

#content.top ul.banner li.size62{height:62px;}
#content.top ul.banner li.size40{height:40px;}

#content.top a{
display:block;
width:189px;
}

#content.top a.color_simu{
padding:62px 0 0 0;
background:url(../image/banner_col.jpg) no-repeat 0 0;
}
#content.top a.color_simu:hover{background:url(../image/banner_col.jpg) no-repeat -189px 0;}

#content.top a.showroom{
padding:62px 0 0 0;
background:url(../image/banner_sho.jpg) no-repeat 0 0;
}
#content.top a.showroom:hover{background:url(../image/banner_sho.jpg) no-repeat -189px 0;}

#content.top a.pamphlet{
padding:62px 0 0 0;
background:url(../image/banner_pam.jpg) no-repeat 0 0;
}
#content.top a.pamphlet:hover{background:url(../image/banner_pam.jpg) no-repeat -189px 0;}

#content.top a.stainless{
padding:40px 0 0 0;
background:url(../image/banner_sta.jpg) no-repeat 0 0;
}
#content.top a.stainless:hover{background:url(../image/banner_sta.jpg) no-repeat -189px 0;}

#content.top a.eco{
padding:40px 0 0 0;
background:url(../image/banner_eco.jpg) no-repeat 0 0;
}
#content.top a.eco:hover{background:url(../image/banner_eco.jpg) no-repeat -189px 0;}

/*------footer------*/

#footer{
clear:both;
background:#ececec url(../image_cmn/bg_footer.gif) no-repeat 0 0;
}