@charset "utf-8";

body				{background:#fff;margin:0;padding:0;text-align:center;color:#000;}
p,h1,h2,ul,li,img,form	{margin:0;padding:0;list-style-type:none;border:none;}

#container			{width:930px;margin:50px auto;text-align:left;background:url(../images/bgBody.gif) repeat-y 0 0;}
#containerHead		{background:url(../images/bgHead.gif) no-repeat 0 0;}
#containerFoot		{background:url(../images/bgFoot.gif) no-repeat 0 bottom;padding:16px 16px 0 16px;}
#containerBody		{height:549px;background:url(../images/bgSidebar.gif) no-repeat 0 0;padding:0 0 0 40px;}

body#index #containerBody	{background:none;padding:0;}


#gNav				{padding:0 0 15px 40px;}
#gNav ul			{width:810px;height:40px;background:url(../images/gnavOut.gif) no-repeat 0 0;}
#gNav li			{float:left;}
#gNav a				{display:block;text-indent:-9999px;height:40px;}
#gNav a:hover		{background:url(../images/gnavOver.gif) no-repeat;}
#gNavReason a		{width:245px;}
#gNavRice a			{width:176px;}
#gNavSake a			{width:109px;}
#gNavTaste a		{width:169px;}
#gNavShop a			{width:110px;}
#gNavReason a:hover	{width:245px;}
#gNavRice a:hover	{width:176px;background-position:-245px 0;}
#gNavSake a:hover	{width:109px;background-position:-421px 0;}
#gNavTaste a:hover	{width:169px;background-position:-530px 0;}
#gNavShop a:hover	{width:110px;background-position:-699px 0;}
body#reason #gNavReason a		{background:url(../images/gnavOver.gif) no-repeat 0 0;}
body#rice #gNavRice a			{background:url(../images/gnavOver.gif) no-repeat -245px 0;}
body#sake #gNavSake a			{background:url(../images/gnavOver.gif) no-repeat -421px 0;}
body#taste #gNavTaste a			{background:url(../images/gnavOver.gif) no-repeat -530px 0;}
body#shop #gNavShop a			{background:url(../images/gnavOver.gif) no-repeat -699px 0;}


#footer				{font-size:11px;color:#999;}
#footer p			{padding:0 0 15px 0;}
#footer a,
#footer a:visited	{color:#999;text-decoration:none;}
#footer a:hover		{color:#666;text-decoration:underline;}


#mainContent		{height:549px;}
.mainPhoto			{float:left;width:440px;}
.mainTexts			{float:right;width:414px;color:#fff;}

.mainTitle			{height:75px;padding:0 0 0 20px;}
.mainTitle h1		{padding:25px 0 0 0;}
.mainText			{height:419px;padding:0 20px;font-size:12px;line-height:20px;}
.mainText p			{padding:0 0 15px 0;}
.subPhotos			{width:370px;}
.subPhotos p.photo01{float:left;margin:0 10px 0 0;}
.subPhotos p.photo02{float:left;}


.mainButton			{clear:both;height:54px;}

body#index #mainContent	{background:url(../images/index/bg.jpg) repeat-x 0 0;}
body#reason #mainContent{background:url(../images/reason/bg.gif) repeat-x 0 0;}
body#rice #mainContent	{background:url(../images/rice/bg.gif) repeat-x 0 0;}
body#sake #mainContent	{background:#000 url(../images/sake/bg.gif) no-repeat 0 0;}
body#taste #mainContent	{background:url(../images/taste/bg.gif) repeat-x 0 0;}
body#shop #mainContent	{background:url(../images/shop/bg.gif) repeat-x 0 0;}

/*トップページ*/
body#index #mainContent p.catch{float:left;width:260px;padding:313px 0 0 0;}
body#index #mainContent p.logo{float:left;width:340px;}
#iNav					{float:right;width:280px;margin:0 15px 0 0;padding:20px 0 0 0;}
#iNav ul{}
#iNav li{}
#iNav a				{display:block;text-indent:-9999px;width:280px;height:35px;}
#iNavReason a		{background:url(../images/index/navReason.gif) no-repeat;}
#iNavRice a			{background:url(../images/index/navRice.gif) no-repeat;}
#iNavSake a			{background:url(../images/index/navSake.gif) no-repeat;}
#iNavTaste a		{background:url(../images/index/navTaste.gif) no-repeat;}
#iNavShop a			{background:url(../images/index/navShop.gif) no-repeat;}
#iNavReason a:hover	{background:url(../images/index/navReasonOver.gif) no-repeat;}
#iNavRice a:hover	{background:url(../images/index/navRiceOver.gif) no-repeat;}
#iNavSake a:hover	{background:url(../images/index/navSakeOver.gif) no-repeat;}
#iNavTaste a:hover	{background:url(../images/index/navTasteOver.gif) no-repeat;}
#iNavShop a:hover	{background:url(../images/index/navShopOver.gif) no-repeat;}



/*ショッピングページ*/
body#shop .mainPhoto	{width:340px;}
body#shop .mainTexts	{width:504px;color:#fff;}
body#shop .mainText		{height:473px;}

body#shop #sNav ul			{width:450px;height:30px;background:url(../images/shop/navOut.gif) no-repeat 0 0;}
body#shop #sNav li			{float:left;}
body#shop #sNav a			{display:block;text-indent:-9999px;height:30px;}
body#shop #sNav a:hover		{background:url(../images/shop/navOver.gif) no-repeat;}
body#shop #sNavSake a		{width:152px;}
body#shop #sNavKasu a		{width:150px;}
body#shop #sNavSet a		{width:144px;}
body#shop #sNavSake a:hover	{}
body#shop #sNavKasu a:hover	{background-position:-152px 0;}
body#shop #sNavSet a:hover	{background-position:-302px 0;}
body#shop #sNav .sake #sNavSake a	{background:url(../images/shop/navOver.gif) no-repeat 0 0;}
body#shop #sNav .kasu #sNavKasu a	{background:url(../images/shop/navOver.gif) no-repeat -152px 0;}
body#shop #sNav .set #sNavSet a		{background:url(../images/shop/navOver.gif) no-repeat -302px 0;}


.productList	{padding:0 0 15px 0;overflow:hidden;width:460px;}
.productList li	{float:left;line-height:1em;}
.product01		{margin:0 3px 3px 3px;}
.product02		{margin:0 0 5px 0;}
.product03		{margin:0 5px 0 0;}
.product04		{margin:0;}



.guideButtons		{clear:both;}
.guideButtons li	{float:left;}
.mainText p.attention			{clear:both;font-size:10px;line-height:13px;color:#ffc;padding:10px 0 0 0;}
* html .mainText p.attention	{padding:0;}

.mainText p.buttonBacktolist{width:450px;text-align:right;margin:0;padding:0;}
.productDetail				{width:450px;height:350px;background:url(../images/shop/bgProductDetail.gif) no-repeat 0 0;}
.productDetail th			{vertical-align:top;}
.productDetail td			{vertical-align:top;}

.mainText .productDetail p.title{padding:30px 0 20px 0;}
.mainText .productDetail p.text{padding:0 10px 10px 3px;}
.mainText .productDetail p.form{padding:0 0 10px 0;}
.mainText .productDetail p.note{border-top:1px solid #b4af8c;font-size:10px;line-height:13px;padding:5px 0 0 0;}




