/* CSS Document */

#head ul{
list-style:none;
padding:0;
margin:0 0 0 30px;
}

#head li{
font-size:90%;
padding:0;
margin:0 3px;
text-align:center;
list-style:none;
float:left;
}

#head li.cart{
font-size:90%;
padding:0;
margin:0 0 0 3px;
text-align:center;
list-style:none;
float:left;
}

#head a{
background-image:url(image/grback.gif);
background-repeat:no-repeat;
color:#000000;
display:block;
padding:0px 1px;
text-decoration:none;
}

#head a:hover{
background-image:url(image/grbackr.gif);
background-repeat:no-repeat;
color:#000000;
display:block;
padding:0px 1px;
text-decoration:none;
}


h3.cat{
width:220px;
height:18px;
color:#ffffff;
background-color:#000000;
font-size:95%;
text-align:right;
padding:20px 10px 20px 0;
margin:0 5px;
display:block;
}



#navi ul{
padding:0 5px;
margin:0;
}

#navi li{
list-style:none;
width:230px;
line-height:150%;
font-size:95%;
border-bottom-color:#000000;
border-bottom-style:solid;
border-bottom-width:1px;
padding:3px 0 3px 0;
}

#navi a{
color:#000000;
background-color:#FFFFFF;
display:block;
text-decoration:none;
}

#navi a:hover{
color:#FFFFFF;
background-color:#cccccc;
display:block;
text-decoration:none;
}

#navi ul.map{
padding:0 5px;
margin:0;
}

#navi ul.map li{
list-style:none;
width:230px;
line-height:300%;
font-size:95%;
border:none;
padding:3px 0 3px 0;
}

#navi ul.map li a{
color:#000000;
background-image:url(image/naviin.gif);
background-repeat:no-repeat;
display:block;
text-decoration:none;
padding:3px 0 0 30px;
margin:0;
}

#navi ul.map li a:hover{
color:#cccccc;
background-color:#cccccc;
display:block;
text-decoration:none;
}



#navi a.kiri{
background-image:url(image/navikiri.gif);
color:#000000;
display:block;
text-decoration:none;
width:230px;
height:35px;
font-size:90%;
line-height:180%;
padding:15px 0 0 0;
margin:2px 0 0 0;
text-align:right;
}

#navi a.kiri:hover{
color:#990000;
background-image:url(image/navikiri1.gif);
}

#navi a.basic{
background-color:#FFF;
color:#000000;
display:block;
text-decoration:none;
width:230px;
height:35px;
font-size:90%;
line-height:180%;
padding:15px 0 0 0;
margin:2px 0 0 0;
text-align:right;
}

#navi a.basic:hover{
color:#990000;
background-image:url(image/navinabe1.gif);
}


#navi a.navi{
color:#000000;
background-color:#FCF2E7;
display:block;
text-decoration:none;
width:223px;
font-size:90%;
line-height:180%;
padding:0 0 0 5px;
margin:2px 0 0 5px;
border-color:#000000;
border-style:solid;
border-width:1px;
}

#navi a.navi:hover{
color:#ffffff;
background-color:#000000;
}

#navi a.navi1{
color:#000000;
background-color:#EDDAC8;
display:block;
text-decoration:none;
width:223px;
font-size:90%;
line-height:180%;
padding:0 0 0 5px;
margin:2px 0 0 5px;
border-color:#000000;
border-style:solid;
border-width:1px;
}

#navi a.navi1:hover{
color:#ffffff;
background-color:#000000;
}

#navi a.navi2{
color:#000000;
background-color:#D5B99E;
display:block;
text-decoration:none;
width:223px;
font-size:90%;
line-height:180%;
padding:0 0 0 5px;
margin:2px 0 0 5px;
border-color:#000000;
border-style:solid;
border-width:1px;
}

#navi a.navi2:hover{
color:#ffffff;
background-color:#000000;
}

#navi a.navi3{
color:#000000;
background-color:#B99B7D;
display:block;
text-decoration:none;
width:223px;
font-size:90%;
line-height:180%;
padding:0 0 0 5px;
margin:2px 0 0 5px;
border-color:#000000;
border-style:solid;
border-width:1px;
}

#navi a.navi3:hover{
color:#ffffff;
background-color:#000000;
}

#navi a.navi4{
color:#000000;
background-color:#A38566;
display:block;
text-decoration:none;
width:223px;
font-size:90%;
line-height:180%;
padding:0 0 0 5px;
margin:2px 0 0 5px;
border-color:#000000;
border-style:solid;
border-width:1px;
}

#navi a.navi4:hover{
color:#ffffff;
background-color:#000000;
}

#navi a.navi5{
color:#000000;
background-color:#8E7053;
display:block;
text-decoration:none;
width:223px;
font-size:90%;
line-height:180%;
padding:0 0 0 5px;
margin:2px 0 0 5px;
border-color:#000000;
border-style:solid;
border-width:1px;
}

#navi a.navi5:hover{
color:#ffffff;
background-color:#000000;
}