@charset "UTF-8";


/* */
#debug{ width:500px; height:30px; position:fixed; top:20px; left:10px; background-color:#000; color:#f30; font-size:16px; z-index:99999; display:none;}
#preload{ position:fixed; top:0; left:0; width:0; height:0; overflow:hidden; opacity:0;}

.mini body{ font-size:10px;}

a.btn{ display:block; text-indent:-999px; overflow:hidden; height:100%;}

#alert{ position:fixed; top:0; left:0; width:100%; height:100%; background:url(../img/common/alert.png) center center no-repeat #fff; text-align:center; z-index:9999; display:none;}

#preload{ position:fixed; top:0; left:0; z-index:-1; height:1px; width:1px; opacity:0; visibility:hidden;}
.mini #preload{ display:none;}
.innerBlack{ background-color:#000;}



a,
a:link{ color:#938C8C;}
a:hover{ color:#979090;}

/* cfix
----------------------------------------------- */
dl,
dt,
dd,
.cfix,
dl.history dd ul{
	height:inherit;
	margin:auto;
	zoom:1;
}



dl:after,
dt:after,
dd:after,
.cfix:after,
dd ul:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
/*mac\*/
*html dl,
*html dt,
*html dd,
*html .cfix,
*html dd ul{ height:1%;}

dl,
dt,
dd,
.cfix,
dd ul { display:block;}




/* class
----------------------------------------------- */

ul.share{}
ul.share li{}
ul.share li.facebook{}
ul.share li.twitter{}

.alphaBlock{ 

	background:url(../img/common/white_75.png); 
	padding:10%;
	
	box-shadow:rgba(122, 122, 122, 0.498039) 0px 0px 30px 5px;
	-webkit-box-shadow:rgba(122, 122, 122, 0.498039) 0px 0px 30px 5px;
	-moz-box-shadow:rgba(122, 122, 122, 0.498039) 0px 0px 30px 5px;

}



/* class
----------------------------------------------- */
#header img{ vertical-align:top;}
#logo{ position:absolute; top:68px; left:73px; height:12px; width:124px; overflow:hidden; padding:0; line-height:0;}


#copyright{ text-align:center; padding-top:50px; color:#ccc; font-size:9px;}


#opArea{ display:block; position:relative;}

	#opArea .logo{ position:absolute; top:230px; left:50%; margin-left:-75px; opacity:0; z-index:1;}
	
	
	#opArea .visual{ border:solid 0px #ccc; display:none;}
	#opArea #opImage_1{ position:absolute; top:70px; left:76px; z-index:2;}
	#opArea #opImage_2{ position:absolute; top:70px; left:365px; z-index:2;}
	#opArea #opImage_3{ position:absolute; top:70px; left:655px; z-index:2;}
	



#topArea{ display:none;}

	#topArea .mainVisual{ text-align:center; margin:auto; position:relative; height:390px; margin-bottom:40px;}
	#topArea .mainVisual .logo{ position:absolute; top:230px; left:50%; margin-left:-75px;}
	
	#globalMenu{ position:relative; clear:both; border-top:solid 1px #ccc; padding-top:10px; margin:0 35px;}
	
	body#top #globalMenu{ border:0;}
	
	#globalMenu ul		{ width:860px; height:30px; border:solid 0px #f30; margin:auto; position:relative;}
	
		body#top #globalMenu ul{ width:860px;}
		
	#globalMenu ul li	{ float:left; padding:0px; border:solid 0px #f30; height:17px;margin-right:20px; float:left; opacity:0.5;}
	#globalMenu ul li:hover{opacity:1;}
	
	#globalMenu ul li a{ display:block; height:17px; text-indent:-999px; overflow:hidden;}
	#globalMenu ul li a:hover{ }
	
	#globalMenu ul li.top{ width:40px;}
	#globalMenu ul li.about{ width:80px;}
	#globalMenu ul li.access{ width:63px;}
	#globalMenu ul li.artisan{ width:158px;}
	#globalMenu ul li.ourbrands{ width:97px;}
	#globalMenu ul li.contact{ width:70px; }
	#globalMenu ul li.facebook{ width:85px;}
	#globalMenu ul li.store{ width:106px; margin-right:0}
	
	
	/*#globalMenu ul li.top{ width:80px; position:absolute; top:0px; left:0px;}
	#globalMenu ul li.about{ width:80px; position:absolute; top:0px; left:0px;}
	#globalMenu ul li.access{ width:63px; position:absolute; top:0px; left:112px;}
	#globalMenu ul li.artisan{ width:158px; position:absolute; top:0px; left:206px;}
	#globalMenu ul li.ourbrands{ width:97px; position:absolute; top:0px; left:397px;}
	#globalMenu ul li.contact{ width:70px; position:absolute; top:0px; left:527px;}
	#globalMenu ul li.facebook{ width:85px; position:absolute; top:0px; left:627px;}
	#globalMenu ul li.store{ width:106px; position:absolute; top:0px; left:744px;}*/
	
	#globalMenu ul li.top { background:url(../img/common/menu/top.png) center center no-repeat;}
	#globalMenu ul li.about{ background:url(../img/common/menu/about.png) center center no-repeat;}
	#globalMenu ul li.access { background:url(../img/common/menu/access.png) center center no-repeat;}
	#globalMenu ul li.artisan{ background:url(../img/common/menu/designer.png) center center no-repeat;}
	#globalMenu ul li.ourbrands { background:url(../img/common/menu/our_brands.png) center center no-repeat;}
	#globalMenu ul li.contact { background:url(../img/common/menu/contact.png) center center no-repeat;}
	#globalMenu ul li.facebook{ background:url(../img/common/menu/facebook.png) center center no-repeat;}
	#globalMenu ul li.store { background:url(../img/common/menu/online_store.png) center center no-repeat;}
	
	
	body#top #globalMenu ul li.top,
	body#about #globalMenu ul li.about,
	body#access #globalMenu ul li.access,
	body#artisan #globalMenu ul li.artisan,
	body#our_brands #globalMenu ul li.ourbrands,
	body#contact #globalMenu ul li.contact{ opacity:0.2 !important;}
	
	body#top #globalMenu ul li.top:hover,
	body#about #globalMenu ul li.about:hover,
	body#access #globalMenu ul li.access:hover,
	body#artisan #globalMenu ul li.artisan:hover,
	body#ourbrands #globalMenu ul li.ourbrands:hover,
	body#contact #globalMenu ul li.contact:hover{ opacity:0.2 !important;}
	
	body#top #globalMenu ul li.top a,
	body#about #globalMenu ul li.about a,
	body#access #globalMenu ul li.access a,
	body#artisan #globalMenu ul li.artisan a,
	body#ourbrands #globalMenu ul li.ourbrands a,
	body#contact #globalMenu ul li.contact a{ display:none;}
	
	
	
/* about
----------------------------------------------- */
body#about #main{ background-color:#fff;}


body#about #visual{ width:481px; height:449px; float:left;}

	body#about #visual ul{width:445px; height:449px; overflow:hidden; padding:28px 0 0 44px;}
	body#about #visual ul li{ width:125px; height:125px; margin:0 35px 37px 0; float:left; background-color:#fff;}
	body#about #visual ul li.list3,
	body#about #visual ul li.list6,
	body#about #visual ul li.list9{ margin-right:0;}
	
body#about #contents{ width:457px; height:550px; float:right;}



/* artisan
----------------------------------------------- */
body#artisan #main{ background-color:#fff;}


body#artisan #visual{ width:auto; height:auto; padding:24px 0 0 150px; float:left;}


	
body#artisan #contents{ width:457px; height:550px; float:right;}

	
	

/* access
----------------------------------------------- */
body#access #main{ background-color:#fff;}


body#access #visual{ width:auto; height:auto; padding:24px 0 0 76px; float:left;}


	
body#access #contents{ width:457px; height:550px; float:right;}
	
	
	

/* our_brands
----------------------------------------------- */
body#our_brands #main{ background-color:#fff;}


body#our_brands #visual{ width:auto; height:auto; padding:0px 0 0 0px; float:left;}


	
body#our_brands #contents{ width:457px; height:550px; float:right;}
	
	
	
/* contact
----------------------------------------------- */
body#contact #main{ background-color:#fff;}


body#contact #visual{ width:auto; height:auto; padding:0px 0 0 0px; float:left;}


	
body#contact #contents{ width:457px; height:550px; float:right;}