/*-------------------------------------
				LINK
-------------------------------------*/

#headline	a:link,
#headline	a:visited
					{ color : #ffffff ; text-decoration : none ; }
#contact	a		{ display:block; width:140px; height:40px; }
#headline	a:hover,
#headline 	a:active
					{ text-decoration : underline ; }
#change		a,#privacy a
					{ color:#D9D4CA; }
#change		a:hover,
#privacy	a:hover
					{ color:#F7F6DD; }
			
.cochi		a		{ color:#E0DD39; }

/*-------------------------------------
				COLOR
-------------------------------------*/

body				{ background-color:#11110C; }
#wrapper			{ background-color:#000000;}
.navi				{ background:#11110C; }
.subnavi			{ background-color:#111;}
#footer				{ background-color:#1D1D1D;}
#headline,#appndx	{ color:#B6AC95; }

/*-------------------------------------
				FONT
-------------------------------------*/

body				{ font-size:12px; }
#appndx				{ font-size:0.85em; }

/*-------------------------------------
				LAYOUT
-------------------------------------*/

body{
margin:0;
padding:0;
text-align:center;
}

#wrapper{
margin:0 auto;
padding:0;
width: 760px;
overflow:hidden;
}

#header{
margin:0;
width:760px;
height:80px;
}

#main{
float:right;
margin:5px 5px 0 0;
border:0;
padding:0;
width:605px;
height:347px;
}

.subnavi{
float:left;
margin:5px 0 0 5px;
border:0;
padding:0;
width:135px;
height:342px;
list-style:none;
}

#footer{
clear:both;
margin:5px auto;
width: 760px;
height:40px;
}

#contact{
float:left;
display:block;
width:150px;
height:40px;
margin:0;
padding:0;
background:url(../images/contact.gif) 15px 10px no-repeat #292929;
text-align:center;
text-indent:-9999px;
overflow:hidden;
}

#headline{
float:right;
margin-left:;
padding-top:12px;
width:610px;
height:28px;
text-align:left;
text-indent:150px;
background-image:url(../images/headline.gif);
}

#appndx{
margin:5px auto;
width:760px;
text-align:center;
}

#change{
clear:both;
float:left;
width:150px;
}

#privacy{
float:right;
width:100px;
}

/*----------------------------------------------------------------------
						GLOBAL NAVIGATION
----------------------------------------------------------------------*/

.navi,.navi li						{ margin:0; padding:0; display:block; height:30px; }
.navi								{ width:760px; list-style:none; }
.navi li							{ float:left; text-indent:-9999px; overflow:hidden; }

.navi a								{ background:url(../images/navis/navi_off.gif); height:30px; }
.navi li a:hover					{ background:url(../images/navis/navi_on.gif); }
	
#top a								{ display:block; width:77px; }
#news a								{ display:block; width:62px; }
#news a,#news a:hover				{ background-position:-77px; }
#collection	a						{ display:block; width:99px; }
#collection	a,#collection a:hover	{ background-position:-139px; }
#creation a							{ display:block; width:100px; }
#creation a	,#creation a:hover		{ background-position:-238px; }
#philosophy	a						{ display:block; width:101px; }
#philosophy	a,#philosophy a:hover	{ background-position:-338px; }
#history a							{ display:block; width:75px; }
#history a,#history a:hover			{ background-position:-439px; }
#profile a							{ display:block; width:77px; }
#profile a,#profile a:hover			{ background-position:-514px; }
#aboutus a							{ display:block; width:100px; }
#aboutus a,#aboutus a:hover			{ background-position:-591px; }

#top_on								{ width:77px;  background:url(../images/navis/navi_on.gif)       ; }
#news_on							{ width:62px;  background:url(../images/navis/navi_on.gif)  -77px; }
#collection_on						{ width:99px;  background:url(../images/navis/navi_on.gif) -139px; }
#coordinate_on						{ width:100px; background:url(../images/navis/navi_on.gif) -238px; }
#philosophy_on						{ width:101px; background:url(../images/navis/navi_on.gif) -338px; }
#history_on							{ width:75px;  background:url(../images/navis/navi_on.gif) -439px; }
#webshop_on							{ width:77px;  background:url(../images/navis/navi_on.gif) -514px; }
#aboutus_on							{ width:100px; background:url(../images/navis/navi_on.gif) -591px; }

/*----------------------------------------------------------------------
						LOCAL NAVIGATION
----------------------------------------------------------------------*/

.subnavi li a				{ display:block; width:135px; height:20px; text-indent:-9999px; overflow:hidden; }

#subnavi1 a:hover			{ background-position:-135px     0; }
#subnavi2 a:hover			{ background-position:-135px -20px; }
#subnavi3 a:hover			{ background-position:-135px -40px; }
#subnavi4 a:hover			{ background-position:-135px -60px; }
#subnavi5 a:hover			{ background-position:-135px -80px; }
#subnavi6 a:hover			{ background-position:-135px -100px; }
#subnavi7 a:hover			{ background-position:-135px -120px; }
#subnavi8 a:hover			{ background-position:-135px -140px; }
#subnavi9 a:hover			{ background-position:-135px -160px; }
#subnavi10 a:hover			{ background-position:-135px -180px; }
#subnavi11 a:hover			{ background-position:-135px -200px; }
#subnavi12 a:hover			{ background-position:-135px -220px; }
#subnavi13 a:hover			{ background-position:-135px -240px; }
#subnavi14 a:hover			{ background-position:-135px -260px; }
#subnavi15 a:hover			{ background-position:-135px -280px; }
#subnavi16 a:hover			{ background-position:-135px -300px; }
#subnavi17 a:hover			{ background-position:-135px -320px; }
#subnavi18 a:hover			{ background-position:-135px -340px; }
#subnavi19 a:hover			{ background-position:-135px -360px; }
#subnavi20 a:hover			{ background-position:-135px -380px; }
#subnavi21 a:hover			{ background-position:-135px -400px; }
#subnavi22 a:hover			{ background-position:-135px -420px; }
#subnavi23 a:hover			{ background-position:-135px -440px; }
#subnavi24 a:hover			{ background-position:-135px -460px; }
#subnavi25 a:hover			{ background-position:-135px -480px; }
#subnavi26 a:hover			{ background-position:-135px -500px; }

/*-------------------------------------
				INDEX
-------------------------------------*/

#mv{
float:right;
margin:5px 5px 0 0;
padding:0;
width:546px;
height:342px;
}

#sidebanner{
float:left;
margin:5px 0 0 5px;
padding:0;
width:190px;
list-style:none;
}

#sidebanner li{
margin:0;
}