@charset "utf-8";

/*shop common*/
body {
	font-size:12px;
	line-height:1.6;
	color:#555;
}
.attention {
	color:#bb0000;
}
.shop_subup{
	text-align:right;
	margin:10px 0 30px 0;
}

/*layout for onlineshop --------------------------------------------------------------*/
#shop_wrapper {
	width:922px;
	margin:0 auto;
	position:relative;
}
#shop_wrapper h1{
	position:absolute;
	top:10px;
	left:380px;
	margin:0;
}
#shop_wrapper h2{
	position:absolute;
	top:45px;
	left:25px;
	z-index:100;
}
/*main*/
#shop_main {
	position:absolute;
	top:70px;
	background:url(../img/wrapbg.gif) 10px top repeat-y;
}
#shop_main #head_line {
	background:url(img/shop_head_line.gif) 10px top no-repeat;
	height:11px;
	width:922px;
}
#shop_main #header {
	width:676px;
	margin:8px 0 0 222px;
	font-size:14px;
}
#shop_main #header #cart{
	float:right;
}
#shop_main #header #titleimg{
	margin-top:8px;
}
#shop_main #main_right {
	width:700px;
	float:right;
	margin:8px 0 0 0;
}
#shop_main #main_right .shadow {
	background:url(img/shadow_right.gif) right top no-repeat;
	height:5px;
}
#shop_main #main_right .shop_bar {
	background:#bfac73 url(img/bar_bg.gif) left top repeat-y;
	border:1px #a69257 solid;
	padding:2px 0 2px 5px;
	color:#fff;
	font-size:12px;
}
#shop_main #main_right .shop_inner{
	width:676px;
}
#shop_main #main_left {
	width:206px;
	float:left;
}
#shop_main #main_left .shadow{
	background:url(img/shadow_left.gif) left top no-repeat;
	height:8px;
}
#shop_main #main_left #shop_navi{
	background:#e9cfb6 url(img/navi_bg.gif) left top repeat-y;
	border:1px #b18a63 solid;
	padding-top:80px;
}

/*shop navigation --------------------------------------------------------------*/
#shop_main #main_left #shop_navi .campaign {
	margin:0 0 10px 10px;
}
#shop_main #main_left #shop_navi .dotline {
	border-top:1px #b18a63 dashed;
	margin-bottom:10px;
}

#shop_main #main_left #shop_navi .navi_box {
	font-size:12px;
	margin:0 5px 10px 8px;
}
#shop_main #main_left #shop_navi .navi_box span {
	color:#7d4f27;
}
#shop_main #main_left #shop_navi .navi_box ol {
	margin:5px 0 0 20px;
	padding:0;
}
#shop_main #main_left #shop_navi .navi_box li {
	list-style: decimal outside;
	margin:0;
	padding:0;
	line-height:1.5;
}

#shop_main #main_left #shop_navi .navi_box .category_left{
	margin:5px 0 0 0;
}
#shop_main #main_left #shop_navi .navi_box .category_right{
	margin:5px 0 0 5px;
}
#shop_main #main_left #shop_navi .navi_box .navi_link {
	background:url(img/navi_btnbg.gif) left center no-repeat;
	padding-left:15px;
	line-height:1.8;
}
#shop_main #main_left #shop_navi .about {
	background:url(img/navi_img.jpg) left bottom no-repeat;
}
#shop_main #main_left #shop_navi .about .inner{
	font-size:10px;
	padding:5px 10px 15px 10px;
	line-height:1.6;
}

/*footer--------------------------------------------------------------*/
#shop_footer {
	width:900px;
	margin:30px 0 0 14px;
}
#shop_footer #footer_right {
	float:right;
	margin-right:16px;
	margin-bottom:8px;
}
#shop_footer #footer_left {
	margin-left:16px;
	margin-bottom:8px;
}
#shop_footer #footer_brown {
	height:90px;
	background:#532e00 url(img/foot_bg.gif) right top no-repeat;
}
#shop_footer #footer_brown ul {
	margin:0;
	padding:25px 0 0 20px;
}
#shop_footer #footer_brown ul li {
	line-height:0;
	margin-bottom:12px;
}
#footer_bottom {
	width:912px;
	margin-left:10px;
	background:url(img/foot_bg2.gif) left top repeat-x;
}
#footer_bottom #copyright {
	float:right;
}

/*shop toppage--------------------------------------------------------------*/
#shop_main #main_right .top_image {
	margin-bottom:15px;
}
#shop_main #main_right table#top_category {
	margin:8px 0 8px 0;
	font-size:11px;
	line-height:1.5;
}
#shop_main #main_right table#top_category .top_btn {
	margin:4px 0 4px 0;
}
#shop_main #main_right table#top_category .midcell{
	padding:0 14px 0 14px;
}
#shop_main #main_right table#top_category .bottomcell{
	padding-top:8px;
}

/*category pages*/
#shop_main #main_right .category_title{
	font-size:12px;
	line-height:1.5;
	color:#7d4f27;
	margin-bottom:15px;
	height:180px;
}
#shop_main #main_right .sp_title{
	font-size:12px;
	line-height:1.5;
	color:#7d4f27;
	margin-bottom:15px;
	height:230px;
}

#shop_main #main_right .cate1 {background:url(img/caramel_img.jpg) right top no-repeat;}
#shop_main #main_right .cate2 {background:url(img/chocolat_img.jpg) right top no-repeat;}
#shop_main #main_right .cate3 {background:url(img/gateau_img.jpg) right top no-repeat;}
#shop_main #main_right .cate4 {background:url(img/glace_img.jpg) right top no-repeat;}
#shop_main #main_right .cate5 {background:url(img/demi_img.jpg) right top no-repeat;}
#shop_main #main_right .cate5sp {background:url(img/gift_imgsp.jpg) right top no-repeat;}
#shop_main #main_right .cate6 {background:url(img/goods_img.jpg) right top no-repeat;}

#shop_main #main_right .catesp {background:url(img/sp_title.jpg) right top no-repeat;}
#shop_main #main_right .catesp p {padding:60px 0 0 20px; color:#333;}

#shop_main #main_right .page_link {
	background:#faf8f3;
	border:1px #ece8e5 solid;
	text-align:center;
	padding:5px;
	margin-bottom:15px;
}

/*sub category*/
#shop_main #main_right .sub_category {
	margin:10px 0 0 0;

}
#shop_main #main_right .sub_category span{
	color:#532e00;
	font-size:18px;
}
#shop_main #main_right .sub_category img{
	margin:0 0 5px 5px;
}
#shop_main #main_right .item_right {
	float:right;
	width:250px;
	padding-top:10px;
}

/*show images*/ 
#shop_main #main_right .item_right .item_image {
	/*margin-bottom:20px;*/
}
#shop_main #main_right .item_right .item_image .big img{
	border:1px #d9d2cc solid;
}
#shop_main #main_right .item_right .item_image .small {
	margin:2px 0 0 0;
}
#shop_main #main_right .item_right .item_image .small img{
	border:1px #d9d2cc solid;
	margin-right:2px;
}
#shop_main #main_right .item_right .item_image .small a:focus {
	outline:none;
}
#shop_main #main_right .item_right .item_image .small p{
	font-size:10px;
	text-align:right;
	padding-top:2px;
}

/*item footer*/
#shop_main #main_right .item_right .item_footer{
	margin-top:20px;
}
#shop_main #main_right .item_right .item_footer img{
	margin-bottom:4px;
}

/*item detail*/
#shop_main #main_right .item_block {
	float:left;
	width:414px;
	border:1px #d9d2cc solid;
	margin-top:10px;
}
#shop_main #main_right .item_block .product {
	background:#d9d2cc;
	padding:5px 0 5px 8px;
}
#shop_main #main_right .item_block .season {
	background:#d9d2cc url(img/season.gif) right top no-repeat;
}
#shop_main #main_right .item_block .limited {
	background:#d9d2cc url(img/limited.gif) right top no-repeat;
}
#shop_main #main_right .item_block .xmas {
	background:#d9d2cc url(img/xmas.gif) right top no-repeat;
}
#shop_main #main_right .item_block .lead {
	padding:10px 8px 5px 8px;
	font-size:11px;
}
#shop_main #main_right .item_block .lead span{
	font-size:10px;
}
#shop_main #main_right .item_block .lead span.price{
	font-size:14px;
	font-weight:bold;
}
#shop_main #main_right .item_block .lead img.takeit {
	margin:5px 0 15px 8px;
}

#shop_main #main_right .item_block .lead p.naiyo {
	/*font-size:11px;*/
	color:#532e00;
	margin-top:5px;
	border-top:1px #d9d2cc dotted;
	padding-top:5px;
}


#shop_main #main_right .item_block .lead dl {
	margin:0;
}
#shop_main #main_right .item_block .lead dt {
	text-align:right;
}
#shop_main #main_right .item_block .lead dd {
	margin:8px 0 0 0;
	font-size:10px;
}

#shop_main #main_right .item_block .date {
	background:url(img/title_date.gif) left center no-repeat;
	padding:3px 0 3px 68px;
}
#shop_main #main_right .item_block .spec {
	background:url(img/title_spec.gif) left 3px no-repeat;
	padding:3px 0 3px 68px;
}
#shop_main #main_right .item_block .spec2 {
	background:url(img/title_spec2.gif) left center no-repeat;
	padding:3px 0 3px 43px;
}
#shop_main #main_right .item_block .ing {
	background:url(img/title_ing.gif) left 3px no-repeat;
	padding-left:64px;
}
#shop_main #main_right .item_block .ing img{
	vertical-align: middle;
	margin:0 2px 2px 4px;
}
#shop_main #main_right .item_block .ing span {
	font-size:10px;
	margin:0 8px 8px 8px;
}





#shop_main #main_right .item_block .lead p.square {
	font-weight:bold;
	color:#532e00;
}

#shop_main #main_right .item_block .lead .out { /*out of order*/
	font-weight:bold;
	border:1px #d9d2cc dotted;
	margin:8px 0 8px 0;
	padding:5px;
}


/*category page common*/
#shop_main #main_right .shop_recommend {
	background:#faf8f3 url(img/recommend.gif) 10px 5px no-repeat;
	border:1px #ece8e5 solid;
	padding:12px 10px 10px 125px;
	margin-bottom:20px;
}
#shop_main #main_right .prod_chu {
	margin-top:10px;
	font-size:11px;
}
/*(share with guide)*/
table.guide_bag {
	width:350px;
	float:right;
	margin-top:30px;
}
table.guide_bag td{
	padding:0 0 20px 20px;
}
table.guide_bag img{
	margin:0 0 10px 0;
}

/*gift only*/
p.gift_sp {
	padding-top:3px;
	background:url(img/gift_sp.gif) left top no-repeat;
}




/*faq --------------------------------------------------------------*/
ul.faq_q {
	list-style-type: none;
	margin:10px 0 10px 10px;
	padding:0;
}
ul.faq_q span{
	font-size:14px;
	color:#532e00;
}
dl.faq_a {
	margin:10px 0 10px 10px;
}
dl.faq_a dt{
	font-weight:bold;
}
dl.faq_a dd{
	margin-left:43px;
}
/*dl.faq_a span{
	font-size:14px;
	color:#532e00;
	font-weight:normal;
}*/

/*guide*/
ul.guide {
	list-style: inside url(img/guide_link.gif);
	margin:10px 0 10px 10px;
	padding:0;
}
.guide_outer {
	margin:10px 0 10px 10px;
	padding:0;
}
.guide_outer li{
	margin:15px 0 0 0;
}
.guide_outer li.subhead{
	font-weight:bold;
}
ul.guide_inner {
	margin:8px 0 8px 0;
	padding:0 0 0 20px;
	line-height:1.5;
}
ul.guide_inner li{
	font-weight:normal;
	margin:0 0 8px 0;
}
table.guide_table {
	margin:10px 0 0 0;
	border-top:1px #ccc dotted;
	font-weight:normal;
}
table.guide_table td{
	padding:5px 8px 5px 8px;
	border-bottom:1px #ccc dotted;
}

/*faq + guide*/
.shop_contact {
	text-align:center;
	width:370px;
	border:1px #532e00 solid;
	padding:10px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.shop_contact img{
	margin-bottom:5px;
}

/*smallwin--------------------------------------------------------------*/
#smallwin {
	margin:10px 0 10px 10px;
}
#smallwin .maincell {
	padding:0 27px 0 22px;
	font-size:12px;
	line-height:1.4;
	background:#fff url(img/smallwin2.gif);
}
#smallwin .logo {
	text-align:right;
	border-bottom:1px #532e00 dotted;
	padding-bottom:5px;
	margin-bottom:10px;
}
#smallwin .close {
	border-top:1px #532e00 dotted;
	padding-top:10px;
	text-align:center;
	margin:10px 0 10px 0;
}
table.nut {
	margin:10px 0 0 0;
}
table.nut td{
	padding:5px 8px 5px 8px;
	border-bottom:1px #ccc dotted;
}
table.nut .topcell{
	border-bottom:1px #ccc solid;
}
table.nut .prodcell{
	font-weight:bold;
}

