@charset "UTF-8";

/*---------------------------------------------------------------------------
	basic css (japanese)
---------------------------------------------------------------------------*/

body	{
	background: #fff;
}

/*---------------------
	ALL
---------------------*/

strong	{
	font-weight: bold;
	}

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

a	{
	color: #31b5c1;
	text-decoration: underline;
	}

a:hover	{
	color: #666;
	text-decoration: ;
	}

/*---------------------
	H1-H6
---------------------*/


h1	{
	margin: 0 0 20px 0;
	padding: 0 20px 10px 20px;
	font-size: 20px;
	border-bottom: solid 2px #998977;
	text-align: left;
	}

h1	.sub{
	padding: 0 0 0 15px;
	font-size: 11px;
	color: #ccc;
	}




/*for shop list*/
h1	.small{
	padding: 0 12px 0 0;
	font-size: 12px;
	color: #666;
	}






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

/*---------------------
	container
---------------------*/

#container { 
	width: 890px;
	background: #fff;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	}
	
	#cwrapper { 
	padding: 0 20px;
	text-align: left;
	}


/*---------------------
	Header
---------------------*/

/*header common*/
#header	{
	position: relative;
	height: 65px;
	}

/*logo*/
#logo	{
	position: absolute;
	top: 38px;
	left: 0;
	}

	/*半透明処理*/
	#logo	a:hover {
	filter: alpha(opacity=60);	/*IE*/
	-moz-opacity:0.60;			/*Firefox*/
	opacity:0.60;				/*Opera・Safari*/
	}

/*headnavi*/
#headnavi	{
	position: absolute;
	top: 35px;
	width: 330px;
	left: 517px;
	}
	
	#headnavi	ul {
	height: 25px;
	}

	#headnavi	ul li{
	float: left;
	}


.brandlist	a{
	display: block;
	width: 94px;
	height: 25px;
	background: url(../parts/navi_01.gif) no-repeat;
	text-indent: -9999px;
	border-left: solid 1px #e5e5e5;
	}
	
	.brandlist	a:hover{
	background: url(../parts/navio_01.gif) no-repeat;
	}




.profile	a{
	display: block;
	width: 131px;
	height: 25px;
	background: url(../parts/navi_03.gif) no-repeat;
	text-indent: -9999px;
	border-left: solid 1px #e5e5e5;
	}
	
	.profile	a:hover{
	background: url(../parts/navio_03.gif) no-repeat;
	}

.contactus	a{
	display: block;
	width: 96px;
	height: 25px;
	background: url(../parts/navi_05.gif) no-repeat;
	text-indent: -9999px;
	border-left: solid 1px #e5e5e5;
	border-right: solid 1px #e5e5e5;
	}
	
	.contactus	a:hover{
	background: url(../parts/navio_05.gif) no-repeat;
	}




/*---------------------
	PANKUZU
---------------------*/

#pankuzu	{
	height: 9px;
	margin: 0 0 30px 0;
	padding: 15px 0 0 0;
	color: #666;
	}

#pankuzu	ul li{
	float: left;
	font-size: 10px;
	line-height: 100%;
	}

#pankuzu	ul li	a{
	font-size: 10px;
	line-height: 100%;
	}


#pankuzu	ul li.homeicon{
	padding-left: 17px;
	margin-right: 10px;
	background: url(../parts/homeicon.gif) no-repeat;
	background-position: 0px -1px;
	}

#pankuzu	ul li.txt{
	padding-left: 10px;
	margin-right: 10px;
	background: url(../parts/pankuzu.gif) no-repeat;
	background-position: 0px -1px;
	}

/*---------------------
	MAIN AREA
---------------------*/

#mainarea	{
	margin: 0 0 30px 0;
	}

/*---------------------
	SNS,LINKS
---------------------*/

#sns,
#links	{
	margin: 0 0 30px 0;
	}

#sns h2,
#links h2	{
	margin: 0 0 20px 0;
	}

#sns div,
#links div	{
	padding: 0 0 0 8px;
	}

#sns a,
#links a	{
	margin: 0 6px 0 0;
	
	}
#sns a:hover,
#links a:hover	{
	filter: alpha(opacity=60);	/*IE*/
	-moz-opacity:0.60;			/*Firefox*/
	opacity:0.60;				/*Opera・Safari*/
	}

/*---------------------
	FOOTER
---------------------*/
#footer	{
	padding: 30px 0;
	border-top: solid 1px #e5e5e5;
	font-size: 10px;
	overflow: hidden;
	zoom: 100%;
	}
	
	#footer	a	{
	font-size: 10px;
	color: #666;
	text-decoration: none;
	}

#footlink,
#globallink		{
	float: left;
	}

#footlink	{
	width: 225px;
	}
	
	#footlink	a{
	padding-right: 20px;
	}
	

#globallink	{
	width: 400px;
	text-align: center;
	}
	
	#globallink	a{
	width: 400px;
	padding: 0 5px;
	}
	
	#globallink	strong{
	color: #666;
	}


#pagetop	{
	float: left;
	width: 225px;
	}

	#pagetop	a{
	float: right;
	display: block;
	}


/*---------------------
 	copyright
-----------------------*/

#copyright	{
	width: 850px;
	height: 56px;
	background: url(../parts/copyright.gif) no-repeat;
	text-indent: -9999px;
	}


/*---------------------------------------------------------------------------
	CART
---------------------------------------------------------------------------*/

.cartbuton	{
	z-index: 1;
	}
.cartbuton	select{
	z-index: 2;
	}
	
.cartspace	{
	width: 680px;
	margin: 0px 0px 20px 0px;
	}

	.lookcart		{
	float: right;
	}

	.lookcart	a	{
	display: block;
	width: 118px;
	height: 26px;
	background: url(../image/cart_n.gif) no-repeat;
	text-indent: -9999px;
	}

	.lookcart	a:hover	{
	display: block;
	width: 118px;
	height: 26px;
	background: url(../image/cart_o.gif) no-repeat;
	text-indent: -9999px;
	}

	.lookcart:after	{
	clear: right;
	}