@charset "shift_jis"; 

/* ==========================================================================*/
/*【基本設定】*/
/* ==========================================================================*/

* {
  margin:0;
  padding:0;
  
}

body {
height: 100%;
margin: auto;
text-align: center;
background-image: url(imgf/haikei.jpg);
background-repeat:repeat;
background-position: -1px top;
font: 10pt 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Arial, Helvetica, sans-serif;
line-height:120%;
}

h3 {
font-size: 18pt;
}

h4 {
font-size: 14pt;
}

h5 {
font-size: 11pt;
}

p {
margin: 0;
}

img {
border: none;
}

hr {
border: 1px #000000 dotted;
}

#chefwrapper hr {
border: 1px #FFFFFF dotted;
}

#newstext a:link { color: #ffffff; text-decoration: underline;}

#newstext a:visited { color: #ffffff; text-decoration: underline;}

#newstext a:hover { color: #000000; text-decoration: underline;}


/* ==========================================================================*/
/*【コンテンツ】*/
/* ==========================================================================*/



#contents {
width: 950px;
height: 100%;
background: #ff3300;
margin: auto;
text-align: center;
}


#wrapper {
margin: auto;
text-align: center;
}

#header {
width: 950px;
height: 85px;
background: url(imgf/header.jpg);
position: relative;
}

#title {
position: absolute;
width: 430px;
height: 65px;
top: 10px;
left: 10px;
z-index: 2;
margin: 0;
padding: 0;
}

#headermenuarea {
width: 950px;
height: 30px;
}


#top {
width: 950px;
height: 425px;
background: url(imgf/top_photo.jpg);
margin-top: 10px;
}

#pagetitle {
width: 890px;
height: 20px;
color: #FFFFFF;
padding: 5px 5px 5px 5px;
background-color: #000000;
margin: 20px 25px 0 25px;
text-align: left;
}

.conmarg {
margin-left: 25px;
}

#topleft {
width: 495px;
float: left;
text-align: left;
margin-top: 20px;
}

#topright {
width: 435px;
float: right;
margin: 20px 0 0 20px;
}

.conmarg2 {
margin-right: 25px;
}

#newstext {
color: #FFFFFF;
}

#syukuhaku {
margin: 0 25px 0 25px;
}

.htext1 {
font-size: 18pt;
color: #eb6101;
font-weight: bold;
line-height: 120%;
}

.htext2 {
font-size: 14pt;
font-weight: bold;
}

.htext3 {
font-size: 17pt;
color: #014bc5;
}

.htext4 {
font-size: 9pt;
color: #014bc5;
}

.htext5 {
font-size: 10pt;
background-color: #e3e7a6;
}

.htext6 {
font-size: 9pt;
color: #FFFFFF;
background-color: #eb6101;
}


#shopwrapper {
width: 900px;
height: 100%;
margin: 25px 25px 25px 25px;
background: url(imgf/shop_haikei.jpg);
background-repeat:repeat-y;
} 

#shopleft {
width: 450px;
float: left;
}

#shopright {
width: 450px;
float: left;
}

.shoptable {
width: 398px;
height: 80px;
padding: 10px 10px 10px 10px;
margin: 20px 10px 20px 20px;
border: 1px #000000 dotted;
text-align: left;
background-color: #ffffff;
}

.shoptable2 {
width: 398px;
height: 80px;
padding: 10px 10px 10px 10px;
margin: 20px 20px 20px 10px;
border: 1px #000000 dotted;
text-align: left;
background-color: #ffffff;
}

.shoptable a:link { color: #ff3300; text-decoration: underline;}

.shoptable a:visited { color: #ff3300; text-decoration: underline;}

.shoptable a:hover { color: #ff3300; text-decoration: underline;}

.shoptable2 a:link { color: #ff3300; text-decoration: underline;}

.shoptable2 a:visited { color: #ff3300; text-decoration: underline;}

.shoptable2 a:hover { color: #ff3300; text-decoration: underline;}

.shopimg {
float: left;
margin-right: 10px;
}

.shopbtn {
float: right;
}

#info {
text-align: left;
margin: 20px 0 20px 20px;
}


#bloglink {
text-align: left;
margin: 20px 0 0 20px;
}

#archivelink {
text-align: left;
margin: 20px 0 20px 20px;
}



#footer {
width: 950px;
}

#footertext {
margin: 10px 0 10px 0;
color: #FFFFFF;
}


#footerlink {
width: 950px;
text-align: center;
margin: 10px 20px 0 30px;
}

.shoplink {
line-height: 170%;
}

.shoplink a:link { color: #ffffff; text-decoration: underline;}

.shoplink a:visited { color: #ffffff; text-decoration: underline;}

.shoplink a:hover { color: #000000; text-decoration: underline;}

#hajimeni {
width: 900px;
margin: 0 25px 25px 25px;
background-color: #FFFFFF;
text-align: left;
line-height:170%;
}

#hajimenimarg {
margin: 10px 10px 10px 10px;
}

#pankuzu {
float: left;
margin: 0 0 0 25px;
}

#pankuzu a:link { color: #ffffff; text-decoration: underline;}

#pankuzu a:visited { color: #ffffff; text-decoration: underline;}

#pankuzu a:hover { color: #000000; text-decoration: underline;}


/* ==========================================================================*/
/*【ショップページ】*/
/* ==========================================================================*/

#shoppage {
width: 860px;
height: 100%;
margin: 20px 25px 0 25px;
padding: 20px 20px 0 20px;
background-color: #FFFFFF;
text-align: left;
}

#shoppage3 {
width: 860px;
height: 100%;
margin: 0 25px 25px 25px;
padding: 20px 20px 20px 20px;
background-color: #FFFFFF;
text-align: left;
}


.shoptitle {
width: 850px;
height: 20px;
color: #FFFFFF;
padding: 5px 5px 5px 5px;
background-color: #000000;
}

.nido {
float: left;
margin: 5px 5px 5px 0;
}

.bname {
font-size: 17pt;
}

.bname {
font-size: 15pt;
}

.catch {
font-size: 13pt;
color: #ff3300;
line-height: 160%;
}

.linemarg {
margin: 20px 0 20px 0;
}

.linemarg2 {
margin: 0 0 30px 0;
}

#shopimg {
float: left;
width: 250px;
margin: 0 10px 0 0;
}

#shoptext {
float: right;
width: 600px;
text-align: left;
}

#shopwrapper {
width: 900px;
height: 100%;
margin: 25px 25px 25px 25px;
background: url(imgf/shop_haikei.jpg);
background-repeat:repeat-y;
} 


/* ==========================================================================*/
/*【ヘッダー内メニュー】*/
/* ==========================================================================*/
ul#headermenu{
position: relative;
width: 950px;
height: 30px;
top: 0px;
list-style: none;
overflow: hidden;
z-index: 3;
}

li#menu1 a{
width: 130px;
height: 60px;
position: absolute;
overflow: hidden;
padding: 30px 0 0 0;
text-decoration: none;
top: 0;
}

li#menu2 a{
width: 130px;
height: 60px;
position: absolute;
overflow: hidden;
padding: 30px 0 0 0;
text-decoration: none;
top: 0;
}

li#menu3 a{
width: 130px;
height: 60px;
position: absolute;
overflow: hidden;
padding: 30px 0 0 0;
text-decoration: none;
top: 0;
}

li#menu4 a{
width: 130px;
height: 60px;
position: absolute;
overflow: hidden;
padding: 30px 0 0 0;
text-decoration: none;
top: 0;
}

li#menu5 a{
width: 130px;
height: 60px;
position: absolute;
overflow: hidden;
padding: 30px 0 0 0;
text-decoration: none;
top: 0;
}

li#menu6 a{
width: 130px;
height: 60px;
position: absolute;
overflow: hidden;
padding: 30px 0 0 0;
text-decoration: none;
top: 0;
}


html>body ul#headermenu li a{
height: 0;
}

li#menu1 a{
background: transparent url(imgf/menu1.jpg) no-repeat 0 0;
left: 60px;
}

li#menu2 a{
background: transparent url(imgf/menu2.jpg) no-repeat 0 0;
left: 200px;
}

li#menu3 a{
background: transparent url(imgf/menu3.jpg) no-repeat 0 0;
left: 340px;
}

li#menu4 a{
background: transparent url(imgf/menu4.jpg) no-repeat 0 0;
left: 480px;
}

li#menu5 a{
background: transparent url(imgf/menu5.jpg) no-repeat 0 0;
left: 620px;
}

li#menu6 a{
background: transparent url(imgf/menu6.jpg) no-repeat 0 0;
left: 760px;
}



li#menu1 a:hover{
background-position: 0 -30px;
}

li#menu2 a:hover{
background-position: 0 -30px;
}

li#menu3 a:hover{
background-position: 0 -30px;
}

li#menu4 a:hover{
background-position: 0 -30px;
}

li#menu5 a:hover{
background-position: 0 -30px;
}

li#menu6 a:hover{
background-position: 0 -30px;
}

