/* ------------------------------------------------
	=Common Style
	=header
	=contents
	=main
	=sub
	=footer
------------------------------------------------ */

/* Common Style
============================================================== */
body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,p,blockquote,table,th,td,
pre,code,form,fieldset,legend {margin: 0; padding: 0; font-size: 100%;}

ul,ol {list-style: none;}
img {border: 0; vertical-align: bottom;}
address,caption,em,strong,optgroup {font-style: normal;}

table {border-collapse: collapse; border-spacing: 0; border: none;}
th,td {border: none; font-weight: normal; text-align: left; vertical-align: top;}

textarea {resize: vertical;}
input,textarea,select {font-family: inherit; font-size: inherit;}

html {height: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}

/*body {font: 13px/1 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; letter-spacing: 0;}*/
body {
	background: #fff url(https://img08.shop-pro.jp/PA01199/626/etc/bg.png?20130120014511) repeat-x 0 0;
	color: #000;
	font: 13px/1 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	letter-spacing: 0;
	min-width: 952px;
}

#page{
	width: 952px;
	margin: 0 auto;
	position: relative;
/*	font-size: 108%;*/
}

/* テキスト・その他
------------------------------------------------ */
a{color: #5A3110; text-decoration: underline;}
a:hover, a:focus, a:active{text-decoration: none;}

a:hover img, a:focus img{opacity:0.8; filter: alpha(opacity=80);}

.rollover a{display: block;}
.rollover a:hover, .rollover a:focus{background: transparent;}
.rollover a:hover img, .rollover a:focus img{visibility: hidden;}

.ct_l{float: left;}
.ct_r{float: right;}

.left{text-align: left;}
.right{text-align: right;}
.center{text-align: center;}

.small{font-size: 93%;}
.small2{font-size: 86%;}
.letter1{letter-spacing: 1em;}
.red{color: #f00000;}

strong{color: #191919;}


/* =header
============================================================== */
#header{
	position: relative;
	width: 950px;
	height: 111px;
	margin: 0 1px 21px 1px;
}
#header h1{
	position: absolute;
	left: 0;
	top: 0;
}
#hCatch{
	position: absolute;
	left: 290px;
	top: 37px;
}

/* ヘッダーナビ（マイアカウント） */
#hNav p{
	position: absolute;
	right: 338px;
	top: 8px;
	width: auto;
	text-align: right;
	color: #5A3110;
	font-size: 86%;
	white-space: nowrap;
}
#hNav ul{
	position: absolute;
	/* hNavボタンが3つ揃っている場合
	right: 2px;
	top: 8px;
	*/
	
	/* hNavボタンがマイアカウント1つだけの場合 */
	right: 150px;
	top: 29px;

	overflow: hidden;
}
#hNav li{
  display: inline;
  font-size: 11px;
  line-height: 1;
}
#hNav li a{
	display: block;
	float: left;
	margin-left: 5px;
	padding: 6px 15px;
	border: 1px solid #666;
	border-radius: 4px;
	text-align: center;
	text-decoration: none;
}
#hNav li.login a, #hNav li.logout a{
}
#hNav li a:hover{
    filter: alpha(opacity=70);
    opacity: 0.7;
}

/* ヘッダーナビ（ログイン・新規登録・マイページ）
#hNav p{
	position: absolute;
	right: 338px;
	top: 8px;
	width: auto;
	text-align: right;
	color: #5A3110;
	font-size: 86%;
	white-space: nowrap;
}
#hNav ul{
	position: absolute;
	right: 1px;
	top: 0;
	width: 326px;
	height: 28px;
	background: url(https://img08.shop-pro.jp/PA01199/626/etc/hNav.png?20130125235756) no-repeat 0 0;*
	overflow: hidden;
}
#hNav li{
	float: left;
	width: 115px;
	height: 28px;
	padding-left: 1px;
	text-indent: -9999px;
}
#hNav li.login, #hNav li.logout{width: 92px;}
#hNav li a{
	display: block;
	width: 115px;
	height: 28px;
}
#hNav li.login a, #hNav li.logout a{width: 92px;}
#hNav li.logout {
	background: url(https://img08.shop-pro.jp/PA01199/626/etc/hNav_on.png?202502213451) no-repeat 0 0;
}
*/

/* 検索、カート */
#hSearch{
	position: absolute;
/*	left: 570px;*/
	right: 155px;
	top: 42px;
}
#hSearch select{
	width: 150px;
	visibility: hidden;
}
#hSearch input{
	margin-right: 3px;
	vertical-align: middle;
}
#hSearch input.text{
	width: 176px;
	height: 18px;
	padding: 0 2px;
}
#hCart{
	position: absolute;
	right: 1px;
	/*top: 39px;*/

	/* hNavボタンがマイアカウント1つだけの場合 */
	top: 29px;
}

/* グローバルナビ */
#gNav{
	position: absolute;
	left: 0;
	top: 77px;
	width: 950px;
	height: 34px;
	overflow: hidden;
}
#gNav li{
	float: left;
	padding: 0 0 0 1px;
	height: 34px;
	text-indent: -9999px;
}
#gNav li.top{width: 188px; padding: 0;}
#gNav li.guide, #gNav li.chocolate{width: 189px;}
#gNav li.doctors, #gNav li.contact{width: 190px;}

#gNav li a{
	display: block;
	height: 34px;
	background-image: url(https://img08.shop-pro.jp/PA01199/626/etc/gNav.gif?20130120014231); background-repeat: no-repeat;
}
#gNav li.top a{background-position: 0 0;}
#gNav li.guide a{background-position: -189px 0;}
#gNav li.chocolate a{background-position: -379px 0;}
#gNav li.doctors a{background-position: -569px 0;}
#gNav li.contact a{background-position: -760px 0;}

#gNav li a:hover{
	background-image: url(https://img08.shop-pro.jp/PA01199/626/etc/gNav.gif?20130120014534); background-repeat: no-repeat;
}
#gNav li.top a:hover{background-position: 0 -34px;}
#gNav li.guide a:hover{background-position: -189px -34px;}
#gNav li.chocolate a:hover{background-position: -379px -34px;}
#gNav li.doctors a:hover{background-position: -569px -34px;}
#gNav li.contact a:hover{background-position: -760px -34px;}

/* =contents
============================================================== */
#contents{
	position: relative;
	width: 952px;
	overflow: hidden;
}
#main{
	float: right;
	width: 724px;
	padding: 0 1px 30px 0;
	overflow: hidden;
	min-height: 500px;
}
#sub{
	float: left;
	width: 195px;
	padding: 0 0 30px 1px;
}

#pageTop{
	clear: both;
	text-align: right;
	margin: 0 1px 0 0;
}

/* =main
============================================================== */

/* パンくずナビ */
.topickpath{
	padding: .15em 10px 1.2em 10px;
	line-height: 1.28;
}
.topickpath li{
	display: inline;
}
.topickpath span{
	padding: 0 .5em 0 0;
}

/* 商品一覧
------------------------------------------------ */
.itemList{
	width: 699px;
	padding: 15px 0 0;
	overflow: hidden;
}
.itemList div{
	float: left;
	width: 212px;
	padding: 0 0 30px 21px;
	text-align: center;
}
.itemList div a.itemPhoto{
	width: 210px;
	height: 210px;
	display: block;
	vertical-align: middle;
	border: 1px solid #ccc;
}
.itemList div a.itemPhoto img{
	max-width: 210px;
	max-height: 210px;
}
.itemList div em.i_sold{
	display: block;
	margin: 4px 0 0 0;
}
.itemList div p{
	text-align: center;
	font-size: 93%;
	line-height: 1.4;
}
.itemList div p.itemName{
	margin: 7px 0 .75em 0;
}

/* 販売価格 */
.itemList div .price{
	color: #e6337f;
	font-weight: bold;
}
/* 定価 */
.itemList div span.regular{
	color: #e6337f;
}
/* 会員価格（割引率） */

/* 簡易説明 */
.itemList div p.expl{
	margin: .15em 0 0 0;
	font-size: 86%;
	line-height: 1.25;
}

/* 付加画像 */
img.new_mark_img1{
	vertical-align: middle;
	margin-right: 3px !important;
}


/* 最近チェックした商品
------------------------------------------------ */
.checkedList{
	width: 724px;
	padding: 70px 0 35px 0;
	overflow: hidden;
}
.checkedList h2{
	margin: 0 0 15px 0;
	padding: 0 0 2px 0;
	border-bottom: 2px solid #412a17;
}
.checkitem_list{
	width: 99px;
	float: left;
	padding: 0 0 1em 18px;
}
.checkitem{
	text-align: center;
}
.checkitem .img{
	margin: 0 0 3px 0;
}
.checkitem .img a{
	width: 97px;
	height: 97px;
	display: block;
	border: 1px solid #ddd;
}
.checkitem .img a img{
	max-width: 97px;
	max-height: 97px;
}
.checkitem p.itemName{
	font-size: 86%;
	line-height: 1.28;
}
.checkitem em.sold{
	display: block;
	padding: 2px 0;
	background: #0292e6;
	color: #fff;
	font-weight: bold;
	font-size: 75%;
	text-align: center;
}

/* 支払い・配送方法
------------------------------------------------ */
#shop_info{
	clear: both;
	line-height: 1.35;
}
#shop_info th, #shop_info td{
	vertical-align: top;
	border: 1px solid #ccc;
}
#shop_info td td{
	padding: 10px;
	border: 0;
}

#shop_info .info_head{
	margin-bottom: 10px;
	background: #e7e7e7;
	line-height: 33px;
	min-height: 33px;
	font-weight: bold;
}
#shop_info_pay .info_head{
	padding: 0 0 0 .5em;
}
#shop_info_deli .info_head img{
	vertical-align: middle;
}

#shop_info .info_body{
	margin-bottom: 10px;
}
#shop_info .info_body img{
	padding: 3px 0;
}

#shop_info .info_body dl{
	margin: 1em 0 0 0;
}
#shop_info .info_body dt{
	margin: 0 0 .25em 0;
	padding: .2em .5em;
	font-weight: bold;
	color: #331111;
	background: #faecf4;
}
#shop_info .info_body dd{
	margin: 0 0 1.25em 0;
}

/* フリーページ　お知らせ
------------------------------------------------ */
.page_topics{
	padding: 0 45px 50px 15px;
}
.page_topics h2{
	margin: 1.5em 0 1.75em;
	padding: 0 0 .15em .25em;
	border-bottom: 2px solid #412a17;
	color: #5A3110;
	font-weight: bold;
	font-size: 18px;
	line-height: 1.4;
}
.page_topics p{
	padding-left: .5em;
	line-height: 1.6;
}


/* =sub
============================================================== */

/* 商品カテゴリ */
.side_cate{
	margin: 0 0 12px 0;
}
.side_cate ul{
	margin: 1px 0 0 0;
	padding: 0;
	border: 1px solid #724e2e;
}
.side_cate li{
  font-size: 86%;
	padding: 1px 0 0 0;
	background: url(https://img08.shop-pro.jp/PA01199/626/etc/line_dot_side.gif?20130120014605) no-repeat 0 0;
}
.side_cate li:first-child{
	background: none;
}
.side_cate li ul{
	padding: .25em 0 .75em 0;
	border: 0;
	background: url(https://img08.shop-pro.jp/PA01199/626/etc/line_dot_side.gif?20130120014605) no-repeat 0 0;
}
.side_cate li li{
	background: none;
	line-height: 1.28;
}
.side_cate li li a{
	display: block;
	padding: .3em 5px .3em 21px;
}


/* キャンペーンバナー */
.side_camp{
	margin: 0 0 14px 0;
}

/* マザーレンカについて */
.side_about{
	margin: 0 0 14px 0;
}
.side_about p{
	margin: 1px 0 0 0;
	padding: 83px 12px 10px 12px;
	border: 1px solid #724e2e;
	background: #000 url(https://img08.shop-pro.jp/PA01199/626/etc/side_about_bg.jpg?20130120014715) no-repeat 0 0;
	color: #fff;
	font-size: 93%;
	line-height: 1.6;
	text-align: justify;
}

/* ランキング */
.side_ranking{
	margin: 0 0 15px 0;
}
.side_ranking ul{
	border-right: 1px solid #e26d93;
	border-bottom: 1px solid #e26d93;
	border-left: 1px solid #e26d93;
}
.side_ranking li{
	clear: both;
	width: 177px;
	padding: 8px 8px 7px 8px;
	background: url(https://img08.shop-pro.jp/PA01199/626/etc/line_dot_side.gif?20130120014728) no-repeat 0 0;
	overflow: hidden;
}
.side_ranking li:first-child{
	background: none;
}
.side_ranking li span.num{
	display: block;
	width: 63px;
	min-height: 12px;
	margin: 0 0 2px 0;
	padding: 1px 0 0 0;
	background: url(https://img08.shop-pro.jp/PA01199/626/etc/side_ranking_no.gif?20130120014748) no-repeat 0 0;
	color: #fff;
	text-align: center;
	font-size: 11px;
	line-height: 12px;
	font-weight: bold;
}
.side_ranking li img.photo{
	float: left;
	width: 61px;
	height: 61px;
	border: 1px solid #8d6261;
}
.side_ranking li p{
/*	margin: -7px 0 0 70px;
	font-size: 86%;*/
	margin: -1px 0 0 70px;
	font-size: 93%;
	line-height: 1.28;
}

/* バナーリスト */
.bnrList{
	margin: 0 0 15px 0;
}
.bnrList li{
	margin: 0 0 12px 0;
	text-align: center;
	font-size: 93%;
}
.bnrList li img{
	margin-bottom: 5px;
}

/* メルマガ登録・解除 */
.mailMaga a{
	display: block;
	margin: 2em auto 1em;
	padding: 1.35em 0;
	border: 1px solid #666;
	border-radius: 4px;
	text-align: center;
	text-decoration: none;
}

/* モバイル */
.qrcode{
	text-align: center;
}
.qrcode img{
	margin: 0 auto;
}

/* ツイッター */


/* =footer
============================================================== */
#footer{
	position: relative;
	clear: both;
	margin: 0 1px;
	padding: .65em 0 50px 0;
	border-top: 3px solid #412a17;
	font-size: 93%;
	line-height: 1.2;
	text-align: center;
}

#fNav{
	padding: 0 0 1.25em 0;
}
#fNav li{
	display: inline;
}
#fNav li a{
	padding: 0 .4em 0 .8em;
	border-left: 1px solid #000;
	text-decoration: none;
	color: #000;
}
#fNav li:first-child a{
	padding: 0 .5em 0 0;
	border-left: none;
}

#footer .copyright a{
	color: #000;
	text-decoration: none;
}