@charset "shift_jis";

/*-------------- Header menu --------------*/
#head-crite {
margin:0px;
padding:0px;
width:780px;
height:190px;
background-image:url(../products/tile/img/headimg-crite.jpg);
background-repeat:no-repeat;
}

#head-iraka {
margin:0px;
padding:0px;
width:780px;
height:190px;
background-image:url(../products/tile/img/headimg-iraka.jpg);
background-repeat:no-repeat;
}

#head-salon {
margin:0px;
padding:0px;
width:780px;
height:190px;
background-image:url(../products/tile/img/headimg-salon.jpg);
background-repeat:no-repeat;
}

/*-------------- Header menu / crite menu03 --------------*/
ul#crite-m01 {
margin:0;
padding:0;
height:30px;
list-style:none;
width:780px;
background-image:url(../products/tile/img/headmenu-crite01.jpg);
background-repeat:no-repeat;
}

ul#crite-m01 li{
margin:0;
padding:0;
float:left;
list-style:none;
width:95px;
}

ul#crite-m01 a{
display:block;
width:95px;
height:30px;
margin:0;
padding:0;
float:left;
background-image:url(../products/tile/img/headmenu-crite01.jpg);
text-indent:-999px;
text-decoration:none;
overflow:hidden;
}

#crite-m01 li.product, #crite-m01 li.product a{ background-position:0 0; width:95px; }
#crite-m01 li.aboutus, #crite-m01 li.aboutus a{ background-position:-95px 0; width:80px; }
#crite-m01 li.contact, #crite-m01 li.contact a{ background-position:-175px 0; width:160px; }
#crite-m01 li.sitemap, #crite-m01 li.sitemap a{ background-position:-335px 0; width:88px; }

#crite-m01 li.product a:hover{ background-position:0 -30px; }
#crite-m01 li.aboutus a:hover{ background-position:-95px -30px; }
#crite-m01 li.contact a:hover{ background-position:-175px -30px; }
#crite-m01 li.sitemap a:hover{ background-position:-335px -30px; }

/*-------------- Header menu / crite menu03  --------------*/
ul#crite-m02 {
margin:0;
padding:0;
height:22px;
list-style:none;
width:780px;
background-image:url(../products/tile/img/headmenu-crite02.jpg);
background-repeat:no-repeat;
}

ul#crite-m02 li{
margin:0;
padding:0;
float:left;
list-style:none;
width:110px;
}

ul#crite-m02 a{
display:block;
width:110px;
height:22px;
margin:0;
padding:0;
float:left;
background-image:url(../products/tile/img/headmenu-crite02.jpg);
text-indent:-999px;
text-decoration:none;
overflow:hidden;
}

#crite-m02 li.tile, #crite-m02 li.tile a{ background-position:0 0; width:111px; }
#crite-m02 li.wploof, #crite-m02 li.wploof a{ background-position:-111px 0; width:85px; }
#crite-m02 li.cera, #crite-m02 li.cera a{ background-position:-196px 0; width:115px; }

#crite-m02 li.tile a:hover{ background-position:0 -22px; }
#crite-m02 li.wploof a:hover{ background-position:-111px -22px; }
#crite-m02 li.cera a:hover{ background-position:-196px -22px; }

/*-------------- Header menu / iraka menu01 --------------*/
ul#iraka-m01 {
margin:0;
padding:0;
height:30px;
list-style:none;
width:780px;
background-image:url(../products/tile/img/headmenu-iraka01.jpg);
background-repeat:no-repeat;
}

ul#iraka-m01 li{
margin:0;
padding:0;
float:left;
list-style:none;
width:95px;
}

ul#iraka-m01 a{
display:block;
width:95px;
height:30px;
margin:0;
padding:0;
float:left;
background-image:url(../products/tile/img/headmenu-iraka01.jpg);
text-indent:-999px;
text-decoration:none;
overflow:hidden;
}

#iraka-m01 li.product, #iraka-m01 li.product a{ background-position:0 0; width:95px; }
#iraka-m01 li.aboutus, #iraka-m01 li.aboutus a{ background-position:-95px 0; width:80px; }
#iraka-m01 li.contact, #iraka-m01 li.contact a{ background-position:-175px 0; width:160px; }
#iraka-m01 li.sitemap, #iraka-m01 li.sitemap a{ background-position:-335px 0; width:88px; }

#iraka-m01 li.product a:hover{ background-position:0 -30px; }
#iraka-m01 li.aboutus a:hover{ background-position:-95px -30px; }
#iraka-m01 li.contact a:hover{ background-position:-175px -30px; }
#iraka-m01 li.sitemap a:hover{ background-position:-335px -30px; }

/*-------------- Header menu / iraka menu02  --------------*/
ul#iraka-m02 {
margin:0;
padding:0;
height:22px;
list-style:none;
width:780px;
background-image:url(../products/tile/img/headmenu-iraka02.jpg);
background-repeat:no-repeat;
}

ul#iraka-m02 li{
margin:0;
padding:0;
float:left;
list-style:none;
width:110px;
}

ul#iraka-m02 a{
display:block;
width:110px;
height:22px;
margin:0;
padding:0;
float:left;
background-image:url(../products/tile/img/headmenu-iraka02.jpg);
text-indent:-999px;
text-decoration:none;
overflow:hidden;
}

#iraka-m02 li.tile, #iraka-m02 li.tile a{ background-position:0 0; width:111px; }
#iraka-m02 li.wploof, #iraka-m02 li.wploof a{ background-position:-111px 0; width:85px; }
#iraka-m02 li.cera, #iraka-m02 li.cera a{ background-position:-196px 0; width:115px; }

#iraka-m02 li.tile a:hover{ background-position:0 -22px; }
#iraka-m02 li.wploof a:hover{ background-position:-111px -22px; }
#iraka-m02 li.cera a:hover{ background-position:-196px -22px; }

/*-------------- Header menu / salon menu02 --------------*/
ul#salon-m01 {
margin:0;
padding:0;
height:30px;
list-style:none;
width:780px;
background-image:url(../products/tile/img/headmenu-salon01.jpg);
background-repeat:no-repeat;
}

ul#salon-m01 li{
margin:0;
padding:0;
float:left;
list-style:none;
width:95px;
}

ul#salon-m01 a{
display:block;
width:95px;
height:30px;
margin:0;
padding:0;
float:left;
background-image:url(../products/tile/img/headmenu-salon01.jpg);
text-indent:-999px;
text-decoration:none;
overflow:hidden;
}

#salon-m01 li.product, #salon-m01 li.product a{ background-position:0 0; width:95px; }
#salon-m01 li.aboutus, #salon-m01 li.aboutus a{ background-position:-95px 0; width:80px; }
#salon-m01 li.contact, #salon-m01 li.contact a{ background-position:-175px 0; width:160px; }
#salon-m01 li.sitemap, #salon-m01 li.sitemap a{ background-position:-335px 0; width:88px; }

#salon-m01 li.product a:hover{ background-position:0 -30px; }
#salon-m01 li.aboutus a:hover{ background-position:-95px -30px; }
#salon-m01 li.contact a:hover{ background-position:-175px -30px; }
#salon-m01 li.sitemap a:hover{ background-position:-335px -30px; }

/*-------------- Header menu / salon menu02  --------------*/
ul#salon-m02 {
margin:0;
padding:0;
height:22px;
list-style:none;
width:780px;
background-image:url(../products/tile/img/headmenu-salon02.jpg);
background-repeat:no-repeat;
}

ul#salon-m02 li{
margin:0;
padding:0;
float:left;
list-style:none;
width:110px;
}

ul#salon-m02 a{
display:block;
width:110px;
height:22px;
margin:0;
padding:0;
float:left;
background-image:url(../products/tile/img/headmenu-salon02.jpg);
text-indent:-999px;
text-decoration:none;
overflow:hidden;
}

#salon-m02 li.tile, #salon-m02 li.tile a{ background-position:0 0; width:111px; }
#salon-m02 li.wploof, #salon-m02 li.wploof a{ background-position:-111px 0; width:85px; }
#salon-m02 li.cera, #salon-m02 li.cera a{ background-position:-196px 0; width:115px; }

#salon-m02 li.tile a:hover{ background-position:0 -22px; }
#salon-m02 li.wploof a:hover{ background-position:-111px -22px; }
#salon-m02 li.cera a:hover{ background-position:-196px -22px; }


/*-------------- Left menu / tile / index menu --------------*/
ul#indexmenu {
margin:0px 0px 20px 0px;
padding:0;
height:90px;
list-style:none;
width:180px;
background-image:url(../img/left-tile.gif);
background-repeat:no-repeat;
}

ul#indexmenu li{
margin:0;
padding:0;
float:left;
list-style:none;
width:180px;
}

ul#indexmenu a{
display:block;
width:180px;
height:30px;
margin:0;
padding:0;
float:left;
background-image:url(../img/left-tile.gif);
text-indent:-999px;
text-decoration:none;
overflow:hidden;
}

#indexmenu li.pro-tile, #indexmenu li.pro-tile a{ background-position:0 0; width:180px; }
#indexmenu li.iraka, #indexmenu li.iraka a{ background-position:0px -30px; width:180px; }
#indexmenu li.salon, #indexmenu li.salon a{ background-position:0px -60px; width:180px; }

#indexmenu li.pro-tile a:hover{ background-position:180px 0px; }
#indexmenu li.iraka a:hover{ background-position:180px -30px; }
#indexmenu li.salon a:hover{ background-position:180px -60px; }

/*-------------- Left menu / tile / index menu --------------*/
ul#indexmenu2 {
margin:0px 0px 20px 0px;
padding:0;
height:90px;
list-style:none;
width:180px;
background-image:url(../img/left-tile1.gif);
background-repeat:no-repeat;
}

ul#indexmenu2 li{
margin:0;
padding:0;
float:left;
list-style:none;
width:180px;
}

ul#indexmenu2 a{
display:block;
width:180px;
height:30px;
margin:0;
padding:0;
float:left;
background-image:url(../img/left-tile1.gif);
text-indent:-999px;
text-decoration:none;
overflow:hidden;
}

#indexmenu2 li.pro-tile, #indexmenu2 li.pro-tile a{ background-position:0 0; width:180px; }
#indexmenu2 li.iraka, #indexmenu2 li.iraka a{ background-position:0px -30px; width:180px; }
#indexmenu2 li.salon, #indexmenu2 li.salon a{ background-position:0px -60px; width:180px; }

#indexmenu2 li.pro-tile a:hover{ background-position:180px 0px; }
#indexmenu2 li.iraka a:hover{ background-position:180px -30px; }
#indexmenu2 li.salon a:hover{ background-position:180px -60px; }


/*-------------- Left menu / tile / Iraka menu --------------*/
ul#irakamenu {
margin:0px 0px 0px 0px;
padding:0;
height:60px;
list-style:none;
width:180px;
background-image:url(../img/left-tile01on.gif);
background-repeat:no-repeat;
}

ul#irakamenu li{
margin:0;
padding:0;
float:left;
list-style:none;
width:180px;
}

ul#irakamenu a{
display:block;
width:180px;
height:30px;
margin:0;
padding:0;
float:left;
background-image:url(../img/left-tile01on.gif);
text-indent:-999px;
text-decoration:none;
overflow:hidden;
}

#irakamenu li.pro-tile, #irakamenu li.pro-tile a{ background-position:0 0; width:180px; }
#irakamenu li.iraka, #irakamenu li.iraka a{ background-position:0px -30px; width:180px; }

#irakamenu li.pro-tile a:hover{ background-position:180px 0px; }
#irakamenu li.iraka a:hover{ background-position:180px -30px; }


/*-------------- Left menu / tile / Iraka menu2 --------------*/
ul#irakamenu2 {
margin:0px 0px 0px 0px;
padding:0;
height:70px;
list-style:none;
width:180px;
background-image:url(../img/left-iraka2.gif);
background-repeat:no-repeat;
}

ul#irakamenu2 li{
margin:0;
padding:0;
float:left;
list-style:none;
width:180px;
}

ul#irakamenu2 a{
display:block;
width:180px;
height:20px;
margin:0;
padding:0;
float:left;
background-image:url(../img/left-iraka2.gif);
text-indent:-999px;
text-decoration:none;
overflow:hidden;
}

#irakamenu2 li.kabe, #irakamenu2 li.kabe a{ background-position:0px 0px; width:180px; }
#irakamenu2 li.yuka, #irakamenu2 li.yuka a{ background-position:0px -20px; width:180px; }
#irakamenu2 li.hori, #irakamenu2 li.hori a{ background-position:0px -40px; width:180px; }
#irakamenu2 li.technic, #irakamenu2 li.technic a{ background-position:0px -60px; width:180px; }
#irakamenu2 li.resuits, #irakamenu2 li.resuits a{ background-position:0px -80px; width:180px; }
#irakamenu2 li.column, #irakamenu2 li.column a{ background-position:0px -100px; width:180px; }

#irakamenu2 li.kabe a:hover{ background-position:180px 0px; }
#irakamenu2 li.yuka a:hover{ background-position:180px -20px; }
#irakamenu2 li.hori a:hover{ background-position:180px -40px; }
#irakamenu2 li.technic a:hover{ background-position:180px -60px; }
#irakamenu2 li.resuits a:hover{ background-position:180px -80px; }
#irakamenu2 li.column a:hover{ background-position:180px -100px; }

/*-------------- Left menu / tile / Iraka menu --------------*/
ul#irakamenu3 {
margin:0px 0px 20px 0px;
padding:0;
height:30px;
list-style:none;
width:180px;
background-image:url(../img/left-iraka3.gif);
background-repeat:no-repeat;
}

ul#irakamenu3 li{
margin:0;
padding:0;
float:left;
list-style:none;
width:180px;
}

ul#irakamenu3 a{
display:block;
width:180px;
height:30px;
margin:0;
padding:0;
float:left;
background-image:url(../img/left-iraka3.gif);
text-indent:-999px;
text-decoration:none;
overflow:hidden;
}

#irakamenu3 li.salon, #irakamenu3 li.salon a{ background-position:0px 0px; width:180px; }

#irakamenu3 li.salon a:hover{ background-position:180px 0px; }


/*-------------- Left menu / tile / salon europe clasic menu --------------*/
ul#salonmenu {
margin: 0px;
padding:0;
height:90px;
list-style:none;
width:180px;
background-image:url(../img/left-salon1.gif);
background-repeat:no-repeat;
}

ul#salonmenu li{
margin:0;
padding:0;
float:left;
list-style:none;
width:180px;
}

ul#salonmenu a{
display:block;
width:180px;
height:30px;
margin:0;
padding:0;
float:left;
background-image:url(../img/left-salon1.gif);
text-indent:-999px;
text-decoration:none;
overflow:hidden;
}

#salonmenu li.pro-tile, #salonmenu li.pro-tile a{ background-position:0 0; width:180px; }
#salonmenu li.iraka, #salonmenu li.iraka a{ background-position:0px -30px; width:180px; }
#salonmenu li.salon, #salonmenu li.salon a{ background-position:0px -60px; width:180px; }

#salonmenu li.pro-tile a:hover{ background-position:180px 0px; }
#salonmenu li.iraka a:hover{ background-position:180px -30px; }
#salonmenu li.salon a:hover{ background-position:180px -60px; }



/*-------------- Left menu / tile / critebrick menu --------------*/
ul#tilemenu {
margin:0px;
padding:0;
height:120px;
list-style:none;
width:180px;
background-image:url("../img/left-crite1.gif");
background-repeat:no-repeat;
}

ul#tilemenu li{
margin:0;
padding:0;
float:left;
list-style:none;
width:180px;
}

ul#tilemenu a{
display:block;
width:180px;
height:30px;
margin:0;
padding:0;
float:left;
background-image:url("../img/left-crite1.gif");
text-indent:-999px;
text-decoration:none;
overflow:hidden;
}

#tilemenu li.pro-tile, #tilemenu li.pro-tile a{ background-position:0 0; width:180px; }
#tilemenu li.iraka, #tilemenu li.iraka a{ background-position:0px -30px; width:180px; }
#tilemenu li.salon, #tilemenu li.salon a{ background-position:0px -60px; width:180px; }
#tilemenu li.crite, #tilemenu li.crite a{ background-position:0px -90px; width:180px; }

#tilemenu li.pro-tile a:hover{ background-position:180px 0px; }
#tilemenu li.iraka a:hover{ background-position:180px -30px; }
#tilemenu li.salon a:hover{ background-position:180px -60px; }
#tilemenu li.crite a:hover{ background-position:180px -90px; }

/*-------------- Left menu / WaterPloof menu --------------*/
ul#watermenu {
margin:0px 0px 20px 0px;
padding:0;
height:60px;
list-style:none;
width:180px;
background-image:url(../img/left-water21.gif);
background-repeat:no-repeat;
}

ul#watermenu li{
margin:0;
padding:0;
float:left;
list-style:none;
width:180px;
}

ul#watermenu a{
display:block;
width:180px;
height:30px;
margin:0;
padding:0;
float:left;
background-image:url(../img/left-water21.gif);
text-indent:-999px;
text-decoration:none;
overflow:hidden;
}

#watermenu li.wploof-t, #watermenu li.wploof-t a { background-position:0 0; width:180px; }
#watermenu li.jetspry, #watermenu li.jetspry a { background-position:0px -30px; width:180px; }

#watermenu li.wploof-t a:hover { background-position:180px 0px; }
#watermenu li.jetspry a:hover { background-position:180px -30px; }


/*-------------- Left menu / Ceragarden menu --------------*/
ul#ceramenu {
margin:0px 0px 30px 0px;
padding:0;
height:60px;
list-style:none;
width:180px;
background-image:url(../img/left-cera.gif);
background-repeat:no-repeat;
}

ul#ceramenu li{
margin:0;
padding:0;
float:left;
list-style:none;
width:180px;
}

ul#ceramenu a{
display:block;
width:180px;
height:30px;
margin:0;
padding:0;
float:left;
background-image:url(../img/left-cera.gif);
text-indent:-999px;
text-decoration:none;
overflow:hidden;
}

#ceramenu li.cera-t, #ceramenu li.cera-t a { background-position:0 0; width:180px; }
#ceramenu li.ceragar, #ceramenu li.ceragar a { background-position:0px -30px; width:180px; }

#ceramenu li.cera-t a:hover { background-position:180px 0px; }
#ceramenu li.ceragar a:hover { background-position:180px -30px; }

/*-------------- Table/ jetspray setsumei02 --------------*/
table.product {
empty-cells:show;
width:530px;
}
.product td{
text-align:left;
margin:0px; 
padding:0px 10px 10px 0px;
font-size:12px;
line-height:1.4em;
}

/*-------------- Table/ Products index List --------------*/
table.prolist {
margin:0px 0px 10px 0px;
border-top:1px dotted #b5b5b5;
border-bottom:1px dotted #b5b5b5;
border-collapse:collapse;
border-spacing:0;
empty-cells:show;
width:100%;/*width:530px;*/
}
.prolist th{
border-bottom:1px dotted #b5b5b5;
width:20%;/*width:180px;*/
padding:5px;
text-align:left;
}
.prolist td{
border-bottom:1px dotted #b5b5b5;
/*width:350px;*/
padding:5px;
text-align:left;
font-size:1em;/*font-size:0.8em;*/
line-height:1.5em;
}

/*-------------- Table/ Products index List --------------*/
table.prolist2 {
margin:10px 0px 10px 0px;
border-top:1px dotted #b5b5b5;
border-bottom:1px dotted #b5b5b5;
border-collapse:collapse;
border-spacing:0;
empty-cells:show;
width:100%;/*width:530px;*/
}
.prolist2 th{
border-bottom:1px dotted #b5b5b5;
/*width:100px;*/
padding:5px;
/*text-align:left;*/
}
.prolist2 td{
border-bottom:1px dotted #b5b5b5;
padding:5px;
text-align:left;
font-size:1em;
/*font-size:12px;
line-height:1.4em;*/
}

/*-------------- IRAKA / namako colum --------------*/
.colum {
clear:both;
margin:25px 10px 15px 0px;
padding:10px;
border:1px dotted #b5b5b5;
/*font-size:0.9em;*/
line-height:1.5em;
}

.colum img{
margin:0px 10px 10px 10px;
padding:0px;
}