@charset "utf-8";

/*-------------------------------------------------
	reset styles
-------------------------------------------------*/
HTML, BODY, DIV, H1, H2, H3, H4, H5, H6, P, BLOCKQUOTE, PRE, ADDRESS, UL, OL, LI, DL, DT, DD, TABLE, TH, TD, FORM, FIELDSET {
	margin: 0;
	padding: 0;
}
OL,UL,LI {list-style-type: none;}
A {outline:none 0 #000000;}
IMG {border:0;}
SUP,SUB{
	vertical-align: baseline;
	position: relative;
}
SUP { top:-4px }
SUB { top: 4px }

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

HTML, BODY {height:100%;}
BODY{
	text-align:center;
	background:url(../img/bg_p.gif);
}
/*-------------------------------------------------
	text color and size
-------------------------------------------------*/
BODY, TH, TD, H1, H2, H3, H4, H5, H6, PRE, INPUT, TEXTAREA, OPTION, DIV, P, DT, DD, LI, ADDRESS {
	font-size: 12px;
	line-height: 100%;
	font-weight: normal;
	font-style: normal;
	color: #292929;
	font-family: "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Osaka, "MS P Gothic", "ＭＳ Ｐゴシック",sans-serif;
}
/*-------------------------------------------------
 text link
 -------------------------------------------------*/
A {color:#FF0000; text-decoration:underline;}
A:hover {color:#FF0000; text-decoration:none;}
/*-------------------------------------------------
	useful margin
-------------------------------------------------*/
.mbSS{margin-bottom:6px;}
.mbS {margin-bottom:12px;}
.mbM {margin-bottom:24px;}
.mbL {margin-bottom:36px;}
.mlS {margin-left:12px;}
.mrS {margin-right:12px;}
/*-------------------------------------------------
	useful item
-------------------------------------------------*/
.tar {text-align:right;}
.tac {text-align:center;}
.clearfix:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
}
.clearfix {
  _height: 1px;
  min-height: 1px;
  /*￥*//*/
  height: auto;
  overflow: hidden;
  /**/
}
BR.clear {
	font-size: 1px;
	line-height: 0px;
	clear: both;
}
P.note{
	font-size:10px;
	line-height:130%;
}
/*-------------------------------------------------
	wrapbase
-------------------------------------------------*/
#wrapbase {
	margin:0 auto;
	background:#FFFFFF;
	width:750px;
	height:100%;
	min-height:100%;
}
body > #wrapbase{	height:auto;}
/*-------------------------------------------------
	wraphead
-------------------------------------------------*/
#wraphead{
	background-color:#000000;
	text-align:left;
	position:relative;
	background-position: 156px top;
	background-repeat:no-repeat;
	margin-bottom:10px;
}

#wraphead #txt_internet{
	position:absolute;
	top:11px;
	left:486px;
}

#wraphead #pnl_fax{
	position:absolute;
	top:60px;
	left:477px;
}
#wraphead #hnavi{
	background:#CC0000 url(../img/bg_hnavi.gif) repeat-y left top;
	height:26px;
			padding:0px;

}

#wraphead #hnavi UL{
	margin-left:156px;
	height:26px;
}
#wraphead #hnavi LI{
	float:left;
	height:26px;
}
#wraphead #gnavi LI A,
#wraphead #hnavi LI A{
	text-indent:-9999px;
	width:100%;
	height:100%;
	display:block;
	text-decoration:none;
	background-position:left top;
	background-repeat:no-repeat;
}
#wraphead #hnavi LI A:hover {background-position:left bottom;}

#wraphead #hnavi LI#hnaviTop{width:98px;}
#wraphead #hnavi LI#hnaviTop A{	background-image:url(../img/hnaviTop.gif);}
#wraphead #hnavi LI#hnaviLow{width:182px;}
#wraphead #hnavi LI#hnaviLow A{	background-image:url(../img/hnaviLow.gif);}
#wraphead #hnavi LI#hnaviInquiry{width:171px;}
#wraphead #hnavi LI#hnaviInquiry A{	background-image:url(../img/hnaviInquiry.gif);}
#wraphead #hnavi LI#hnaviFax{width:126px;}
#wraphead #hnavi LI#hnaviFax A{	background-image:url(../img/hnaviFax.gif);}

/* color change */

#FuguPage #wraphead #hnavi{	background:#CA6B02 url(../img/bg_hnaviBrown.gif) repeat-y left top;}
#FuguPage #wraphead #hnavi LI#hnaviTop A{	background-image:url(../img/hnaviTopBrown.gif);}
#FuguPage #wraphead #hnavi LI#hnaviLow A{	background-image:url(../img/hnaviLowBrown.gif);}
#FuguPage #wraphead #hnavi LI#hnaviInquiry A{	background-image:url(../img/hnaviInquiryBrown.gif);}
#FuguPage #wraphead #hnavi LI#hnaviFax A{	background-image:url(../img/hnaviFaxBrown.gif);}

#TyazukePage #wraphead #hnavi{	background:#81A536 url(../img/bg_hnaviGreen.gif) repeat-y left top;}
#TyazukePage #wraphead #hnavi LI#hnaviTop A{	background-image:url(../img/hnaviTopGreen.gif);}
#TyazukePage #wraphead #hnavi LI#hnaviLow A{	background-image:url(../img/hnaviLowGreen.gif);}
#TyazukePage #wraphead #hnavi LI#hnaviInquiry A{	background-image:url(../img/hnaviInquiryGreen.gif);}
#TyazukePage #wraphead #hnavi LI#hnaviFax A{	background-image:url(../img/hnaviFaxGreen.gif);}

#YuzuPage #wraphead #hnavi{	background:#81A536 url(../img/bg_hnaviGreen.gif) repeat-y left top;}
#YuzuPage #wraphead #hnavi LI#hnaviTop A{	background-image:url(../img/hnaviTopGreen.gif);}
#YuzuPage #wraphead #hnavi LI#hnaviLow A{	background-image:url(../img/hnaviLowGreen.gif);}
#YuzuPage #wraphead #hnavi LI#hnaviInquiry A{	background-image:url(../img/hnaviInquiryGreen.gif);}
#YuzuPage #wraphead #hnavi LI#hnaviFax A{	background-image:url(../img/hnaviFaxGreen.gif);}

#lowPage #wraphead #hnavi LI#hnaviLow A,
#inquiryPage #wraphead #hnavi LI#hnaviInquiry A{
background-position:left bottom;
}
#topPage #wraphead #hnavi LI#hnaviTop A{display:none;}



#mn_exp{
	width:156px;
	float:left;
	height:58px;
	background:url(../img/bgGnavi.gif) repeat-x;
}

#mn_exp IMG{
	vertical-align:top;
}


#wraphead #gnavi{
	float:left;
	height:58px;
	background:url(../img/bgGnavi.gif) repeat-x;
	width:594px;
}

#wraphead #gnavi LI{
	float:left;
	height:28px;
	margin-bottom:1px;
}

#wraphead #gnavi LI A:hover {background-position:left center;}

#wraphead #gnavi LI#gnaviMentaiko{width:106px;}
#wraphead #gnavi LI#gnaviMentaiko A{	background-image:url(../img/gnaviMentaiko.gif);}
#wraphead #gnavi LI#gnaviChinmi{width:106px;}
#wraphead #gnavi LI#gnaviChinmi A{	background-image:url(../img/gnaviChinmi.gif);}
#wraphead #gnavi LI#gnaviSouzai{width:106px;}
#wraphead #gnavi LI#gnaviSouzai A{	background-image:url(../img/gnaviSouzai.gif);}
#wraphead #gnavi LI#gnaviYuzu{width:108px;}
#wraphead #gnavi LI#gnaviYuzu A{	background-image:url(../img/gnaviYuzu.gif);}
#wraphead #gnavi LI#gnaviFugu{width:116px;}
#wraphead #gnavi LI#gnaviFugu A{	background-image:url(../img/gnaviFugu.gif);}
#wraphead #gnavi LI#gnaviTyazuke{width:74px;}
#wraphead #gnavi LI#gnaviTyazuke A{	background-image:url(../img/gnaviTyazuke.gif);}
#wraphead #gnavi LI#gnaviTonkotsu{width:186px;}
#wraphead #gnavi LI#gnaviTonkotsu A{	background-image:url(../img/gnaviTonkotsu.gif);}
#wraphead #gnavi LI#gnaviMeibutsu{width:114px;}
#wraphead #gnavi LI#gnaviMeibutsu A{	background-image:url(../img/gnaviMeibutsu.gif);}
#wraphead #gnavi LI#gnaviTsumeawase{width:168px;}
#wraphead #gnavi LI#gnaviTsumeawase A{	background-image:url(../img/gnaviTsumeawase.gif);}

#topPage #wraphead{	background-image:url(../img/pic1_2.jpg); }
#sitemapPage #wraphead{	background-image:url(../img/pic1_2.jpg); }
#lowPage #wraphead{	background-image:url(../img/pic1_2.jpg); }
#inquiryPage #wraphead{	background-image:url(../img/pic1_2.jpg); }
#cartPage #wraphead{	background-image:url(../img/pic1_2.jpg); }
#MentaikoPage #wraphead{background-image:url(../shop/img/pic1_2.jpg); }
#OtokuMentaikoPage #wraphead{background-image:url(../shop/img/pic1_2.jpg); }
#ChinmiPage #wraphead{background-image:url(../shop/img/chinmi/pic1_2.jpg);}
#SouzaiPage #wraphead{background-image:url(../shop/img/souzai/pic1_2.jpg);}
#YuzuPage #wraphead{background-image:url(../shop/img/yuzu/pic1_2.jpg); }
#FuguPage #wraphead{background-image:url(../shop/img/fugu/pic1_2.jpg); }
#TyazukePage #wraphead{background-image:url(../shop/img/tyazuke/pic1_2.jpg); }
#TonkotsuPage #wraphead{background-image:url(../shop/img/tonkotus/pic1_2.jpg); }
#MeibutsuPage #wraphead{background-image:url(../shop/img/meibutsu/pic1_2.jpg); }
#TsumeawasePage #wraphead{background-image:url(../shop/img/tsumeawase/pic1_2.jpg); }

#MentaikoPage #wraphead #gnavi LI#gnaviMentaiko A,
#ChinmiPage #wraphead #gnavi LI#gnaviChinmi A,
#SouzaiPage #wraphead #gnavi LI#gnaviSouzai A,
#YuzuPage #wraphead #gnavi LI#gnaviYuzu A,
#FuguPage #wraphead #gnavi LI#gnaviFugu A,
#TyazukePage #wraphead #gnavi LI#gnaviTyazuke A,
#TonkotsuPage #wraphead #gnavi LI#gnaviTonkotsu A,
#MeibutsuPage #wraphead #gnavi LI#gnaviMeibutsu A,
#TsumeawasePage #wraphead #gnavi LI#gnaviTsumeawase A{background-position:left bottom;}


/*-------------------------------------------------
		wrapmain
-------------------------------------------------*/
.leftBox{
	float:left;
	width:660px;
	text-align:left;
}
/*-------------------------------------------------
	wrapsub
-------------------------------------------------*/
.rightBox{
	float:right;
	width:192px;
	display:inline;
	margin-left:12px;
	text-align:left;
}
/*-------------------------------------------------
	wrapfoot
-------------------------------------------------*/
#wrapfoot{
	clear:both;
}
#wrapfoot P{
	font-size:10px;
	margin-bottom:10px;
	line-height:150%;
}
#wrapfoot DIV{
	text-align:right;
	background:#000000 url(../img/bgFoot.gif) no-repeat;
}

/*-------------------------------------------------
	contents
-------------------------------------------------*/

#contents{
	width:750px;
	text-align:left;
	margin-bottom:30px;
}

/*-------------------------------------------------
	contents
-------------------------------------------------*/

.content TD,
.content LI{
	font-size:14px;
	line-height:140%;
	padding:1px 3px;
}

/*-------------------------------------------------
	cartBtn
-------------------------------------------------*/

#cartBtn{
margin-left:595px;
width:150px;
height:22px;
}
#cartBtn A{
	text-indent:-9999px;
	width:100%;
	height:100%;
	display:block;
	text-decoration:none;
	background-image:url(../cart/img/btn_viewcart.gif);
	background-position:left top;
	background-repeat:no-repeat;
}
#cartBtn A:hover {	background-image:url(../cart/img/btn_viewcart_h.gif);}