@charset "UTF-8";

/* /////////////////////////////////////////////////////////////////////////// body */

body {
}

/* /////////////////////////////////////////////////////////////////////////// wrapper */

div#wrapper{
	min-width:1000px;
	text-align:left;

}

* html div#wrapper{
	width: expression(document.body.clientWidth < 1002? "1000px" : "auto");
}

/* /////////////////////////////////////////////////////////////////////////// header */

div#header{
	width:980px;
	margin:0 auto;
	padding-top:4px;
	position:relative;
}

	div#header h1{
		position:absolute;
		left:0;
		top:0;
	}

	div#gNav1{
		margin-left:500px;
		position:relative;
	}


	/* ユーティリティ・ユーザ機能 */
	div#header ul#GuideNav li.dot{
		padding-right:1px;
		background:url(img/bg_guidenav.gif) no-repeat right top;
		padding-bottom:5px;
	}

	div#header ul#UserNav{
		float:left;
		width:313px;
		background:url(img/bg_headstatus_mdl.gif) repeat-y left top;
	}

		div#header ul#UserNav li#status{
			padding:1px 10px 3px;
			width:293px;
			text-align:center;
			font-size:10px;
			background:url(img/bg_headstatus_btm.gif) no-repeat left bottom;
		}

		div#header ul#UserNav li#status ul li{
			font-size:100% !important;
		}

			div#header ul#UserNav li#status ul li.memberName{
				float:left;
			}

			div#header ul#UserNav li#status ul li.non-member{
				float:right;
			}

			div#header ul#UserNav li#status strong{
				font-weight:bold;
			}

	div#header #CartBox{
		float:right;
		/*right:0;*/
		width:162px;
		position:relative;
		z-index:20;
	}

	div#header #CartBox #CartIn{
		/*position:absolute;
		background:url(img/bg_cartbox_mdl.gif) repeat-y left top;
		top:52px;
		display:none;*/
		position:absolute;
		left:0;
		top:51px;
		background:url(img/bg_cartbox_mdl.gif) repeat-y left top;
		display:none;
	}

	div#header #CartBox:hover #CartIn{ display:block; }

	div#header #CartBox dl{
		padding:8px 14px 0;
	}

	div#header #CartBox dl dt,
	div#header #CartBox dl dd{
		padding-top:2px;
		color:#333;
		font-size:12px;
	}
	div#header #CartBox dl dt{
		clear: left;
		float: left;
		width: 60px;
	}

	div#header #CartBox dl dd{
		text-align:right;
		font-weight:bold;
	}
	/* for Fx, Safari, IE7 (except IE6) */
		div#header #CartBox dl > dd {
			float: left;
			width: 74px;
		}
	/* for IE7 only */
		*+html div#header #CartBox dl > dd {
			float: none;
		}
	/* for IE6 only */
		* html div#header #CartBox dl dd {
			margin-left: 60px;
			zoom: 1;
		}

	div#header #CartBox .cartBtm{
		padding:14px 0 10px;
		background:url(img/bg_cartbox_btm.gif) no-repeat left bottom;
	}

	div#header #CartBox .info{
		font-size:10px;
		text-align:center;
		color:#ff0000;
	}


	/* タブ・サービス機能 */
	div#gNav2{
		margin:4px auto 0;
		width:980px;
		/*background:url(img/bg_gnav2.gif) repeat-x left bottom;*/
	}

	ul#tabNav{
		float:left;
	}

	ul#serviceNav{
		float:right;
		width:334px;
		margin-top:9px;
	}

		ul#serviceNav li{
			margin-left:5px;
			font-size:12px;
		}

	/* シーズンロゴに切り替え
	   ========================================================================== */


	/* シーズンロゴのとき */
	div#header{ background:url(img/bg_ci.gif) no-repeat left top; }
	/* end */



/*div#header{
	width:980px;
	margin:0 auto;
	padding-top:4px;
	position:relative;
}

	div#header h1{
		float:left;
		position:relative;
		width:267px;
	}

	div#header li{
		float:left;
	}
*/

	/* ユーティリティ・ユーザ機能 */
	/*div#header div#gNav1{
		float:right;
		width:480px;
		position:relative;
	}

	div#header ul#GuideNav li.dot{
		padding-right:1px;
		background:url(img/bg_guidenav.gif) no-repeat right top;
		margin-bottom:5px;
	}

	div#header ul#UserNav{
		float:left;
		width:313px;
		background:url(img/bg_headstatus_mdl.gif) repeat-y left top;
	}

		div#header ul#UserNav li#status{
			padding:1px 5px 3px;
			width:303px;
			text-align:center;
			font-size:10px;
			background:url(img/bg_headstatus_btm.gif) no-repeat left bottom;
		}

			div#header ul#UserNav li#status strong{
				font-weight:bold;
			}

	div#header p#CartBtn{
		float:right;
	}*/


	/* タブ・サービス機能 */
	/*div#gNav2{
		clear:both;
		float:left;
		width:980px;
		background:url(img/bg_gnav2.gif) repeat-x left bottom;
	}

	ul#serviceNav{
		float:right;
		position:relative;
		width:329px;
		padding-top:9px;
	}	*/


/* /////////////////////////////////////////////////////////////////////////// topicpath */

div#topicPath{
	background:url(img/bg_topicpath.gif) repeat-y left top;
	width:980px;
	margin:0 auto;
}

	div#topicPath ul{
		background:url(img/bg_topicpath_btm.gif) no-repeat left bottom;
		padding-bottom:2px;
		padding-left:15px;
	}

		div#topicPath ul li{
			margin-bottom:-1px;
			background:url(img/bg_topicpath_slash.gif) no-repeat left bottom;
			padding:8px 0 8px 34px;

		}

	div#topicPath ul li.home{
			background:none;
			padding-left:0;
		}

	div#topicPath ul li.home a{
			background:url(img/bg_icon_topicpath.gif) no-repeat center left;
			padding-left:20px;
			padding-top:1px;
			zoom:1;
		}




/* /////////////////////////////////////////////////////////////////////////// navigation */


	/* 性別から探す */
	div#subNav div.genderSearch {
		background:url(img/bg_itemSearch_side.gif) repeat-y left top;
		margin-bottom:10px;
	}

		div#subNav div.genderSearch ul {
			background:url(img/bg_genderSearch_bottom.gif) no-repeat left bottom;
			padding:0 9px 6px;
		}

			div#subNav div.genderSearch ul li {
			}

			div#subNav div.genderSearch ul li.lastChild {
				margin-top:17px;
				margin-top:4px;
			}

	/* アイテムから探す */
	div#subNav div.itemSearch {
		background:url(img/bg_itemSearch_side.gif) repeat-y left top;
		margin-bottom:10px;
	}

		div#subNav div.itemSearch ul {
			background:url(img/bg_itemSearch_bottom.gif) no-repeat left bottom;
			padding:0 9px 5px;
		}

			div#subNav div.itemSearch ul li {
			}

			div#subNav div.itemSearch ul li.lastChild {
				margin-top:17px;
				margin-top:4px;
			}


	/* 特集から探す */
	div#subNav div.featureSearch{
		/*background:#f82020 url(img/bg_subnavi_feature.gif) repeat-x left top;*/
		background:url(img/bg_subnavi_feature.gif) no-repeat left bottom;
		width:190px;
		margin-bottom:10px;
	}


	div#subNav div.featureSearch select {
		width: 176px;
		margin:11px 5px 11px 7px;
	}

	/* テイスト/テイストから探す */
	div#subNav div.themeSearch,
	div#subNav div.tasteSearch{
		margin-bottom:10px;
		padding-bottom:10px;
		background:#ffffff;
		width:190px;
		background:url(img/bg_subnavi_theme.gif) no-repeat left bottom;
	}

	div#subNav div.themeSearch p,
	div#subNav div.tasteSearch p{
		margin:10px 11px 0px;
		font-size:85%;
	}

	div#subNav ul.shopbrandSearch{
		margin-bottom:10px;
	}

	div#subNav ul.shopbrandSearch li{
		margin-bottom:5px;
	}

	div#subNav ul.bnrSet li{
		margin-bottom:10px;
	}

	div#subNav ul.bnrSet li.firstChild{
		margin-bottom:6px !important;
	}


/* /////////////////////////////////////////////////////////////////////////// contents */

div#container {
	width:980px;
	margin: 0px auto;
}


div#mainContent {
	position:relative;
	width:760px;
	float:right;
	text-align:left;
}

div#mainContentCenter {
	width:980px;
}

div#subNav {
	width:190px;
	float:left;
	text-align:left;
}


/* 検索機能 */
div.SearchBox{
	background:#e8e9ea url(img/bg_gnav2.gif) repeat-x left top;
	padding:10px 0 11px 10px;
	width:970px;
	margin:0 auto;
	border-bottom:1px #b3b4b4 solid;
}

	div.SearchBox .selectbox {
		float: left;
		width: 165px;
		margin-right:7px;
	}

	div.SearchBox input{
		margin-right:4px;
	}
	div.SearchBox input.image:hover{ border:none; }

	div.SearchBox input.gSearch{
		height:19px;
		width:176px;
		padding:0;
	}

	div.SearchBox dl.fr{
		width: 425px;
		background-color:#f8f8f9;
		/*background:url(img/bg_searchtxt.gif) repeat-x left top;*/
	}

	div.SearchBox dl dt{
		float: left;
		margin:0 9px;
	}

	div.SearchBox dl dd{
		float: left;
		display:inline;
		padding-top:2px;
		font-size:78%;
	}

	div.SearchBox ul#SearchBoxNav{
		float: right;
	}

	div.SearchBox ul#SearchBoxNav li{
		margin-right:10px;
	}

/* メインタイトル */

div#mainTtl{
	position:relative;
}

/* TOPICS */

div#newsArea{
	margin-bottom:30px;
}

div#newsArea .ttlArea{
	background:url(img/bg_top_news.gif) repeat-x top left;
	padding:13px 0 0 12px;
}

div#newsArea .ttlArea h3{
	margin-top:6px;
}

div#newsArea dl{
	width:735px;
	margin-left:12px;
}

div#newsArea dl dt,
div#newsArea dl dd{
	margin-top:10px;
}

div#newsArea dl dt{
	width:100px;
	clear: left;
	float: left;
}

div#newsArea dl > dd{
	width:635px;
	float: left;
}

/* for IE7 */
*+html div#newsArea dl > dd{
	float: none;
}

/* legacy IE */
*html div#newsArea dl dd{
	margin-left: 100px;
	zoom: 1;
}



/* /////////////////////////////////////////////////////////////////////////// footer */

div#bottomContent{
	width:980px;
	margin: 0px auto;
	margin-bottom:20px;
}

	/* このページの先頭へ */
	p.pageTop {
		text-align:right;
	}

	/* ショップご利用のご案内 */
	div#bottomContent div#guideBox{
		position:relative;
		background:#f1f1f1 url(img/bg_shopguide.gif) no-repeat left bottom;
	}

	div#bottomContent div#guideBox p.btn-shopguide{
		position:absolute;
		top:46px;
		right:7px;
	}

	div#bottomContent div#guideBoxInner{
		padding-top: 20px;
	}

	div#bottomContent div.guideBox01{
		padding-left: 36px;
	}

	div#bottomContent div.guideBox01 dl{
		background: url(img/bg_shopguide_cal_01.png) no-repeat left top;
		width: 219px;
		height:105px;
		margin:7px 0 0 -36px;
		padding-left:36px;
	}
	div#bottomContent div.guideBox01 dt,
	div#bottomContent div.guideBox01 dd{
		width: 219px;
		text-align:center;
	}
	div#bottomContent div.guideBox01 dt{
		padding-top:12px;
	}
	div#bottomContent div.guideBox01 dd.hurry{
		margin-top:5px;
		text-align:right;
	}

	div#bottomContent div.guideBox01 .strong{
		color: #ed1a3d;
		font-size:16px;
		font-weight: bold;
	}

	div#bottomContent dl.guideBox02{
		padding:0 36px;
		margin:0 36px;
		margin-bottom:5px;
		border-left: 1px solid #b4b7ba;
		border-right: 1px solid #b4b7ba;
	}

		div#bottomContent dl.guideBox02 .sec01{
			padding:13px 0 19px 9px;
		}
		div#bottomContent dl.guideBox02 .sec02{
			padding:17px 0 10px 0px;
		}
		div#bottomContent dl.guideBox02 .sec03{
			padding:16px 0 12px 6px;
		}

	div#bottomContent ul.guideBox03{
	}

		div#bottomContent ul.guideBox03 li{
			margin-bottom:12px;
		}

		div#bottomContent ul.guideBox03 li.lastChild{
			margin-top:-2px;
			margin-left:-3px;
		}


	/* 配送日カレンダー */

	div#bottomContent div#guideBox #calendarBg {
		margin-top: 13px;
		padding-top:27px;
		width: 219px;
		background: url(img/bg_shopguide_cal_01.gif) no-repeat left top;
	}

	.date-pick {
		overflow: none;
		text-align: center;
	}
	.dp-applied {
		text-align: center;
	}
	table.jCalendar {
		width: 201px;
		padding: 0;
		margin-bottom: 10px;
		text-align: center;
	}
	.dp-popup {
	}

	table.jCalendar td{
		background: #f1eeee;
		border-right: 2px solid #fff;
		border-bottom: 1px solid #fff;
		width: 27px;
		height: 19px;
		font: normal 12px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		text-align: center;
	}


	table.jCalendar td:nth-child(7) {
		border-right: 0px;
	}

	table.jCalendar th{
		padding-top:3px;
		padding-bottom:3px;
		color: #fff;
		background: url(img/bg_shopguide_cal_03.gif) repeat-x left bottom;
		border-bottom: 3px solid #fff;
		text-align: center;
	}

	table.jCalendar td.other-month{
		color:#fff !important;
		background-color:#fff !important;
	}
	.dp-popup td{
		cursor: default !important;
	}
	.dp-popup-inline {
		/*height: 180px;*/
	}
	.dp-popup-inline a.disabled {
		display: none !important;
	}
	.dp-popup-inline .dp-holiday {
		background-color: #bfc0c0 !important;
	}
	.dp-popup-inline .selected {
		color: #333 !important;
		background-color: #ffcccc !important;

	}
	.dp-popup-inline .today {
		color: #333 !important;
	/*	background-color:#ffa !important;*/
		font-weight: bold;
		background-color: #f2f330 !important;
	}

	div.dp-popup {
		position: relative;
		width: 201px;
		margin: 0 auto;
	}

	div.dp-popup h2 {
		text-align: center;
		margin-bottom:5px;
		padding: 0;
		font: bold 16px  Helvetica, Verdana, Arial, sans-serif;
	}
	div.dp-popup div.dp-nav-next a{
		position: absolute;
		top: 0;
		right: 0;
		width: 30px;
		text-indent:-9999px;
		background: url(img/arrow_shopguide_cal_r.gif) no-repeat right bottom;
	}
	div.dp-popup div.dp-nav-prev a{
		position: absolute;
		top: 0;
		left: 0;
		width: 30px;
		text-indent:-9999px;
		background: url(img/arrow_shopguide_cal_l.gif) no-repeat left bottom;
	}


div#footer{
		background  :url(img/bg_foot.gif) no-repeat bottom center;
}

div#footer div.SearchBox,
div#footer div#footNav{
	width:980px;
	margin:0 auto;
}

	div#footer div#footNav{
		text-align:center;
		margin-top:15px;
	}

	div#footer div#footNav li{
		display:inline;
	}

	/* address */
	div.foot-copy{
		width:980px;
		margin:0 auto;
		position: relative;
	}

	p.txt-seo{
		text-align:center;
		margin-top:5px;
	}

	/* address */
	div#footer address{
		padding:230px 0 9px;
		text-align:center;
	}



/* スマートフォンサイトへ */
.resmaphone{
	background:#f1f1f1;
	padding:40px 0;
}

.resmaphone p{
	width:980px;
	margin: 0 auto;
	width:650px;
}