@charset "utf-8";
/* CSS Document */

/*--------------------------------------------
初期化
--------------------------------------------*/
body { margin: 0; padding: 0; background-color: #FFFFFF; color: #4c3009; font-size: 11px; line-height:16px; line-height:135%; }

* html body { font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;} /* for ltr ie6 */
*:first-child+html body {font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;} /* for ie7 */
html:not(:target) body {font-family: Hiragino Kaku Gothic Pro, "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;
} /* for modern browser not ie8 */

a{ text-decoration:none; color:#4f2f09; outline:none;}
a:hover{ text-decoration:underline;}
h1,h2,h3,h4,h5{ margin: 0; padding: 0; clear:both;}
p,ul,li,dl,dt,dd,form { margin: 0; padding: 0;}
input { margin: 0; padding: 0;}
img{ margin:0; padding:0; border:0;}
ul,li,dl,dt,dd{ list-style-type:none; margin:0; padding:0;}

/*--------------------------------------------
強制的にclearするセレクタ
--------------------------------------------*/
.clear {
	display: block;
	clear: both;
	height: 0;
	line-height: 0px;
	font-size: 1px;
	}
/*clearfix*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	}
.clearfix {
	display: inline-table;
	min-height: 1%;
	}
/*Hides from MacIE \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/*Hides from MacIE */

/*--------------------------------------------
全体を包むコンテナ
--------------------------------------------*/
#wrapper{ width: 794px; margin: 0 auto; text-align: left;}

/*--------------------------------------------
共通
--------------------------------------------*/
p.ImgAreaL{ font-size:0; line-height:0; clear:both;}
p.ImgAreaR{ font-size:0; line-height:0; clear:both; text-align:right;}

/*-----------------------------------------------------------------
ヘッダー
-----------------------------------------------------------------*/
#header{ margin:20px 0 0 0;}
#header #logo{background:url(../images/logo.gif) no-repeat; text-indent:-9999px; color:#FFFFFF;}
#header #logo a{ width:187px; height:44px; display:block;}

#header ul#NaviBanner{float:right; width:131px; margin:0 0 0 0; padding:0;}
#header ul#NaviBanner li{ float:right; margin:0 0 0 0; font-size:0; line-height:0;}
#header ul#NaviBanner li.end{ margin:0;}

/*-----------------------------------------------------------------
ナビ
-----------------------------------------------------------------*/
ul#NaviArea{ margin:0; padding:4px 0 0 0;}
ul#NaviArea li{ float:left; margin:0 3px 0 0; font-size:0; line-height:0;}
ul#NaviArea li.end{ margin:0;}

/*-----------------------------------------------------------------
トップページ
-----------------------------------------------------------------*/
#ContentsBoxTop{ width:794px; clear:both; margin:13px 0 0 0;}
#ContentsBoxTop h1#top{ float:left; display:inline; width:555px; border-right:2px #d7ceaf solid;}
#ContentsBoxTop h1#top img{ margin:0 10px 0 0; font-size:0;}
#ContentsBoxTop ul{ width:220px; margin:0 0 0 17px; float:left;}
#ContentsBoxTop ul li{ margin:0 0 7px 0; font-size:0; line-height:0;}
#ContentsBoxTop ul li img{ display:block;}
#ContentsBoxTop ul li.end{ margin:0;}

/*-----------------------------------------------------------------
他の2層目ページ共通
-----------------------------------------------------------------*/
#ContentsBox #MainBox{ background:url(../images/contents_bg.gif) no-repeat; padding:13px 0 0 43px;}
/*-----------------------------------------------------------------
サイトマップ
-----------------------------------------------------------------*/
#SiteMap{ background:url(../images/contents_bg.gif) no-repeat; padding:13px 0 0 43px;}
ul#purple{ background:url(../sitemap/images/line1.gif) no-repeat; margin:0 0 0 39px; float:left; display:inline;}
ul#purple li{ margin:20px 0 0 2px; font-size:0; line-height:0;}
ul#purple li img{ display:block;}
ul#purple li.top{ margin:24px 0 0 2px;}

ul#blue{ background:url(../sitemap/images/line2.gif) no-repeat; float:left; display:inline; }
ul#blue li{ margin:12px 0 0 2px; font-size:0; line-height:0;}
ul#blue li img{ display:block;}
ul#blue li.top{ margin:34px 0 0 2px;}

ul#pink{ background:url(../sitemap/images/line3.gif) no-repeat; float:left; display:inline; }
ul#pink li{ margin:12px 0 0 2px; font-size:0; line-height:0;}
ul#pink li img{ display:block;}
ul#pink li.top{ margin:34px 0 0 2px;}

/*-----------------------------------------------------------------
ショップ情報
-----------------------------------------------------------------*/
h2.shop{ float:left; padding-top:10px;}
#ShopList{margin:0; padding:0}
#ShopList #LeftArea{ background:url(../images/contents_bg.gif) no-repeat; padding:13px 0 0 20px; float:left; clear:both;width:583px;}
#ShopList #LeftArea #ListBox{ background:url(../shoplist/images/box_bg.gif) repeat-y; width:583px; margin:22px 0 0 0; border-bottom:2px solid #98967f; padding:0 0 20px 0;}
#ShopList #LeftArea #ListBox h4{ margin:15px 0 20px 0;}
#ShopList #LeftArea #ListBox h4.first{ margin:0 0 20px 0;}

#ShopList #LeftArea #ListBox #list01{ margin:0 11px;}
#ShopList #LeftArea #ListBox #list01 dl{  border-top:1px #322e00 solid; border-right:1px #322e00 solid; border-bottom:1px #322e00 solid; border-left:1px #322e00 solid; margin:0; clear:both; }
#ShopList #LeftArea #ListBox #list01 dt{ float:left; display:inline; font-weight:bold; padding:3px 0 1px 10px; font-size:13px;}
#ShopList #LeftArea #ListBox #list01 dd{ float:right; color:#41ab09; font-weight:bold; padding:3px 5px 1px 0; font-size:13px;}
#ShopList #LeftArea #ListBox #list01 div{ clear:both; margin:2px 14px 5px 10px; font-size:10px;}
#ShopList #LeftArea #ListBox #list01 p{ float:left; display:inline; color:#2f2f2f; width:288px; line-height:110%; padding:3px 0;}
#ShopList #LeftArea #ListBox #list01 span{ float:left; display:inline; color:#2f2f2f; margin:0 0 0 10px; line-height:110%; padding:3px 0; white-space:nowrap; font-size:11px;}

#ShopList #RightArea{padding:10px 0 0 0; float:right; margin:0 0 0 0;font-size:0; line-height:0;}
#ShopList #RightArea ul#navigetion{ margin:0;}
#ShopList #RightArea ul#navigetion li{ font-size:0; line-height:0;}
#ShopList #RightArea ul#RightBanner{ margin:10px 0 0 2px;}
#ShopList #RightArea ul#RightBanner li{ font-size:0; line-height:0; margin:2px 0 0 0;}

#ShopList #LeftArea #ListBox #list02{ margin:0 11px;}
#ShopList #LeftArea #ListBox #list02 th{border-left:1px #322e00 solid; border-right:1px #322e00 solid; border-top:1px #322e00 solid; font-size:12px;}
#ShopList #LeftArea #ListBox #list02 th.bottom{border:1px #322e00 solid; }

#ShopList #LeftArea #ListBox #list02 dl{ border-top:1px #322e00 solid; border-right:1px #322e00 solid; border-bottom:1px #322e00 solid; margin:0; clear:both; }
#ShopList #LeftArea #ListBox #list02 dt{ float:left; display:inline; font-weight:bold; padding:3px 0 1px 10px; font-size:13px;}
#ShopList #LeftArea #ListBox #list02 dd{ float:right; color:#41ab09; font-weight:bold; padding:3px 5px 1px 0; font-size:13px;}
#ShopList #LeftArea #ListBox #list02 div{ clear:both; margin:2px 14px 5px 10px; font-size:10px;}
#ShopList #LeftArea #ListBox #list02 p{ float:left; display:inline; color:#2f2f2f; width:260px; line-height:110%; padding:3px 0;}
#ShopList #LeftArea #ListBox #list02 span{ float:left; display:inline; color:#2f2f2f; margin:0 0 0 10px; line-height:110%; padding:3px 0; white-space:nowrap; font-size:11px;}

/*-----------------------------------------------------------------
よくある質問
-----------------------------------------------------------------*/
h2.faq{ float:left; padding-top:10px;}
ul#FaqBtnArea{ float:left; margin:21px 0 0 164px;}
ul#FaqBtnArea li{ float:left;}

#faq{margin:0; padding:0}
#faq #LeftArea{ background:url(../images/contents_bg.gif) no-repeat; padding:13px 0 0 20px; float:left; clear:both; width:583px;}
#faq #LeftArea h3{ margin:35px 0 0 0;}
#faq #LeftArea h3.first{ margin:0;}
#faq #LeftArea dl{ margin:16px 0 0 19px; clear:both;}
#faq #LeftArea dt{ float:left; margin:0 5px 0 0; font-size:0; line-height:0;}
#faq #LeftArea dd{ float:left; padding:2px 0 0 0; width:520px;}
#faq #LeftArea dd a{ font-size:12px;}

#FaqDetail{ background:url(../images/contents_bg.gif) no-repeat; padding:13px 0 0 43px; clear:both;}
#FaqDetail h3{ margin:35px 0 11px 0;}
#FaqDetail h3.first{ margin:0 0 11px 0;}
#FaqDetail dl{ margin:0 0 30px 19px; clear:both;}
#FaqDetail dt{ float:left; margin:0 5px 0 0; font-size:0; line-height:0;}
#FaqDetail dd{ float:left; padding:2px 0 0 0; width:656px; font-size:12px; line-height:130%;}
#FaqDetail dd strong{ color:#2f94be; font-weight:bold;}
#FaqDetail dd p{ margin:3px 0 0 0; font-size:11px; }

#faq #RightArea{ padding:10px 0 0 0; float:right; margin:0 0 0 0;font-size:0; line-height:0;}
#faq #RightArea ul#navigetion{ margin:0;}
#faq #RightArea ul#navigetion li{ font-size:0; line-height:0;}
#faq #RightArea ul#RightBanner{ margin:10px 0 0 2px;}
#faq #RightArea ul#RightBanner li{ font-size:0; line-height:0; margin:2px 0 0 0;}

/*-----------------------------------------------------------------
frescaとは
-----------------------------------------------------------------*/
#ContentsBox h1{ width:794px; font-size:0; line-height:0; margin:0;}
#ContentsBox{ margin:13px 0 0 0;}
#ContentsBox #LeftContents{ margin:17px 0 0 4px; width:580px; float:left; display:inline;}
#ContentsBox #LeftContents h2{ font-size:0; line-height:0; border-bottom:2px solid #d7ceaf; margin:0 0 30px 0;}
#ContentsBox #LeftContents .TxtPic{ margin:20px 24px 0 0; clear:both;}
#ContentsBox #LeftContents .TxtPic p{ margin:0 15px 14px 0; font-size:12px;}
#ContentsBox #LeftContents .TxtPic span{ float:right; display:inline;}
#ContentsBox #LeftContents .TxtPic span img{ display:block; margin:0 0 5px 10px;}
#ContentsBox #LeftContents .TxtPic span .coment{ font-size:10px; color:#0177e1; margin-left:10px; width:189px; line-height:14px;}
#ContentsBox #LeftContents .TxtPic ol{list-style-type:decimal; margin:0 0 12px 23px; }
#ContentsBox #LeftContents .TxtPic ol li{list-style-type:decimal; padding:0; font-size:12px;}
#ContentsBox #LeftContents .TxtPic ol#roman{ list-style-type:upper-roman; margin:0 0 0 0px; *margin:0 0 0 36px; _margin:0 0 0 36px;}

#ContentsBox #LeftContents .TxtPic ol#02 {list-style-type:decimal; margin:0 0 0 0px; *margin:0 0 0 16px; _margin:0 0 0 16px; }
#ContentsBox #LeftContents .TxtPic ol#02 li{list-style-type:decimal; font-size:12px;}

#ContentsBox #LeftContents .TxtPic ol#roman li{list-style-type:upper-roman; padding:0 0 15px 0;}
#ContentsBox #LeftContents .TxtPic ol#normal { list-style-type:decimal; margin:0 0 12px 20px;}
#ContentsBox #LeftContents .TxtPic ol#normal li{list-style-type:decimal; padding:0;}

#ContentsBox #LeftContents .TxtPic02{ margin:20px 24px 0 0; clear:both;}
#ContentsBox #LeftContents .TxtPic02 p{ margin:0 15px 14px 0;font-size:12px;}
#ContentsBox #LeftContents .TxtPic02 span{ float:left; display:inline;}
#ContentsBox #LeftContents .TxtPic02 span img{ display:block; margin:0 10px 5px 0;}
#ContentsBox #LeftContents .TxtPic02 span .coment{ font-size:10px; color:#0177e1; margin-right:10px; line-height:14px;}

#ContentsBox #LeftContents h3{ margin:0 0 15px 0; clear:left;}
#ContentsBox #LeftContents h3.mgt30{ margin:30px 0 15px 0; clear:left;}
#ContentsBox #LeftContents h4{ font-size:12px;}

#ContentsBox #LeftContents .PicTxt{ margin:5px 24px 0 0; *margin:20px 24px 0 0; _margin:5px 24px 0 0; clear:both;font-size:11px;}
#ContentsBox #LeftContents .PicTxt p{ margin:0 0 14px 0; float:left; width:470px; }
#ContentsBox #LeftContents .PicTxt div{ margin:0 0 14px 0; float:left; width:470px;}
#ContentsBox #LeftContents .PicTxt p strong{ display:block;}
#ContentsBox #LeftContents .PicTxt p img.left{ float:left; margin:5px 10px 0 0;}
#ContentsBox #LeftContents .PicTxt p img.right{ float:right; margin:5px 0 0 10px;}
#ContentsBox #LeftContents .PicTxt span{ float:left; display:inline; padding:3px 0 0 0;}
#ContentsBox #LeftContents .PicTxt span img{ display:block; margin:0 10px 5px 0;}
#ContentsBox #LeftContents .comment{ clear:both; margin:40px 20px 0 74px;}


#ContentsBox #LeftContents #ListArea{ width:546px; margin:28px 0 0 12px; border-bottom:2px solid #d3d3c7; border-right:2px solid #d3d3c7; border-left:2px solid #d3d3c7; background:url(../about/images/listarea_bg.gif) repeat-y;}
#ContentsBox #LeftContents #ListArea h3{ font-size:0; line-height:0; margin:0; padding:0; border-top:2px solid #d3d3c7;}
#ContentsBox #LeftContents #ListArea #ListLeft{ float:left; display:inline; width:272px;}
#ContentsBox #LeftContents #ListArea #ListRight{ float:left; width:272px; margin:0 0 0 2px; border-top:2px solid #d3d3c7;}
#ContentsBox #LeftContents #ListArea ul{ padding:0 0 5px 0; margin:10px 0 0 0;}
#ContentsBox #LeftContents #ListArea li{ background:url( ../about/images/icon_green.gif) no-repeat top left; padding:0 0 0 14px; margin:0 0 3px 9px;}
#ContentsBox #LeftContents #ListArea li a{ font-weight:bold; font-size:11px;}
#ContentsBox #LeftContents #ListArea li a span{ font-size:11px;}

#ContentsBox #RightContents{ background:url(../images/rightnavi_bg.gif) no-repeat; padding:79px 0 0 15px; float:left; margin:17px 0 0 0;}
#ContentsBox #RightContents ul#RightNavi{}
#ContentsBox #RightContents ul#RightNavi li{ font-size:0; line-height:0;}
#ContentsBox #RightContents ul#navigetion{ margin:5px 0 0 0;}
#ContentsBox #RightContents ul#navigetion li{ font-size:0; line-height:0;}
#ContentsBox #RightContents ul#RightBanner{ margin:10px 0 0 2px;}
#ContentsBox #RightContents ul#RightBanner li{ font-size:0; line-height:0; margin:2px 0 0 0;}

#ContentsBox #all_indredients{ background:url(../images/contents_bg_02.gif) no-repeat; padding:13px 0 0 43px; clear:both;}
#ContentsBox #all_indredients dl{ margin:0 0 30px 0; clear:both; padding:0 0 0 19px;}
#ContentsBox #all_indredients dt{ float:left; margin:0 5px 0 0; font-size:0; line-height:0;}
#ContentsBox #all_indredients dd{ float:left; padding:2px 0 0 0; width:656px; font-size:110%; line-height:130%;}
#ContentsBox #all_indredients dd strong{ font-weight:bold;}
#ContentsBox #all_indredients dd p{ margin:3px 0 0 0; color:#000000;}
#ContentsBox #all_indredients dd a{ color:#FF0000;}

/*-----------------------------------------------------------------
ショッピング
-----------------------------------------------------------------*/
#ShoppingLeft{ width:196px; margin:13px 0 0 4px; border-top:2px solid #d7ceaf; padding:20px 0 0 0; float:left; display:inline;}
#ShoppingLeft ul li{ font-size:0; line-height:0;}

#ShoppingRight{ float:left; background:url(../product/images/productright_bg.gif) repeat-y; width:593px;}
#ShoppingRight p.pr{ color:#4b8b00; font-weight:bold; font-size:12px; margin:20px 0 0 16px; line-height:18px;}
#ShoppingRight h3{ background:url(../product/images/h3_bg.jpg) repeat-x bottom; margin:25px 44px 0 16px; font-size:12px; line-height:120%; padding:0 0 13px 4px;}
#ShoppingRight h3 span a{ display:block; color:#194768; font-size:12px; line-height:120%; margin:10px 0 0 0;}
#ShoppingRight ul{ margin:13px 0 0 2px;}
#ShoppingRight li{ text-align:center; width:197px; float:left; margin:37px 0 0 0;}
#ShoppingRight li h4{ text-align:left; margin:0 0 5px 10px;}
#ShoppingRight li p{ margin:0 0 8px 10px; line-height:145%; text-align:left; font-size:12px;}
#ShoppingRight li a{ margin:0 2px;}
#ShoppingRight li span{ display:block; margin:12px 0 0 0;}

/*-----------------------------------------------------------------
商品
-----------------------------------------------------------------*/
/*common producttop menu navigation*/
#ProductsNavi{ width:794px; font-size:0; line-height:0; margin:0;}
#ProductsNavi ul{float:left; margin:0;width:794px; }
#ProductsNavi li{float:left; margin:0;}

/*index*/
h2.products{ float:left; padding-top:10px; padding-left:5px;}
#Products{margin:0; padding:0}
#Products #LeftArea{ background: url(../product/images/contents_pro_bg.gif) no-repeat; padding:13px 0 0 20px; float:left; clear:both; width:583px;}
#Products #LeftArea h3{ margin:20px 0 10px 28px;}
#Products #LeftArea ul#menu{ width:530px; margin:0 0 0 28px; height:470px;}
#Products #LeftArea ul#menu li{ padding-right:10px; padding-bottom:10px; float:left;}
#Products #LeftArea ul#menu li.last{ padding-right:0;float:left;}

#Products #RightArea{padding:10px 0 0 0; float:right; margin:0 0 0 0;font-size:0; line-height:0;}
#Products #RightArea ul#navigetion{ margin:0;}
#Products #RightArea ul#navigetion li{ font-size:0; line-height:0;}
#Products #RightArea ul#RightBanner{ margin:10px 0 0 2px;}
#Products #RightArea ul#RightBanner li{ font-size:0; line-height:0; margin:2px 0 0 0;}


/*pro01,02,03,04,05,06 common*/
#ProductsDetail{ margin:13px 0 0 0;}
#ProductsDetail #LeftContents{ margin:17px 0 0 0; width:580px; float:left; display:inline; background: url(../product/images/left_bg.gif) no-repeat;}
#ProductsDetail #LeftContents h2{ font-size:0; line-height:0; border-bottom:2px solid #d7ceaf; margin:0 0 30px 0;}

#ProductsDetail #RightContents{ background:url(../product/images/rightnavi_pro_bg.gif) no-repeat; padding:62px 0 0 15px; float:left; margin:17px 0 0 0;}
#ProductsDetail #RightContents ul#RightNavi{}
#ProductsDetail #RightContents ul#RightNavi li{ font-size:0; line-height:0;}
#ProductsDetail #RightContents ul#navigetion{ margin:5px 0 0 0;}
#ProductsDetail #RightContents ul#navigetion li{ font-size:0; line-height:0;}
#ProductsDetail #RightContents ul#RightBanner{ margin:10px 0 0 2px;}
#ProductsDetail #RightContents ul#RightBanner li{ font-size:0; line-height:0; margin:2px 0 0 0;}

/*product scrollArea*/
#ProductsDetail #detail{ width:550px; height:970px; overflow:auto; border:1px solid #cdccd1; margin-top:68px;}
#ProductsDetail #detail .d_content{ widows:530px; margin:15px 5px 15px 10px; height:auto;}
#ProductsDetail #detail .d_content h4{ padding-bottom:50px; margin:0;}

/*product imageArea*/
#ProductsDetail #detail .d_content dl.proimg{ width:515px; clear:both;}
#ProductsDetail #detail .d_content dl.proimg dt{ float:left; width:281px; padding-right:23px;}
#ProductsDetail #detail .d_content dl.proimg dd{ float:left; padding:98px 0 0 0; margin:0; width:210px;}
#ProductsDetail #detail .d_content dl.proimg dd h2{ float:left; color:#8cd349; font-size:10px; margin:0; line-height:14px; border:none;}
#ProductsDetail #detail .d_content dl.proimg dd h2 span{color:#4d8a01; margin:0; font-size:12px; line-height:18px;}
#ProductsDetail #detail .d_content dl.proimg dd h3{ float:left; padding-top:12px; font-size:12px; margin:0;color:#4d8a01; }
#ProductsDetail #detail .d_content dl.proimg dd h4{ float:left; font-size:14px; margin:0; color:#8cd349; padding-bottom:0px;}
#ProductsDetail #detail .d_content dl.proimg dd h4 .img{ padding-top:5px;}

/*product line(kugiri)*/
#ProductsDetail #detail .d_content .line{float:left; margin:0; padding:0;}

/*pro01,02,03,04,05,06 common*/
#ProductsDetail #detail .d_content dl.explain{  width:515px; clear:both;} 
#ProductsDetail #detail .d_content dl.explain dt{ float:left; padding-bottom:15px; width:515px; }
#ProductsDetail #detail .d_content dl.explain dd{ float:left;  width:515px; }
#ProductsDetail #detail .d_content dl.explain dd p.txt10{ float:left; width:510px; padding-bottom:15px; }
#ProductsDetail #detail .d_content dl.explain dd p.txt13{ float:left; width:510px; padding-bottom:15px; font-size:13px;  }
#ProductsDetail #detail .d_content dl.explain dd p.txt13 span{ float:left; padding-top:15px; color:#365d7a; }
#ProductsDetail #detail .d_content dl.explain dd p.with_img{ float:left; padding-right:15px; }
#ProductsDetail #detail .d_content dl.explain dd p.img{ float:right; padding-right:15px; }
#ProductsDetail #detail .d_content dl.explain dd p.with_img span{ float:left; padding:15px 0; color:#365d7a; }
#ProductsDetail #detail .d_content dl.explain dd p.top20img{ float:left; padding-top:20px;}
#ProductsDetail #detail .d_content dl.explain dd p.topimg{ float:left; }
#ProductsDetail #detail .d_content dl.explain dd p.Limg{ float:left; padding-right:10px;}
#ProductsDetail #detail .d_content dl.explain dd p.Rtxt230{ float:right; color:#365d7a; font-size:11px; width:230px;}
#ProductsDetail #detail .d_content dl.explain dd p.Ltxt240{ float:left; font-size:13px; width:240px; padding-right:10px; height:295px;}
#ProductsDetail #detail .d_content dl.explain dd p.Ltxt238{ float:left; font-size:13px; width:238px; padding-right:10px;}
#ProductsDetail #detail .d_content dl.explain dd p.Ltxt270{ float:left; width:270px; padding-right:10px;color:#365d7a;}
#ProductsDetail #detail .d_content dl.explain dd p.Ltxt335{ float:left; font-size:13px; width:335px; padding-right:5px;}
#ProductsDetail #detail .d_content dl.explain dd p.Ltxt375{ float:left; font-size:13px; width:375px; padding-bottom:15px; padding-right:10px;}
#ProductsDetail #detail .d_content dl.explain dd p.Rimg{ float:right;}
#ProductsDetail #detail .d_content dl.explain dd p.Rimg span{color:#365d7a;}
#ProductsDetail #detail .d_content dl.explain dd p.Rimg163{ float:right; width:163px; padding-right:10px;}
#ProductsDetail #detail .d_content dl.explain dd p.Rimg163 span{color:#365d7a;}

#ProductsDetail #detail .d_content dl.explain dd .R275{float:right; width:265px;} 
#ProductsDetail #detail .d_content dl.explain dd .R275 dl{width:265px;}
#ProductsDetail #detail .d_content dl.explain dd .R275 dt.img112{ float:left; width:112px; padding-right:5px;}
#ProductsDetail #detail .d_content dl.explain dd .R275 dd.txt158{ float:right;  width:148px; color:#365d7a; padding-bottom:15px; }
#ProductsDetail #detail .d_content dl.explain dd .R275 dt.img83{ float:left; width:83px; padding-right:5px;}
#ProductsDetail #detail .d_content dl.explain dd .R275 dd.txt187{ float:right; width:177px; color:#365d7a; }

#ProductsDetail #detail .d_content dl.explain dd .L300{ float:left; font-size:13px; width:300px; padding-right:10px;}
#ProductsDetail #detail .d_content dl.explain dd .L270{ float:left; font-size:13px; width:270px; padding-right:10px;}
#ProductsDetail #detail .d_content dl.explain dd .L265{ float:left; font-size:13px; width:265px; padding-right:10px;}
#ProductsDetail #detail .d_content dl.explain dd .L300 p.Limg{ float:left; padding-right:10px; width:117px; padding-top:50px;}
#ProductsDetail #detail .d_content dl.explain dd .L300 p.Rtxt170{ float:right; color:#365d7a; width:170px; padding-top:50px;}
#ProductsDetail #detail .d_content dl.explain dd .Rimg300{ float:right;}
#ProductsDetail #detail .d_content dl.explain dd .R235{ float:right; width:235px;padding-bottom:5px;}
#ProductsDetail #detail .d_content dl.explain dd .R235 p.Limg{float:left; padding-right:3px;}
#ProductsDetail #detail .d_content dl.explain dd .R235 p.Rtxt{float:right; color:#365d7a; width:155px; }

#ProductsDetail #detail .d_content dl.explain dd p.Limg239{ float:left; padding-top:20px; width:239px;}
#ProductsDetail #detail .d_content dl.explain dd p.Rimg271{ float:left; padding-top:20px; width:271px;}
#ProductsDetail #detail .d_content dl.explain dd p.RimgR span{color:#365d7a; line-height:14px; }
#ProductsDetail #detail .d_content dl.explain dd .Rimg span{color:#365d7a; line-height:14px; }

#ProductsDetail #detail .d_content .Alltxt{ width:515px; padding-top:25px; font-size:13px; clear:both;}
#ProductsDetail #detail .d_content .Alltxt span.title{color:#365d7a; padding-bottom:17px; }
#ProductsDetail #detail .d_content .Alltxt p.top25{ float:left; width:515px; padding-bottom:15px; font-size:13px;  }
#ProductsDetail #detail .d_content .Alltxt p.btm15{ float:left; width:515px; padding-bottom:15px; font-size:13px;  }
/*pro03*/
#ProductsDetail #detail .d_content dl.explain dd .nutrient{ padding-top:25px; width:515px; clear:both;}
#ProductsDetail #detail .d_content dl.explain dd .nutrient h4{ margin:0; padding-bottom:10px;}
#ProductsDetail #detail .d_content dl.explain dd .nutrient dl{ float:left; width:220px; padding-right:35px; padding-bottom:18px; height:60px;}
#ProductsDetail #detail .d_content dl.explain dd .nutrient dt{ float:left; width:60px; padding-right:3px; clear:both;}
#ProductsDetail #detail .d_content dl.explain dd .nutrient dd{ float:right; width:150px;}
#ProductsDetail #detail .d_content dl.explain dd .nutrient dd p.name{ color:#51a71e;}
#ProductsDetail #detail .d_content dl.explain dd .nutrient dd p.outline{color:#164768;}
#ProductsDetail #detail .d_content dl.explain dd .tech{ width:515px; clear:both; }
#ProductsDetail #detail .d_content dl.explain dd .tech h4{color:#164768; font-size:12px; font-weight:bold; padding-top:15px;padding-bottom:0px;}
#ProductsDetail #detail .d_content dl.explain dd .tech p.explain{color:#164768; font-size:12px; padding-left:10px; width:505px; }
#ProductsDetail #detail .d_content dl.explain dd .tech p.img{ padding:5px 0; }
#ProductsDetail #detail .d_content dl.explain dd .tech .Lpic20{ float:left; padding-right:20px;}
#ProductsDetail #detail .d_content dl.explain dd .tech .Lpic5{ float:left; padding-right:5px; padding-top:12px;}
#ProductsDetail #detail .d_content dl.explain dd .tech .Rtxt325{ float:right;color:#164768; width:325px;font-size:12px;}
#ProductsDetail #detail .d_content dl.explain dd .tech .Rtxt448{ float:right;color:#164768; width:448px; padding-top:12px;}
#ProductsDetail #detail .d_content dl.explain dd .tech .Rtxt248{ float:right; width:248px;font-size:12px;padding-top:12px;}
#ProductsDetail #detail .d_content dl.explain dd .tech .Ltxt265{ float:left; width:265px;font-size:12px;color:#164768;}
/*pro04*/
#ProductsDetail #detail .d_content dl.explain dd p.Rimg210{ float:right; width:210px; padding-right:10px;}
#ProductsDetail #detail .d_content dl.explain dd p.Rimg210 span{color:#365d7a;}

#ProductsDetail #detail .d_content .macro_outline{color:#365d7a; padding-top:10px; font-size:12px; width:518px;}
#ProductsDetail #detail .d_content .macro h4{color:#164768; font-size:12px; font-weight:bold; padding-top:15px;padding-bottom:10px;}
#ProductsDetail #detail .d_content .macro{width:515px; clear:both; }
#ProductsDetail #detail .d_content .macro .Lpic15{ float:left; padding-right:15px; padding-left:64px;}
#ProductsDetail #detail .d_content .macro .Rtxt315{ float:right;color:#164768; width:315px;font-size:12px; padding-bottom:10px;}

/*pro05*/
#ProductsDetail #detail .d_content dl.explain dd .L315{ float:left; font-size:13px; width:315px; padding-right:10px;}
#ProductsDetail #detail .d_content .mix{ width:515px; clear:both; padding-top:20px;}
#ProductsDetail #detail .d_content .mix h4{padding-bottom:10px;}
#ProductsDetail #detail .d_content .mix .Lpic100{ float:left; padding-right:15px; width:100px;}
#ProductsDetail #detail .d_content .mix .Rtxt380{ float:right; color:#194768; width:380px;font-size:12px; padding-right:20px;}
#ProductsDetail #detail .d_content .mix .Ltxt378{ float:left; color:#194768; width:378px;font-size:12px; padding-right:15px; padding-left:5px;}
#ProductsDetail #detail .d_content .mix .Rpic102{ float:right; padding-right:15px; width:102px;}
#ProductsDetail #detail .d_content .mix .Lpic117{ float:left; padding-right:15px; width:117px;}
#ProductsDetail #detail .d_content .mix .Rtxt363{ float:right; color:#194768; width:363px;font-size:12px; }
#ProductsDetail #detail .d_content .mix .Lpic224{ float:left; padding-right:15px; width:224px;}
#ProductsDetail #detail .d_content .mix .Rtxt256{ float:right; color:#194768; width:256px;font-size:12px; }

/*pro06*/
#ProductsDetail #detail .d_content dl.explain dd .Rtxt335b{float:right;color:#194768; width:335px;font-size:12px;}

/*-----------------------------------------------------------------
News&Publicty
-----------------------------------------------------------------*/

#ContentsBox #NewsContents{margin:0; padding:0;}

#ContentsBox #NewsContents #LeftArea{background:url(../images/contents_bg.gif) no-repeat; padding:13px 0 0 15px; height:auto; float:left; clear:both; width:583px;}



/*#ContentsBox #NewsContents #LeftArea dl{margin:0 0 22px 0px; width:573px; *margin:0 0 22px 0px; _margin:0 0 22px 0px;  padding:0 0 0 15px;clear:both;}
#ContentsBox #NewsContents #LeftArea dl dt{width:179px; float:left; display:block; padding:0 10px 20px 0; *padding:0 10px 5px 0 ; _padding:0 10px 5px 0; }
#ContentsBox #NewsContents #LeftArea dl dd{float:right; width:384px; margin:0; padding:auto 0; vertical-align:middle;}
#ContentsBox #NewsContents #LeftArea dl dd span{color:#57900f; font-weight:bold; font-size:12px;}*/


#ContentsBox #NewsContents #LeftArea .imgArea p { display: table-cell; vertical-align: middle; padding:0 5px 20px 10px; *padding:0 0 20px 10px; _padding:0 0 20px 10px; font-size:12px; line-height:16px;}    
* html .imgArea p { display: inline; zoom: 1;}    
*:first-child+html .imgArea p { display: inline; zoom: 1;} 
#ContentsBox #NewsContents #LeftArea .imgArea p span{color:#57900f; font-weight:bold; font-size:12px; }


#ContentsBox #NewsContents #RightArea{ padding:10px 0 0 0; float:right; margin:0 0 0 0;font-size:0; line-height:0;}
#ContentsBox #NewsContents #RightArea ul#navigetion{ margin:0;}
#ContentsBox #NewsContents #RightArea ul#navigetion li{ font-size:0; line-height:0;}
#ContentsBox #NewsContents #RightArea ul#RightBanner{ margin:10px 0 0 2px;}
#ContentsBox #NewsContents #RightArea ul#RightBanner li{ font-size:0; line-height:0; margin:2px 0 0 0;}

/*-----------------------------------------------------------------
Company Information
-----------------------------------------------------------------*/

#ContentsBox #CompanyLeft{background:url(../images/contents_bg.gif) no-repeat; padding:13px 0 0 20px;float:left; clear:both;width:583px;}

#ContentsBox #CompanyLeft h3 {margin:26px 0 0 30px; *margin:34px 0 0 30px; _margin:26px 0 0 30px; font-weight:bold; color:#000000; font-size:12px;}
#ContentsBox #CompanyLeft h4 {margin:28px 0 0 30px; *margin:27px 0 0 30px; _margin:28px 0 0 30px; font-weight:bold; color:#000000; font-size:12px;}
#ContentsBox #CompanyLeft dl{padding:28px 0 0 30px; width:550px; clear:both;}
#ContentsBox #CompanyLeft dl dt{width:110px; float:left;  margin:0 10px 0 0; display:block; color:#000000;}
#ContentsBox #CompanyLeft dl dd{float:right; width:425px; margin:0 0 0 0; color:#000000;}
#ContentsBox #CompanyLeft ul{padding:28px 0 0 30px; width:550px; clear:both; }
#ContentsBox #CompanyLeft ul li{margin:0 0 0 0; color:#000000; }


#ContentsBox #CompanyRight{padding:10px 0 0 0; float:right; margin:0 0 0 0;font-size:0; line-height:0;}
#ContentsBox #CompanyRight ul#navigetion{ margin:0; padding:0;}
#ContentsBox #CompanyRight ul#navigetion li{ font-size:0; line-height:0; }
#ContentsBox #CompanyRight ul#RightBanner{ margin:10px 0 0 2px;}
#ContentsBox #CompanyRight ul#RightBanner li{ font-size:0; line-height:0; margin:2px 0 0 0;}

/*-----------------------------------------------------------------
fresca　privilege
-----------------------------------------------------------------*/
#ContentsBox #privilegeContents{ margin:13px 0 0 0;}
#ContentsBox #privilegeContents #LeftContents{ margin:17px 0 0 4px; width:580px; float:left; display:inline;}
#ContentsBox #privilegeContents #LeftContents h2{ font-size:0; line-height:0; border-bottom:2px solid #d7ceaf; margin:0 0 30px 0;}
#ContentsBox #privilegeContents #LeftContents #ListArea h3{ font-size:0; line-height:0; margin:0; padding:0; border-top:2px solid #d3d3c7;}
#ContentsBox #privilegeContents #LeftContents .TxtPic{ margin:20px 24px 0 0; clear:both;}
#ContentsBox #privilegeContents #LeftContents .TxtPic .topic{ border-bottom:2px solid #d7ceaf; padding:0 0 28px 0;}
#ContentsBox #privilegeContents #LeftContents .TxtPic p{ margin:20px 15px 14px 12px; font-size:12px;}
#ContentsBox #privilegeContents #LeftContents .TxtPic p.tilte{ padding:13px 0 0 0;}
#ContentsBox #privilegeContents #LeftContents .TxtPic p.txt{ padding:0 0 0 15px;}
#ContentsBox #privilegeContents #LeftContents .TxtPic ul{ margin:0 0 0 30px; padding:0 0 0 0px;}
#ContentsBox #privilegeContents #LeftContents .TxtPic ul li{ list-style: disc ; padding:0 0 0 0px; margin:0; font-size:12px; line-height:16px;}
#ContentsBox #privilegeContents #LeftContents .TxtPic ul#point{ margin:35px 0 7px 12px; }
#ContentsBox #privilegeContents #LeftContents .TxtPic ul#point li{ list-style:none;padding:0; font-size:12px; color:#4d8a00; font-weight: bold; line-height:19px;}
#ContentsBox #privilegeContents #LeftContents .TxtPic ul#point li a{color:#4d8a00; text-decoration:underline;}
#ContentsBox #privilegeContents #LeftContents .TxtPic ul#point li a:hover{color:#4d8a00; text-decoration:none;}
/*--------------------------------------------
フッター
--------------------------------------------*/
ul#LinkArea{ margin:14px 0 20px 0; width:792px; border-top:1px solid #ddd7cb; padding:20px 0 0 2px; clear:both;}
ul#LinkArea li{ font-size:0; line-height:0; float:left; display:inline;}
#CopyRight{ clear:both; text-align:center; font-size:0; line-height:0; padding:50px 0 15px 0;}