/* leftside ------------------------------------------------*/

#leftside{
     font-size: 0.8em;
     width: 150px;
     vertical-align: top;
    color: #000000;
}


/* navi -------------------------------*/


#navi{
        width: 150px;
        margin: 0px 0px 20px 0px;
}

a#navi0 { 
        display: block;
        overflow: hidden;
		text-indent: -100em;	
        height: 35px;	
        width: 150px;
        margin: 1px 0 0 0;	
        text-decoration: none;
        background: url(../img/navi_0.gif) no-repeat 0 0;
	}

a#navi1 { 
        display: block;	
		overflow: hidden;
		text-indent: -100em;	
        height: 50px;	
        width: 150px;
        margin: 1px 0 0 0;
        text-decoration: none;
        background: url(../img/navi_1.gif) no-repeat 0 0;
}

a#navi2 { 
        display: block;
        overflow: hidden;
		text-indent: -100em;	
        height: 35px;	
        width: 150px;
        margin: 1px 0 0 0;	
        text-decoration: none;
        background: url(../img/navi_2.gif) no-repeat 0 0;
	}

a#navi3 { 
        display: block;	
		overflow: hidden;
		text-indent: -100em;	
        height: 35px;	
        width: 150px;
        margin: 1px 0 0 0;
        text-decoration: none;
        background: url(../img/navi_3.gif) no-repeat 0 0;
}

a#navi4 { 
        display: block;
        overflow: hidden;
		text-indent: -100em;	
        height: 35px;	
        width: 150px;
        margin: 1px 0 0 0;	
        text-decoration: none;
        background: url(../img/navi_4.gif) no-repeat 0 0;
	}

a#navi5 { 
        display: block;	
		overflow: hidden;
		text-indent: -100em;	
        height: 35px;	
        width: 150px;
        margin: 1px 0 0 0;
        text-decoration: none;
        background: url(../img/navi_5.gif) no-repeat 0 0;
}

a#navi6 { 
        display: block;
        overflow: hidden;
		text-indent: -100em;	
        height: 35px;	
        width: 150px;
        margin: 1px 0 0 0;	
        text-decoration: none;
        background: url(../img/navi_6.gif) no-repeat 0 0;
	}

a#navi7 { 
        display: block;
        overflow: hidden;
		text-indent: -100em;	
        height: 35px;	
        width: 150px;
        margin: 1px 0 0 0;	
        text-decoration: none;
        background: url(../img/navi_7.gif) no-repeat 0 0;
	}

a#navi8 { 
        display: block;
        overflow: hidden;
		text-indent: -100em;	
        height: 35px;	
        width: 150px;
        margin: 1px 0 0 0;	
        text-decoration: none;
        background: url(../img/navi_8.gif) no-repeat 0 0;
	}

a#navi9 { 
        display: block;
        overflow: hidden;
		text-indent: -100em;	
        height: 35px;	
        width: 150px;
        margin: 1px 0 0 0;	
        text-decoration: none;
        background: url(../img/navi_9.gif) no-repeat 0 0;
	}

a#navi10 { 
        display: block;
        overflow: hidden;
		text-indent: -100em;	
        height: 35px;	
        width: 150px;
        margin: 1px 0 0 0;	
        text-decoration: none;
        background: url(../img/navi_10.gif) no-repeat 0 0;
	}

a#navi11 { 
        display: block;
        overflow: hidden;
		text-indent: -100em;	
        height: 35px;	
        width: 150px;
        margin: 1px 0 0 0;	
        text-decoration: none;
        background: url(../img/navi_11.gif) no-repeat 0 0;
	}

a#navi12 { 
        display: block;
        overflow: hidden;
		text-indent: -100em;	
        height: 35px;	
        width: 150px;
        margin: 1px 0 0 0;	
        text-decoration: none;
        background: url(../img/navi_12.gif) no-repeat 0 0;
	}

a#navi13 { 
        display: block;
        overflow: hidden;
		text-indent: -100em;	
        height: 35px;	
        width: 150px;
        margin: 1px 0 0 0;	
        text-decoration: none;
        background: url(../img/navi_13.gif) no-repeat 0 0;
	}

a#navi14 { 
        display: block;
        overflow: hidden;
		text-indent: -100em;	
        height: 35px;	
        width: 150px;
        margin: 1px 0 0 0;	
        text-decoration: none;
        background: url(../img/navi_14.gif) no-repeat 0 0;
	}

a#navi15 { 
        display: block;
        overflow: hidden;
		text-indent: -100em;	
        height: 35px;	
        width: 150px;
        margin: 1px 0 0 0;	
        text-decoration: none;
        background: url(../img/navi_15.gif) no-repeat 0 0;
	}

a#navi16 { 
        display: block;
        overflow: hidden;
		text-indent: -100em;	
        height: 35px;	
        width: 150px;
        margin: 1px 0 0 0;	
        text-decoration: none;
        background: url(../img/navi_16.gif) no-repeat 0 0;
	}

a#navi17 { 
        display: block;
        overflow: hidden;
		text-indent: -100em;	
        height: 35px;	
        width: 150px;
        margin: 1px 0 0 0;	
        text-decoration: none;
        background: url(../img/navi_17.gif) no-repeat 0 0;
	}

a#navi18 { 
        display: block;
        overflow: hidden;
		text-indent: -100em;	
        height: 35px;	
        width: 150px;
        margin: 1px 0 0 0;	
        text-decoration: none;
        background: url(../img/navi_18.gif) no-repeat 0 0;
	}

a#navi19 { 
        display: block;
        overflow: hidden;
		text-indent: -100em;	
        height: 35px;	
        width: 150px;
        margin: 1px 0 0 0;	
        text-decoration: none;
        background: url(../img/navi_19.gif) no-repeat 0 0;
	}

a#navi20 { 
        display: block;
        overflow: hidden;
		text-indent: -100em;	
        height: 35px;	
        width: 150px;
        margin: 1px 0 0 0;	
        text-decoration: none;
        background: url(../img/navi_20.gif) no-repeat 0 0;
	}

a#navi21 { 
        display: block;
        overflow: hidden;
		text-indent: -100em;	
        height: 35px;	
        width: 150px;
        margin: 1px 0 0 0;	
        text-decoration: none;
        background: url(../img/navi_21.gif) no-repeat 0 0;
	}

a#navi22 { 
        display: block;
        overflow: hidden;
		text-indent: -100em;	
        height: 35px;	
        width: 150px;
        margin: 1px 0 0 0;	
        text-decoration: none;
        background: url(../img/navi_22.gif) no-repeat 0 0;
	}

a#navi23 { 
        display: block;
        overflow: hidden;
		text-indent: -100em;	
        height: 35px;	
        width: 150px;
        margin: 1px 0 0 0;	
        text-decoration: none;
        background: url(../img/navi_23.gif) no-repeat 0 0;
	}

a#navi24 { 
        display: block;
        overflow: hidden;
		text-indent: -100em;	
        height: 35px;	
        width: 150px;
        margin: 1px 0 0 0;	
        text-decoration: none;
        background: url(../img/navi_24.gif) no-repeat 0 0;
	}

a#navi25 { 
        display: block;
        overflow: hidden;
		text-indent: -100em;	
        height: 35px;	
        width: 150px;
        margin: 1px 0 0 0;	
        text-decoration: none;
        background: url(../img/navi_25.gif) no-repeat 0 0;
	}

a#navi26 { 
        display: block;
        overflow: hidden;
		text-indent: -100em;	
        height: 35px;	
        width: 150px;
        margin: 1px 0 0 0;	
        text-decoration: none;
        background: url(../img/navi_26.gif) no-repeat 0 0;
	}

a#navi27 { 
        display: block;
        overflow: hidden;
		text-indent: -100em;	
        height: 35px;	
        width: 150px;
        margin: 1px 0 0 0;	
        text-decoration: none;
        background: url(../img/navi_27.gif) no-repeat 0 0;
	}

a#navi28 { 
        display: block;
        overflow: hidden;
		text-indent: -100em;	
        height: 35px;	
        width: 150px;
        margin: 1px 0 0 0;	
        text-decoration: none;
        background: url(../img/navi_28.gif) no-repeat 0 0;
	}

a#navi29 { 
        display: block;
        overflow: hidden;
		text-indent: -100em;	
        height: 35px;	
        width: 150px;
        margin: 1px 0 0 0;	
        text-decoration: none;
        background: url(../img/navi_29.gif) no-repeat 0 0;
	}

a:hover#navi0,
a:hover#navi2,
a:hover#navi3,
a:hover#navi4,
a:hover#navi5,
a:hover#navi6,
a:hover#navi7,
a:hover#navi8,
a:hover#navi9,
a:hover#navi10,
a:hover#navi11,
a:hover#navi12,
a:hover#navi13,
a:hover#navi14,
a:hover#navi15,
a:hover#navi16,
a:hover#navi17,
a:hover#navi18,
a:hover#navi19,
a:hover#navi20,
a:hover#navi21,
a:hover#navi22,
a:hover#navi23,
a:hover#navi24,
a:hover#navi25,
a:hover#navi26,
a:hover#navi27,
a:hover#navi28, 
a:hover#navi29{ 
	background-position: 0px -35px;
	}

a:hover#navi1
{ 
	background-position: 0px -50px;
	}


/* navimail -------------------------------*/

#navimail{
    width: 150px;
    margin: 2px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
}

a#mail { 
        display: block;
        overflow: hidden;
	text-indent: -100em;	
        height: 35px;	
        width: 150px;
        margin: 1px 0 0 0;	
        text-decoration: none;
        background: url(../img/side/navi/navi_mail.gif) no-repeat 0 0;
}

a:hover#mail{ 
	background-position: 0px -35px;
	}

/* new arrival box ---------------------*/

#newboxtop{ 
    background: url(../img/side_new_top.gif) top left no-repeat;
    margin-top: 30px;
    height: 30px;
    width: 150px;
}

#newarrival{ 
    background: url(../img/side_new_middle.gif) repeat-y;
    line-height: 140%;
    padding-left: 5px;
    padding-right: 5px;
    width: 140px;
    font-size: 0.8em;
}


#newarrival ul{ 
    margin: 0px 5px 0px 8px;
    padding: 0px 5px 0px 8px;
}

#newboxbottom{
	background: url(../img/side_new_bottom.gif) bottom left no-repeat;
	height : 30px;
	width: 150px;
	margin-bottom: 30px;
 }

#newboxbottom p{
        margin: 0px 0px 0px 5px;
        padding: 0px 0px 0px 5px;
        font-size: 0.8em;
}

#checkboxtop{ 
    background: url(../img/side_article_top.gif) top left no-repeat;
    margin-top: 30px;
    height: 30px;
    width: 150px;
}



/* RSS -------------------------------*/

#rss{
    background: url(../img/side/rss.gif) no-repeat;
    width: 150px;
    height: 35px;
    margin: 2px 0px 30px 0px;
    padding: 0px;
}

#rss a{
    display: block;
    height: 100%;
    text-decoration: none;
    text-indent: -3000em;
}


/* adobe -------------------------------*/

#adobe{
    background: url(../img/side/get_adobe_reader.gif) no-repeat;
    width: 88px;
    height: 31px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

#adobe a{
    display: block;
    height: 100%;
    text-decoration: none;
    text-indent: -3000em;
}