@charset "UTF-8";
/*================================================================

	リンベル スマートギフト 共通ヘッダーフッターCSS
	(PC用)

	@author		K.Sekioka of HEVIZ
	@create		2014.10.15

	= Project		=RING BELL
	= Date			=2013.10
	= TargetHTML	=all file

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


/* clearFix */
#sgHeader:after
{
	content		: "."; 
	display		: block; 
	height		: 0; 
	clear		: both; 
	visibility	: hidden;
}


/* -------------------------------------------------------------------
	01-0 スマートギフト 新ヘッダー
---------------------------------------------------------------------- */

#sgHeader {
	display		: block;
	position	: relative;
	height		: 135px;
	margin		: 0 auto;
	padding		: 0;
	zoom		: 1;
	font-family	: "新ゴ R","メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

	#sgHeader .inner {
		width		: 980px;
		margin		: 0 auto;
/*
		min-width	: 748px;
		margin		: 0 20px;
*/
	}

	#sgHeader h1 {
		float		: left;
		margin		: 0;
		padding		: 10px 0 0 0;
		text-indent	: 0;
		background	: transparent;
	}

		#sgHeader h1 a {
			display		: block;
			width		: 111px;
			height		:  80px;
			background	: url(img/headfoot/logo_v.png) no-repeat center center;
			text-indent	: -9999px;
			overflow	: hidden;
		}

/* ご利用可能ポイント ---------------------------- */


#sgHeader p.hd_usable_points {
	float		: right;
	margin		: 10px 0 0 0;
	text-align	: right;
	font-size	: 8pt;
	line-height	: 30px;
	color		: #a29463;
}

	#sgHeader p.hd_usable_points span {
			padding: 0 5px 0 0;
			font-family: "Arial", "Helvetica", Regular ;
			font-size: 22px; font-size: 2.2rem;
			font-weight: bold;
		}


/* 有効期限 ---------------------------- */

#sgHeader p.hd_due_date{
	float		: right;
	margin		: 10px 30px 0 0;
	text-align	: right;
	font-size	: 8pt;
	line-height	: 30px;
	color		: #a29463;
}

	#sgHeader p.hd_due_date span {
			padding: 0 3px 0 0;
			font-family: "Arial", "Helvetica", Regular ;
			font-size: 2em;
			font-weight: bold;
		}



/* 検索 ------------------------------------------ */


#sgHeaderSearch {
	display		: block;
	position	: relative;
	clear		: right;
	float		: right;
	width		: 580px;
	margin		: 0;
	font-size	: 8pt;
	color		: #a29463;
	z-index		: 1000;
	font-family	: "新ゴ R","メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


	#sgHeaderSearch form {
		float		: left;
		margin		: 0 0 0 10px;
		border		: 1px solid #a29463;
		background	: rgb(44,44,44);
		background	: -moz-linear-gradient(top, rgba(44,44,44,1) 0%, rgba(3,0,0,1) 100%);
		background	: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(44,44,44,1)), color-stop(100%,rgba(3,0,0,1)));
		background	: -ms-linear-gradient(top, rgba(44,44,44,1) 0%,rgba(3,0,0,1) 100%);
		background	: linear-gradient(to top, rgba(44,44,44,1) 0%,rgba(3,0,0,1) 100%);
	}
	#sgHeaderSearch form.sgHeaderSearch01 { width:365px; }
	#sgHeaderSearch form.sgHeaderSearch02 { width:190px; }


	#sgHeaderSearch dl {
		float		: left;
		position	: relative;
		font-size	: 8pt;
	}

	#sgHeaderSearch dl dt {
		height		: 25px;
		margin-right	: 10px;
	}

	#sgHeaderSearch dl dt span.txt {
		float		: left;
		width		: 140px;
		height		: 25px;
		line-height	: 25px;
		text-indent	:  5px;
		margin		: 0;
		padding		: 0;
		border		: 0;
		background-color: transparent;
	}

	#sgHeaderSearch dl dt.sel span.txt {
		color		: #ffffff;
		font-weight	: bold;
	}

	#sgHeaderSearch dl dt span.btn {
		float		: left;
		width		: 25px;
		height		: 25px;
		line-height	: 25px;
		text-align	: center;
		color		: #a29463;
		border		: 0;
		background	: rgb(44,44,44);
		background	: -moz-linear-gradient(top, rgba(44,44,44,1) 0%, rgba(3,0,0,1) 100%);
		background	: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(44,44,44,1)), color-stop(100%,rgba(3,0,0,1)));
		background	: -ms-linear-gradient(top, rgba(44,44,44,1) 0%,rgba(3,0,0,1) 100%);
		background	: linear-gradient(to bottom, rgba(44,44,44,1) 0%,rgba(3,0,0,1) 100%);
		filter		: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c2c2c', endColorstr='#030000',GradientType=0 );
		cursor		: pointer;
	}

	#sgHeaderSearch dl dt:hover span.btn {
		color		: #ffffff;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f85c84', endColorstr = '#c1234b');
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f85c84', endColorstr = '#c1234b')";
		background-image: -moz-linear-gradient(top, #f85c84, #c1234b);
		background-image: -ms-linear-gradient(top, #f85c84, #c1234b);
		background-image: -webkit-linear-gradient(top, #f85c84, #c1234b);
		background-image: linear-gradient(top, #f85c84, #c1234b);
	}


	#sgHeaderSearch dl dd {
		display		: none;
		position	: absolute;
		top			: 25px;
		left		:  0;
		width		: 163px;
		background	: #2c2c2c;
		border		: 1px solid #a29463;
	}

	#sgHeaderSearch dl dd ul li {
		list-style-type	: none;
		margin			: 0;
		color			: #c5b07a;
		font-size		: 8pt;
		padding			: 3px 2px 3px 5px;
	}

	#sgHeaderSearch dl dd ul li:hover {
		background		: #cc0000;
		color			: #ffffff;
	}

	#sgHeaderSearch dl dd ul li.sel {
		background		: #cc0000;
		color			: #ffffff;
	}

	#sgHeaderSearch input#keyword,
	#sgHeaderSearch input#catalog {
		float	: left;
		width		: 140px;
		height		: 25px;
		line-height	: 25px;
		text-indent	:  5px;
		margin		: 0;
		padding		: 0;
		border		: 0;
		background-color: transparent;
		color		: #a29463;
		font-size	: 8pt;
	}

	#sgHeaderSearch input#keyword.sel,
	#sgHeaderSearch input#catalog.sel {
		color		: #ffffff;
		font-weight	: bold;
	}

	#sgHeaderSearch input#search {
		float		: right;
		width		: 50px;
		height		: 25px;
		line-height	: 25px;
		color		: #a29463;
		border		: 0;
		background: rgb(44,44,44);
		background: -moz-linear-gradient(top, rgba(44,44,44,1) 0%, rgba(3,0,0,1) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(44,44,44,1)), color-stop(100%,rgba(3,0,0,1)));
		background: -ms-linear-gradient(top, rgba(44,44,44,1) 0%,rgba(3,0,0,1) 100%);
		background: linear-gradient(to bottom, rgba(44,44,44,1) 0%,rgba(3,0,0,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c2c2c', endColorstr='#030000',GradientType=0 );
		cursor: pointer;
		font-size	: 8pt;
	}

	#sgHeaderSearch input#search:hover {
		color:#ffffff;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f85c84', endColorstr = '#c1234b');
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f85c84', endColorstr = '#c1234b')";
		background-image: -moz-linear-gradient(top, #f85c84, #c1234b);
		background-image: -ms-linear-gradient(top, #f85c84, #c1234b);
		background-image: -webkit-linear-gradient(top, #f85c84, #c1234b);
		background-image: linear-gradient(top, #f85c84, #c1234b);
	}



/* -------------------------------------------------------------------
	01-1 スマートギフト 新ナビ
---------------------------------------------------------------------- */


/* clearFix */
#sgMainNav > ul:after
{
	content		: "."; 
	display		: block; 
	height		: 0; 
	clear		: both; 
	visibility	: hidden;
}

#sgMainNav {
	display		: block;
	position	: absolute;
	top			: 100px;
	left		:   0;
	width		: 100%;
	min-width	: 768px;
	color		: #ffffff;
	border-bottom	: 3px solid #a29463;
	font-size	: 10pt;
	z-index		: 990;
	font-family	: "新ゴ R","メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#sgMainNav a         { color:#a29463; text-decoration:none; }
#sgMainNav a:link    { color:#a29463; text-decoration:none; }
#sgMainNav a:visited { color:#a29463; text-decoration:none; }
#sgMainNav a:hover   { color:#cc0000; text-decoration:underline; }

#sgMainNav .hasChild {
	background:url(img/headfoot/next.png) 95% center no-repeat;
	padding-right	: 7%;
}


/* 0階層 */
#sgMainNav > ul {
	display		: block;
	position	: relative;
	width		: 980px;
	margin		: 0 auto;
/*
	padding		: 0;
	margin		: 0 20px;
*/
	zoom		: 1;
}

	#sgMainNav > ul > li {
		float		: left;
		line-height	: 30px;
		margin	: 0 1px 0 0;
	}

		#sgMainNav > ul > li > a {
			display		: block;
			padding		: 0 13px;
			cursor		: pointer;

			border-top		: 1px solid #c5b07a;
			border-left		: 1px solid #c5b07a;
			border-right	: 1px solid #c5b07a;
			background-color	: #1c1c1c;
		}
		#sgMainNav > ul > li > a:hover {
			color		: #ffffff;
			background	: #9a0a3a;
			text-decoration	: none;
		}
		#sgMainNav > ul > li.sel > a {
			color		: #ffffff;
			background-color	: #9a0a3a;
			text-decoration	: none;
/*			cursor		: default; */
		}


/* 第1階層(共通) ------------ */

#sgMainNav > ul > li > ul {
	display		: none;
	position	: absolute;
	top			: 31px;
	left		: 0;
	width		: 100%;
	min-height	: 380px;
	padding		: 0 0 30px 0;
	background-color	: #1c1c1c;
	border-top		: 3px solid #9a0a3a;
	border-left		: 1px solid #9a0a3a;
	border-right	: 1px solid #9a0a3a;
	border-bottom	: 1px solid #9a0a3a;
}

#sgMainNav > ul > li.sel > ul {
	display		: block;
}

	#sgMainNav > ul > li > ul > li {
		margin	: 0 75% 0 10px;
	}

		#sgMainNav > ul > li > ul > li > a {
			display		: block;
			line-height	: 1.5;
			padding		: 10px 5%;
			cursor				: pointer;
		}
		#sgMainNav > ul > li > ul > li > a,
		#sgMainNav > ul > li > ul > li > a:link,
		#sgMainNav > ul > li > ul > li > a:visited
		{
			color		: #ffffff;
			text-decoration	: none;
		}
		#sgMainNav > ul > li > ul > li > a:hover { background-color:#2c2c2c; color:#ffffff; text-decoration:none; }
		#sgMainNav > ul > li > ul > li.sel > a   { background-color:#2c2c2c; color:#ffffff; text-decoration:none; }


/* 第2階層(共通) ------------ */

#sgMainNav > ul > li > ul > li > ul {
	display		: none;
	position	: absolute;
	top			: -3px;
	left		:  25%;
	width		:  75%;
	min-height	: 100%;
	border-top	: 3px solid #9a0a3a;
	background-color	: #2c2c2c;
}
#sgMainNav > ul > li > ul > li.sel > ul {
	display		: block;
}

#sgMainNav > ul > li > ul > li > ul > li {
	margin		: 0 66% 0 10px;
}

	#sgMainNav > ul > li > ul > li > ul > li > a {
		display		: block;
		line-height	: 1.5;
		padding		: 10px 5%;
		cursor		: pointer;
	}

	#sgMainNav > ul > li > ul > li > ul > li > a,
	#sgMainNav > ul > li > ul > li > ul > li > a:link,
	#sgMainNav > ul > li > ul > li > ul > li > a:visited,
	#sgMainNav > ul > li > ul > li > ul > li > a:hover {
		color		: #ffffff;
		text-decoration	: none;
	}
	#sgMainNav > ul > li > ul > li > ul > li > a:hover { background-color:#3c3c3c; color:#ffffff; text-decoration:none; }
	#sgMainNav > ul > li > ul > li > ul > li.sel > a   { background-color:#3c3c3c; color:#ffffff; text-decoration:none; }



/* 第3階層(共通) ------------ */


#sgMainNav > ul > li > ul > li > ul > li > ul {
	display		: block;
	display		: none;
	position	: absolute;
	top			: -3px;
	left		:  34%;
	width		:  66%;
	min-height	: 100%;
	border-top	: 3px solid #9a0a3a;
	background-color	: #3c3c3c;
}

#sgMainNav > ul > li > ul > li > ul > li.sel > ul {
	display		: block;
}

#sgMainNav > ul > li > ul > li > ul > li > ul > li {
	float		: left;
	width		: 140px;
	margin		: 0 0 0 10px;
}
#sgMainNav > ul > li > ul > li > ul > li > ul > li.all {
	float		: none;
	width		: auto;
	border-bottom	: 1px dotted #888888;
	font-size		: 12pt;
	margin			: 0 10px;
}

#sgMainNav > ul > li > ul > li > ul > li > ul > li > a {
	display		: block;
	line-height	: 1.3;
	padding		: 11px 5px 11px 5px;
}

#sgMainNav > ul > li > ul > li > ul > li > ul > li > a,
#sgMainNav > ul > li > ul > li > ul > li > ul > li > a:link,
#sgMainNav > ul > li > ul > li > ul > li > ul > li > a:visited {
	color		: #ffffff;
	text-decoration	: none;
}
#sgMainNav > ul > li > ul > li > ul > li > ul > li > a:hover { background-color:#4c4c4c; color:#ffffff; text-decoration:none; }
#sgMainNav > ul > li > ul > li > ul > ul > ul > li.sel > a   { background-color:#4c4c4c; color:#ffffff; text-decoration:none; }




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






/* ポイント別 ------------------------------------ */


/* 3階層 */
#sgMainNav > ul > li.pointNav > ul > li > ul > li > ul > li.all {
	float		: none;
	width		: auto;
	margin-right	: 10px;
}


/* ブランド別 ----------------------------------- */


/* 第2階層 */
/*#sgMainNav > ul > li.brandNav > ul > li > ul > li {
	float	: left;
	margin	: 0 0 0 10px;
	width	: 230px;
}*/

/* 特集 ------------------------------------------ */


#sgMainNav > ul > li.specialNav > ul {
	width		: 100%;
	min-height		: 0;
	padding-bottom	: 50px;
}

	#sgMainNav > ul > li.specialNav > ul > li {
		_display	: inline;
		float		: left;
		margin		: 15px 0 0 0.7%;
		width		: 24%;
	}

	#sgMainNav > ul > li.specialNav > ul > li:first-child {
	}

		#sgMainNav > ul > li.specialNav > ul > li > a {
			line-height	: 1.2;
			height		: auto;
		}
		#sgMainNav > ul > li.specialNav > ul > li > a:hover {
			background	: transparent;
		}

			#sgMainNav > ul > li.specialNav > ul > li > a > img {
				display		: block;
				width		: 100%;
			}
			#sgMainNav > ul > li.specialNav > ul > li > a:hover > img {
				opacity		: 0.8;
			}


#sgMainNav > ul > li.specialNav > ul > li.more {
	float		: none;
	display		: block;
	position	: absolute;
	bottom		: 10px;
	right		: 10px;
	width		: 250px;
}

	#sgMainNav > ul > li.specialNav > ul > li.more a {
		display		: block;
		background	: #2c2c2c;
		color		: #ffffff;
		text-align	: center;
		text-decoration	: none;
	}
	#sgMainNav > ul > li.specialNav > ul > li.more a:hover {
		background	: #3c3c3c;
	}


/* お気に入り ------------------------------------ */


#sgMainNav > ul > li.favoriteNav {
	position	: relative;
}

	#sgMainNav > ul > li.favoriteNav > ul {
		width		: 210px;
		min-height	: 0;
		left		: 1px;
		padding		: 0;
	}

		#sgMainNav > ul > li.favoriteNav > ul > li {
			margin		: 0;
		}


/* ヘルプ ---------------------------------------- */


#sgMainNav > ul > li.helpNav {
	position	: relative;
	float		: right;
}

	#sgMainNav > ul > li.helpNav > ul {
		width		: 210px;
		min-height	: 0;
		left		: auto;
		right		: 0;
		padding		: 0;
	}

		#sgMainNav > ul > li.helpNav > ul > li {
			margin		: 0;
		}


/* カートを見る ---------------------------------------- */


#sgMainNav > ul > li.cartNav {
	position	: relative;
	float		: right;
}

	#sgMainNav > ul > li.cartNav > ul {
		width		: 210px;
		min-height	: 0;
		left		: auto;
		right		: 0;
		padding		: 0;
	}

		#sgMainNav > ul > li.cartNav > ul > li {
			margin		: 0;
		}



/* 閉じるボタン ---------------------------------- */

#sgMainNav > ul > li > ul > li.close {
	display	: block;
	position	: absolute;
	bottom		: -32px;
	left		: -1px;
	margin		: 0;
	padding		: 0;
	z-index		: 995;
}

	#sgMainNav > ul > li > ul > li.close > a {
		display		: block;
		width		: 30px;
		height		: 30px;
		line-height	: 30px;
		margin		: 0;
		padding		: 0;
		text-align	: center;
		color		: #9a0a3a;
		border		: 1px solid #9a0a3a;
/*
		border		: 1px solid #9a0a3a;
*/
		font-family	: Arial, Helvetica, sans-serif;
		font-size	: 12pt;
		background-color	: #1c1c1c;
	}


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


/* clearFix */
#sgBread:after
{
	content		: "."; 
	display		: block; 
	height		: 0; 
	clear		: both; 
	visibility	: hidden;
}

#sgBread {
	display		: block;
	position	: relative;
	width		: 980px;
	margin		: 10px auto;
	padding		: 0 0 5px;
	font-family	: "新ゴ R","メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size	: 9pt;
	zoom		: 1;
}

	#sgBread ul {
		margin		: 0 0 1px;
		padding		: 5px 0 0;
	}

		#sgBread ul li {
			_display	: inline;
			float		: left;
			margin		: 0 0 0 -4px;
			list-style-type	: none;
			height		: 24px;
			line-height	: 24px;
			color		: #cccccc;
		}
		#sgBread ul li.home {
			margin-left	: 0;
		}
		#sgBread ul li.last {
			padding-left: 15px;
		}

			#sgBread ul li a,
			#sgBread ul li span {
				display		: block;
				height		: 24px;
				line-height	: 24px;
				padding		: 0 25px 0 15px;
				background	: url(img/headfoot/bread_bg.png) right 0 no-repeat;
				color		: #a29463;
				text-decoration	: none;
			}
			#sgBread ul li.home a {
				width		: 57px;
				padding		: 0;
				background	: url(img/headfoot/bread_home.png) right 0 no-repeat;
				text-indent	: -9999px;
				overflow	: hidden;
			}
			#sgBread ul li a:hover {
				background-position	: right -24px;
				color		: #a29463;
			}


/* -------------------------------------------------------------------
	スマートギフト 新フッター
---------------------------------------------------------------------- */


#sgFooter {
	display		: block;
	position	: relative;
	width		: 980px;
	height		:  50px;
	line-height	:  30px;
	margin		:   0 auto;
	padding		:   0;
}

#sgFooter p.logo {
	float		: left;
	margin		: 0;
}

#sgFooter p.logo a {
	display		: block;
	width		: 213px;
	height		:  30px;
	background	: url(img/headfoot/ringbell.png) center center no-repeat;
	text-indent	: -9999px;
	overflow	: hidden;
}

#sgFooter p.copyright {
	float		: right;
	margin		: 0;
	color		: #ccc;
	font-size	: 8pt;
}