@charset "shift_jis";

@import url(basic.css);

/* ====================================================================

   Style Info: ベース
 
==================================================================== */

body { background:url(image/back.gif) repeat left top; }

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

#header {
	width:100%;
	background:url(image/header_back.gif) repeat-x left top;
	text-align:center;
	}

/* --------------------------------------------
   コンテンツ
-------------------------------------------- */

#contents {
	width:950px;
	margin:0 auto;
	padding:0 0 18px 0;
	background-color:#fff;
	}

/* ---------- メニュー ---------- */

#menu { list-style:none; width:950px; }

#menu:after {
	content:"";
	display:block;
	height:0;
	clear:both;
	}
	
	#menu li { float:left; }

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

#contents_ray {
	width:914px;
	margin:0 auto;
	padding-top:18px;
	}

#contents_ray:after {
	content:"";
	display:block;
	height:0;
	clear:both;
	}

/* --------------------------------------------
   コンテンツ > サイド
-------------------------------------------- */

#side {
	width:200px;
	float:left;
	}

/* ----- ショップインフォ ----- */

#sinfo {
	width:200px;
	background:url(image/sinfo_back_top.gif) no-repeat left top;
	background-color:#e9dcc2;
	padding-top:14px;
	}

#sinfo_ray {
	width:200px;
	background:url(image/sinfo_back_top.gif) no-repeat left bottom;
	padding-bottom:20px;
	}

	#sinfo_ray div { /* ショップ名+map */
		width:190px;
		height:39px;
		background:url(image/sinfo02.gif) no-repeat left top;
		margin:0 auto;
		position:relative;
		}
		#sinfo_ray div img {
			position:absolute;
			right:7px;
			bottom:7px;
			}

/* ----- カゴ ----- */

#kargo {
	width:200px;
	padding-top:18px;
	}

	#kargo_none { /* 何も入ってない時 */
		padding-top:8px;
		font-size:11px;
		text-align:left;
		line-height:1.2em;
		}
		#kargo_none img { margin-bottom:5px; }

	#kargo_list { /* 入ってる時 */
		width:198px;
		margin-top:5px;
		background-color:#fae1e6;
		border-top:1px solid #f0b4be;
		border-left:1px solid #f0b4be;
		border-right:1px solid #f0b4be;
		}
		
		#kargo_list dl { text-align:left; border-bottom:1px solid #f0b4be; }
		
			#kargo_list dt { padding:5px 10px 0 10px; }
			#kargo_list dd {padding:0 10px 5px 10px; }
				#kargo_list dd span { font-weight:bold; color:#e34764; }

/* ----- カテゴリー ----- */

#category {
	width:200px;
	padding-top:10px;
	}
	
	#category h2 {
		width:200px;
		height:43px;
		background:url(image/category.gif) no-repeat left top;
		text-indent:-9999px;
		}
	
	#category h3 {
		width:200px;
		height:44px;
		margin-top:10px;
		text-indent:-9999px;
		}

	#cate01 { background:url(image/cate01.gif) no-repeat left top; }
	#cate02 { background:url(image/cate02.gif) no-repeat left top; }
	#cate03 { background:url(image/cate03.gif) no-repeat left top; }
	#cate04 { background:url(image/cate04.gif) no-repeat left top; }
	#cate05 { background:url(image/cate05.gif) no-repeat left top; }
	#cate25 { background:url(image/cate25.gif) no-repeat left top; }
	
	.category_s {
		width:200px;
		background-color:#e6dcc3;
		padding:4px 0;
		}
		
		.category_s ul {
			width:190px;
			margin:0 auto;
			_margin:0;
			list-style:none;
			}
			.category_s li {
				background-color:#fff;
				padding:5px;
				border-bottom:1px solid #e6dcc3;
				text-align:left;
				font-size:12px;
				}
				.category_s li img {
					float:left;
					margin-right:8px;
					}
				.category_s li a {
					width:100%;
					display:block;
					text-decoration:none;
					outline:none;
					}

/* --------------------------------------------
   コンテンツ > メイン
-------------------------------------------- */

#main {
	width:695px;
	float:right;
	}

#main:after {
	content:"";
	display:block;
	height:0;
	clear:both;
	}

/* ----- ページUP ----- */

.up {
	width:695px;
	text-align:right;
	padding-top:18px;
	}

.up a { outline:none; }

/* --------------------------------------------
   コンテンツ > メイン(商品一覧)
-------------------------------------------- */

/* ----- カテ名 ----- */

h4.catename {
	width:695px;
	height:45px;
	line-height:45px;
	background:url(image/main_catename_back.gif) no-repeat left top;
	color:#fff;
	font-size:15px;
	margin-bottom:18px;
	}

/* ----- カテ説明 ----- */

.cate_ex {
	width:655px;
	margin:0 auto;
	padding-bottom:10px;
	text-align:left;
	}

/* ----- 商品一覧 ----- */

.item_box {
	width:695px;
	padding-top:8px;
	text-align:left;
	}

.item_box:after {
	content:"";
	display:block;
	height:0;
	clear:both;
	}
	
	.item_box_space {
		width:13px;
		float:left;
		}
	
	.item_box dl {
		width:164px;
		float:left;
		background:url(image/item_back.gif) no-repeat left bottom;
		}

		.item_box dt {
			background:url(image/item_top.gif) no-repeat left top;
			padding-top:21px;
			}
			
			.item_box dt span { /* photo */
				width:164px;
				display:block;
				background:url(image/item_photo_back.gif) repeat-y left top;
				text-align:center;
				}
		
		dd.itemname { /* 商品名 */
			margin:10px 10px 5px 10px;
			background:url(image/lm.gif) no-repeat 0 1px;
			padding-left:15px;
			font-weight:bold;
			line-height:1.2em;
			}
			
		dd.item_ex { /* 説明文 */
			font-size:11px;
			padding:0 13px 8px 13px;
			line-height:1.3em;
			}

		dd.item_price { /* 値段 */
			color:#e34764;
			font-weight:bold;
			padding:8px 13px 10px 13px;
			background:url(image/item_price_line.gif) no-repeat center top;
			}

		dd.item_hitokoto { /* ひと言 */
			color:#ff0000;
			font-weight:bold;
			padding:0px 0px 0px 13px;
			line-height:1.1em;
			}

/* --------------------------------------------
   コンテンツ > メイン(商品詳細)
-------------------------------------------- */

/* ----- パンくず ----- */

#pan {
	width:695px;
	margin:0 auto;
	padding-bottom:15px;
	text-align:left;
	font-size:11px;
	}

/* ----- 商品名 ----- */

#s_itemname {
	width:693px;
	border:1px solid #c8bebe;
	background-color:#f5efe2;
	text-align:center;
	}

	#s_itemname h3 {
		margin:2px;
		padding:5px 10px;
		text-align:left;
		border:1px solid #ded6d0;
		background-color:#faf7f1;
		font-size:15px;
		}
		
		#s_itemname h3 span {
			background-color:#f68357;
			color:#fff;
			padding:3px;
			font-size:11px;
			}

/* ----- 短い商品説明 ----- */

#s_comt {
	width:655px;
	margin:20px auto 10px auto;
	background-color:#f2eada;
	}
	
	#s_comt p { padding:10px 15px; text-align:left; }

/* ----- 商品説明 ----- */

.comt {
	width:655px;
	margin:20px auto 0 auto;
	text-align:left;
	}
.comt2 {
	width:655px;
	margin:20px auto 0 auto;
	text-align:center;
	}

.comt:after {
	content:"";
	display:block;
	height:0;
	clear:both;
	}
	
	.comt img { float:right; margin-left:15px; }

/* ----- 注文フォーム ----- */

#order { padding-top:40px; }

#order table {
	width:695px;
	border-collapse:collapse;
	}
	
	#order th, #order td {
		padding:5px 10px;
		border-top:1px solid #d2c3aa;
		border-bottom:1px solid #d2c3aa;
		}
	
	#order th { background:url(image/order_hline.gif) repeat-y right top; text-align:left }
		#order th span { color:#e34764; }
	
	#order td { background-color:#f5efe2; text-align:right; }

#order p {
	text-align:left;
	padding-top:10px;
	}	

/* --------------------------------------------
   フッター
-------------------------------------------- */

#footer {
	width:950px;
	margin:5px auto 0 auto;
	background-color:#fff;
	}

	#footer_ray {
		width:914px;
		margin:0 auto;
		padding:18px 0;
		position:relative;
		}
	#footer_ray:after {
		content:"";
		display:block;
		height:0;
		clear:both;
		}
		
		/* ----- メニュー ----- */
		
		#fmenu {
			width:400px;
			float:left;
			}
			
			#fmenu ul {
				width:400px;
				list-style:none;
				background:url(image/fmenu_line.gif) no-repeat left top;
				}
			#fmenu ul:after {
				content:"";
				display:block;
				height:0;
				clear:both;
				}

				#fmenu li {
					float:left;
					background:url(image/fmenu_line.gif) no-repeat right top;
					padding:0 10px;
					}
			
			#fmenu p {
				font-size:11px;
				text-align:left;
				position:absolute;
				bottom:15px;
				left:0;
				}

		/* ----- 連絡先 ----- */
		
		#fad {
			width:330px;
			float:right;
			text-align:left;
			font-size:11px;
			line-height:1.3em;
			}
			
			#fad p { padding-top:10px; }
			#fad p b { font-size:13px; }
			#fad  img { float:right; margin-left:15px; }

	#copy {
		width:950px;
		text-align:center;
		background-color:#6b554b;
		color:#fff;
		font-size:11px;
		font-family:Arial, Helvetica, sans-serif;
		padding:2px 0;
		}