/*======================================================================
base
======================================================================*/
body			{margin:0;padding:0;background:url(../images/common/headerbg.jpg) repeat-x;text-align:center;font-size:12px;line-height:19px;color:#333;}
body#pop		{margin:0 ;padding:0;background:none;text-align:center;}
body#blacktopics{margin:10px ;padding:10px;background:#000;text-align:center;font-size:11px;color:#999;}
td				{font-size:12px;line-height:19px;color:#333;}
p,h1,h2,h3,h4,h5,h6,ul,li {margin:0;padding:0;}
img				{border:none;}
hr				{clear:both;}
a:link			{color:#c00;text-decoration:none;}
a:active		{color:#c00;text-decoration:none;}
a:visited		{color:#c00;text-decoration:none;}
a:hover			{color:#f00;text-decoration:underline;}



/*テンプレート----------------------------------------------*/
#body						{background:url(../images/common/footerbg.jpg) repeat-x bottom;}
#container					{width:800px;margin:0 auto;padding:0;text-align:left;}
#header						{height:235px;margin:0 0 5px 0;font-size:11px;line-height:13px;color:#fff;}
#header .catch01			{float:left;width:240px;height:235px;background:url(../images/common/header_l.jpg) no-repeat top right;text-align:center;}
#header .catch01 h1			{margin:0;padding:10px 0 0 0;font-size:11px;line-height:13px;color:#fff;font-weight:normal;}
#header .mainlogo			{float:left;width:310px;height:235px;}
#header .catch02			{float:left;width:240px;height:235px;background:url(../images/common/header_r.jpg) no-repeat top left;text-align:center;}
#header .catch02 p			{padding:10px 0 0 0;font-size:11px;line-height:13px;color:#fff;font-weight:normal;}

#side						{float:left;width:195px;}
#side #navi					{background:url(../images/common/side/14.jpg) no-repeat left bottom;padding:0 0 40px 0;}
#side #navi #chumon			{background:url(../images/common/side/07.jpg) repeat-y left top;}
#side #navi #chumon ul		{margin:0;padding:0;list-style-type:none;}
#side #navi #chumon li		{margin:0;padding:0;}
#side #navi #chumon ul ul li{margin:0 0 0 20px;padding:0;list-style-type:none;}
#side #navi #making			{background:url(../images/common/side/13.jpg) repeat-y left top;}
#side #navi #making ul		{margin:0;padding:0;list-style-type:none;}
#side #navi #making li		{margin:0;padding:0;}
#side #navi #making ul ul li{margin:0 0 0 20px;padding:0;list-style-type:none;}
#side #navi #hiroba			{background:url(../images/common/side/13.jpg) repeat-y left top;}
#side #navi #hiroba ul		{margin:0;padding:0;list-style-type:disc;color:#c00;}
#side #navi #hiroba li		{margin:0 0 0 30px;padding:0;}
#side #faviconarea			{text-align:center;font-size:11px;line-height:13px;margin:30px 0;}
#side #add					{background:url(../images/common/side/add.jpg) no-repeat top left;width:187px;height:120px;font-size:11px;line-height:13px;text-align:center;margin:0 0 0 5px;padding:0;}
#side #add p				{padding:35px 0 0 0;}
#side #sumipresent			{background:#fff;border:5px solid #f79284;margin:10px 5px;padding:0;}
#side #sumipresent dt		{padding:5px;background:#f79284;text-align:center;}
#side #sumipresent dt p		{font-size:11px;line-height:13px;color:#fff;}
#side #sumipresent dt p.ttl	{font-weight:bold;font-size:12px;}
#side #sumipresent dd		{background:#fff;margin:0;padding:5px;font-size:11px;line-height:13px;}



#contents					{float:right;width:600px;}

#contents h2				{font-size:16px;font-weight:bold;margin:0 0 10px 0;;padding:12px 0 20px 50px;}
#contents h2#shopping		{background:url(../images/shopping/titlebar_shopping.jpg) no-repeat left top;}
#contents h2.hiroba			{background:url(../images/hiroba/titlebar_hiroba.jpg) no-repeat left top;}
#contents h2#making			{background:url(../images/making/titlebar_making.jpg) no-repeat left top;}

#contents #maintxt			{margin:0 0 0 20px;}

#contents h3				{margin:30px 0 10px 0;padding:10px 0 2px 6px;color:#4f3900;border-bottom:5px solid #dc9;border-left:10px solid #dc9;clear:both;font-size:14px;}
#contents h4				{margin:15px 0 10px 0;padding:0;color:#4f3900;border-bottom:1px solid #dc9;font-weight:bold;font-size:12px;clear:both;}
#contents p					{margin:0 0 15px 0;}

#footer						{clear:both;text-align:right}
#footer .gototop			{font-size:11px;color:#7e4a1a;padding:0 0 0 10px;}
#footer .gototop a:link		{color:#7e4a1a;text-decoration:none;}
#footer .gototop a:active	{color:#7e4a1a;text-decoration:none;}
#footer .gototop a:visited	{color:#7e4a1a;text-decoration:none;}
#footer .gototop a:hover	{color:#f00;text-decoration:underline;}
#footer .copyright			{font-size:11px;line-height:20px;color:#7e4a1a; padding:0 10px 0 0;}

/*======================================================================
common
======================================================================*/

.note  				{font-size:11px;line-height:13px;color:#c90;}

.kakomi				{font-size:11px;line-height:13px;color:#c90;border:1px solid #c90;padding:10px;}
.kakomi:after		{content:".";display:block;height:0;clear:both;visibility:hidden;}
.kakomi				{display:inline-block;min-height:1%;}
* html .kakomi		{height: 1%;}
.kakomi				{display: block;}
.kakomi a:link		{color:#c90;text-decoration:underline;}
.kakomi a:active	{color:#c90;text-decoration:underline;}
.kakomi a:visited	{color:#c90;text-decoration:underline;}
.kakomi a:hover		{color:#c90;text-decoration:none;}

.link				{font-size:11px;line-height:13px;text-align:right;}

.attention			{color:#c00;}

.price {font-weight:bold;font-size:14px;color:#f00;}

.smalltxt{font-size: 11px;line-height: 14px;}
.largetxt {font-size: 16px;font-weight: bold;}



/*======================================================================
index
======================================================================*/
/*トップページ*/

#intro                {background:url(../images/index/intro/bar02.gif) repeat-y left;text-align:left;width:550px;margin:0 0 0 15px;;padding:0;}
#intro h2             {background:url(../images/index/intro/bar01.gif) top left no-repeat;margin:0;padding:15px 0 0 15px;}
#intro .types         {margin:0 30px;}
#intro .types td.py   {width:160px;padding:0 5px;border-right:1px dotted #cc5d41;}
#intro .types td.mj   {width:160px;padding:0 5px;border-right:1px dotted #cc5d41;}
#intro .types td.ft   {width:160px;padding:0 5px;}
#intro .types p       {margin:0;padding:0;}
#intro .types p.pct   {text-align:center;}
#intro .types p.note  {font-size:11px;line-height:13px;color:#930;border-top:1px dotted #930;margin:5px 0 0 0;padding:5px 0 0 0;}
#intro .note a:link   {color:#930;text-decoration:none;}
#intro .note a:active {color:#930;text-decoration:none;}
#intro .note a:visited{color:#930;text-decoration:none;}
#intro .note a:hover  {color:#f00;text-decoration:underline;}
#intro .greeting      {background:url(../images/index/intro/bar03.gif) bottom left no-repeat;padding:20px 30px;}
#intro .greeting img  {padding:0 5px 5px 0;}
#intro .greeting p    {margin:0;padding:0 0 10px 0;}

#news                 {width:540px;margin:20px 0 0 0;padding:0 30px;text-align:left;}
#news h2              {margin:0 0 20px 0;padding:0;border-bottom:1px solid #930;}
#news hr              {clear:both;height:1px;border:none;border-top:1px solid #ccc;}
#news p.newstitle     {margin:0 0 10px 0;padding:0;border-bottom:1px dotted #c63;color:#930;font-weight:bold;}
#news p					{margin:0;padding:0 0 15px 0;}
#news img				{margin:5px;}

#message              {width:600px;border:1px solid #690;text-align:left;padding:20px 0 10px 0;}
#message div          {padding:0 20px;}
#message p            {margin:0;padding:0 0 10px 0;}
#message02            {width:540px;margin:15px 0 0 0;padding:30px;border:1px solid #eadbbc;text-align:left;background:#eadbbc;}
#message02 p          {margin:0;padding:0 0 10px 0;}
#message02 hr         {height:1px;border:none;border-top:1px dotted #963;}
#message02 img        {margin:0;padding:0 0 0 10px;}

/*======================================================================
shopping
======================================================================*/

/*米、塩、稲穂、米ぬか、炭*/
.introtxt			{width:400px;float:left;padding:20px 0 0 0;}
.intropict			{width:170px;float:right;}
.intropict p			{margin:0;padding:0;}
.productlink			{padding: 0 0 0 70px;font-size:11px;line-height:14px;color:#900;}
#cart .box				{width:570px;margin:10px 0 0 0;border:1px solid #cb8;clear:both;overflow:hidden;}
/*#cart .box:after		{content:".";display:block;height:0;clear:both;visibility:hidden;}
#cart .box				{display:inline-block;min-height:1%;}
* html #cart .box		{height: 1%;}*/
#cart .box				{display: block;}
#cart .pht				{width:230px;float:left;}
#cart .sakepht			{width:160px;float:left;}
#cart .pht img			{margin:10px;}
#cart .txt				{width:335px;float:right;}
#cart .saketxt			{width:330px;float:right;}
#cart .carttxt			{clear:both;}
#cart .name				{clear:both;font-weight:bold;font-size:14px;margin:10px 10px 10px 0;padding:5px 0;border-top:1px solid #d74;border-bottom:1px solid #d74;}
#cart .namememo			{font-size:11px;color:#666;line-height:13px;margin:0;padding:0;}
#cart .pricelist		{float:left;margin:5px 0;padding:5px 0;}
#cart .btn				{float:right;margin:0;padding:0 10px 0 0;}
#cart .comment			{clear:both;margin:5px 10px 10px 0;color:#c90;}



/*新米ページ*/

#shinmai .intropict	{text-align:center;}
#shinmai .inecalendar       {background:url(../images/shopping/product/shinmai/shinmaiseiku_bg.jpg);padding:10px;margin:0 0 10px 0;text-align:center;}
#shinmai .inecalendar h3{border:none;margin:0;padding:0;}
#shinmai .inecalendar ul{width:396px;list-style-type:none;margin:0 auto;}
#shinmai .inecalendar li{float:left;margin: 2px;}
#shinmai .inecalendar li img{border:#390 2px solid;}
#shinmai .inecalendar p{width:396px;clear:both;margin:0 auto;padding:0;background:url(../images/shopping/product/shinmai/shinmaiseiku_f04.jpg) no-repeat right 45px;text-align:left;}

/*年間*/
#nenkan .intropict				{text-align:center;}
#nenkan .formbtn				{text-align:center;}
#nenkan #merit					{width:550px;}
#nenkan #merit .subttl			{margin:25px 0 0 90px;padding:0;font-size:11px;}
#nenkan #merit .mainttl			{margin:0 0 0 90px;padding:0;color:#900;}
#nenkan #merit .txt				{border:5px solid #069;background:#6de;padding:10px;}
#nenkan #merit .merit01 .ttl	{background:url(../images/shopping/product/nenkan/kiekomini_no1.gif) no-repeat bottom left;height:70px;}
#nenkan #merit .merit02 .ttl	{background:url(../images/shopping/product/nenkan/kiekomini_no2.gif) no-repeat bottom left;height:70px}
#nenkan #merit .merit03 .ttl	{background:url(../images/shopping/product/nenkan/kiekomini_no3.gif) no-repeat bottom left;height:70px}
#nenkan #merit .merit04 .ttl	{background:url(../images/shopping/product/nenkan/kiekomini_no4.gif) no-repeat bottom left;height:70px}

/*試食*/
#shishoku .intropict			{text-align:center;margin:0 auto;clear:both;}
#shishoku .formbtn				{text-align:center;margin:10px 0;}
#shishoku #merit				{width:550px;}
#shishoku #merit .subttl		{margin:25px 0 0 90px;padding:0;font-size:11px;}
#shishoku #merit .mainttl		{margin:0 0 0 90px;padding:0;color:#900;}
#shishoku #merit .txt			{border:5px solid #329933;background:#cf9;padding:10px;}
#shishoku #merit .txt:after			{content:".";display:block;height:0;clear:both;visibility:hidden;}
#shishoku #merit .txt				{display:inline-block;min-height:1%;}
* html #shishoku #merit .txt			{height: 1%;}
#shishoku #merit .txt				{display: block;}
#shishoku #merit .merit01 .ttl	{background:url(../images/shopping/product/nenkan/kiekomini_no1.gif) no-repeat bottom left;height:70px;}
#shishoku #merit .merit02 .ttl	{background:url(../images/shopping/product/nenkan/kiekomini_no2.gif) no-repeat bottom left;height:70px}
#shishoku #merit .merit03 .ttl	{background:url(../images/shopping/product/nenkan/kiekomini_no3.gif) no-repeat bottom left;height:70px}
#shishoku #merit .merit04 .ttl	{background:url(../images/shopping/product/nenkan/kiekomini_no4.gif) no-repeat bottom left;height:70px}


/*塩*/
#shio .intropict	{text-align:center;}
#shio .introtxt		{width:530px;height:170px;background:url(../images/shopping/product/shio/01.jpg) no-repeat left top;margin:0 0 0 20px;padding:25px 0 0 250px}
#shio dl			{margin:15px 10px 10px 10px;clear:both;}
#shio dt			{margin:0;padding:0 0 2px 6px;color:#4f3900;border-bottom:5px solid #dc9;border-left:10px solid #dc9;font-weight:bold;font-size:14px;}
#shio dd			{margin:0;padding:10px 0 10px 12px;}
#shio .howto01		{}
#shio .howto02		{padding:20px 0 0 0;}
#shio .howto02 img	{margin:0 5px 0 0;}
#shio .howto03		{clear:both;padding:20px 0 0 0;}
#shio .howto04		{}
#shio .howto04 img	{margin:0 5px 0 0;}
#shio .howto04 p	{margin:0;padding:0;}
#shio .howto05		{clear:both;}
#shio .howto05 p	{margin:0;padding:0;}
#shio .kakomi		{font-size:11px;line-height:13px;color:#c90;border:1px solid #c90;padding:15px;float:right;margin:0 0 0 10px;}
#shio .nigari		{font-size:11px;border-top:1px solid #20792E;color:#20792E;line-height:14px;background:url(../images/shopping/product/shio/10.jpg) no-repeat top right;height:180px;margin:0 20px;padding:20px 80px 0 20px;}
#shio .dishes		{width:500px;background:#c8E992 url(../images/shopping/product/shio/12.jpg) no-repeat 0 215px;margin:0 auto;}
#shio .dishes p		{margin:0;padding:0;}


/*支払ページ*/
#shiharai .account{border:2px solid #dc9;background:#fec;padding:20px;}

/*特定商取引法*/
#tokutei table{border:1px solid #dc9;width:550px;margin:15px 0 0 0;}
#tokutei th{padding:3px;background:#fec;border:1px solid #dc9;font-weight:normal;text-align:left;font-size:12px;}
#tokutei td{padding:3px;border:1px solid #dc9;}

/*======================================================================
making
======================================================================*/


#making-pyrrol #calendar img	{border:1px solid #dc9;margin:5px;}
#making-pyrrol #calendar ul		{float:right;}
#making-pyrrol #calendar li		{list-style-type:none;float:left;margin:0 10px 10px 0;padding:1px 5px;border:1px solid #dc9;background:#eda;font-size:11px;}
#making-pyrrol #calendar .kodawaripoint		{border:1px solid #390;padding:5px;color:#390;clear:both;}
#making-pyrrol #calendar .kodawaripoint h4		{background:#390;padding:5px;color:#fff;margin:0 0 10px 0;border:none;text-align:center;font-weight:normal;}
#making-pyrrol #calendar .kodawaripoint img	{border:1px solid #390;margin:5px;}



#making-monju .tabekurabe			{}
#making-monju .tabekurabe table		{width:550px;border:1px solid #963;margin:0 0 10px 0}
#making-monju .tabekurabe caption	{background:#963;text-align:left;font-size:12px;padding:10px;color:#fff;}
#making-monju .tabekurabe th		{border:1px solid #963;text-align:left;padding:3px;font-size:12px;}
#making-monju .tabekurabe th.row01	{background:#c95;}
#making-monju .tabekurabe th.row02	{background:#db7;}
#making-monju .tabekurabe th.row03	{background:#eda;}
#making-monju .tabekurabe td		{border:1px solid #963;text-align:left;padding:3px;}
#making-monju .tabekurabe td.row01	{background:#c95;}
#making-monju .tabekurabe td.row02	{background:#db7;}
#making-monju .tabekurabe td.row03	{background:#eda;}




/*======================================================================
HIROBA
======================================================================*/

/*リンク*/
.linkbox li				{margin:10px;border:1px solid #c30;padding:5px;clear:both;list-style-type:none;}
.linkbox li:after		{content:".";display:block;height:0;clear:both;visibility:hidden;}
.linkbox li				{display:inline-block;min-height:1%;}
* html .linkbox li		{height: 1%;}
.linkbox li				{display: block;}
.linkbox li .img		{float:left;width:250px;margin:0 5px 0 0;}

.grouplink				{border:5px solid #f66;margin:10px;padding:10px;color:#f66;}
.grouplink p			{margin:0 5px 0 0;}

.linkbanner				{margin:20px 0;padding:10px;border:1px dotted #999;}
.linkbanner:after		{content:".";display:block;height:0;clear:both;visibility:hidden;}
.linkbanner				{display:inline-block;min-height:1%;}
* html .linkbanner		{height: 1%;}
.linkbanner				{display: block;}
.linkbanner .img		{float:left;margin:0 10px 0 0;}
.linkbanner img			{float:left;margin:0 10px 0 0;}


/*プレゼント*/
#present .intropict			{text-align:center;}


/*たより*/
.tayolink_prev{float:left;padding:10px 0;}
.tayolink_next{float:right;padding:10px 0;}

/*======================================================================
フォーム（プレゼント、年間予約、試食、新米）
======================================================================*/



#formbox dl				{border:#630 1px solid;margin:0;padding:0;clear:both;}
#formbox dt				{background:#630;padding:10px;color:#fff;}
#formbox dd				{margin:0;padding:10px;}
#formbox dd:after		{content:".";display:block;height:0;clear:both;visibility:hidden;}
#formbox dd				{display:inline-block;min-height:1%;}
* html #formbox dd		{height: 1%;}
#formbox dd				{display: block;}


#formbox .arrow			{color:#630;text-align:center;padding:10px;clear:both;}
#formbox .submitbtn		{text-align:center;}
#formbox .lineform		{border-bottom:1px dotted #b82;margin:0 0 5px 0;padding:0 0 5px 0;}

#formbox dl.add			{padding:0;margin:0;border:none;}
#formbox dl.add dt		{margin:0 5px 5px 0;padding:5px 0 0 5px;float:left;clear:both;width:120px;background:#db8;border:1px solid #b82;color:#333;}
#formbox dl.add dd		{margin:0;padding:0 5px 5px 5px;}

#formbox dl.monitor		{padding:0;margin:0;border:none;}
#formbox dl.monitor dt	{margin:0;padding:5px 0 0 5px;background:#db8;border:1px solid #b82;color:#333;}
#formbox dl.monitor dd	{margin:0 0 10px 0;padding:5px;border:1px solid #b82;border-top:none;}

#formbox dl.product		{width:175px;clear:none;float:left;padding:0;margin:0 5px 0 0;border:none;}
#formbox dl.product dt	{margin:0;padding:5px 0 0 5px;background:#db8;border:1px solid #b82;color:#333;}
#formbox dl.product dd	{margin:0 0 10px 0;padding:5px;border:1px solid #b82;border-top:none;text-align:center;}

#formbox dl.cource		{padding:0;margin:0;border:none;clear:both;}
#formbox dl.cource dt	{margin:0;padding:5px 0 0 5px;background:#db8;border:1px solid #b82;color:#333;}
#formbox dl.cource dd	{margin:0 0 10px 0;padding:5px;border:1px solid #b82;border-top:none;}
#formbox dl.cource .img	{width:100px;float:left;}
#formbox dl.cource .pricelist	{width:400px;float:right;padding:15px 0 0 0;}
#formbox dl.cource .pricelist .names	{width:130px;float:left;border-bottom:1px solid #c96;height:15px;padding:0 0 5px 0;}
#formbox dl.cource .pricelist .prices	{width:250px;float:left;border-bottom:1px solid #c96;height:15px;padding:0 0 5px 0;}

#formbox table.month th		{background:#db8;padding:5px;}
#formbox table.month td		{border:#db8 1px solid;padding:5px;text-align:center;}


/*======================================================================
FAQ（ピロール米、広場、年間、試食）
======================================================================*/

#faqbox ul {padding:10px;border:1px solid #dc9;list-style-type:none;}
#faqbox li {padding:5px;border-bottom:1px dotted #dc9;font-weight:bold;font-size:12px;color:#4d401a;}
#faqbox img {margin:5px;}

#faqbox .qbox		{border:1px solid #dc9;padding:0 10px 10px 10px;}
#faqbox .answer		{margin:0 0 10px 0;padding:5px;background:#dc9;font-weight:bold;color:#4d401a;}