@charset "UTF-8";

html,
body {
	overflow: hidden;
}

body {
	background: #ffffff;
}

/* --------------------------------------------------------------------- */
/* home */
/* --------------------------------------------------------------------- */

div#homeHeaderArea {
	display: block;
	width: 100%;
	min-width: 980px;
	height: 80px;
	background: url("../../images/menu_bg.png") repeat left top;
	position: absolute;
	left: 0px;
	bottom: 0px;
	z-index: 100;
	-webkit-text-size-adjust: none;
}

div#homeHeaderArea header,
div#homeHeaderArea nav {
	display: block;
}

div#homeHeaderArea div#homeHeaderAreaInner {
	width: 100%;
	height: 80px;
	position: relative;
}

h1#homeLogo {
	display: block;
	width: 180px;
	height: 16px;
	overflow: hidden;
	font-size: 77%;
	line-height: 1;
	background: url("../../images/logo.png") no-repeat left top;
	position: absolute;
	left: 43px;
	top: 31px;
}

h1#homeLogo span,
h1#homeLogo a {
	display: block;
	padding-top: 16px;
}

div#homeHeaderArea nav {
	position: absolute;
	left: 270px;
	top: 28px;
}


div#homeHeaderArea nav ul {
	display: block;
	list-style-type: none;
	text-align: left;
}

div#homeHeaderArea nav ul li {
	display: inline;
	font-size: 122%;
	line-height: 1.2;
	margin-right: 13px;
}

div#homeHeaderArea nav ul li a {
	padding: 0px 2px;
}

div#homeFooterArea {
	width: 179px;
	height: 26px;
	position: absolute;
	right: 135px;
	top: 28px;
}

div#homeFooterArea footer {
	display: block;
	width: 179px;
	height: 26px;
}

div#homeFooterArea footer address {
	display: block;
	width: 179px;
	height: 26px;
	font-style: normal;
	position: relative;
}

div#homeFooterArea footer address ul li {
	position: absolute;
}

li#shopAddress {
	position: absolute;
	left: 28px;
	top: 0px;
}

li#shopPhone {
	position: absolute;
	left: 28px;
	top: 16px;
}

li#shopTwitter {
	position: absolute;
	left: 0px;
	top: 0px;
}

li#shopAddress img,
li#shopPhone img,
li#shopTwitter img {
	display: block;
}

p#homeCopyright {
	position: absolute;
	right: 50px;
	top: 34px;
	font-size: 77%;
}

/* homeArchive */

ul#homeArchive {
	width: 59px;
	height: 10px;
	position: absolute;
	right: 2px;
	top: 15px;
}

ul#homeArchive li {
	float: left;
	width: 13px;
}

ul#homeArchive li a img {
	display: block;
}

ul#homeArchive li#archive1 {
	margin-top: 2px;
}

ul#homeArchive li#archive2 {
	margin-top: 1px;
}

ul#homeArchive li#archive3 {
	margin-top: 1px;
}

ul#homeArchive li#archive4 {
	margin-top: 0px;
}

/* homeCircle */

div.homeCircle {
	position: absolute;
}

div.homeCircle a {
	display: block;
}

div.cicleObj {
	position: relative;
	/*
	-webkit-transform-origin: "50% 50%";
	-moz-transform-origin: "50% 50%";
	-o-transform-origin: "50% 50%";
	-ms-transform-origin: "50% 50%";
	transform-origin: "50% 50%";
	*/
}

div.cicleObj canvas img {
	/*display: none;*/
}

div.cicleObj canvas {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 10;
}

div.cicleObj p#shopLogo1 {
	position: absolute;
	left: 102px;
	top: 98px;
	z-index: 10;
}

div.cicleObj p#shopLogo2 {
	position: absolute;
	left: 60px;
	top: 87px;
	z-index: 10;
}

div.cicleObj p#shopLogo2 {
	position: absolute;
	left: 60px;
	top: 87px;
	z-index: 10;
}

div.cicleObj p#shopLogo3 {
	position: absolute;
	left: 46px;
	top: 62px;
	z-index: 10;
}

/* photo */

div#homePhotoArea {
	overflow: hidden;
	/*position: relative;*/
	z-index: -100;
}

div#homePhotoArea ul,
div#homePhotoArea ul li {
	display: block;
	list-style-type: none;
}

div#homePhotoArea ul li {
	position: absolute;
	z-index: -1;
}

div#homePhotoArea ul li img {
	z-index: -100;
}

/*------- mouseover -------*/

/*
div.homeCircle a:link img.logo,
div.homeCircle a:visited img.logo {
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

div.homeCircle a:hover img.logo,
div.homeCircle a:focus img.logo {
	filter:alpha(opacity=40);
	-moz-opacity: 0.4;
	opacity: 0.4;
}
*/

div.homeCircle a img.logo,
ul#homeMenu li a {
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease;
}


/* --------------------------------------------------------------------- */
/* loading */
/* --------------------------------------------------------------------- */

div#homeLoadingArea {
	background: #ffffff;
	position: fixed;
	_position: absolute;
	z-index: 1000;
}

div#homeLoading {
	background: #ffffff;
	position: relative;
}

div#homeLoading p {
	width: 32px;
	height: 32px;
	overflow: hidden;
	font-size: 10px;
	line-height: 1;
	position: absolute;
	background: #ffffff url("../../images/loading.gif") no-repeat center center;
}

div#homeLoading p span {
	display: block;
	padding-top: 32px;
}

div#homeHeaderArea,
section#homeCircleArea,
section#homePhotoArea {
	visibility: hidden;
}


/* --------------------------------------------------------------------- */
/* js */
/* --------------------------------------------------------------------- */

div#homeHeaderArea,
div#homeCircleArea,
ul#homeArchive li,
div#homePhotoArea ul li,
div#homeLoadingArea,
div#homeLoading {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
	/*positionとバッティング*/
	/*
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	*/
}