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

nasluck bazero top CSS

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

/* favorite */
#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;
}


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

#content.top h2 {
width:760px;
height:55px;
margin:0 auto;
background:url(../image/top_h2.gif) no-repeat 5px 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:282px;
margin:0 auto 1px auto;
background:url(../image/top_img.jpg) 0 0 no-repeat;
position:relative;
}

#content.top div.main span {
display:block;
text-indent:-9999px;
}

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

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

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

/*
#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.reform{
padding:62px 0 0 0;
background:url(../image/banner_reform.jpg) no-repeat 0 0;
}
#content.top a.reform:hover{background:url(../image/banner_reform.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;}