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


 All reset


------------------------------------------------------------------- */
* html {overflow-y: scroll;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin: 0;padding: 0;color:#524c49;}
h1,h2,h3,h4,h5,h6 {font-size: 100%;}
body{font-size:75%;}
html>/**/body {font-size: 12px;}

/*--- default ---*/
body {font-family: "ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Sans-Serif;line-height: 170%;} 
/*--- for IF6 ---*/
* html body {font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;}

table {border-collapse: collapse;border-spacing: 0;}
img,abbr,acronym,fieldset {border: 0;}
li {list-style-type: none;}

address,caption,cite,code,dfn,em,strong,th,var {font-style: normal;}
caption,th {text-align: left;}
q:before,q:after {content: '';}
object,embed {vertical-align: top;}
hr,legend {display: none;}

/*----- clearfix -----*/
/*for IE 5.5-7*/
.clearfix{zoom:1;}
/*for modern browser*/
.clearfix:after{content:".";display: block;height:0px;clear:both;visibility:hidden;}

#pgto2 a{
	position:fixed;
	display:block;
	width:28px;
	height:28px;
	text-indent:-9999px;
	background:url(../images/pgtp2.gif) no-repeat 0 0;
	border-top:solid 1px #FFF;
	border-right:solid 1px #404040;
	border-bottom:solid 1px #404040;
	border-left:solid 1px #FFF;
}
#pgto2 a:hover{
	background:url(../images/pgtp2.gif) no-repeat 0 -27px;
}



/* -------------------------------------------------------------------


 header Area


------------------------------------------------------------------- */
#headerArea{
	width:910px;
	height:85px;
	margin:0 auto 0;
}
#headerArea #logo_L{
	width:277px;
	height:72px;
	text-indent:-9999px;
	background:url(../images/logo.gif) no-repeat 0 0;
	float:left;
	margin:13px 0 0 0;
}
#headerArea #logo_R{
	width:633px;
	height:72px;
	float:right;
	background:url(../images/image.gif) no-repeat 500px 0;
	margin:13px 0 0 0;
}
#headerArea #logo_R #h1_ttl{
	width:400px;
	text-align:right;
	font-size:88%;
	font-weight:normal;
	color:#39261d;
	line-height:140%;
	margin:11px 0 0 100px;
}
#headerArea #logo_R #telephone{
	width:400px;
	height:18px;
	text-indent:-9999px;
	background:url(../images/telephone.gif) no-repeat 58px 0;
	margin:5px 0 0 100px;
}





/* -------------------------------------------------------------------


 Gloval navi Area


------------------------------------------------------------------- */
#gnaviArea,#gnaviArea_2nd{clear:both;position:relative;width:100%;background:url(../images/gmanu_bg.gif) repeat-x;margin:13px 0 0 0;}
#gnaviArea #gnavi{clear:both;width:910px;height:47px;margin:0 auto;}
#gnaviArea_2nd #gnavi{clear:both;width:910px;height:51px;margin:0 auto;}
#gnaviArea #gnavi li,#gnaviArea_2nd #gnavi li{float:left;height:43px;}

#gnaviArea_2nd #gnavi .home a,#gnaviArea #gnavi .home a{width:85px;height:43px;background:url(../images/gmanu.gif) 0 0;text-indent:-9999px;display:block;}
#gnaviArea_2nd #gnavi .news a,#gnaviArea #gnavi .news a{width:92px;height:43px;background:url(../images/gmanu.gif) -85px 0;text-indent:-9999px;display:block;}
#gnaviArea_2nd #gnavi .raisinwitch a,#gnaviArea #gnavi .raisinwitch a{width:148px;height:43px;background:url(../images/gmanu.gif) -177px 0;text-indent:-9999px;display:block;}
#gnaviArea_2nd #gnavi .cake a,#gnaviArea #gnavi .cake a{width:84px;height:43px;background:url(../images/gmanu.gif) -325px 0;text-indent:-9999px;display:block;}
#gnaviArea_2nd #gnavi .pastry a,#gnaviArea #gnavi .pastry a{width:98px;height:43px;background:url(../images/gmanu.gif) -409px 0;text-indent:-9999px;display:block;}
#gnaviArea_2nd #gnavi .cookies a,#gnaviArea #gnavi .cookies a{width:152px;height:43px;background:url(../images/gmanu.gif) -507px 0;text-indent:-9999px;display:block;}
#gnaviArea_2nd #gnavi .shop a,#gnaviArea #gnavi .shop a{width:100px;height:43px;background:url(../images/gmanu.gif) -659px 0;text-indent:-9999px;display:block;}
#gnaviArea_2nd #gnavi .about a,#gnaviArea #gnavi .about a{width:151px;height:43px;background:url(../images/gmanu.gif) -759px 0;text-indent:-9999px;display:block;}

#gnaviArea_2nd #gnavi .home a:hover,#gnaviArea #gnavi .home a:hover{background:url(../images/gmanu.gif) 0 -43px}
#gnaviArea_2nd #gnavi .news a:hover,#gnaviArea #gnavi .news a:hover{background:url(../images/gmanu.gif) -85px -43px}
#gnaviArea_2nd #gnavi .raisinwitch a:hover,#gnaviArea #gnavi .raisinwitch a:hover{background:url(../images/gmanu.gif) -177px -43px}
#gnaviArea_2nd #gnavi .cake a:hover,#gnaviArea #gnavi .cake a:hover{background:url(../images/gmanu.gif) -325px -43px}
#gnaviArea_2nd #gnavi .pastry a:hover,#gnaviArea #gnavi .pastry a:hover{background:url(../images/gmanu.gif) -409px -43px}
#gnaviArea_2nd #gnavi .cookies a:hover,#gnaviArea #gnavi .cookies a:hover{background:url(../images/gmanu.gif) -507px -43px}
#gnaviArea_2nd #gnavi .shop a:hover,#gnaviArea #gnavi .shop a:hover{background:url(../images/gmanu.gif) -659px -43px}
#gnaviArea_2nd #gnavi .about a:hover,#gnaviArea #gnavi .about a:hover{background:url(../images/gmanu.gif) -759px -43px}

#gnaviArea_2nd #gnavi .home a:active,#gnaviArea #gnavi .home a:active{background:url(../images/gmanu.gif) 0 -86px}
#gnaviArea_2nd #gnavi .news a:active,#gnaviArea #gnavi .news a:active{background:url(../images/gmanu.gif) -85px -86px}
#gnaviArea_2nd #gnavi .raisinwitch a:active,#gnaviArea #gnavi .raisinwitch a:active{background:url(../images/gmanu.gif) -177px -86px}
#gnaviArea_2nd #gnavi .cake a:active,#gnaviArea #gnavi .cake a:active{background:url(../images/gmanu.gif) -325px -86px}
#gnaviArea_2nd #gnavi .pastry a:active,#gnaviArea #gnavi .pastry a:active{background:url(../images/gmanu.gif) -409px -86px}
#gnaviArea_2nd #gnavi .cookies a:active,#gnaviArea #gnavi .cookies a:active{background:url(../images/gmanu.gif) -507px -86px}
#gnaviArea_2nd #gnavi .shop a:active,#gnaviArea #gnavi .shop a:active{background:url(../images/gmanu.gif) -659px -86px}
#gnaviArea_2nd #gnavi .about a:active,#gnaviArea #gnavi .about a:active{background:url(../images/gmanu.gif) -759px -86px}


/* ---------------------
 about
--------------------- */
#flashArea{
	clear:both;
	width:100%;
	height:322px;
	padding:10px 0 0 0;
	background:url(../images/flash_bg.gif) repeat-x;
}
#flash{
	width:910px;
	height:295px;
	margin:0 auto 0;
	position:relative;
	z-index:1;
}
#flash #ribbon{
	position:absolute;
	top:-3px;
	left:-1px;
	z-index:10;
}

* html #flash #ribbon{display:none;}

/* -------------------------------------------------------------------


 Footer Area


------------------------------------------------------------------- */

/* ---------------------
 Page top
--------------------- */
#pgtp{
	clear:both;
}
#pgtp a{
	display:block;
	width:118px;
	height:20px;
	text-indent:-9999px;
	background:url(../images/pgtp.gif) no-repeat 0 0;
	overflow:hidden;
	margin:0 0 0 792px;
}
#pgtp a:hover{
	background:url(../images/pgtp.gif) no-repeat 0 -20px;
}

/* ---------------------
 Footer
--------------------- */
#footerArea{
	width:100%;
	background:#1e110b;
	margin:5px 0 0 0;
	padding:0 0 50px 0;
}
#footer{
	width:910px;
	margin:0 auto;
	padding:18px 0 0 0;
}
#fnavi{
	margin:0 0 40px 0;
}
#fnavi li{
	float:left;
}
#fnavi li a{
	background:url(../images/arrow2.gif) no-repeat 0 50%;
	padding:0 0 0 18px;
	margin:0 15px 0 0;
	color:#d9cfca;
	text-decoration:underline;
}
#fnavi li a:hover{
	color:#ff5500;
	text-decoration:none;
}
#shopinfo{
	clear:both;
	width:645px;
	margin:41px 0 0 0;
	float:left;
}
#shopinfo p{
	color:#d9cfca;
}
#shopinfo #shopinfo_ttl{
	font-size:120%;
	font-weight:bold;
	margin:0 0 5px 0;
}
#shopinfo #copyright{
	width:225px;
	height:9px;
	text-indent:-9999px;
	background:url(../images/copyright.gif) no-repeat;
	margin:5px 0;
}
#mobile{
	float:right;
	width:255px;
	/*height:84px;*/
	height:125px;
	text-indent:-9999px;
	background:url(../images/mobile.gif) no-repeat;
}

/* ---------------------
 Page navi
--------------------- */
.pnavi{
	width:100%;
	text-align:center;
}
.pnavi a{
	color:#524c49;
	padding:5px;
	border:solid 1px #dbcec7;
	text-decoration:none;
}
.pnavi a:hover{
	color:#FFFFFF;
	border:solid 1px #1a0e08;
	background:#1a0e08;
	padding:5px;
}
.pnavi .here{
	color:#FFFFFF;
	font-weight:bold;
	border:solid 1px #1a0e08;
	background:#1a0e08;
	padding:5px;
}

/* ---------------------
 Pnkz
--------------------- */
#pnkz{
	background:url(../images/home.gif) no-repeat 0 50%;
	padding:0 0 0 24px;
	color:#806c62;
}
#pnkz a{
	color:#806c62;
}
#pnkz a:hover{
	color:#FF5500;
	text-decoration:none;
}