/*--------------------------------------------

	For all file

	Last update : 2009.10.9
	mio urakami

	---------------------------
	1-0 style reset
	2-0 basic visual setting
	3-0 structure
		3-1 header
		3-2 navi
		3-3 contents
		3-4 footer
		3-5 float clear

	4-0 visual setting
		4-1 common
		4-2 header
			4-2-1 headmenu
			4-2-2 headinfo
			4-2-3 headmenu02
		4-3 topicpath
		4-4 category
		4-5 contents
			4-5-1 itemlist
		4-6 footer01
			4-6-1 footmenu
		4-7 footer02
  --------------------------------------------*/

/*---------------------------------------------------------------
  1-0 style reset
----------------------------------------------------------------*/

body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, p, ul, ol, li, table, th, td, caption, form, input, blockquote, pre, form, select{
	margin:0;
	padding:0;
	font-size:100%;
	font-weight:normal;
	font-style:normal;
}

dl, dt, dd, h1, h2, h3, h4, h5, h6, p, ul, ol, li, th, td, caption, form, input, blockquote, select{
	line-height:1;
}

table{
	border-collapse:collapse;
	border-spacing:0;
}

caption, th{
	text-align:left;
}

img{
	vertical-align:bottom;
	border:none;
}

input{
	vertical-align:bottom;
}

/*---------------------------------------------------------------
  2-0 basic visual setting
----------------------------------------------------------------*/

body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	background:url("/shop/user_data/c/img/back.jpg") repeat-y center top;
	color:#625241;
}

strong{
	color:#c00;
	font-weight:bold;
}

em{
	color:#c00;
	font-style:normal;
}

small{
	font-size:86%;
}

a:link{
	color:#903;
/*	color:#930;*/
	text-decoration:none;
}

a:visited{
	color:#963;
	text-decoration:none;
}

a:hover{
	color:#fe2577;
	color:#ee8701;
	color:#930;
	text-decoration:underline;
}

.clear{
	clear:both;
}


/*-----centering for IE-----*/
body{
	text-align:center;
}

/*-----basefontsize for IE------*/
#body{
	font-size:80%;
	letter-spacing:0.03em;
}

/*------basefontsize for another------*/
html>body #body{
	font-size:12px;
	letter-spacing:0;
}

/*-----basefontsize for IE7------*/
*:first-child+html #body{
	font-size:80%;
}

/*------float clear hack------*/
.clr:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
* html .clr { display: inline-block; }
/* no ie mac \*/
* html .clr { height: 1%; }
.clr { display: block; }
/* */

/*---for IE7---*/
*:first-child+html body .clr{
	overflow:auto;
	height:auto;
}


/*------open new window------*/
.iconewin{
	margin-right:3px;
	margin-left:1px;
	vertical-align:middle;
}

/*----------------------------------------------------------------
  3-0 structure
-----------------------------------------------------------------*/

/* --------------------------------------------
  3-1 header
---------------------------------------------*/

#header #logoarea{
	float:left;
	width:272px;
}

#header #headcontents{
	float:right;
	width:664px;
}

#headmenu p.backhome{
	float:left;
	width:210px;
}

#headmenu ul{
	float:right;
	width:412px;
}

#headmenu li{
	float:right;
	margin-right:5px;
	width:103px;
	letter-spacing:0;
}

#headmenu li.login{
	width:70px;
}

#headmenu li.logout{
	width:82px;
}

#headmenu li.mypage{
	margin-right:0;
	width:90px;
}

#headcontents .headtext{
	float:left;
	width:365px;
}

#headcontents .search{
	float:right;
	width:290px;
}

#headcategory{
	float:left;
	width:390px;
}

#headmenu02 .viewcart{
	float:right;
	width:130px;
}

#headcategory li{
	float:left;
	width:186px;
	margin-right:6px;
}

/* --------------------------------------------
  3-2 navi
---------------------------------------------*/

#navi{
	float:right;
	width:230px;
	padding-top:
	padding-bottom:16px;
}

/* --------------------------------------------
  3-3 contents
---------------------------------------------*/

#contents{
	float:left;
	width:700px;
	position:relative;
	padding-bottom:16px;
}

#contents .itemlist .itembox{
	float:left;
	width:110px;
	margin-right:4px;
	padding:13px;
}


/* --------------------------------------------
  3-4 footer
---------------------------------------------*/

#footmenu{
	float:left;
	width:230px;
}

#associatedsite{
	float:right;
	width:540px;
}

#associatedsite li{
	float:right;
	width:230px;
	margin-left:21px;
}

/*#footer02 .copyright{
	float:left;
	width:600px;
}

#footer02 .globalsign{
	float:right;
	width:100px;
}*/

/* --------------------------------------------
  3-5 float clear
---------------------------------------------*/

#main, #footer01, #footer02, .headtext, #headinfo, #headmenu02, .pageup, .itemlist, .itemlist .itemblock, #topicpath, #footerarea{
	clear:both;
}


/*----------------------------------------------------------------
  4-0 visual setting
-----------------------------------------------------------------*/

/* --------------------------------------------
  4-1 common
---------------------------------------------*/

#body{
	background:url("/shop/user_data/c/img/header/back_header.jpg") no-repeat center top;
}

#header, #main, #footer01, #footer02, #topicpath{
	width:950px;
	margin:0 auto;
	text-align:left;
}

.pageup{
	margin-right:4px;
	padding:10px 18px 10px 0;
	text-align:right;
	background:url("/shop/user_data/c/img/aws_up.gif") no-repeat 100% 10px;
}


/* --------------------------------------------
  4-2 header
----------------------------------------------*/

#header ul{
	list-style:none;
}


/* ----------------------------
  4-2-1 headmenu
------------------------------*/

#headmenu{
	color:#c8c3b8;
}

#headmenu li{
	line-height:1;
}

#headmenu a:link{
	color:#c8c3b8;
}

#headmenu a:hover{
	color:#fce299;
}

#headmenu a:visited{
	color:#c8c3b8;
}

#headmenu p.backhome{
	padding-top:8px;
	font-size:86%;
}

#headmenu li a{
	display:block;
	width:83px;
	padding:6px 0 6px 20px;
}

#headmenu li.mypage a{
	width:65px;
}

#headmenu li.guide a:link, #headmenu li.guide a:visited{
	background:url("/shop/user_data/c/img/headmenu/headmenu.gif") no-repeat left center;
}

#headmenu li.guide a:hover{
	background:url("/shop/user_data/c/img/headmenu/headmenu_ov.gif") no-repeat left center;
}

#headmenu li.sitemap a:link, #headmenu li.sitemap a:visited{
	background:url("/shop/user_data/c/img/headmenu/headmenu.gif") no-repeat -108px center;
}

#headmenu li.sitemap a:hover{
	background:url("/shop/user_data/c/img/headmenu/headmenu_ov.gif") no-repeat -108px center;
}

#headmenu li.contact a:link, #headmenu li.contact a:visited{
	background:url("/shop/user_data/c/img/headmenu/headmenu.gif") no-repeat -217px center;
}

#headmenu li.contact a:hover{
	background:url("/shop/user_data/c/img/headmenu/headmenu_ov.gif") no-repeat -217px center;
}

#headmenu li.login a:link, #headmenu li.login a:visited{
	background:url("/shop/user_data/c/img/headmenu/headmenu.gif") no-repeat -217px center;
}

#headmenu li.login a:hover{
	background:url("/shop/user_data/c/img/headmenu/headmenu_ov.gif") no-repeat -217px center;
}

#headmenu li.logout a:link, #headmenu li.logout a:visited{
	background:url("/shop/user_data/c/img/headmenu/headmenu.gif") no-repeat -217px center;
}

#headmenu li.logout a:hover{
	background:url("/shop/user_data/c/img/headmenu/headmenu_ov.gif") no-repeat -217px center;
}

#headmenu li.mypage a:link, #headmenu li.mypage a:visited{
	background:url("/shop/user_data/c/img/headmenu/headmenu.gif") no-repeat -326px center;
}

#headmenu li.mypage a:hover{
	background:url("/shop/user_data/c/img/headmenu/headmenu_ov.gif") no-repeat -326px center;
}

/* ----------------------------
  4-2-2 headinfo
------------------------------*/

#headinfo p.shippingrates{
	padding-top:11px;
	font-weight:bold;
}

#headinfo p.shippingrates a:link{
	color:#903;
}

#headinfo p.shippingrates a:visited{
	color:#903;
}


#headinfo p.shippingrates img{
	margin-left:3px;
	vertical-align:baseline;
}

#headinfo p.tagline{
	margin-top:9px;
	padding-bottom:9px;
	color:#a69b9b;
	font-size:80%;
}

#headinfo .search{
	padding-top:19px;
	text-align:right;
}

/* ----------------------------
  4-2-3 headmenu02
------------------------------*/

#headcategory li a, #headcategory li.on{
	display:block;
	width:142px;
	padding:11px 22px 12px 22px;
}

#headcategory li{
	background:url("/shop/user_data/c/img/header/back_menu_on.gif") no-repeat left top;
}


#headcategory li a:link{
	background:url("/shop/user_data/c/img/header/back_menu.gif") no-repeat left top;
}

#headcategory li a:visited{
	background:url("/shop/user_data/c/img/header/back_menu.gif") no-repeat left top;
}

#headcategory li a:hover{
	background:url("/shop/user_data/c/img/header/back_menu_ov.gif") no-repeat left top;
}

/* --------------------------------------------
  4-3 topicpath
----------------------------------------------*/

#topicpath{
	padding:10px 0;
	font-size:92%;
}

#topicpath ol{
	list-style:none;
}

#topicpath li{
	display:inline;
}

#topicpath li a{
	padding-right:12px;
	background:url("/shop/user_data/c/img/arw_topicpath.gif") no-repeat right 3px;
}


/* --------------------------------------------
  4-4 category
----------------------------------------------*/

#navi ul{
	list-style:none;
}


#navi #category{
	background:url("/shop/user_data/c/img/categorymenu/back_cate.gif") repeat-y left top;
}

#navi #category h2{
	padding:27px 10px 8px 10px;
	background:url("/shop/user_data/c/img/categorymenu/ttl_catmenu.gif") no-repeat left top;
	color:#a69888;
	font-size:86%;
}

#navi #category h3.annaon, #navi #category h3.sweetson, #navi #category h3.palseylleon{
	padding:16px 29px 16px 48px;
}

#navi #category h3 a{
	display:block;
	padding:16px 29px 16px 48px;
}

#navi #category h3.annaon{
	background:url("/shop/user_data/c/img/categorymenu/btn_anna_on.gif") no-repeat 4px 0;
}

#navi #category h3.anna a{
	background:url("/shop/user_data/c/img/categorymenu/btn_anna.gif") no-repeat 4px 0;
}

#navi #category h3.anna02 a{
	background:url("/shop/user_data/c/img/categorymenu/btn_anna02.gif") no-repeat 4px 0;
}

#navi #category h3.sweetson{
	background:url("/shop/user_data/c/img/categorymenu/btn_sweets_on.gif") no-repeat 4px 0;
}

#navi #category h3.sweets a{
	background:url("/shop/user_data/c/img/categorymenu/btn_sweets.gif") no-repeat 4px 0;
}

#navi #category h3.sweets02 a{
	background:url("/shop/user_data/c/img/categorymenu/btn_sweets02.gif") no-repeat 4px 0;
}

#navi #category h3.palseylleon{
	background:url("/shop/user_data/c/img/categorymenu/btn_pal_on.gif") no-repeat 4px 0;
}

#navi #category h3.palseylle a{
	background:url("/shop/user_data/c/img/categorymenu/btn_pal.gif") no-repeat 4px 0;
}

#navi #category h3.palseylle02 a{
	background:url("/shop/user_data/c/img/categorymenu/btn_pal02.gif") no-repeat 4px 0;
}

#navi #category ul{
	margin:16px 14px 14px 14px;
}

#navi #category ul.sub{
	margin:6px 0 13px 0;
}


#navi #category li{
	margin:0.6em 0;
	padding-left:11px;
	background:url("/shop/user_data/c/img/icon_list01.gif") no-repeat 0 4px;
	line-height:1.34;
}

#navi #category li.on{
	font-weight:bold;
}

/* --------------------------------------------
  4-4 contents
---------------------------------------------*/

/* ----------------------------
  4-4-1 itemlist
------------------------------*/

.itemlist .itemblock{
	padding-top:4px;
	background:url("/shop/user_data/c/img/index/back_itembox.gif") no-repeat 0 4px;
}

.grandindex .itemlist .itemblock h2, #itemindexpage .itemlist .itemblock h3{
	margin:8px 0 0 0;
	line-height:1.34;
}

.itemlist .itembox .comment{
	margin-right:5px;
	color:#000;
	font-size:92%;
	font-weight:bold;
}

.itemlist .itembox .price{
	margin-top:6px;
	line-height:1.34;
}

/* --------------------------------------------
  4-5 footer01
----------------------------------------------*/

#footer01 ul{
	list-style:none;
}

#footer01{
	width:912px;
	padding:12px 22px 12px 16px;
	background:#efeae0;
}

/* ----------------------------
  4-5-1 footmenu
------------------------------*/

#footmenu li{
	margin:0.5em 0;
	padding-left:19px;
	background:url("/shop/user_data/c/img/icon_cercle.gif") no-repeat 0 3px;
	line-height:1.34;
}

#footmenu li.contact{
	margin-bottom:1em;
	background:url("/shop/user_data/c/img/icon_mail.gif") no-repeat 0 3px;
}

#footmenu p.globalsign{
	margin-top:22px;
}

#associatedsite li{
	margin-top:0.5em;
	font-size:86%;
	line-height:1.8;
}

/* --------------------------------------------
  4-6 footer02
----------------------------------------------*/

#footer02{
	width:918px;
	padding:16px;
	background:#efeae0;
	color:#9d8c86;
	text-align:center;
}