@charset "utf-8";
/* ---------------
汎用スタイル top.css
トップのスタイル
--------------- */

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

基礎設定

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

body  {
	margin: 0px;
	background-color: #F7F0E6;
	color: #54462E;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka",  "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px; /* モダンブラウザ向け */
}


/* 画像 */
img {
	border:medium none;
}

/*	フロート解除(不可視)(予備)	*/
.clearHidden {
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	margin: 0;
}

p{
	line-height: 1.5;
}


ul,ol,p,h1,h2,h3,h4,h5,h6{
	padding: 0;
	margin:0;
}

li{
	list-style-type: none;
}

img {
	border:medium none;
}

/* リンク */
a:link{
	text-decoration: none;
}

a:link ,a:visited {
	color:#38281F;
	text-decoration:underline;
}

a:hover {
	border:medium none;
	text-decoration:underline;
}

a:hover img {
	opacity:0.7;
}

/*	コンテンツ全体のボックス	*/
#wrapper {
	width: 840px;
	margin: 0px auto;
	padding: 0;
	border-left: solid 1px #ECE4D8;
	border-right: solid 1px #ECE4D8;
	background-color: #FFFFFF;
	background: #FFFFFF url(/themes/shop/images/subBg.gif) repeat-y 5px top;
}

/* サイトロゴ */
#siteLogo{
	float:left;
	width: 210px;
	height: 155px;
	margin: 0;
	padding-top: 55px;
	background: url(/themes/shop/images/shopBoxBg.gif) repeat;
	text-align: center;
}

/*　テーブル　*/


table.content {
	width: 100%;
	margin: 18px 0 27px 0;
	padding: 0;
	border: solid #BDB099 1px;
	border-collapse: collapse;
	text-align: left;
}

table.content tr{
}

table.content th{
	padding: 8px 10px 5px;
	border-left: dashed #BDB099 1px;
	border-bottom: solid #BDB099 1px;
	background-color: #ECE4D8;
}

table.content td {
	padding: 8px 10px 5px;
	border-left: dashed #BDB099 1px;
	border-bottom: solid #BDB099 1px;
	background-color: #FFFFFF;
}

table.content input{
	width: 280px;
}

table.content textarea{
	width: 320px
}


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

カラム関係

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

/* ヘッダーカラム */
#header{
	float:right;
	width: 580px;
	margin-right:25px;
	_margin-right:12px;
	text-align: right;
}

/* サブカラム */
#sub{
	float:left;
	width:210px;
	_width:205px;
	margin-left: 5px;
	/*_margin: -31px 0 0 0px;*/
	_margin: 0 0 0 0px;
	_padding-left: 5px;
}

#main{
	float: left;
	width: 580px;
	margin: 10px 0 0 20px;
}

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

ヘッダーカラム

--------------- */
#headerNav{
	margin-left:90px;
}

#headerNav li{
	float: left;
	margin: 14px 0 0 21px;
	padding-left: 15px;
	background: url(/themes/shop/images/markerYellow.gif) no-repeat left center;s
}

#toHome{
	float: right;
	width: 150px;
	text-align: right;
}


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

カート全体

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

#cart{
	margin-top:-2px;
	_margin-top:-15px;
	border-bottom: solid 1px #FFFFFF;
	border-top: solid 1px #FFFFFF;
	background: url(/themes/shop/images/cartBG.gif) repeat-y;
	text-align:center;
}

/* IE7対策 */
*:first-child+html #cart{
	margin-top:-15px;
}

/* カートタイトル */
#cartTitle{
	padding-top: 19px;
	background: url(/themes/shop/images/cartTopBg.gif) no-repeat left top;
}

/* カート何も無い時 */
#notCart{
	width: 180px;
	height: 15px;
	margin: 18px 15px 0;
	padding: 18px 0;
	border-collapse: separate;
	background-color: #FFFFFF;
}

/* カートの中身を見るページボタン */
#subCartBtn{
	margin-top:10px;
}

/* ログインページボタン */
#shopLoginBtn{
	height: 51px;
	margin-top: 7px;
	background: url(/themes/shop/images/cartBottomBg.gif) no-repeat left bottom;
}

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

商品検索

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

#shopSearch{
	margin: 13px 0 19px 15px;
}



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

カテゴリーリスト

--------------- */
#cateTitle{
	margin: 0;
	_margin-left: 6px;
	text-align: center;
}

#cateList li{
	background: url(/themes/shop/images/cateListLine.gif) no-repeat center bottom;
}

#cateList li a{
	display:block;
	width: 178px;
	height: 20px;
	padding: 10px 0 10px 32px;
	_padding: 15px 0 8px 32px;
	background: url(/themes/shop/images/markerYellow.gif) no-repeat 185px center;
	font-size:14px;
	text-decoration: none;
}

#cateList li a:hover{
	background: #F2E5DA url(/themes/shop/images/markerYellow.gif) no-repeat 185px center;
}

#cateList li#viewing{
	display:block;
	padding: 10px 0 10px 32px;
	_padding: 15px 0 8px 32px;
	background-color: #ECE4D8;
	font-size:14px;
	font-weight: bold;
}

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

ショップの案内

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

#shopAbout{
	margin: 19px 0 0 5px;
}

#shopAbout li{
	margin-bottom: 15px;
	padding-left: 27px;
	background: url(/themes/shop/images/markerShopLink.gif) no-repeat left 3px;
}

#shopAbout li a{
	display: block;
	width: 163px;
}

/* バナーボックス */
#bannerBox{
	margin-top: 30px;
	text-align: center;
}

#bannerBox li{
	margin-bottom: 11px;
}

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

ショップメイン

--------------- */
/* Pickupバナー */
#PickupBnaaner{
	margin-bottom: 40px;
	_margin-bottom: 20px;
}

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

ピックアップ

--------------- */
.topMinTitel{
	margin-bottom: 15px;
}

.pickupItem .pickupTitle{
	padding: 15px 0 5px;
	font-size: 14px;
	font-weight: normal;
}

html>/**/body .pickupItem .pickupTitle {
	padding /*\**/: 5px 0 5px\9;

}

.pickupItem .pickupTitle span{
	margin-left: 15px;
	font-weight:bold;
}

.pickupItem p,.pickupItem .pickupTitle{
	width: 370px;
}

.pickupItem .pickupRead{
	padding: 5px 0;
	border-top: dashed 1px #BDB099;
	border-bottom: dashed 1px #BDB099;
}

.pickupItem .pickupItemPrice{
	padding-top: 5px;
	color: #990000;
	font-size: 18px;
	font-weight: bold;
	text-align: right;
}
.pickupItem .pickupItemPrice span {
	display: hidden;
	height:18px;
	margin-left:14px;
	text-indent:-9999px;
	width:80px;
}

.pickupItem .pickupItemPhoto{
	float: right;
	margin-top: 2px;
	
}

.pickupItem .pickupPhoto{
	position:relative;
	_position:static;

}

*:first-child+html .pickupItem .pickupPhoto{
	position:static;
}

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

商品一覧

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

/* 商品カテゴリーボックス */

#menuCateBox{
	position: relative;
	width: 600px;
	margin: 35px -20px 0 0;
	_margin: 17px -20px 0 0;
}

.menuBox{
	display: inline;
	float: left;
	width: 180px;
	padding: 13px 0 17px 0;
	margin: 0 20px 20px 0;
	background: #ECE4D8 url(/themes/shop/images/menuCateBg.gif) no-repeat right top;
}

.menuBox3{
	float:left;
	width:180px;
	margin: 0 0 20px 0;
	padding: 13px 0px 17px;
	background: #ECE4D8 url(/themes/shop/images/menuCateBg.gif) no-repeat right top;
}

/* ピックアップ */
.menuPickBox{
	display:inline;
	float:left;
	width:180px;
	padding: 13px 0 17px 0;
	margin: 0 20px 20px 0;
	background: #F2BA95 url(/themes/shop/images/menuPickupBg.gif) no-repeat right top;
}

.menuBox h3,.menuBox3 h3{
	padding: 0 10px 0 30px;
	background: url(/themes/shop/images/markerShopLink.gif) no-repeat left 0.3em;
	font-size: 14px;
	line-height: 1.7;
}

/* ピックアップ（見出し） */
.menuPickBox h3{
	padding: 0 10px 0 30px;
	background: url(/themes/shop/images/markerShopPick.gif) no-repeat left 0.3em;
	font-size: 14px;
	line-height: 1.7;
}

.menuBox h3 a,.menuBox3 h3 a,.menuPickBox h3a{
	text-decoration: none;
	font-weight: bold;
}

.menuBox img,.menuBox3 img,.menuPickBox img{
	padding-left: 10px;
	margin: 10px 0;
}

.menuBox3 p,.menuPickBox p{
	padding: 0 10px 0;
}
.menuBox p {
	padding: 0 13px;
}

/* ピックアップ（アイコン） */
#menuCateBox .pickupIcon{
	position:relative;
	width: 50px;
	height: 32px;
	margin:-38px 0 0 -1px;
	background: url(/themes/shop/images/pickupIcon.gif) no-repeat left top;
	text-indent: -9999px;
}



/* 注意書き囲みと新規お客様登録へ */
/* 注意書き囲み（全体） */
#attention {
	margin-bottom: 20px;
	border: solid 1px #ECE4D8;
}

/* 新規お客様登録へ（全体） */
#initiateBox{
	margin-top: 5px;
	_margin-top: -15px;
	border: solid 1px #FFCF45;
	zoom : 1;
}

/* 共通 */
#attention #warningIcon, #initiateBox #warningIcon{
	padding-right: 5px;
}

#attention h3, #initiateBox h3{
	margin: 0 0 25px 0;
	padding: 15px 0 5px 18px;
	background: url(/themes/shop/images/attentionSendLine.gif) no-repeat left bottom;
	font-size: 14px;
}

#initiateBox h3{
	margin: 0 0 13px 0;
	padding: 15px 0 5px 18px;
	background: url(/themes/shop/images/attentionSendLine.gif) no-repeat left bottom;
	font-size: 14px;
}

#attention p{
	width: 520px;
	padding: 0 0 20px 40px;
}

#initiateBox p{
	width: 520px;
	padding: 0 0 14px 40px;
}



#footer{
	clear: both;
	width: 840px;
	padding-top: 15px;
	background: #FFFFFF url(/themes/shop/images/footerLine.gif) no-repeat center top;
}

#footerShopAbout{
	height: 35px;
	margin:0 0 0 20px;
}

#footerShopAbout li{
	float: left;
	margin-right: 20px;
	padding-left: 15px;
	background: url(/themes/shop/images/markerYellow.gif) no-repeat left center;
}

#footerLogo{
	margin: 0 20px 10px;
}

#toTop{
	float:right;
	width: 129px;
	height: 26px;
	margin: -31px 20px 0 0;
	_margin: -31px 0 0 0;
	padding:5px 0 0 15px;
	background: url(/themes/shop/images/toTop.gif) no-repeat;
}

#toTop a{
	padding-left: 15px;
	background: url(/themes/shop/images/markerTop.gif) no-repeat left center;
	color:#FFFFFF;
}

#copyright{
	clear: both;
	padding-left: 20px;
	background: #FFCF45;
}


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

商品詳細

--------------- */
/* 商品のエントリー カラム */

#cartEntry{
	float: right;
	width: 220px;
	margin-left: 20px;
	_margin-left: 10px;
}

/* 商品のタグ */
#tagProduct{
	float:right;
	height: 18px;
	margin-bottom: 10px;
}

#tagProduct li{
	float: left;
	width: 80px;
	height: 18px;
	margin-left: 14px;
	text-indent: -9999px;
}

/* 新商品 */
#tagNewItem{	
	background: url(/themes/shop/images/entry/lableNewItem.gif) no-repeat;
}

/* オススメ */
#tagRecommend{
	background: url(/themes/shop/images/entry/lablePickup.gif) no-repeat;
}

/* のし紙対応 */
#tagNoshi{
	background: url(/themes/shop/images/entry/lableNoshi.gif) no-repeat;
}

/* 期間限定 */
#tagSelling{
	background: url(/themes/shop/images/entry/lableDeterminate.gif) no-repeat;
}

/* オンライン限定商品 */
#tagOnlineOnly{
	background: url(/themes/shop/images/entry/lableOnline.gif) no-repeat;
}

/* お店でも買えます */
#tagShopBuy{
	width: 74px;
	background: url(/themes/shop/images/entry/tagShopBuy.gif) no-repeat;
}

/* 商品のタイトル */
#productEntryTitle{
	margin-bottom: 5px;
	padding: 0 0 6px 38px;
	border-bottom: solid 1px #FFCF45;
	background: url(/themes/shop/images/entry/productEntryTitle.gif) no-repeat left top;
}


/* 商品エントリーのカートボックス */
#cartEntryBox{
	width: 220px;
	margin-bottom: 20px;
	background: url(/themes/shop/images/entry/productEntryCartCenter.gif) repeat-y left top;
}

#cartEntryBox table{
	width: 220px;
	background: url(/themes/shop/images/entry/productEntryCartHead.gif) no-repeat left top;	
}

#cartEntryBox table tr{
	background: url(/themes/shop/images/entry/productEntryCartLine.gif) no-repeat center bottom;
}

#cartEntryBox table tr th,#cartEntryBox table tr td{
	padding: 8px 0;
}

/* 価格 */
#cartEntryBox table tr #productEntryPrice{
	color: #990000;
	font-size: 18px;
}

/* カートに買い物 */
#cartEntryBox p{
	width: 220px;
	padding: 13px 0 16px;
	background: url(/themes/shop/images/entry/productEntryCartFoot.gif) no-repeat left bottom;
	text-align: center;
}

/* カート商品の詳細 */
#productEntryAbout{
	width: 220px;
	border-bottom: solid 1px #ECE4D8;
}

#productEntryAbout tr th{
	width: 75px;
	height: 37px;
	background: url(/themes/shop/images/entry/productEntryAboutBg.gif) no-repeat left top;
}

#productEntryAbout tr td{
	padding: 0 10px;
	border-top: solid 1px #ECE4D8;
	border-right: solid 1px #ECE4D8;
	background: url(/themes/shop/images/cart/orderBoxLine.gif) repeat-y left top;
	line-height: 1.2;
}

#cartBuyBtn{
	margin-top: 18px;
	text-align: center;
}


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

通常エントリー

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

#commonEntry {
	float: left;
	width: 580px;
}


#productEntry {
	line-height: 1.7;
}


/* タイトル */
.loginPageTitle{
	margin: 19px 0 32px;
	padding: 0 0 5px 38px;
	border-bottom: solid 1px #FFCF45;
	background: url(/themes/shop/images/loginTitle.gif) no-repeat left 2px;
	color: #38261F;
	font-size: 19px;
	font-weight: bold;
}

/* 商品エントリー（見出し３） */
#productEntry .entry h3,#commonEntry .entry h3{
	margin: 0 0 36px;
	padding: 6px 0 6px 20px;
	border-left: solid 5px #FFCF45;
}

/* 商品エントリー（見出し４） */
#productEntry .entry h4,#commonEntry .entry h4{
	margin: 0 0 14px 0;
	font-size: 14px;
	font-weight: bold;
}

/* 商品エントリー（見出し５） */
#productEntry .entry h5,#commonEntry .entry h5{
	margin: 0 0 15px 0;
	font-size: 12px;
	font-weight: bold;
}

/* 画像関連 */
#productEntry .entry img,#commonEntry .entry img{
	margin-bottom: 20px;
}

/* 画像関連(200pxの時) */
#commonEntry .entry .img200{
	margin-right: 25px;
}

/* 商品エントリー（文章） */
#productEntry .entry p,#commonEntry .entry p{
	margin: 0 0 25px 0;
	font-size: 12px;
	line-height: 1.7;
}

/* 商品エントリー（重要な文） */
#commonEntry .entry p.important{
	margin:0 0 20px;
	padding: 16px;
	background-color: #ECE4D8;
}

/* 商品エントリー（リスト） */
#productEntry .entry li,#commonEntry li{
	padding: 0 0 7px 20px;
	background: url(/themes/shop/images/entryList.gif) no-repeat left 3px;
}

/* 商品エントリー（テーブル） */
#productEntry .entry table,#commonEntry .entry table{
	width: 100%;
	margin: 18px 0 20px;
	padding: 0;
	border: 1px solid #BDB099;
	border-collapse: collapse;
	text-align: left;
}

#productEntry .entry th,#commonEntry .entry th{
	padding: 8px 10px 5px;
	background-color: #ECE4D8;
	border-bottom: 1px solid #BDB099;
	border-left: 1px dashed #BDB099;
}

#productEntry .entry td,#commonEntry .entry td{
	padding:8px 10px 5px;
	background-color:#FFFFFF;
	border-bottom:1px solid #BDB099;
	border-left:1px dashed #BDB099;
}

#productEntry .column-image-left{
	display:inline;
	float:left;
	margin-right:20px;
}

/* ---------------
フォーム
--------------- */

/* 入力エラー時の表示設定 */
label.validator-result-, label.validator-result-1 {
	display: none;
}
label.validator-result-error, label.validator-result-0 {
	display: block;
	color: red;
}
p.transaction-notice- {
	display: none;
}
p.transaction-notice-error {
	color: red;
}

/* ---------------
ログイン画面
--------------- */



/* お客様新規登録とパスワード再発行 */
#orderPatronBtn{
	float: right;
}

.loginInfoLink{
	margin-top: 10px;
}

#shopLogOutBtn{
	margin-top: 7px;
}

/* パスワード作成・保存 */
#passActionBtn{
	float:left;
}

/* パスワード再発行の戻るボタン */
#passBackBtn{
	float:left;
	margin-left: 20px;
}


.star {
	margin-right:8px;
}

.orderError{
	color:#990000;
}

#searchKeyword{
	margin-left: 20px;
	font-size: 14px;
}


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


ページ関連


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

/* ページ番号*/
#main .PageLink,
#mainList .PageLink{
	float: left;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
}

#main .PageLink span a,
#mainList .PageLink span a {
	text-decoration: underline;	
}

#main .PageLink span,
#mainList .PageLink span{
	padding-right: 12px;
	color: #c1b59f;
}


/* ページ送り全体 */
#main .entryListNavi,
#mainList .entryListNavi{
	float:right;
	width:164px;
}

/* 前のページへ */
#main .entryListNavi .backPageLink,
#mainList .entryListNavi .backPageLink{
	float:left;
	width:60px;
	padding-left: 15px;
	background: url(/themes/chantilly/images/backPageLink.gif) no-repeat left 6px;
	text-align: left;
}

/* 次のページへ */
#main .entryListNavi .forwardPageLink,
#mainList .entryListNavi .forwardPageLink{
	float:right;
	width:60px;
	padding-right: 15px;
	background: url(/themes/chantilly/images/forwardPageLink.gif) no-repeat right 6px;
	text-align:right;
}