@charset "UTF-8";
/* ****************************************************************** 

	--style.css--

	1. Style setting
		1-1. FontColor styles
		1-2. Headline styles

	2. Layout setting
		2-1. Base styles
		2-2. Header styles
		2-3. Navi styles
		2-4. Main styles
		2-5. Side styles
		2-6. Footer styles

****************************************************************** */

/*==================================================================
	1. Style setting
===================================================================*/

/* ------------------------------------------------------------------
	1-1. FontColor styles
-------------------------------------------------------------------*/
html { color:#333; }
a:link, a:visited { color:#06C; text-decoration:none; }
a:hover, a:active {	color:#06C; text-decoration:underline; }


/* ------------------------------------------------------------------
	1-2. Headline styles
-------------------------------------------------------------------*/


/*==================================================================
	2. Layout setting
===================================================================*/

/* ------------------------------------------------------------------
	2-1. Base styles
-------------------------------------------------------------------*/


/* ------------------------------------------------------------------
	2-2. Header styles
-------------------------------------------------------------------*/


/* ------------------------------------------------------------------
	2-3. Navi styles
-------------------------------------------------------------------*/
#navi {
	position:absolute;
	bottom:50%;
	z-index:9999;
	height:35px;
	width:100%;
}
#navi ul {
	margin:0 auto;
	width:592px;
	text-align:center;
}
#navi li {
	margin-right:50px;
	float:left;
}

#navi li.end { 
	margin-right:0px;
	float:left;
}

#navi li a {
	display:block;
	overflow:hidden;
	width:82px;
	height:0;
	padding-top:35px;
	background:url(../img/common/navi.png) no-repeat;
	line-height:35px;
}
#navi #naviBlog a {
	width:56px;
	background-position:0 0;
}
#navi #naviBlog a:hover {
	background-position:0 -36px;
}
* html #navi #naviBlog a:hover {
	background-position:0 -35px;
}

#navi #naviShop a {
	width:153px;
	background-position:-105px 0;
}
#navi #naviShop a:hover {
	background-position:-105px -36px;
}
* html #navi #naviShop a:hover {
	background-position:-105px -35px;
}

#navi #naviInstagram a {
	width:131px;
	background-position:-293px 0;
}
#navi #naviInstagram a:hover {
	background-position:-293px -36px;
}
* html #navi #naviInstagram a:hover {
	background-position:-293px -35px;
}
#navi #naviContact a {
	width:101px;
	background-position:-459px 0;
}
#navi #naviContact a:hover {
	background-position:-459px -36px;
}
* html #navi #naviContact a:hover {
	background-position:-459px -35px;
}


/* ------------------------------------------------------------------
	2-4. Main styles
-------------------------------------------------------------------*/


/* ------------------------------------------------------------------
	2-5. Side styles
-------------------------------------------------------------------*/


/* ------------------------------------------------------------------
	2-4. Footer styles
-------------------------------------------------------------------*/
#footer {
	position:absolute;
	bottom:3%;
	z-index:9999;
	width:100%;
	text-align: center;
}
p#copyright {
	text-align:center;
}