@charset "utf-8";

html {
 margin: 0px;
 /* setting border: 0 hoses ie6 win window inner well border */
padding: 0px;
_margin-left: 1px;
}

body {
margin: 0px;
/* setting border: 0 hoses ie5 win window inner well border */
padding: 0px;
color:#301914;
font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

form { margin: 0px; padding: 0px; }
a img { border: 0px; padding:0; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1, h2, h3, h4, h5, h6, p, ol, ul,li, pre, blockquote { margin: 0px ; padding:0px}
li { list-style:none; }
td{ font-size:12px; }
.clearer { clear: both; display: block; margin: 0px; padding: 0px; height: 0px; line-height: 1px; font-size: 1px; }

a{color:#351c16; text-decoration:none; }
a:visited{color:#351c16;}
a:hover{color:#fea502; }
a:active{color:#fea502;}

.clr{ clear:both; }
.fleft{ float:left; }
.fright{ float:right; }

a:link img{ text-decoration:none; }

.alpha a:hover img,
input.alpha:hover{
filter: alpha(opacity=70);
-moz-opacity:0.70;
opacity:0.70;
}


/*---------- Header ----------*/

#header{
	width:990px;
	line-height:1.2;
	color:#351c16;
	font-size:12px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#header #wrapper{
	background-color:#301914;
	clear:both;
	}

#header .logo{
	float:left;
	height:17px;
	background:url(../images/header/logomark.gif) no-repeat 10px 0;
	padding-left:33px;
	font-size:12px;
	margin:7px 0 0 0;
	padding-top:2px;
	color:#FFF;
	}
	
#header .logo a{
	color:#FFF;
	text-decoration:none;
	}
	
#header .logo a:hover{
	color:#FFF;
	text-decoration:underline;
	}

#header #tab_container {
	float:right;
	width:638px;
	padding:7px 7px 7px 0 !important;
	}


#header #tab_container ul.hdnavi{
	list-style:none;
	}
	
#header #tab_container ul.hdnavi li{
	float:left;
	margin-right:20px;
	padding:5px 0 0 0 !important;
	}
	
#header #tab_container ul.hdnavi li a{
	height:10px;
	 display:block;
 	 overflow:hidden;
	 background:url(../images/header/headnavi.gif) no-repeat;
	 text-indent:100%;
	 white-space:nowrap;
	}
	
#header #tab_container ul.hdnavi li.ask a{
	width:74px;
	background-position:0 0;
}

#header #tab_container ul.hdnavi li.review a{
	width:50px;
	background-position:-94px 0;
}

#header #tab_container  ul.hdnavi li.manner a{
	width:82px;
	background-position:-165px 0;
}

#header #tab_container ul.hdnavi li.faq a{
	width:30px;
	background-position:-267px 0;
}

#header #tab_container ul.hdnavi li.cart a{
	width:64px;
	background-position:-317px 0;
}

#header #tab_container ul.hdnavi li.ask a:hover{
	width:74px;
	background-position:0 -12px;
}

#header #tab_container ul.hdnavi li.review a:hover{
	width:50px;
	background-position:-94px -12px;
}

#header #tab_container ul.hdnavi li.manner a:hover{
	width:82px;
	background-position:-165px -12px;
}

#header #tab_container ul.hdnavi li.faq a:hover{
	width:30px;
	background-position:-267px -12px;
}

#header #tab_container ul.hdnavi li.cart a:hover{
	width:64px;
	background-position:-317px -12px;
}


#header #tab_container .formArea{
	float:right;
	border:1px solid #FFF;
	background-color:#FFF;
	padding:1px 0 0 0;
}
#header #tab_container .formArea input.searchbox {
	float: left;
	width: 180px;
	height: 11px;
	font-size:11px;
	padding-left:3px;
	border:1px solid #FFF;
}

#header #tab_container .formArea input.submit {
	float: left;
}


/*-----Gnavi-----*/

#header #gnav{
	width:990px;
	height:23px;
	margin:7px 0 12px 0;
	padding-bottom:5px;
	border-bottom:2px solid #301914;
}
#header #gnav ul li {
	position:relative;
	float:left;
	height:23px;
}
#header #gnav ul li a {
	overflow:hidden;
	text-indent:-9999px;
	display:block;
	height:23px;
	background:url(../images/header/globalnavi.gif) no-repeat 0 0;
}
#header #gnav ul li.shussan_u a { width:103px; background-position:0 0;}
#header #gnav ul li.shussan_u a:hover { width:103px; background-position:0 -31px;}
#header #gnav ul li.shussan a { width:103px; background-position:-103px 0;}
#header #gnav ul li.shussan a:hover { width:103px; background-position:-103px -31px;}
#header #gnav ul li.kekkon_u a { width:103px; background-position:-206px 0;}
#header #gnav ul li.kekkon_u a:hover { width:103px; background-position:-206px -31px;}
#header #gnav ul li.kekkon a { width:103px; background-position:-309px 0;}
#header #gnav ul li.kekkon a:hover { width:103px; background-position:-309px -31px;}
#header #gnav ul li.kaiki a { width:103px; background-position:-412px 0;}
#header #gnav ul li.kaiki a:hover { width:103px; background-position:-412px -31px;}
#header #gnav ul li.okouden a { width:103px; background-position:-515px 0;}
#header #gnav ul li.okouden a:hover { width:103px; background-position:-515px -31px;}
#header #gnav ul li.birthday a { width:103px; background-position:-618px 0; }
#header #gnav ul li.birthday a:hover { width:103px; background-position:-618px -31px;}
#header #gnav ul li.sale a { background-position:-732px 0; width:110px !important; margin-left:11px; }
#header #gnav ul li.sale a:hover { background-position:-732px -31px; width:110px !important; margin-left:11px; }
#header #gnav ul li.catalog a { background-position:-850px 0; width:110px !important; margin-left:8px; }
#header #gnav ul li.catalog a:hover { background-position:-850px -31px; width:110px !important; margin-left:8px; }