@charset "shift_jis";

@import url(../css/basic.css);

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

   Style Info: ショッピング
 
==================================================================== */

body { width:100%; min-width:902px; }

.cl:after {
	content:"";
	display:block;
	height:0;
	clear:both;
	}

.line0 { line-height:0; font-size:0; }

.blk {
	display:-moz-inline-box;
	display:inline-block;
	/display:inline;
	/zoom:1;
}


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

#header_area {
	width:100%;
	background-color:#ffd900;
	text-align:center;
	/*padding-top:20px;*/
	}

	#header {
		width:902px;
		height:115px;
		margin:0 auto;
		text-align:left;
		background:url(image/header_back.jpg) no-repeat right top;
		/*background:url(image/hkuma.gif) no-repeat left top;*/
		}

	#header:after {
		content:"";
		display:block;
		height:0;
		clear:both;
		}
		
		/* タイトル */
		#title {
			width:330px;
			height:115px;
			float:left;
			display:inline;
			}
		#title h1 a {
			width:330px;
			height:115px;
			background:url(image/title.gif) no-repeat left top;
			text-indent:-9999px;
			display:block;
			text-decoration:none;
			outline:none;
			}
		
		/* 送料無料 */
		#header p {
			width:357px;
			padding-top:62px;
			float:left;
			display:none;
			}

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

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

	#menu {
		width:902px;
		margin:0 auto;
		background:url(image/menu_back.gif) no-repeat left top;
		text-align:center;
		padding-top:5px;
		}
	
	#menu ul {
		width:892px;
		list-style:none;
		margin:0 auto;
		}

	#menu ul:after {
		content:"";
		display:block;
		height:0;
		clear:both;
		}
		
		#menu li {
			font-size:0;
			line-height:0;
			float:left;
			}

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

#contents {
	width:892px;
	margin:0 auto;
	}

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


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

#pan { padding:20px 0 15px 0; text-align:left; }

#pan a:link { color:#dc1414; }
#pan a:visited { color:#dc1414; }
#pan a:hover { color:#dc1414; text-decoration:none; }


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

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


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

#kago {
	width:200px;
	background:url(image/kago_back.gif) repeat-y left top;
	}
	
	#kago_t {
		background:url(image/kago_top.gif) no-repeat left top;
		text-align:center;
		padding-top:5px;
		}
	
	#kago_b {
		background:url(image/kago_bottom.gif) no-repeat left bottom;
		padding:5px 0 10px 0;
		text-align:center;
		}
		
		/* 何も入ってない時 */
		#kago_none {
			padding:5px 12px 0 12px;
			font-size:11px;
			line-height:1.2em;
			text-align:left;
			}
			#kago_none img { margin-bottom:5px; }
		
		/* 入ってる時 */
		.kago_order dl {
			width:190px;
			margin:0 auto;
			background-color:#f1ece7;
			border-top:1px solid #dcd9d4;
			padding:8px 0;
			text-align:left;
			}
			
			.kago_order dt { font-weight:bold; padding:0 10px; }
			.kago_order dd { padding:0 10px; }
				.kago_order dd span { color:#dc1414; font-weight:bold; }
		
		.kago_order p {
			padding:10px 12px 0 12px;
			font-size:11px;
			line-height:1.2em;
			text-align:left;
			}


/* お客様へ
--------------------------------- */

#tyumon_s {
	width:196px;
	border:2px solid #dc1414;
	margin:15px 0;
	}

#tyumon_s p { padding:10px; text-align:left; font-size:12px; }
#tyumon_s span { color:#dc1414; font-weight:bold; }


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

/* 見出し */
#side h2 {
	width:200px;
	height:15px;
	margin:15px 0 10px 0;
	background:url(image/category.gif) no-repeat left bottom;
	text-indent:-9999px;
	font-size:0;
	line-height:0;
	}

#category {
	width:200px;
	border-bottom:1px solid #fac800;
	}

/* 大カテゴリ */
#category h3 {
	width:198px;
	font-size:15px;
	padding:7px 0;
	border-left:1px solid #fac800;
	border-right:1px solid #fac800;
	border-top:1px solid #fac800;
	background-color:#ffdc46
	}
	
	#category h3 span {
		display:-moz-inline-box;
		display:inline-block;
		/display:inline;
		/zoom:1;
		padding:0 10px;
		}

/* 小カテゴリ */
#category ul {
	width:198px;
	list-style:none;
	}

	#category li {
		width:198px;
		padding:7px 0 8px 0;
		background:url(image/lm.gif) no-repeat 10px 11px;
		background-color:#fffadc;
		border-left:1px solid #fac800;
		border-right:1px solid #fac800;
		border-top:1px solid #fac800;
		}

	#category li span {
		display:-moz-inline-box;
		display:inline-block;
		/display:inline;
		/zoom:1;
		padding:0 10px 0 25px;
		}

#category a:link { color:#191919; }
#category a:visited { color:#191919; }
#category a:hover { color:#dc1414; text-decoration:none; }


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

#main {
	width:670px;
	float:right;
	text-align:center;
	}


/* 大見出し */
#bm {
	width:670px;
	height:40px;
	background:url(image/bcate_back.gif) no-repeat left top;
	text-align:left;
	}

	#bm h3 {
		padding:11px 10px 0 25px;
		font-size:15px;
		}

/* 小見出し */
.sm {
	width:618px;
	background:url(image/scate_back.gif) no-repeat left bottom;
	font-size:14px;
	font-weight:bold;
	color:#f2b700;
	padding-bottom:10px;
	}
	
	.sm img { vertical-align:middle; margin-bottom:2px; margin-right:10px; }


.mainsbox {
	width:618px;
	margin:0 auto;
	padding-top:30px;
	text-align:left;
	}

.mainsbox a:link { color:#dc1414; }
.mainsbox a:visited { color:#dc1414; }
.mainsbox a:hover { color:#dc1414; text-decoration:none; }


/* 夏のギフト2011
--------------------------------- */
/*
#sgift2011 {
	width:670px;
	height:620px;
	background:url(image/sgift2011.jpg) no-repeat left top;
	margin:25px 0;
	position:relative;
	}

#sgift2011 ul,
#sgift2011 li { list-style:none; text-indent:-9999px; }
#sgift2011 a { position:absolute; display:block; outline:none; }

#sgift1 a {
	width:205px; height:208px;
	top:114px; left:16px;
	}
#sgift2 a {
	width:205px; height:208px;
	top:114px; left:232px;
	}
#sgift3 a {
	width:205px; height:208px;
	top:114px; right:16px;
	}
#sgift4 a {
	width:308px; height:183px;
	bottom:16px; left:16px;
	}
#sgift5 a {
	width:308px; height:86px;
	bottom:129px; right:16px;
	}
#sgift6 a {
	width:308px; height:86px;
	bottom:28px; right:16px;
	}
*/

/* 夏のギフト2012
--------------------------------- */
/*
#sgift2012 {
	width:670px;
	height:879px;
	background:url(image/sgift2012.jpg) no-repeat left top;
	margin:25px 0;
	position:relative;
	}

#sgift2012 ul,
#sgift2012 li { list-style:none; text-indent:-9999px; }
#sgift2012 a { position:absolute; display:block; outline:none; }

#sgift1 a {
	width:325px; height:189px;
	top:65px; left:10px;
	}
#sgift2 a {
	width:325px; height:189px;
	top:65px; right:10px;
	}
	
#sgift3 a {
	width:216px; height:241px;
	top:254px; left:10px;
	}
#sgift4 a {
	width:216px; height:241px;
	top:254px; left:227px;
	}
#sgift5 a {
	width:216px; height:241px;
	top:254px; right:10px;
	}
	
#sgift6 a {
	width:216px; height:241px;
	top:496px; left:10px;
	}
#sgift7 a {
	width:216px; height:241px;
	top:496px; left:227px;
	}
#sgift8 a {
	width:216px; height:241px;
	top:496px; right:10px;
	}

#sgift9 a {
	width:325px; height:192px;
	bottom:10px; left:10px;
	}
#sgift10 a {
	width:325px; height:192px;
	bottom:10px; right:10px;
	}
*/

/* 冬ギフト2012
--------------------------------- */

#wgift2012 {
	width:670px;
	margin:25px 0;
	background-color:#000;
	text-align:center;
	padding-bottom:10px;
	}

#wgift2012 ul {
	width:650px;
	margin:10px auto 0 auto;
	_margin:10px 0 0 0;
	list-style:none;
	border-top:1px solid #cc9900;
	border-left:1px solid #cc9900;
	}

#wgift2012 li {
	float:left;
	border:1px solid #cc9900;
	margin-left:-1px;
	margin-top:-1px;
	display:inline;
	}

#wgift2012 li a:hover img {
	filter: alpha(opacity=60); /*For IE*/
	opacity: 0.6; /*Opera・Safari*/
	-moz-opacity: 0.6; /*For FireFox*/
	}

.wgift-info {
	text-align:left;
	padding-left:30px;
	padding-bottom:20px;
	margin-top:-30px;
	}

#wgift2012 a,
#wgift2012 a:visited { color:#fff; }
#wgift2012 a:hover { color:#fff; text-decoration:none; }


/* バナー
--------------------------------- */

ul#kbn { width:670px; list-style:none; margin:25px auto 0 auto; }
#kbn:after {
	content:"";
	display:block;
	height:0;
	clear:both;
	}

#kbn li { text-align:left; }

.kbn_left { width:325px; float:left; }
.kbn_right { width:325px; float:right; }
.kbn_right img { margin-bottom:10px; }
.kbn_right b { color:#dc1414; font-size:15px; }


/* 人気商品一覧 */

#osusumek {
	width:668px;
	margin:25px auto 0 auto;
	border:1px solid #dcd9d4;
	text-align:left;
	padding:9px 0 14px 0;
	}

#osusumek p { padding:5px 16px 0 16px; }

#osusumek a {
	background:url(image/lm.gif) no-repeat 0 4px;
	display:-moz-inline-box;
	display:inline-block;
	/display:inline;
	/zoom:1;
	padding:0 0 0 15px;
	color:#191919;
	}

#osusumek a:hover {
	color:#dc1414;
	text-decoration:none;
	}


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

.item_list {
	width:666px;
	margin:0 auto;
	}

.item_list:after {
	content:"";
	display:block;
	height:0;
	clear:both;
	}
	
	.itembox {
		width:200px;
		border:1px solid #dcd9d4;
		float:left;
		margin:20px 10px 0 10px;
		padding-bottom:10px;
		display:inline;
		}
		
		.itembox .type01 { padding:2px 14px; }
		.itembox .type02 { padding:2px 14px; }
		.itembox .type03 { padding:2px 14px; }
		.itembox .type04 { padding:2px 14px; }
		.itembox .type05 { padding:2px 14px; }
		.itembox .type06 { padding:2px 14px; }
		
		.itembox p { padding:0 14px 5px 14px; text-align:left; }
		.itemhinmei { font-size:12px; font-weight:bold; color:#cc3300; }
		.itemprice { color:#dc1414; font-weight:bold; }
		.itembuy { color:#dc1414; font-size:11px; }
		.itembuy_sub { font-size:11px; }
		.itemprice_sub { font-size:11px; }
		.itembox p img { margin-bottom:5px; }
	
		.item_photo {
			width:170px;
			margin:14px auto 10px auto;
			}


.itembox a { color:#191919; font-weight:bold; }
.itembox a:visited { color:#191919; }
.itembox a:hover { color:#dc1414; text-decoration:none; }


/* 商品詳細
--------------------------------- */

/* 1言コメント */
#onecome {
	width:616px;
	margin-top:30px;
	border:1px solid #ffd737;
	background-color:#fffadc;
	}
	
	#onecome p { padding:15px; }

/* 商品説明 */
.comt, .comt2 { padding-top:30px; }

.comt:after, .comt2:after {
	content:"";
	display:block;
	height:0;
	clear:both;
	}

/* 1個目・4個目以下 */
.comt { text-align:center; }
.comt p { /*text-align:left;*/ padding-top:15px; }

/* 2・3個目 */
.comt2l {
	width:295px;
	float:left;
	}
.comt2r {
	width:295px;
	float:right;
	}

	.comt2l, .comt2r { text-align:center; }
	.comt2l p, .comt2r p { /*text-align:left;*/ padding-top:15px; }


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

#order {
	width:666px;
	margin-top:30px;
	padding-top:5px;
	padding-bottom:20px;
	border:2px solid #cdc8be;
	}
	
	#order table {
		width:620px;
		margin:0 auto;
		}
		
		#order th { text-align:left; font-size:14px; padding-top:15px; }
		#order_price, #order span { color:#dc1414; }
		#order td { padding-bottom:10px; border-bottom:1px solid #dcd9d4; }

	#order p {
		width:620px;
		margin:15px auto 0 auto;
		background:url(image/lm.gif) no-repeat left center;
		text-indent:16px;
		text-align:left;
		}

#order a:link { color:#dc1414; }
#order a:visited { color:#dc1414; }
#order a:hover { color:#dc1414; text-decoration:none; }


/* お客様へ
--------------------------------- */

#tyumon {
	width:666px;
	border:2px solid #dc1414;
	margin-bottom:20px;
	}

#tyumon p { padding:20px 24px; text-align:left; }
#tyumon span { color:#dc1414; font-weight:bold; }


/* 送料
--------------------------------- */

#souryo table { width:100%; margin-top:10px; }

	#souryo th {
		border:1px solid #fac800;
		background-color:#ffeb96;
		padding:3px 5px;
		text-align:center;
		font-weight:normal;
		}

	#souryo td {
		border:1px solid #dcd9d4;
		padding:3px 5px;
		vertical-align:middle;
		}

#souryo p { padding-top:20px; }
#souryo p span { color:#dc1414; }


/* 支払いについて
--------------------------------- */

#payment p { padding-top:20px; }

#payment table {
	width:100%;
	margin-top:20px;
	border-collapse:collapse;
	}

	#payment th {
		border:1px solid #cdc8be;
		background-color:#f5f0eb;
		text-align:left;
		padding:8px;
		}
	
	#payment td {
		border:1px solid #cdc8be;
		padding:8px;
		}
		
		#payment td img { margin-bottom:5px; }


/* 特定商取引法
--------------------------------- */

.tokusho2 p { padding-top:20px; }

#tokusho table {
	width:100%;
	margin:5px 0;
	border-collapse:collapse;
	}

	#tokusho th {
		border:1px solid #cdc8be;
		background-color:#f5f0eb;
		text-align:left;
		padding:8px;
		font-weight:normal;
		vertical-align:top;
		width:18%;
		}
	
	#tokusho td {
		border:1px solid #cdc8be;
		padding:8px;
		}


/* ギフトセット
--------------------------------- */

#giftset span { color:#dc1414; font-weight:bold; }
	
#giftset ul {
	width:670px;
	list-style:none;
	}

#giftset li { padding-top:20px; }

#giftset_link { padding-top:25px; text-align:center; font-weight:bold; font-size:16px; }


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

#footer {
	width:100%;
	padding:20px 0 18px 0;
	margin-top:50px;
	background:url(image/footer_back.gif) repeat-x left top;
	background-color:#ffd900;
	}

#footer a:link { color:#191919; }
#footer a:visited { color:#191919; }
#footer a:hover { color:#191919; text-decoration:none; }
	
	/* リンク */
	#footer ul {
		width:892px;
		margin:0 auto;
		list-style:none;
		background:url(image/flink_back.gif) no-repeat left center;
		}

	#footer ul:after {
		content:"";
		display:block;
		height:0;
		clear:both;
		}
		
		#footer li {
			padding:0 10px;
			background:url(image/flink_back.gif) no-repeat right center;
			float:left;
			}
	
	/* copy */
	#footer p {
		width:892px;
		margin:0 auto;
		padding-top:10px;
		text-align:left;
		}