@media screen and (max-width:640px){
img{
    max-width: 100% !important;
    height: auto !important;
    width /***/:auto !important;�@
}



/* Reset ------------------------------------------------------------------ */

:link,:visited {
    text-decoration: none;
}

html,body,div,
ul,ol,li,dl,dt,dd,
form,fieldset,input,textarea,
h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,hr,
th,td {
    margin: 0;
    padding: 0;
}

h1,h2,h3,h4,h5,h6 {
    font-size: 100%;
    font-weight: normal;
}

table {
    border-spacing: 0;
}

fieldset,img,abbr,acronym {
    border: 0;
} 

/* strict reset by uncommenting lines below */
address,caption,cite,code,dfn,em,strong,b,u,s,i,th,var {
    /* font-style: normal; */
    /* font-weight: normal; */
}

ol,ul {
    list-style: none;
}
caption,th {
    text-align: left;
}
q:before,q:after {
    content: '';
}
a {
    text-decoration: none;
    outline: none;
}
hr {
    border: 0;
    height: 1px;
    background-color: #000;
    color: #000;
}
a img,:link img,:visited img {
    border: none;
}
address {
    font-style: normal;
    display: inline;
}


/* Default ---------------------------------------------------------------- */

/* Global */

body {
	font-family: trebuchet ms, hirakakupro-w3, osaka, "Helvetica", "Arial", "�q���M�m�p�S Pro W3", "�l�r �o�S�V�b�N", "ms pgothic", sans-serif;
	font-size:12px;
	letter-spacing:0.05em;
	color: #666;
	background-position: center 100px !important;
	background-size:180% !important;
	background-repeat:no-repeat !important;
	}


a {
    color: #111;
}

a:hover {
	color: #AB0404;
    text-decoration: none;
}

.left {
	float:left;
}

.right {
	float:right;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE Mac */
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End Hack */

.pc {
	display:none !important;
}






/* Navigator ----------------------------------------------------------------- */


body.default_layout #nav {
	min-height:230px;
	overflow:hidden;
}

#nav_left {
	text-align:center;
	border-bottom:solid 1px #CCC;
	background:#e6d3b5;
	padding:10px;
}


#smp_menu {
	font-size:120%;
	color:#CCC;
	cursor:pointer;
	text-align:center;
	padding:5px;
	border-bottom:1px solid #CCC;
	background: #000;
}

#smp_menu:hover {
	background: #666;
}

#nav_right {
	font-size:120%;
	text-align:center;
	border-top:solid 1px #666;
	background:#FFF;
}

#nav_right img {
	display:none;
}


#nav_right {
	width:100%;
	margin:0 auto;
}

#nav_right ul li.nav_common {
	text-align:center;
}

#nav_right ul li.nav_common a {
	display:block;
	padding:7px;
	border-bottom:solid 1px #666;
}

#nav_right ul li.nav_common a:hover {
	background:#CCC;
}



/* Footer ----------------------------------------------------------------- */

#footer {
	border-top:solid 1px #999;
	text-align:center;
	width:100%;
}

#footer .footer_list_spacer {
	display:none;
	
}

#footer .footer_credit {
	display:block;
	text-align:center;
	padding:10px;
	border-bottom:solid 1px #999;
	background:#000;
	color:#CCC;
}

#footer .footer_list a {
	border-bottom:solid 1px #999;
	display:block;
	text-align:center;
	padding:10px;
	background:#FFF;
}



/* page top button ----------------------------------------------------------------- */


#page_top_btn {
	position: fixed;
	bottom: 40px;
	right: 30px;
	font-size: 80%;
}
#page_top_btn a {
	color:#FFF;
	display:block;
	text-align:center;
	padding:5px 10px;
	background: #000;
	border:solid 1px #FFF;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius: 3px;
}

#page_top_btn a:hover {
	background: #CCC;
}



/* index_page----------------------------------------------------------------- */

body.index_layout {
	overflow:hidden;
	background:url(/images/index/index_img_01.jpg) no-repeat top center;
}
	
.index_layout #index_wrapper {
	margin:auto;
}


.index_layout #index_window {
	display:none;
}


.index_layout #headline_header {
	padding:10px 20px;
	border-bottom:solid 5px #CCC;
}



.index_layout #index_right_set {
	text-align:center;
}



.index_layout #headline_set {
	width:90%;
	margin:60px auto 20px auto;
	border:solid #999 1px;
	border-radius:10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background:#FFF;
}


.index_layout .headline_content{
	padding:10px 15px 15px 15px;
	overflow:auto;
	clear:both;
}

.index_layout #headline_set dt {
	margin-left:5px;
	color:#777;
}

.index_layout #headline_set dd {
	margin-bottom:6px;
	border-bottom:dotted #999 1px;
}

.index_layout #headline_set dd a {
	line-height:130%;
	display:block;
	color:#333;
	padding:5px 5px 8px 5px;
}

.index_layout #headline_set dd a:hover{
	background:url(/common/img/common/slash_pict_999999.gif);
	color:#111;
}
	


/* default_page----------------------------------------------------------------- */


body.default_layout {
	max-height:100%;
	background:#FCF9E7 /* url(/common/img/common/slash_pict_CCCCCC.gif) #F0F4D9 #E5D2B5 - #E6D3B6(NAV) */ ;
}


/* Container ----------------------------------------------------------------- */


body.default_layout #container {
	background:#FCF9E7;
	background-position: center 100px !important;
	background-size:140% !important;
}

body#news_page #container {
	background:url(/images/pages/container_bg/ctn_bg_001.jpg) top center repeat-x;
}

body.category-shop #container {
	background:url(/images/pages/container_bg/ctn_bg_002.jpg) top center repeat-x;
}

body.category-wholesale #container {
	background:url(/images/pages/container_bg/ctn_bg_009.jpg) top center repeat-x;
}

body.category-products #container {
	background:url(/images/pages/container_bg/ctn_bg_005.jpg) top center repeat-x;
}

body.category-contact #container {
	background:url(/images/pages/container_bg/ctn_bg_004.jpg) top center repeat-x;
}

body.category-privacy #container {
	background:url(/images/pages/container_bg/ctn_bg_004.jpg) top center repeat-x;
}

body.category-about #container {
	background:url(/images/pages/container_bg/ctn_bg_006.jpg) top center repeat-x;
}

body#blog_page #container {
	background:url(/images/pages/container_bg/ctn_bg_010.jpg) top center repeat-x;
}


/* layout ----------------------------------------------------------------- */

body.default_layout #left-column {
	width:95%;
	margin:auto;
}

body.default_layout #right-column {
	width:95%;
	margin:40px auto 10px auto;
}



/* content ----------------------------------------------------------------- */

#content.default_layout {
	margin:20px auto 0;
	padding:10px;
	min-height:400px;
	background: url(/common/img/common/white_square_1_90.png) repeat;
	/*border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;*/
}

.page_header {
	margin:10px 0 20px;
}

.page_header img {
	float:left;
	margin:0;
	padding:0;
}

body.default_layout .main_content {
	padding:20px;
	border:solid 6px #CECECE;
}

#content.default_layout h1, #content.default_layout h6 {
	font-size:140%;
	line-height:160%;
	color:#8F711D;
	margin-bottom:15px;
}

#content.default_layout h2 {
	font-size:120%;
	line-height:160%;
	color:#333;
	margin-bottom:10px;
}

#content.default_layout h3 {
	font-size:120%;
	line-height:160%;
	color:#60440D;
	margin-bottom:10px;
}

#content.default_layout h4 {
	font-size:110%;
	line-height:160%;
	color: #581E1F;
	margin-bottom:5px;
}

#content.default_layout h5 {
	font-size:110%;
	line-height:160%;
	color:#60440D;
	margin-bottom:5px;
}

#content.default_layout p {
	line-height:160%;
	margin-bottom:10px;
}

#content.default_layout p.p_bottom {
	margin-bottom:30px !important;
}

#content.default_layout p a {
	margin:0 3px;
}

#main_content {
	max-height:100%;
}


/* news_page----------------------------------------------------------------- */


#news_page .entry-container {
	margin-bottom:35px;
	padding:30px;
	border:solid 6px #CECECE;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius: 4px;
}


#news_page h1#page-title {
	font-size:135%;
	line-height:140%;
	color:#333 !important;
}

#news_page h3.entry-title {
	font-size:125%;
	line-height:150%;
	padding-bottom:6px;
	border-bottom:solid 1px #888;
}


#news_page .date-header, #news_page .archive-date-header {
	border-top: dotted 1px #888;
	border-bottom: dotted 1px #888;
	padding:4px 0;
}

#news_page .date-header {
	margin:7px 0;
}

#news_page .entry-body {
	padding:10px 0;
	line-height:150%;
}


#news_page .archive-date-header {
	text-align:center;
	margin:20px 0 7px;
}


#news_page .archive-content {
	margin-top:7px;
	font-size:110%;
	line-height:150%;
	text-align:left;
	border-top:solid 1px #8F711D;
	border-bottom:solid 1px #8F711D;
	padding:4px 0;
}


#news_page .asset-content, #news_page .archive-monthly {
	margin:15px 0 30px;
}


#news_page .content-nav {
	font-size:90%;
	margin-top:25px;
	text-align:center;
	border-top:solid 6px #CECECE;
	border-bottom:solid 6px #CECECE;
	padding:5px 0;
}


#news_page .archive-entry-unit {
	border-bottom:dotted 2px #8F711D;
	margin:25px 0;
}


#news_page .archive-title {
	padding-bottom:10px;
	margin-bottom:15px;
	text-align:center;
	border-bottom:solid 1px #8F711D;
}


#news_page .archive-header {
	text-align:center;
	font-size:110%;
	padding:4px 0;
}

#news_page .archive-monthly {
	text-align:center;
}

#news_page .archive-monthly li a {
	display:block;
	text-align:center;
	border: solid #E6D3B6 1px;
	padding:8px 0;
	margin:10px auto;
}

#news_page .archive-monthly li a:hover {
	color:#666;
	background-color:#E2DAC5;
}


/* side bar----------------------------------------------------------------- */


body.default_layout #headline_set {
	margin-bottom:30px;
}

body.default_layout #headline_set dl.headline_unit {
	margin-bottom:10px;
}

body#news_page #headline_set dl.headline_unit p {
	line-height:100%;
	margin-bottom:10px;
}

body.default_layout #headline_set dl.headline_unit a {
	display:block;
	padding:10px 15px;
	color:#555;
	/*background: #DEDEDE;*/
	border:solid 1px #888;
	border-radius:2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

body.default_layout #headline_set dl.headline_unit .headline_date {
	color:#888;
	margin-bottom:5px;
}

body.default_layout #headline_set dl.headline_unit a:hover {
	background: #F2F2E9;
}


body.default_layout .sidebar_content {
	margin-bottom:30px;
}

body.default_layout .news-sidebar-header {
	background:#000;
	margin-bottom:10px;
}

body.default_layout .news-sidebar-content ul li {
	margin-bottom:10px;
}

body.default_layout .news-sidebar-header a {
	display:block;
	padding:10px 15px;
	color:#555;
	border: solid #A59B9D 1px;
	border-radius:2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

body.default_layout .news-sidebar-header a:hover {
	background: #CCC;
}

body.default_layout .news-sidebar-content ul li a {
	display:block;
	padding:10px 15px;
	color:#AD9759;
	border: solid #AD9759 1px;
	border-radius:2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	}

body.default_layout .news-sidebar-content ul li a:hover {
	background: #F2F2E9;
}



body.default_layout .side_banners {
	margin-bottom:10px;
}


body.default_layout #shop_data_unit dl {
	padding:5px 0;
	border-top:solid #666 1px;
	border-bottom:solid #666 1px;
	margin-bottom:3px;
	line-height:160%;
}


body.default_layout #shop_data_unit dl dt {
	float:left;
	width:65px;
}

body.default_layout #shop_data_unit dl dd {
	float:right;
	width:165px;
	border-left:solid #666 1px;
	padding-left:9px;
}


#google_map_sb_unit iframe {
	margin:auto;
	width:90%;
	height:280px;
	padding:4%;
	border:1px solid #999;
}





/* shop information----------------------------------------------------------------- */


#page_shop h1 {
	font-size:120% !important;
	color:#612706 !important;
	line-height:125%;
	border-left:solid 5px #612706;
	padding-left:15px;
}

#page_shop dl dt {
	font-size:110%;
	color:#612706;
	margin:30px 0 15px;
}

#page_shop p span.product_genre {
	font-size:105%;
	font-weight:bold;
}




/* products----------------------------------------------------------------- */


.products_list_set h2 {
	padding:6px 12px;
	color:#FFF !important;
	background:#ADA493;
}

.products_list_set .products_list_content {
	margin-bottom:30px;
	border-bottom:2px solid #ADA493;
}


.products_list_set .product_unit {
	margin-bottom:10px;
	border:1px solid #CCC;
	padding:15px 10px;
}



.products_list_set .product_img img {
	margin-bottom:7px;
}

.products_list_set .product_origin {
	margin-bottom:15px;
}


/* contact----------------------------------------------------------------- */



#container.category-contact textarea {
	font-size:100%;
	line-height:140%;
	color:#666;
}


#mail_form {
	border-top: solid 1px #999999;
	font-size:90%;
}



#mail_form input.mf_smp {
	width:95% !important;
}

#mail_form textarea.mf_smp {
	width:97% !important;
}


form#mailform {
	margin: 0px auto 0px auto;
	padding: 0px;
}

img.must {
	display:block;
	width: 30px;
	height: 16px;
	margin-bottom:5px;
}

table.mailform {
	width: 100%;
	line-height:200%;
}

table.mailform tr th {
	padding: 8px 0px;
	border-bottom: solid 1px #998675;
	font-weight: normal;
	width: 25%;
}

table.mailform tr td {
	padding: 8px 0px 8px 12px;
	border-bottom: solid 1px #998675;
	border-left: dotted 1px #998675;
}
table.mailform tr td ul li,table.mailform tr td ul,table.mailform tr td ol,table.mailform tr td ol li {
	list-style: none;
	margin: 0px;
	padding: 0px;
}






/* about----------------------------------------------------------------- */


#page_about dl {
	border-top:solid #888 1px;
	border-bottom:solid #888 1px;
	padding:8px;
	margin-bottom:10px;
}

#page_about dl dt {
	padding:5px;
	border-bottom: dotted #888 2px;
}

#page_about dl dd {
	padding:5px;
}








/* blog page----------------------------------------------------------------- */


#blog_page .blog-entry-wrapper, body.blog_layout .entry-container{
	margin-bottom:35px;
	padding:30px;
	border:solid 6px #E8E3D5;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius: 4px;
}




body#blog_page .left-blog {
	padding:20px;
	width:600px;
	border-radius:10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background: url(/common/img/common/white_square_1_80.png);
}


body#blog_page .right-blog {
	width:320px;
}


body.blog_layout h1#page-title {
	font-size:120%;
	line-height:140%;
	color:#8F711D;
	margin-bottom:5px !important;
}

body.blog_layout h3.entry-title {
	font-size:115%;
	line-height:150%;
	padding-bottom:6px;
	border-bottom:solid #CCC 1px;
}

body.blog_layout .entery-date {
	border-bottom:solid #CCC 1px;
	margin-bottom:15px;
}

body.blog_layout .date-header, body.blog_layout .archive-date-header {
	font-size:90%;
}


body.blog_layout .date-header {
	margin:7px 0;
}

body.blog_layout .entry-body {
	padding:10px 0;
	line-height:150%;
}

body.blog_layout .entry-more {
	padding:10px 0;
	line-height:150%;
}

body.blog_layout .blog_set {
	padding-bottom:25px;
	border-bottom:dotted #CCC 1px;
}

body.blog_layout .entry-more-link {
	line-height:100%;
	margin-top:10px;
	padding-left:35px;
	background:url(/common/img/common/flag_en.gif) center left no-repeat;
}


body.blog_layout .archive-date-header {
	text-align:left;
	margin:20px 0 7px;
}


body.blog_layout .archive-content {
	margin-top:7px;
	font-size:110%;
	line-height:150%;
	text-align:left;
	border-top:solid 1px #666;
	border-bottom:solid 1px #666;
	padding:4px 0;
}




body.blog_layout .content-nav {
	font-size:90%;
	margin-top:25px;
	text-align:center;
	border-top:solid 6px #E8E3D5;
	border-bottom:solid 6px #E8E3D5;
	padding:5px 0;
}

body.blog_layout .content-nav-meta {
	border-bottom:dotted 1px #CCC;
	padding:2px 0;
	margin:0 10px 2px 10px;
}


body.blog_layout .archive-entry-unit {
	border-bottom:dotted 2px #666;
	margin:25px 0;
}


body.blog_layout .archive-title {
	padding-bottom:10px;
	margin-bottom:15px;
}


body.blog_layout .archive-header {
	text-align:left;
	font-size:110%;
	padding:4px 0;
}

body.blog_layout .archive-monthly {
	padding:20px;
	background-color:#FFF;
}

body.blog_layout .archive-monthly li a {
	display:block;
	border-top: solid #CCC 1px;
	border-bottom: solid #CCC 1px;
	padding:8px 15px;
	margin:10px auto;
}

body.blog_layout .archive-monthly li a:hover {
	color:#666;
	background: url(/common/img/common/slash_pict_CCCCCC.gif);
}



body.blog_layout .left-blog img {
	max-width:540px !important;
}


body.blog_layout .blog_thumbnail {
	margin-top:20px;
	
}

body.blog_layout .blog_thumbnail img {
	float:left;
	width:160px;
	margin-right:8px;

}



/* side-bar */


body.blog_layout .blog-sidebar-header {
	margin-bottom:10px;
	background:#4e2500;
}


body#blog_page  #headline_set {
	margin-bottom:30px;
}

body#blog_page #headline_set dl.headline_unit {
	margin-bottom:10px;
}

body#blog_page #headline_set dl.headline_unit p {
	line-height:100%;
	margin-bottom:10px;
}

body#blog_page #headline_set dl.headline_unit a {
	display:block;
	padding:10px 15px;
	color:#444;
	background: #E8E3D5;
	/*border:solid 1px #888;*/
	border-radius:2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

body#blog_page #headline_set dl.headline_unit .headline_date {
	color:#888;
	margin-bottom:5px;
}

body#blog_page #headline_set dl.headline_unit a:hover {
	background: #F2F2E9;
}


#blog_pages_nav ul li a:hover {
	background-color: #E2DAC5;
}


#blog_category_archive ul li a {
	display:block;
	padding:10px 15px;
	color:#FFF;
	background: /*#AD9E7E*/ #b5a68a url(/common/img/common/right_arrow.png) right center no-repeat;
	margin-bottom:10px;
	border-radius:2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

#blog_category_archive ul li a:hover {
	background: #F2F2E9;
	color: #666;
}
	








/* Groceries Styles ---------------------------------------------------------- */

.clearing {
	clear: both;
	font-size:0;
	height:0;
	margin:0;
	line-height:0;
	padding:0;
	}

.clear {
   clear: both;
} 

.caption{
	font-size:75%;
}


.centering {
	margin-left: auto;
	margin-right: auto;
    }

.left {
	float: left;
    }

.right {
	float: right;
    }
	
.head_space{
	padding-top: 1em;
    }

.block{
	display: block;
	}
	
.inline-block{
	display: inline-block;
	}
	
	
.confidential {
        display: none;
    }

.uppercase {
	text-transform:uppercase;
    }
	
.small_90 {
	font-size:90%;
}

.small_80 {
	font-size:80%;
}

.small_70 {
	font-size:70%;
}

.small_60 {
	font-size:60%;
}
	
	
/* bo spacer */



/* spacer vertical */


div.space_1 {
	clear: both;
	height:1px;
	margin:0;
	padding:0;
    }
	
div.space_5 {
	clear: both;
	height:5px;
	margin:0;
	padding:0;
    }
	
div.space_10 {
	clear: both;
	height:10px;
	margin:0;
	padding:0;
    }
	
	
div.space_25 {
	clear: both;
	height:25px;
	margin:0;
	padding:0;
    }
	
div.space_50 {
	clear: both;
	height:50px;
	margin:0;
	padding:0;
    }

div.space_100 {
	clear: both;
	height:100px;
	margin:0;
	padding:0;
    }
	

/* spacer horizontal */
	
.right_m5{
	margin-right:5px;
	}
	
.right_m8{
	margin-right:8px;
	}
	
.right_m10{
	margin-right:10px;
	}
	
.right_m12{
	margin-right:12px;
	}
	
	
.right_m13{
	margin-right:13px;
	}
	
.right_m15{
	margin-right:15px;
	}
	

.right_m20{
	margin-right:20px;
	}
	
.right_m25{
	margin-right:25px;
	}
	
.right_m30{
	margin-right:30px;
	}
	
.right_m35{
	margin-right:35px;
	}
	
.right_m40{
	margin-right:40px;
	}


.right_m50{
	margin-right:50px;
	}


.left_m5{
	margin-left:5px;
	}
	
.left_m10{
	margin-left:10px;
	}
	
.left_m15{
	margin-left:15px;
	}
	
.left_m20{
	margin-left:20px;
	}
	
.left_m25{
	margin-left:25px;
	}
	
.left_m60{
	margin-left:60px;
	}
	
.top_m5{
	margin-top:5px;
	}

.top_m10{
	margin-top:10px;
	}

.top_m15{
	margin-top:15px;
	}

.top_m20{
	margin-top:20px;
	}

.top_m25{
	margin-top:25px;
	}

.top_m30{
	margin-top:30px;
	}
	
.top_m35{
	margin-top:35px;
	}

.top_m40{
	margin-top:40px;
	}
	
.top_m45{
	margin-top:45px;
	}
	
.top_m50{
	margin-top:50px;
	}

.bottom_m5{
	margin-bottom:5px;
	}

.bottom_m10{
	margin-bottom:10px;
	}

.bottom_m15{
	margin-bottom:15px;
	}

.bottom_m20{
	margin-bottom:20px;
	}

.bottom_m25{
	margin-bottom:25px;
	}
	
.bottom_m30{
	margin-bottom:30px;
	}
	
.bottom_m35{
	margin-bottom:35px;
	}
	
.bottom_m40{
	margin-bottom:40px;
	}

.bottom_m45{
	margin-bottom:45px;
	}
	
.bottom_m50{
	margin-bottom:50px;
	}
	


/* eo spacer */	








}