@charset "Shift_JIS";

/* ---------------------------------------------------------------
	01 TOPレイアウト
	02 ヘッダー
	03 右列
	04 カテゴリ一覧
	05 左列
	06 フッター
	07 お買い物ガイド
	08 会社概要
--------------------------------------------------------------- */



/* 01 TOPレイアウト
--------------------------------------------------------------- */
	
#all {
	width:935px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	}

#left {
	float:left;
	width:205px;
	}

#right {
	float:right;
	width:710px;
	background-color:#FFFFFF;
	}

#footer {
	clear:both;
	}


/* 02 ヘッダー
--------------------------------------------------------------- */

#header {
	font-style:normal;
	font-weight:normal;
	color:#FFFFFF;
	margin-top:15px;
	margin-bottom:15px;
	}							


/* 03 右列
--------------------------------------------------------------- */
#right {
	margin-bottom:20px;
	}

.rightInner {
	margin-left:35px;
	margin-right:35px;
	}

/*ヘッダー画像きりかえ・TOP*/	
#top #right #baseImg {
	background:url(../../img/main01.jpg) no-repeat left top;
	width:710px;
	height:210px;
	}

/*ヘッダー画像きりかえ・お知らせ*/	
#right #infoImg {
	background:url(../../img/main09.jpg) no-repeat left top;
	width:710px;
	height:210px;
	}
	

/*ヘッダー画像きりかえ・商品詳細*/	
#right #itemImg {
	background:url(../../img/main01.jpg) no-repeat left top;
	width:710px;
	height:210px;
	}	
	

/*ヘッダー画像きりかえ・価格で選ぶ*/
#right #priceImg {
	background:url(../../img/main02.jpg) no-repeat left top;
	width:710px;
	height:210px;
	}

/*ヘッダー画像きりかえ・ジャンルで選ぶ*/
#right #genreImg {
	background:url(../../img/main03.jpg) no-repeat left top;
	width:710px;
	height:210px;
	}

/*ヘッダー画像きりかえ・作家・工房で選ぶ*/
#right #madeImg {
	background:url(../../img/main04.jpg) no-repeat left top;
	width:710px;
	height:210px;
	}

/*ヘッダー画像きりかえ・用途で選ぶ*/
#right #useImg {
	background:url(../../img/main05.jpg) no-repeat left top;
	width:710px;
	height:210px;
	}

/*ヘッダー画像きりかえ・シーンで選ぶ*/
#right #sceneImg {
	background:url(../../img/main06.jpg) no-repeat left top;
	width:710px;
	height:210px;
	}

/*ヘッダー画像きりかえ・お買い物ガイド*/
.guide #right #baseImg {
	background:url(../../img/main07.jpg) no-repeat left top;
	width:710px;
	height:210px;
	}

/*ヘッダー画像きりかえ・会社概要*/
.outline #right #baseImg {
	background:url(../../img/main08.jpg) no-repeat left top;
	width:710px;
	height:210px;
	}


	

/*見出し*/
.rightInner h3 {
	background-image:url(../../img/icon_ti.gif);
	background-repeat:no-repeat;
	height:38px;
	padding-left:15px;
	line-height:23px;
	font-weight:normal;
	}
	
	.rightInner h3 img {
	margin-top:3px;
	}
	
	
/*グローバルナビ*/
/*top用マージン*/
#top #gnavi {
	margin-bottom:40px;
	height:40px;
	}
/*second用マージン*/	
#second #gnavi {
	margin-bottom:30px;
	height:40px;
	}	

#gnavi li {
	float:left;
	margin-top:0;
	}

#gnavi li a {
	display:block;
	overflow:hidden;
	height:40px;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
	}

	/*gnavi*/
	#gnavi #navi01 a {
		width:178px;
		background:url(../../img/gnavi01.jpg) no-repeat left top;
	}
	#gnavi #navi02 a {
		width:178px;
		background:url(../../img/gnavi02.jpg) no-repeat left top;
	}
	#gnavi #navi03 a {
		width:177px;
		background:url(../../img/gnavi03.jpg) no-repeat left top;
	}
	#gnavi #navi04 a {
		width:177px;
		background:url(../../img/gnavi04.jpg) no-repeat left top;
	}
	
	
	
	/*gnavi_stay*/
	#top #gnavi #navi01 a {
		background-position:left bottom;
	}
	.guide #gnavi #navi02 a {
		background-position:left bottom;
	}
	.outline #gnavi #navi03 a {
		background-position:left bottom;
	}
	.mail #navi04 a {
		background-position:left bottom;
	}
	
		
		
	/*gnavi_hover*/
	#gnavi #navi01 a:hover {
		background-position:left bottom;
	}
	#gnavi #navi02 a:hover {
		background-position:left bottom;
	}
	#gnavi #navi03 a:hover {
		background-position:left bottom;
	}
	#gnavi #navi04 a:hover {
		background-position:left bottom;
	}


/*パンくずリスト*/
.panList {
	margin-bottom:25px;
	}
	

/*お知らせ*/
.info {
	background-color:#F2F0F0;
	padding:20px;
	}	
	
	
/*ピックアップ*/	
.pickup .float_L {
	width:152px;
	}
	
	.pickup .float_L img {
	margin-bottom:5px;
	}


/*用途で探す*/	
.use .float_L {
	width:205px;
	}

/*シーンで探す*/
.scene .float_L {
	width:205px;
	}

.arrow {
	background-image:url(../../img/icon_arrow.gif);
	background-repeat:no-repeat;
	background-position:0 3px;
	margin-top:5px;
	padding-left:17px;
	}	
			
	
/*ギャラリー葦とは*/
.about p {
	float:right;
	width:285px;
	}

	
	
/*ページの先頭へ*/
.pagetop {
	text-align:right;
	padding-bottom:25px;
	}	
	
	
	
/* 04 カテゴリ一覧
--------------------------------------------------------------- */
.rightInner .goodsDetailWrapper {
	clear:both;
	}
	
	.rightInner .goodsDetail {
		float: left;
		width: 152px !important;
		width: 160px;
		padding: 0 4px;
		}
		
		.itemList .rightInner .goodsDetail {
		margin-bottom:35px;
		}
		
		.rightInner .goodsDetail img {
			margin-bottom:5px;
			}
			
		/*.rightInner .goodsDetail p {
			padding-right:10px;
			}	*/	
			
	.rightInner .goodsDetail .fifth {
		clear: left;
		}
		


.price_col {
	color:#8A7445;
	margin-top:3px;
	}
	
.blue_col {
	color:#004C5B;
	}	
	
	
	

/*商品詳細ページ*/
/*キャッチコピー*/
.itemCopy {
	margin-top:20px;
	margin-bottom:15px;
	color:#004C5B;
	}

/*作り手紹介*/
#creator {
	background-color:#F6F4F3;
	padding:30px 20px 30px 20px;
	margin-bottom:35px;
	margin-top:35px;
	}
	
	#creator .float_L {
		width:340px;
		}
		
		#creator .float_L p {
		margin-bottom:10px;
		}


/*アイテム写真3点*/
#itemPhotoSet {
	margin-bottom:30px;
	}
	
.itemPhoto {
	float:left;
	width:199px;
	margin-right:8px;
	}
	
	.itemPhoto img {
		margin-bottom:5px;
		}
	
	
/*カート関連*/
#cart {
	background-color:#F4EAC8;
	padding:30px 20px 30px 20px;
	}
	
#cart .float_L {
	width:280px;
	}/*320px*/
	
#cart .float_R {
	width:280px;
	}/*230px*/	
	
	/*商品タイトル*/
	#cart h4 {
		color:#996600;
		margin-bottom:15px;
		}
		
	/*商品スペック*/
	#cart h5 {
		font-weight:normal;
		margin-bottom:20px;
		}
		
	/*金額*/	
	.price {
		color:#996600;
		font-weight:bold;
		}
		
	/*注意アイコン*/
	#attention {
		margin-bottom:25px;
		margin-top:5px;
		}
		
	#attention img {
		margin-right:5px;
		}
		
	/*カートに入れるボタン*/
	#cartIn {
		margin-top:10px;
		width:220px;
		}
		
		#cartIn	a {
			display:block;
			overflow:hidden;
			background:url(../../img/btn_cartin.jpg) no-repeat left top;
			height:43px;
			font-size:1px;
			line-height:1px;
			text-indent:-9999px;
			}
			
		#cartIn	a:hover {
			background-position:left bottom;
			}
		
	
/* 05 左列
--------------------------------------------------------------- */
#left {
	margin-bottom:20px;
	}

.leftInner {
	background-color:#FFFFFF;
	padding-bottom:35px;
	}
	
	
/*見出し*/
#left h4 {
	background-color:#E8E2E0;
	padding:12px 15px 12px 15px;
	margin-bottom:15px;
	}
	
	#left h4 img {
	margin-top:3px;
	}


/*サブカテゴリリスト*/
#left .leftInner ul {
	margin-left:15px;
	/*margin-top:15px;*/
	}

#left .leftInner li {
	background-image:url(../../img/icon_li.gif);
	background-repeat:no-repeat;
	padding-left:15px;
	margin-bottom:3px;
	}


/*左列下のボタン*/
#btnSet {
	margin-top:10px;
	width:205px;
	}

#btnSet li {
	margin-bottom:5px;
	}

#btnSet li a {
	display:block;
	overflow:hidden;
	height:53px;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
	}

	/*btnSet*/
	#btnSet #btn01 a {
		background:url(../../img/btn_guide.gif) no-repeat left top;
	}
	#btnSet #btn02 a {
		background:url(../../img/btn_outline.gif) no-repeat left top;
	}
	#btnSet #btn03 a {
		background:url(../../img/btn_info.gif) no-repeat left top;
	}
		
		
	/*btnSet_hover*/
	#btnSet #btn01 a:hover {
		background-position:left bottom;
	}
	#btnSet #btn02 a:hover {
		background-position:left bottom;
	}
	#btnSet #btn03 a:hover {
		background-position:left bottom;
	}
	


/* 06 フッター
--------------------------------------------------------------- */
	
#footer {
	clear:both;
	}
	
	.footerInner {
		background-image:url(../../img/img_ashi.gif);
		background-repeat:no-repeat;
		background-position:top right;
		width:935px;
		height:132px;
		margin-left:auto;
		margin-right:auto;
		text-align:left;
		color:#FFFFFF;
		}
		
		.footerInner p {
			margin-top:20px;
			}
		
		.footerLogo {
			float:left;
			margin-right:85px;
			margin-left:50px;
			margin-top:10px;
			}
	
	
	.footerInner02 {
		background-image:url(../../img/img_ashi02.gif);
		background-repeat:no-repeat;
		background-position:top right;
		width:935px;
		margin-top:0;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:20px;
		text-align:left;
		padding-top:15px;
		}
		
		
		
	/*下地のあるエリア*/		
	.footerBg {
		background-color:#E8E2E0;
		height:70px;
		}		



/* 07 お買い物ガイド
--------------------------------------------------------------- */

.red_col {
	color:#FF3300;
	}	
	
	
/* 08 会社概要
--------------------------------------------------------------- */

.outline th {
	background-color:#F2F0F0;
	padding:10px;
	width:140px;
	border-bottom:solid 1px #DCD7D7;
	border-top:solid 2px #FFF;
	font-weight:normal;
	}
	
.outline td {
	padding:10px;
	border-bottom:solid 1px #DCD7D7;
	border-top:solid 2px #FFF;
	}