* {
	margin:0px;
	padding:0px;
}
body{
color:#666666;
	font-size: 12px;
	font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
	line-height: 140%;
	text-align: center;
	margin:0px;
	padding:0px;
	background-color: #e1d5e5;
}

br.clear {
clear: both;
font: 0pt/0pt sans-serif;
}
*html .iepngfix {
behavior: expression(IEPNGFIX.fix(this));
}

/* ------------------------------------- 
*	初期化
* ------------------------------------- */
a,img,p,ul,li,dl,dt,dd,div,span{
	margin:0px;
	padding:0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
} 
/* ------------------------------------- 
*	リンクの色設定
* ------------------------------------- */

a,a:visited{
	color: #bea268;
	text-decoration: none;
	cursor: pointer;
}
a:hover,a:active{
	color: #666666;
	text-decoration: none;
}

/* -------------------------------------
*	ページレイアウト
* ------------------------------------- */

/*ページ中央の幅*/
#wrapper {
text-align: left;
margin: 0px auto;
padding: 0px;
height: auto;
width: 840px;
background-color: #FFFFFF;
}
/*メインメニュー*/
#global-menu {
background-color: #FFFFFF;
	margin: 0px auto;
	padding: 0px;
	clear: both;
	height: 22px;
	width: 798px;
}
#global-menu ul{
margin: 0px;
padding: 0px;
}
#global-menu li{
float: left;
list-style-type: none;
overflow: hidden;
padding: 0px;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 16px;
}
#global-menu li.m1{
margin-left: 0px;
}
#global-menu li a{
display: block;
width: auto;
height: 12px;
font-size: 1px;
line-height: 1px;
text-indent: -1000em;
background-position: left top;
}
#global-menu li a:hover,#global-menu li a.active{
background-position: left bottom;
}
#global-menu li.m1 a{
background-image: url(../images/menu_top.gif);
background-repeat: no-repeat;
margin: 0px;
padding: 0px;
height: 12px;
width: 31px;
}
#global-menu li.m2 a{
background-image: url(../images/menu_news.gif);
background-repeat: no-repeat;
margin: 0px;
padding: 0px;
height: 12px;
width: 45px;
}
#global-menu li.m3 a{
background-image: url(../images/menu_recommend.gif);
background-repeat: no-repeat;
margin: 0px;
padding: 0px;
height: 12px;
width: 106px;
}
#global-menu li.m4 a{
background-image: url(../images/menu_closeup.gif);
background-repeat: no-repeat;
margin: 0px;
padding: 0px;
height: 12px;
width: 120px;
}
#global-menu li.m5 a{
background-image: url(../images/menu_shopping.gif);
background-repeat: no-repeat;
margin: 0px;
padding: 0px;
height: 12px;
width: 78px;
}
#global-menu li.m6 a{
background-image: url(../images/menu_about.gif);
background-repeat: no-repeat;
margin: 0px;
padding: 0px;
height: 12px;
width: 54px;
}
#global-menu li.m7 a{
background-image: url(../images/menu_organic.gif);
background-repeat: no-repeat;
margin: 0px;
padding: 0px;
height: 12px;
width: 126px;
}
#global-menu li.m8 a{
background-image: url(../images/menu_artist.gif);
background-repeat: no-repeat;
margin: 0px;
padding: 0px;
height: 12px;
width: 66px;
}
#global-menu li.m9 a{
background-image: url(../images/menu_blog.gif);
background-repeat: no-repeat;
margin: 0px;
padding: 0px;
height: 12px;
width: 43px;
}
/*メインメニュー*/
/* ------------------------------------- 
*	header
* ------------------------------------- */
#header_menu {
background-image: url(../images/header_deco.gif);
background-repeat: repeat-x;
background-position: center top;
margin: 0px;
padding: 0px;
height: 33px;
width: 840px;
}
#header {
	width:100%;
	text-align: center;
}
#header #title{
margin: 0px auto;
padding: 0px;
height: 57px;
width: 840px;
}
#header #title h1{
	font-size: 1px;
	line-height: 1px;
	padding: 0px;
	height: 41px;
	width: 169px;
	display: inline;
	margin: 0 0 0 338px;
	float: left;
}
#header #title h1 a{
background-image: url(../images/logo.gif);
background-repeat: no-repeat;
background-position: left top;
text-indent: -1000em;
display: block;
margin: 0px;
padding: 0px;
height: 41px;
width: 169px;
overflow: hidden;
}
#header ul {
	display: block;
	margin: 0 0 0 208px;
	padding: 0px;
	float: left;
	width: auto;
}

#header ul li{
	font-size: 1px;
	line-height: 1px;
	display: block;
	margin: 0 9px 0 0;
	padding: 0px;
	float: left;
	list-style-type: none;
}
#header ul li a{
text-indent: -1000em;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 43px;
	width: 49px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: left top;
}
#header ul li a:hover{
background-position: left bottom;
}
#header ul li.hm1 a{
	background-image: url(../images/btn_myorder.gif);
}
#header ul li.hm2 a{
	background-image: url(../images/btn_member.gif);
}

/* ------------------------------------- 
*	contents
* ------------------------------------- */
#contents{
	text-align: left;
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 840px;
	background-image: url(../images/bg_container.gif);
background-repeat: repeat-y;
background-position: left top;
}
#contents h3{
	font-size: 13px;
	font-weight: bold;
	color: #313131;
	background-image: url(../images/line_h3.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	width: 100%;
}
#contents h4{
	font-size: 12px;
	font-weight: bold;
}
/* ------------------------------------- 
*	sidebar
* ------------------------------------- */
#side {
width:190px;
height:auto;
float:left;
background-color: #f2f2f2;
padding:0 0 20px 0;
}
#side dl{
width:150px;
padding: 16px 0 0 20px;
margin: 0 0 20px 0;
}
#side dt{
margin: 0 0 10px 0;
}
#side dt.title{
	font-size: 1px;
	line-height: 1px;
	background-image: url(../images/body_side_categories.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -1000em;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 21px;
	width: 106px;
	overflow: hidden;
}
#side dt.title2{
	font-size: 1px;
	line-height: 1px;
	background-image: url(../images/body_side_archives.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-indent: -1000em;
	display: block;
	padding: 0px;
	height: 31px;
	width: 106px;
	overflow: hidden;
}
/* ------------------------------------- 
*	main-contents
* ------------------------------------- */
#main {
	background-color: #FFFFFF;
	margin: 0 0 0 20px;
	padding: 0px;
	float: left;
	height: auto;
	width: 610px;
}
/* ------------------------------------- 
*	パンくずナビ
* ------------------------------------- */

#main .pankuzu-head {
font-size: 1px;
	line-height: 1px;
	background-image: url(../images/line_pankuzu1.gif);
	background-repeat: repeat-x;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height:10px;
}
#main .pankuzu {
	color: #e6e6e6;
	line-height: 1em;
	margin: 0px;
	padding: 0 0 0 10px;
	height: auto;
}
#main .pankuzu-foot {
font-size: 1px;
	line-height: 1px;
	background-image: url(../images/line_pankuzu2.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	margin: 0 0 30px 0;
	padding: 0px;
	width: 100%;
	height:10px;
}
#main .pankuzu span{
color:#797979;
}


/* ------------------------------------- 
*	footer
* ------------------------------------- */
#footer {
	width:800px;
	padding-bottom:10px;
	margin: 10px auto;
	text-align:center;
}
#footer #footer_menu{
	margin: 0px;
	padding: 0px;
	float: left;
	height: auto;
	width: 544px;
}
#footer #footer_menu ul{
	margin: 0px;
	padding: 0px;
}
#footer #footer_menu li{
	font-size: 1px;
	line-height: 1px;
	margin: 0 0 0 15px;
	padding: 0px;
	float: left;
	height: 12px;
	list-style-type: none;
}
#footer #footer_menu li.fm1{
margin: 0px;
}
#footer #footer_menu li a{
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -1000em;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 12px;
	overflow: hidden;
}
#footer #footer_menu li a:hover{
background-position: left bottom;
}
#footer #footer_menu li a.active{
background-position: left bottom;
}
#footer #footer_menu li.fm1 a{
	background-image: url(../images/fm_present.gif);
	width: 57px;
}
#footer #footer_menu li.fm2 a{
	background-image: url(../images/fm_contact.gif);
	width: 62px;
}
#footer #footer_menu li.fm3 a{
	background-image: url(../images/fm_howto.gif);
	width: 82px;
}
#footer #footer_menu li.fm4 a{
	background-image: url(../images/fm_faq.gif);
	width: 28px;
}
#footer #footer_menu li.fm5 a{
	background-image: url(../images/fm_privacy.gif);
	width: 105px;
}
#footer #footer_menu li.fm6 a{
	background-image: url(../images/fm_company.gif);
	width: 64px;
}
#footer #footer_menu li.fm7 a{
	background-image: url(../images/fm_sitemap.gif);
	width: 56px;
}
#footer .cp{
	font-size: 1px;
	line-height: 1px;
	background-image: url(../images/cp.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -1000em;
	display: block;
	margin: 0px;
	padding: 0px;
	float: right;
	height: 12px;
	width: 218px;
	overflow: hidden;
}


/*
*margin
*/
p.mb10{
margin-bottom:10px;
}
p.mb20{
margin-bottom:20px;
}
/*
*crearfix
*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix{ 
zoom: 100%;
}
.clearfix { display: inline-table;}
/* Hides from IE-mac ￥*/
* html .clearfix { height: 1%;}
.clearfix { display: block;}
/* End hide from IE-mac */

/* ------------------------------------- 
*	pagetop
* ------------------------------------- */
div#pgtop{
	margin: 20px 0px;
	padding: 0px;
	width: 100%;
}
div#pgtop a{
	font-size: 1px;
	line-height: 1px;
	background-image: url(../images/btn_pagetop.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -1000em;
	display: block;
	margin: 0px;
	padding: 0px;
	float: right;
	height: 11px;
	width: 70px;
}
div#pgtop a:hover{
background-position: left bottom;
}