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

	For item file

	Last update : 2010.1.29
	mio urakami

	---------------------------
	1-0 structure
		1-1 itemlistpage
		1-2 itemdetailpage
		1-3 searchpage
		1-4 float clear

	2-0 visual setting
		2-1 h1area common
			2-1-1 商品一覧ページh1area
		2-2 カテゴリページ　サブカテゴリタイトル
		2-3 商品詳細ページ
			2-3-1 タイトル・説明文エリア
			2-3-2 メイン画像エリア
			2-3-3 カートエリア
		2-4 検索結果画面
  --------------------------------------------*/


/*----------------------------------------------------------------
  1-0 structure
-----------------------------------------------------------------*/

/* --------------------------------------------
  1-1 itemlistpage
---------------------------------------------*/

#itemlistpage .itembox02 .photoarea{
	float:left;
	width:125px;
}

#itemlistpage .itembox02 .ttlarea{
	float:left;
	width:280px;
}

#itemlistpage .itembox02 .formarea{
	float:right;
	width:230px;
	padding:8px 0 8px 17px;
}

/* --------------------------------------------
  1-2 itemdetailpage
---------------------------------------------*/

#itemdetailpage #ttlarea{
	float:right;
	width:325px;
	padding-bottom:20px;
}

#itemdetailpage #mainphotoarea{
	float:left;
	width:355px;
	padding-bottom:20px;
}

#itemdetailpage #sambnail li{
	float:left;
	width:110px;
	margin-right:7px;
}

#itemdetailpage .itembox03 .photoarea{
float:left;
width:136px;
}

#itemdetailpage .itembox03 .textarea{
float:right;
width:484px;
}

/* --------------------------------------------
  1-3 searchpage
---------------------------------------------*/

.searchresult ul.pagenumberarea li.quantity{
	float:left;
	width:60px;
}

.searchresult ul.pagenumberarea li.pagemarker{
	float:left;
	width:400px;
}

.searchresult ul.pagenumberarea li.sort{
	float:right;
	width:200px;
	text-align:right;
}


/* --------------------------------------------
  1-4 float clear
---------------------------------------------*/

#itemlistpage .itembox02, #itemdetailpage #cartarea, #itemdetailpage .itembox03{
	clear:both;
}

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

/* --------------------------------------------
  2-1 h1area common
---------------------------------------------*/

#h1area{
	width:696px;
	color:#998a7d;
}

#h1area .banner{
	position:absolute;
	top:0;
	left:0;
	z-index:0;
}

/*カテゴリ名*/
#h1area h1{
	position:relative;
	z-index:10;
	padding:95px 18px 0 0;
	text-align:right;
	font-size:134%;
}

/*リード文*/
#h1area p.lead{
	position:relative;
	z-index:11;
	padding:14px 18px 20px 258px;
	line-height:1.5;
}


/* ----------------------------
  2-1-1 商品一覧ページh1area
------------------------------*/

/*カテゴリ名*/
.listdesign #h1area h1{
	margin:4px 4px 0 340px;
	padding:15px 21px 0 16px;
	background:#d2bc96;
	color:#fff;
	text-align:left;
	font-size:134%;
	line-height:1.34;
}

/*ブランド名*/
.listdesign h1 span.subttl{
	font-size:75%;
}

/*リード文*/
.listdesign #h1area p.lead{
	margin:0 4px 13px 340px;
	padding:26px 21px 4px 17px;
	background:#d2bc96;
	color:#fff;
	line-height:1.5;
}


/* --------------------------------------------
  2-2 カテゴリページ　サブカテゴリタイトル
---------------------------------------------*/

#itemindexpage .itemlist h2{
	position:relative;
	margin-top:23px;
	padding:10px 14px 10px 14px;
	color:#fff;
	font-size:100%;
	text-align:right;
}

#itemindexpage #skinbody h2, #itemindexpage .skinbody h2{
	background:url("/shop/user_data/c/img/item/ttl_skincare.gif") no-repeat left top;
}

#itemindexpage #makeup h2, #itemindexpage .makeup h2{
	background:url("/shop/user_data/c/img/item/ttl_makeup.gif") no-repeat left top;
}

#itemindexpage #haircare h2, #itemindexpage .haircare h2{
	background:url("/shop/user_data/c/img/item/ttl_haircare.gif") no-repeat left top;
}

#itemindexpage #handmadesoap h2, #itemindexpage .handmadesoap h2{
	background:url("/shop/user_data/c/img/item/ttl_soap.gif") no-repeat left top;
}

#itemindexpage #materials h2, #itemindexpage .materials h2{
	background:url("/shop/user_data/c/img/item/ttl_handmade.gif") no-repeat left top;
}

#itemindexpage #sweetshaircare h2, #itemindexpage .sweetshaircare h2{
	background:url("/shop/user_data/c/img/item/ttl_haircare.gif") no-repeat left top;
}

#itemindexpage #facebath h2, #itemindexpage .facebath h2{
	background:url("/shop/user_data/c/img/item/ttl_facialbody.gif") no-repeat left top;
}

#itemindexpage #landlykitchen h2, #itemindexpage .landlykitchen h2{
	background:url("/shop/user_data/c/img/item/ttl_laundry.gif") no-repeat left top;
}

/* --------------------------------------------
  2-3 商品一覧ページitemlist
---------------------------------------------*/

#itemlist02{
	width:695px;
	padding-top:2px;
}

#itemlist02 a:link, #itemlist02 a:visited{
	text-decoration:underline;
}

#itemlist02 a:hover{
	text-decoration:none;
}

#itemlistpage .itembox02{
	margin-top:11px;
	padding:13px;
	background:#fff;
}

/*黄色罫線*/
#itemlistpage .itembox02 .formarea{
	background:url("/shop/user_data/c/img/item/hr_dotyellow_h.gif") repeat-y left top;
}

/*商品名*/
#itemlistpage .itembox02 h2{
	padding:8px 0 15px 0;
	font-size:117%;
	line-height:1.2;
}

/*商品概要文*/
#itemlistpage .itembox02 .text{
	margin:0 0 5px 2px;
	line-height:1.7;
}

/*商品名（右エリア）*/
#itemlistpage .itembox02 h3{
	font-weight:bold;
	line-height:1.2;
}

#itemlistpage .itembox02 .specprice{
	margin-top:19px;
}

#itemlistpage .itembox02 .specprice em{
	color:#f33;
	font-size:117%;
}

#itemlistpage .itembox02 .btnarea{
	margin-top:7px;
}

#itemlistpage .itembox02 .btnarea input{
	margin-right:5px;
}

#itemlistpage .itembox02 .btnarea img{
	margin-left:7px;
	vertical-align:bottom;
}

/* --------------------------------------------
  2-3 商品詳細ページ
---------------------------------------------*/

#itemdetailpage #contents{
	width:696px;
}

/* ----------------------------
  2-3-1 タイトル・説明文エリア
------------------------------*/

#itemdetailpage #ttlarea a:link, #itemdetailpage #ttlarea a:visited{
	text-decoration:underline;
}

#itemdetailpage #ttlarea a:hover{
	text-decoration:none;
}

#itemdetailpage h1{
	padding-top:15px;
	font-size:150%;
	line-height:1.34;
}

#itemdetailpage #ttlarea .lead{
	margin:10px 2px 2em 2px;
	line-height:2;
}

#itemdetailpage #ttlarea .spec{
	border-bottom:1px solid #dad2d0;
}

#itemdetailpage #ttlarea .spec h2{
	margin:10px 0;
	padding:10px 4px 0 4px;
	border-top:1px solid #dad2d0;
	font-weight:bold;
	line-height:1.34;
}

#itemdetailpage #ttlarea .spec p{
	margin:15px 4px;
	line-height:1.5;
}

/*返品説明エリア*/
#itemdetailpage #ttlarea .cancel{
	margin-top:12px;
	padding:8px 13px;
	background:#ede9e6;
}

#itemdetailpage #ttlarea .cancel em{
	color:#36c;
	font-weight:bold;
}

#itemdetailpage #ttlarea .cancel p{
	line-height:1.8;
}


/* ----------------------------
  2-3-2 メイン画像エリア
------------------------------*/

#itemdetailpage #mainphotoarea ul{
	list-style:none;
}

#itemdetailpage #mainphotoarea li{
	padding-top:7px;
}

/* ----------------------------
  2-3-3 カートエリア
------------------------------*/

#itemdetailpage .itembox03{
	padding:26px;
	border:1px solid #dad2d0;
	background:#fff;
}

#itemdetailpage .itembox03 h2{
	font-size:117%;
	font-weight:bold;
	line-height:1.34;
}

#itemdetailpage .itembox03 p.text{
	margin-top:1em;
	line-height:1.7;
}

#itemdetailpage .itembox03 .price{
	margin-top:0.5em;
}

#itemdetailpage .itembox03 .price em{
	color:#f33;
	font-size:117%;
}

#itemdetailpage .itembox03 .price, #itemdetailpage .itembox03 .normalprice{
	margin-top:1em;
}

#itemdetailpage .itembox03 .stock{
	margin-top:1em;
	padding:12px 2px 0 2px;
	border-top:2px dotted #dad2d0;
}

#itemdetailpage .itembox03 .form{
	margin-top:16px;
}

#itemdetailpage .itembox03 .form input{
	margin-right:5px;
}

#itemdetailpage .itembox03 .btncart{
	margin-top:10px;
}

/* ----------------------------
  2-4 検索結果画面
------------------------------*/

.searchresult #main{
	padding-top:12px;
}

.searchresult #h1area{
	background:url("/shop/user_data/c/img/item/ttl_search.jpg") no-repeat left top;
}

.searchresult #h1area h1{
	padding:49px 100px;
	text-align:center;
	line-height:1.34;
	color:#625241;
	font-size:134%;
}

.searchresult #h1area h1 .sub{
	font-size:85%;
}

.searchresult .searchnavi p{
	margin:10px 4px 10px 0;
	padding:15px;
	border:2px dotted #eb7474;
	line-height:1.5;
	text-align:center;
}

.searchresult ul.pagenumberarea{
	padding:0 4px;
	list-style:none;
}

.searchresult ul.pagenumberarea li{
	padding:8px 0;
}

.searchresult ul.pagenumberarea li a, .searchresult ul.pagenumberarea li strong{
	padding:8px;
}

.searchresult ul.pagenumberarea li strong{
	color:#998a7d;
}