@charset "utf-8";
/* CSS Document */

#main { background-color: #FFFFFF;width:720px;
display: inline;
margin-bottom:20px;
}

#main h2 { width:692px; margin:0 auto ;}
#main h3 { width:690px;}


.sub { width:690px; margin:15px auto;}


/*--- tab ---------------------------------------*/

#tab  { width:690px;}

#tab ul#tabBtn {height:30px;}
#tab ul#tabBtn li { float:left; height:30px; overflow:hidden; margin-right:5px;}

/*　にんにく　*/

#tabIndex { background:url(/images/tab_ninniku_bg.gif) repeat-y; margin-bottom:20px;}

#tabIndexBottom { background:url(/images/tab_ninniku_bottom.gif) no-repeat bottom;}


#tab div.tabProducts { padding:15px 20px; clear:both;}

#tab div.tabProducts div.ProductLight { width:325px; float:left; }

#tab div.tabProducts div.ProductRight { width:325px; float:right; }

#tab div.tabProducts div.img { float:left; width:112px;}

#tab div.tabProducts div.txt { float:right; width:200px;}

#tab div.tabProducts div.txt ul li p {
	font-weight:bold; font-size:14px;
	background:url(/images/tab_arrow_orange.gif) no-repeat;
	padding-left:22px;}

#tab div.tabProducts div.txt ul li a { text-decoration:underline;}

#tab div.tabProducts div.txt ul li ul { margin:10px;}
	
#tab div.tabProducts div.txt ul li ul li {
	font-size:12px; font-weight: normal;
	background:url(/images/tree_list.gif) no-repeat 0 2px;
	padding-left:15px;
	margin-bottom:5px;}

/*　雑穀米　*/

#tabRice { background:url(/images/tab_rice_bg.gif) repeat-y; margin-bottom:20px;}

#tabRiceBottom { background:url(/images/tab_rice_bottom.gif) no-repeat bottom;}

#tab #tabRice div.tabProducts div.txt ul li p {
	font-weight:bold; font-size:14px;
	background:url(/images/tab_arrow_green.gif) no-repeat;
	padding-left:22px;}

/*　ガリーヌ　*/

#tabCosme { background:url(/images/tab_cosme_bg.gif) repeat-y; margin-bottom:20px;}

#tabCosmeBottom { background:url(/images/tab_cosme_bottom.gif) no-repeat bottom;}

#tab #tabCosme div.tabProducts div.txt ul li p {
	font-weight:bold; font-size:14px;
	background:url(/images/tab_arrow_blue.gif) no-repeat;
	padding-left:22px;}

/*　調味液　*/
/*
#tabSeasoning { background:url(/images/tab_seasoning_bg.gif) repeat-y; margin-bottom:20px;}

#tabSeasoningBottom { background:url(/images/tab_seasoning_bottom.gif) no-repeat bottom;}

#tab #tabSeasoning div.tabProducts div.txt ul li p {
	font-weight:bold; font-size:14px;
	background:url(/images/tab_arrow_brown.gif) no-repeat;
	padding-left:22px;}
*/
#tabSeasoning { background:url(/images/tab_seasoning_bg.gif) repeat-y; margin-bottom:20px;}

#tabSeasoningBottom { background:url(/images/tab_seasoning_bottom.gif) no-repeat bottom;}

#tab #tabSeasoning div.tabProducts div.txt ul li p {
	font-weight:bold; font-size:14px;
	background:url(/images/tab_arrow_red.gif) no-repeat;
	padding-left:22px;}
	
	
/*　ビタミン　*/	
#tabvitamin { background:url(/images/tab_vitamin_bg.gif) repeat-y; margin-bottom:20px;}

#tabvitaminBottom { background:url(/images/tab_vitamin_bottom.gif) no-repeat bottom;}

#tab div.tabProducts div.txt ul li p {
	font-weight:bold; font-size:14px;
	background:url(/images/tab_arrow_orange.gif) no-repeat;
	padding-left:22px;}
	
#tab #tabvitamin div.tabProducts div.txt ul li p {
	font-weight:bold; font-size:14px;
	background:url(/images/tab_arrow_orange.gif) no-repeat;
	padding-left:22px;}	

/*　乳酸菌　*/	
#tabnyusankin { background:url(/images/tab_nyusankin_bg.gif) repeat-y; margin-bottom:20px;}

#tabnyusankinBottom { background:url(/images/tab_nyusankin_bottom.gif) no-repeat bottom;}

#tab div.tabProducts div.txt ul li p {
	font-weight:bold; font-size:14px;
	background:url(/images/tab_arrow_green.gif) no-repeat;
	padding-left:22px;}
	
#tab #tabnyusankin div.tabProducts div.txt ul li p {
	font-weight:bold; font-size:14px;
	background:url(/images/tab_arrow_green.gif) no-repeat;
	padding-left:22px;}	


/*　NMN　*/	
#tabnmn { background:url(/images/tab_nmn_bg.gif) repeat-y; margin-bottom:20px;}

#tabnmnBottom { background:url(/images/tab_nmn_bottom.gif) no-repeat bottom;}

#tab div.tabProducts div.txt ul li p {
	font-weight:bold; font-size:14px;
	background:url(/images/tab_arrow_green.gif) no-repeat;
	padding-left:22px;}
	
#tab #tabnmn div.tabProducts div.txt ul li p {
	font-weight:bold; font-size:14px;
	background:url(/images/tab_arrow_green.gif) no-repeat;
	padding-left:22px;}	


/*　yosan　*/	
#tabyosan { background:url(/images/tab_yosan_bg.gif) repeat-y; margin-bottom:20px;}

#tabyosanBottom { background:url(/images/tab_yosan_bottom.gif) no-repeat bottom;}

#tab div.tabProducts div.txt ul li p {
	font-weight:bold; font-size:14px;
	background:url(/images/tab_arrow_green.gif) no-repeat;
	padding-left:22px;}
	
#tab #tabnmn div.tabProducts div.txt ul li p {
	font-weight:bold; font-size:14px;
	background:url(/images/tab_arrow_green.gif) no-repeat;
	padding-left:22px;}	



/*--- productlist ---------------------------------------*/


h4 {
    background: url("/images/h4_img.gif") no-repeat scroll 0 0 transparent;
    font-size: 18px;
    height: 37px;
    line-height: 40px;
    margin-bottom: 10px;
    padding-left: 30px;
	color:#59493f;
}

h4.rice {
    background: url("/images/h4_img02.gif") no-repeat scroll 0 0 transparent;
    font-size: 18px;
    height: 37px;
    line-height: 40px;
    margin-bottom: 10px;
    padding-left: 30px;
	color:#59493f;
}

h4.cosme {
    background: url("/images/h4_img03.gif") no-repeat scroll 0 0 transparent;
    font-size: 18px;
    height: 37px;
    line-height: 40px;
    margin-bottom: 10px;
    padding-left: 30px;
	color:#59493f;
}

h4.seasoning {
    background: url("/images/h4_img04.gif") no-repeat scroll 0 0 transparent;
    font-size: 18px;
    height: 37px;
    line-height: 40px;
    margin-bottom: 10px;
    padding-left: 30px;
	color:#ffffff;
}

h4.vitamin {
    background: url("/images/h4_img.gif") no-repeat scroll 0 0 transparent;
    font-size: 18px;
    height: 37px;
    line-height: 40px;
    margin-bottom: 10px;
    padding-left: 30px;
	color:#59493f;
}

h4.Imgtitle {
	padding-left: 0px;
}

.strong01 {
    color: #FF5900;
    font-weight: bold;
	font-size:14px;
}


.strong02 {
    color: #709018;
    font-weight: bold;
	font-size:14px;
}

.strong03 {
    color: #4759a5;
    font-weight: bold;
	font-size:14px;
}

.strong04 {
    color: #846650;
    font-weight: bold;
	font-size:14px;
}

.productList {}

.Product { margin-bottom:15px;}

.pageTop {
    clear: both;
    margin: 15px 15px 0 0;
    text-align: right;
}

/*上段*/

.Product .Detail { padding:15px; padding-right:0px;}

.Product .Detail .img { float:left; width:180px;}
.Product .Detail .txt { float:right; width:480px;}


/*下段*/

.Product .Order { clear:both; padding-left:15px;}

.productList .Order table.price { float:left; width:340px; margin-right: 8px;}
table.price {
	width:350px;
	border-left:1px solid #bfbfbf;
	border-top:1px solid #bfbfbf;
	font-size:12px;
}

table.price th{
	border-right:1px solid #bfbfbf;
	border-bottom:1px solid #bfbfbf;
	font-size:12px;
	padding:1px 8px;
	line-height:1.4em;
	background-color:#fff2a7;
}

table.price td{
	border-right:1px solid #bfbfbf;
	border-bottom:1px solid #bfbfbf;
	font-size:12px;
	padding:1px 8px;
	line-height:1.6em;
}


table.price .bg{
	background-color:#fefae2;
	}

.red{
	color:#F00;
	}


.productList .Order .BtnArea { width:325px; float: right;
margin-top: 9px;}

.productList .Order .BtnArea table.oneTime {
	background:url(/images/order_onetilme_bg.gif) no-repeat right 0;
	width:323px;
	margin-bottom:5px;
	height:51px;
	}

.productList .Order .BtnArea table.Regular { background: url(/images/order_regular_bg.gif) no-repeat right 0; width:323px;
height:115px;}


.Detail .txt  div.Plus { float:left; width:145px;}

.Detail .txt .BtnArea { float:right; width:325px;}

.Detail .txt .BtnArea table.oneTime {
	background:url(/images/order_onetilme_bg.gif) no-repeat right 0;
	width:323px;
	margin-bottom:5px;
	height:51px;
	}

.Detail .txt .BtnArea table.Regular { background: url(/images/order_regular_bg.gif) no-repeat right 0; width:323px;
height:115px;}


.frame-wrapper__video {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
}

.frame-wrapper__video iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}


/*--- productlist ---------------------------------------*/

