﻿/* **********************************************

	Yahoo UI Library Reset CSS
	Copyright (c) 2007, Yahoo! Inc. All rights reserved.
	Code licensed under the BSD License:
	http://developer.yahoo.net/yui/license.txt

	version: 2.3.1

*********************************************** */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,table,td,th,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset,img {
	border: 0;
}
address,caption,cite,code,dfn,em,th,var {
	font-style: normal;
	font-weight: normal;
}
li {
	list-style: none;
}
caption,th {
	text-align: left;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}
input, textarea, select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}

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

	1-1.Yahoo UI Library Fonts CSS
	http://developer.yahoo.com/yui/fonts/
	*Copyright (c) 2006, Yahoo! Inc. All rights reserved.
	*http://developer.yahoo.com/yui/license.txt

	Font-size Adjustment

	77% = 10px	| 	122% = 16px	|	167% = 22px	
	85% = 11px	|	129% = 17px	|	174% = 23px
	92% = 12px	|	136% = 18px	|	182% = 24px
	100% = 13px	|	144% = 19px	|	189% = 25px
	107% = 14px	|	152% = 20px	|	197% = 26px
	114% = 15px	|	159% = 21px	|


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

body {
	font:13px/1.231 arial,helvetica,clean,sans-serif;
	*font-size: small;
	*font: x-small;
}
table {
	font-size: inherit;
	font: 100%;
}
select, input, textarea {
	font-size: 99%;
}


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

	1-2.Universal selector

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

* {
	font-size: 100%;
}


/* **********************************************

		base

*********************************************** */
body {
	background: url(http://nestrobe.com/online/images/body_bg.gif) repeat-x left top #ffffff;
	font-family: Verdana, Geneva,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Osaka,sans-serif;
	color: #000000;
	text-align: center;
}
a:link {
	text-decoration: none;
	color: #84786e;
}
a:visited {
	text-decoration: none;
	color: #84786e;
}
a:hover, a:active {
	text-decoration: underline;
}
h1,h2,h3,h4,h5,h6,table,th,td {
	font-size: 100%;
	font-weight: normal;
}
img {
	border: 0;
}
li {
	list-style: none;
}


/* **********************************************

		header

*********************************************** */


#headerContainer {
	width: 960px;
	height: 125px;
	margin: 0 auto;
	background-color: transparent;
	text-align: left;
}
#headerContainer .catalogHeader {
	height: 90px;
	width: 900px;
	margin-left: 30px;
}
#headerContainer .catalogHeader .logo {
	padding: 16px 0 2px 28px;
}
#headerContainer .catalogHeader ul {
	float: right;
}
#headerContainer .catalogHeader li {
	float: left;
	margin-left: -5px;
}
#headerContainer .catalogHeader li a {
	display: block;
	height: 23px;
	text-indent: -9999px;
	overflow: hidden;
}
#headerContainer .catalogHeader li.top {
	margin-left: 0;
}
#headerContainer .catalogHeader li.top a {
	width: 124px;
	background: url(http://nestrobe.com//online/images/menu_top.gif) no-repeat;
}
#headerContainer .catalogHeader li.guide a {
	width: 136px;
	background: url(http://nestrobe.com//online/images/menu_guide.gif) no-repeat;
}
#headerContainer .catalogHeader li.account a {
	width: 116px;
	background: url(http://nestrobe.com//online/images/menu_account.gif) no-repeat;
}
#headerContainer .catalogHeader li.cart a {
	width: 134px;
	background: url(http://nestrobe.com//online/images/menu_cart.gif) no-repeat;
}
#headerContainer .catalogHeader li a:hover {
	background-position: 0 -23px;
}

#footerContainer {
	padding-top: 20px;
}
#contentsContainer .mainContents {
	width: 900px;
	margin-left: 30px;
}

#footerContainer {
	width: 100%;
	margin: 0;
	text-align: center;
}
#footerContainer a:link {
	color: #404040;
	text-decoration: underline;
}
#footerContainer a:visited {
	color: #404040;
	text-decoration: underline;
}
#footerContainer a:hover {
	color: #404040;
	text-decoration: none;
}
#footerContainer a:active {
	color: #404040;
	text-decoration: none;
}
#footerContainer img {
	float: none;
}
#footerContainer .pageTop {
	width: 900px !important;
	width: 960px;
	padding: 0 30px 10px;
	margin: 0 auto;
	background-image: none;
	text-align: right;
}
#footerContainer .pageTop a {
	display: inline;
	width: auto;
	background-image: none;
	text-indent: 0;
}
#footerContainer .catalogFooter {
	width: 100%;
	min-width: 960px;
	height: 77px;
	background: url(http://nestrobe.com/online/images/footer_bg.gif) repeat-x left top #cdcbba;
	padding: 0;
	margin: 0;
	text-align: center;
}
#footerContainer .catalogFooter .footer {
	width: 900px !important;
	width: 960px;
	padding: 0 30px;
	margin: 0 auto;
	text-align: left;
}
#footerContainer .catalogFooter .footer p {
	padding: 12px 0;
	font-size: 85%;
	line-height: 110%;
}
#footerContainer .catalogFooter .footer p img {
	margin: 0 10px;
}
#footerContainer .catalogFooter .footer p * {
	vertical-align: middle;
}



/* ************************************************ 
 *	ヘッダーメニュー
 * ************************************************ */

#wrapper{
	width: 900px;
	margin: 0px auto;
	padding-bottom: 20px;
	text-align: center;
	overflow: hidden;
}


/*ホーム・マイアカウント・お問合せリンク*/
.menu_1 {
	color: #FFF;
	text-align: right;
	background: url(http://img03.shop-pro.jp/PA01005/162/etc/444.jpg) no-repeat;
	padding-left: 0px ;
	padding-right:12px;
}

.menu_1 a {color: #FFFFFF;}
.menu_1 a:link    {color: #FFFFFF;text-decoration: none;}
.menu_1 a:visited {color: #FFFFFF;text-decoration: none;}
.menu_1 a:active  {color: #FFFFFF;text-decoration: none;}
.menu_1 a:hover   {color: #FFFFFF;text-decoration: none;}



/* ************************************************ 
*	左側メニュー
* ************************************************ */
#sideMenu{
	clear: both;
	text-align: left;
	float: left;
	width: 180px;
}
#itemCategory {
	padding-bottom: 15px;
	margin-bottom: 20px;
	line-height: 160%;
	background: url(http://nestrobe.com/online/images/dotline.gif) left bottom repeat-x;
}
#itemCategory ul.archive_list {
	margin-bottom: 30px;
}
#itemCategory ul.archive_list li a {
	text-decoration: none;
	font-size: 92%;
	color: #676464;
}
#itemCategory li.subCat {
	padding-left: 12px;	
}
#itemCategory ul.catNr li.newarrivals a {
	color: #a99e73;
}
#itemCategory ul.catNr li.newarrivals a:hover {
	color: #dbd2ab;
}
#itemCategory ul.catBis li.newarrivals a {
	color: #caa97b;
}
#itemCategory ul.catBis li.newarrivals a:hover {
	color: #ead9bc;
}
#itemCategory ul.catCf li.newarrivals a {
	color: #785739;
}
#itemCategory ul.catCf li.newarrivals a:hover {
	color: #ab9888;
}


#itemCategory ul.archive_list li a:hover {
	color: #9a978d;
}
#itemCategory ul.archive_list li.sale a {
	color: #bb1605;
	font-weight: bold;
}
#itemCategory ul.archive_list li.sale a:hover {
	color: #e05446;
}
#itemCategory ul.archive_list li#titleNr {
	text-indent: -9999px;
	margin-bottom: 12px;
}
#itemCategory ul.archive_list li#titleNr a {
	display: block;
	width: 182px;
	height: 16px;
	background: url(http://nestrobe.com/online/images/side_title_nestrobe.gif) no-repeat;
}
#itemCategory ul.archive_list li#titleNr a:hover {
	background-position: 0 -16px;	
}

#itemCategory ul.archive_list li#titleBis {
	text-indent: -9999px;
	margin-bottom: 12px;
}
#itemCategory ul.archive_list li#titleBis a {
	display: block;
	width: 182px;
	height: 16px;
	background: url(http://nestrobe.com/online/images/side_title_bisque.gif) no-repeat;
}
#itemCategory ul.archive_list li#titleBis a:hover {
	background-position: 0 -16px;	
}

#itemCategory ul.archive_list li#titleCf {
	text-indent: -9999px;
	margin-bottom: 12px;
}
#itemCategory ul.archive_list li#titleCf a {
	display: block;
	width: 182px;
	height: 16px;
	background: url(http://nestrobe.com/online/images/side_title_confect.gif) no-repeat;
}
#itemCategory ul.archive_list li#titleCf a:hover {
	background-position: 0 -16px;	
}






#product_search {
	background: url("http://nestrobe.com/online/images/dotline.gif") left bottom repeat-x;
	padding-bottom: 12px;
}
ul.sideMenuLinks,#product_search .sideMenuLinks {
	margin: 12px 0px 12px 6px;
}
#product_search select,#product_search input{ 
	margin-bottom: 5px;
}
#shoppingCart .sideMenuHeader {
	border-bottom: none;
}
#shoppingCart .sideMenuHeader a {
 	display: block;
	width: 180px;
	height: 32px;
	background: url("http://nestrobe.com/online/images/sidebar_cart.gif") no-repeat 0 0;
	text-indent:-9999px;
}
#shoppingCart {
	background: url("http://nestrobe.com/online/images/dotline.gif") left bottom repeat-x;
	padding: 18px 0;
}
#shoppingCart p img {
	margin-top: 14px;	
}
#shoppingCart .sideMenuHeader a:hover {
	background-position:0 -32px;
}
#shoppingCart .cart_item {
	margin: 10px;
}
#shoppingCart .sideMenuLinks {
	margin: -10px 0px 0px 0px;
	padding: 12px 0px 5px 5px;
	border-right: 1px solid #B0A498;
	border-left: 1px solid #B0A498;
	border-bottom: 1px solid #B0A498;
}
#shoppingCart .sideMenuLinks li {
	margin: 0px 0px;
	padding: 5px 10px;
}

#sideBanner {
	margin-top: 8px;
}
#sideBanner p {
	margin-bottom: 15px;	
}

#shopGuide {
	width: 180px;
	background: url("http://nestrobe.com/online/images/sidebar_frame_bottom.gif") left bottom no-repeat;
	padding-bottom: 14px;
}
#shopGuideInner {
	width: 180px;
	background: url("http://nestrobe.com/online/images/sidebar_frame_middle.gif") center repeat-y;
}
#shopGuideInner ul {
	font-size: 85%;
	line-height: 160%;
	padding-left: 12px;
	padding-top: 16px;
}
#shopGuideInner a {
	color: #302c2c;
}


/* this is only test */

/* old one */
.sidemenu {
	width:190px;
	color:#666;
	margin-bottom: 15px;
}
.side_title {
	height: 28px;
	background: url(http://img03.shop-pro.jp/PA01005/162/etc/back02.gif) no-repeat;
	color: #FFF;
	padding-left:15px;
}
.side_text {
	border-left: 1px #CCC solid;
	border-right:1px #CCC solid;
	background-color:#FFFFFF;
	padding:12px;
}
.side_bottom {
	height: 2px;
	background-color:#FFFFFF;
	background: url(http://img.shop-pro.jp/tmpl_img/11/side_bottom_bg.gif) no-repeat;
}

/* ------------------------------------- 
 *	商品カテゴリｰエリア背景色
 * ------------------------------------- */
.side_cat_bg {
	width:190px;
	background: url(http://img03.shop-pro.jp/PA01005/162/etc/333.jpg);
	margin-bottom: 15px;
}
.side_cat_title {
	height: 28px;
	background: url(http://nestrobe.com/img/back.gif) no-repeat;
	border-bottom:1px #FFF solid;
	color: #FFF;
	padding-left:15px;
}
.side_cat_text {
	height:29px;
	border-bottom: 1px #FFF solid;
	color: #432A16;
	padding:0px 12px;
}
.side_cat_bottom {
	height:18px;
	background: url(http://nestrobe.com/img/back.gif) no-repeat;
}
.side_cat_text a {
	color: #432A16;
}
.side_cat_text a:link    {
	color: #432A16;text-decoration: none;
}
.side_cat_text a:visited {
	color: #432A16;text-decoration: none;
}
.side_cat_text a:active {
	color: #432A16;text-decoration: none;
}
.side_cat_text a:hover {
	color: #7E5E44;text-decoration: none;
}

/* ------------------------------------- 
 *	カートの中 - 商品名・価格ボタン色/枠線色
 * ------------------------------------- */
.cart_item {
	/*border-left: 3px solid #87876A;
	border-right: 3px solid #87876A;*/
	margin: 3px 0px 3px 0px;
	padding-left:5px;
	font-size:10px;
}

/* ************************************************ 
 *	コンテンツ共通
 * ************************************************ */

.main_title {
	/*width: 564px;
	height: 28px;
	color: #666;
	margin-bottom: 15px;*/
}

	.main_title h2{
		font-weight: normal;
		background-color: #ccc;
		padding: 5px 10px;
		margin: 10px 15px;
	}


	#category h2{
		font-weight: normal;
		background-color: #ccc;
		padding: 5px 10px;
		margin: 10px 15px;
	}



	/* ************************************************ 
	 *	TOPコンテンツ
	 * ************************************************ */

	/* ------------------------------------- 
	 *	お知らせエリア
	 *	箇条書きでお知らせを掲載する際にご利用ください
	 *	※初期設定では適用されていません
	 * ------------------------------------- */

	.info_bg {
		background: url(http://img.shop-pro.jp/tmpl_img/11/info_bg.jpg) repeat-y;
		margin-bottom: 15px;
		}

	.info_title {
		height: 28px;
		color: #FFF;
		}

	.info_text {
		color:#666;
		background: #FFF;
		border-top:#B4BEB4 1px solid;
		border-left:#B4BEB4 1px solid;
		padding: 10px;
		}

	.info_top {
		height:2px;
		background: url(http://img.shop-pro.jp/tmpl_img/11/info_bg.jpg) no-repeat;
		background-position: top;
		}

	.info_text_bottom {
		height: 2px;
		background:#FFF url(http://img03.shop-pro.jp/tmpl_img/11/info_text_bottom_bg.gif) no-repeat;
		}

	.info_bottom {
		height:7px;
		background: url(http://img.shop-pro.jp/tmpl_img/11/info_bottom_bg.gif) no-repeat;
		background-position: bottom;
		}


	/* for new layout */

	#main {
		float: right;
		width: 690px; 
		text-align: left;
	}



	/* ------------------------------------- 
	 *	フリースペース
	 * ------------------------------------- */
	.free_space {
		color:#666;
		margin-bottom: 15px;
	}



	/* ************************************************ 
	 *	商品一覧　レイアウト
	 * ************************************************ */
	 
	 #navi {
		 font-size: 77%;
		 margin-bottom: 12px;
		 color: #bebebe;
		 text-align: left;
	 }


	/*

	検索結果

	*/
	#search_result{
		margin: 0px 15px 15px;
	}

	.product_sub_list{
		margin-left: 20px;
	}

	.product_sub_list_inner{
		float: left;
		margin-right:20px;
	}





	/* ------------------------------------- 
	 *	一覧表示　並び順を変更(商品一覧）
	 * ------------------------------------- */



	/* ------------------------------------- 
	 *	一覧表示　並び順を変更(商品検索結果）
	 * ------------------------------------- */
	.sort_01 {
		font-size: 85%;
	} 
	.sort_02 {
		width: 564px;
		height: 28px;
		color: #666;
		/*background: url(http://img03.shop-pro.jp/PA01005/162/etc/444.jpg) no-repeat;*/
		margin-bottom: 1px;
		}

	.sort_02 a,
	.sort_02 a:link,
	.sort_02 a:visited {
		color:#666;
		text-decoration:none;
		}

	.sort_02 a:active,
	.sort_02 a:hover {
		color:#ccc;
		text-decoration:none;
		}


	/* ------------------------------------- 
	 *	一覧表示　商品数と表示数
	 * ------------------------------------- */
	.pagenavi {
		height: 28px;
		color: #666;
		font-size: 92%;
		/*background: url(http://img03.shop-pro.jp/PA01005/162/etc/444.jpg) no-repeat;*/
		margin-bottom: 15px;
	}


	.pagenavi a {color:#A49688; text-decoration:underline;}
	.pagenavi a:hover {text-decoration:none;}

/* ------------------------------------- 
 *	商品一覧表示のレイアウト
 * ------------------------------------- */

a.product_item {
	width:196px; height:245px; float:left; margin: 6px; border:1px solid #dedede; padding:10px;
	color:#A49688;
}
a.product_item div.thumb { text-align: center; width: 130px; height: 166px; margin: 0 auto; }
a.product_item div.thumb img { border: none;}
a.product_item img.ph_blank { filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }

a.product_item .name {
	font-size: 85%;
	line-height: 110%;
	font-weight: bold;
	text-align: center;
	color: #84786e;
	margin-bottom: 5px;
	margin-top: 10px;
}
a.product_item .price {
	font-size: 85%;
	text-align: center;
}

a.product_item .expl {
	margin: 5px 0 0 0;
}

a.product_item .labCf { height: 19px; text-indent: -9999px; background: url(http://nestrobe.com/online/images/label_confect.gif) 33px 0px no-repeat; overflow: hidden }
a.product_item .labNr { height: 19px; text-indent: -9999px; background: url(http://nestrobe.com/online/images/label_nestrobe.gif) 33px 0px no-repeat; overflow: hidden }
a.product_item .labBs { height: 19px; text-indent: -9999px; background: url(http://nestrobe.com/online/images/lable_bisque.gif) 33px 0px no-repeat; overflow: hidden }

a.product_item:hover {
	background: #f7f7f7;
	color: #A49688;
	text-decoration: none;
}






	/* ------------------------------------- 
	 *	ぱんくずリスト
	 * ------------------------------------- */
	.footstamp {
		width: 564px;
		height: 15px;
		color: #432A16;
		margin-bottom: 5px;
	}

	.footstamp a {color: #432A16;}
	.footstamp a:link    {color: #666666;text-decoration: none;}
	.footstamp a:visited {color: #666666;text-decoration: none;}
	.footstamp a:active  {color: #666666;text-decoration: none;}
	.footstamp a:hover   {color: #d3d3d3;text-decoration: none;}


	/* ------------------------------------- 
	 *	商品が無い時の表示
	 * ------------------------------------- */
	.nodata {
		width: 90%;
		padding-top: 20px;
		text-align: center;
		}



/* ************************************************ 
*	商品詳細　レイアウト
* ************************************************ */

	#detail .expl {
		line-height:1.5;
		text-align: left;
		margin: 8px 0 0 0;
		font-size: 92%;
		}

	#detail .main_img {
		/*padding: 4px;*/
		border-top: 1px #989898 solid;
		border-right: 1px #989898 solid;
		border-bottom: 1px #989898 solid;
		border-left: 1px #989898 solid;
		}

	#detail .sub {
		float: left;
		width: 188px;
		text-align: center;
		}

	#detail .sub img {
		width: 160px;
		/*padding: 4px;*/
		border-top: 1px #989898 solid;
		border-right: 1px #989898 solid;
		border-bottom: 1px #989898 solid;
		border-left: 1px #989898 solid;
		}

	#detail .table {
		width: 375px;
		text-align:left;
		margin: 0px auto;
		margin-top: 20px;
		margin-bottom: 35px;
		border-top: 1px #666 solid;
		border-left: 1px #666 solid;
		border-right: 1px #666 solid;
		}

	#detail .table .cell_1 {
		width: 105px;
		height: 28px;
		color: #FFF;
		border-right: 1px #666 solid;
		border-bottom:1px #fff solid;
		background-color: #434343;
	}

	#detail .table .cell_2 {
		width: 270px;
		height: 28px;
		color: #432A16;
		border-bottom:1px #666 solid;
	}

	#detail .table .cell_mar {
		margin: 0px 5px 0px 15px;
		}




	/* ------------------------------------- 
	 *	この商品を買った人はこんな商品も買ってます
	 * ------------------------------------- */

	#together {
		margin: 0px 10px 0px 10px;
		}

	#together .tog_main_title {
		font-weight: bolder;
		margin-top:30px;
		padding-bottom:5px;
		border-bottom: 5px solid #CC9966;
		}

	#together .together_list {
		margin:10px 3px 10px 3px;
		float:left;
		width: 170px;
		text-align:center;
		}

	#together img {
		padding: 4px;
		border-top: 1px #D1D1D1 solid;
		border-right: 1px #989898 solid;
		border-bottom: 1px #989898 solid;
		border-left: 1px #D1D1D1 solid;
		}






	/* ************************************************ 
	 *	商品オプションページ
	 * ************************************************ */
	#Option .option_table {
		width: 564px;
		margin-bottom:15px;
		}

	#Option .option_cell1 {
		text-align:left;
		font-weight:normal;
		border-right: 1px solid #cccccc;
		border-bottom: 1px solid #cccccc;
		padding-left: 6px;
		}

	#Option .option_cell2 {
		text-align:left;
		border-right: 1px solid #cccccc;
		background-color:#FFFFFF;
		padding: 2px 6px 2px 6px;
		}

	#Option .option_cell3 {
		text-align:left;
		border-right: 1px solid #cccccc;
		border-bottom: 1px solid #cccccc;
		background-color:#FFFFFF;
		padding: 2px 10px 2px 6px;
	}


	/* ************************************************ 
	 *	特定商取引法・お支払い方法・配送設定について
	 * ************************************************ */
	.payment_img {
		width:30px;
		height:30px;
		margin:3px;
	}

	#ShopKeeper {
		width: 564px;
		color:#666;
		margin-bottom: 15px;
		}


	#ShopKeeper th {
		width: 160px;
		height: 28px;
		border-right: 1px solid #cccccc;
		border-bottom: 1px solid #cccccc;
		font-weight: normal;
		text-align:left;
		}

	#ShopKeeper td {
		border-bottom: 1px solid #cccccc;
		text-align:left;
		}

	#shipping_info{
		margin-left: 20px;
	}


	/* ************************************************ 
	 *	プライバシーポリシー
	 * ************************************************ */

	#PrivacyExplain {
		color:#666;
		margin-bottom: 15px;
		}

	.pe_title {
		color: #432A16;
		border-top: 1px solid #cccccc;
		padding-top: 15px;
		}

	.pe_note {
		line-height: 150%;
		margin:5px 5px 20px 30px;
		}
		
		

/* ClearFix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-table; }

/* Hides from IE-mac */
.clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* CSS Document */
