/*----------------------------------------
  body
----------------------------------------*/
/*
html {
height: 100%;
}
*/
body {
background: url(../image/back_final_repeat.jpg) repeat-y center top;
text-align:center;
min-width: 928px;
}

#wrap {
text-align:left;
margin-left:auto;
margin-right:auto;
width: 928px;
}
#img-pattern {
background: url(../image/back_final.jpg) no-repeat center top;
}



/*----------------------------------------
  header
----------------------------------------*/
#header h1 a{
display: block;
width: 197px;
height: 71px;
background: url(../image/fino_logo.png) no-repeat;
float:left;
}
#header h2 {
width: 244px;
height:45px;
background:url(../image/header_copy.jpg) no-repeat;
float:left;
}
#header #link-btn {
width:316px;
height:21px;
float:right;
padding-top:7px;
padding-right:4px;
}
#header #yoyaku a {
display:block;
width:151px;
height:21px;
background:url(../image/header_reserve.jpg) no-repeat;
float:left;
}
#header #otoiawase a {
display:block;
width:214px;
height:28px;
background:url(../image/header_otoiawase.gif) no-repeat;
float:right;
}

#header #otoiawase a:hover { background-position: bottom;}


#header #tel {
width:498px;
height:21px;
background:url(../image/header_tel.gif) no-repeat;
float:right;
padding-right:4px;
}


/*----------------------------------------
  navi
----------------------------------------*/
#header #navi {
clear:both;
height:43px;
padding-top:6px;
padding-left:5px;
background:url(../image/navi_normal.png) no-repeat;
}
#header #navi li {
float:left;
}
#header #navi #navi-01 {
width:131px;
height:35px;
background:url(../image/navi_hover_03.jpg) no-repeat;
}
#header #navi #navi-01 a  {
display:block;
width:131px;
height:35px;
background:url(../image/navi_normal_03.jpg) no-repeat;
}
#header #navi #navi-01  a:hover {
display:block;
width:131px;
height:35px;
background:url(../image/navi_hover_03.jpg) no-repeat;
}
#header #navi #navi-02  {
width:131px;
height:35px;
background:url(../image/navi_hover_03.jpg) no-repeat -131px;
}
#header #navi #navi-02 a  {
display:block;
width:131px;
height:35px;
background:url(../image/navi_normal_03.jpg) no-repeat -131px;
}
#header #navi #navi-02  a:hover {
display:block;
width:131px;
height:35px;
background:url(../image/navi_hover_03.jpg) no-repeat -131px;
}
#header #navi #navi-03  {
width:131px;
height:35px;
background:url(../image/navi_hover_03.jpg) no-repeat -262px;
}
#header #navi #navi-03 a  {
display:block;
width:131px;
height:35px;
background:url(../image/navi_normal_03.jpg) no-repeat -262px;
}
#header #navi #navi-03  a:hover {
display:block;
width:131px;
height:35px;
background:url(../image/navi_hover_03.jpg) no-repeat -262px;
}
#header #navi #navi-04  {
width:131px;
height:35px;
background:url(../image/navi_hover_03.jpg) no-repeat -393px;
}
#header #navi #navi-04 a  {
display:block;
width:131px;
height:35px;
background:url(../image/navi_normal_03.jpg) no-repeat -393px;
}
#header #navi #navi-04  a:hover {
display:block;
width:131px;
height:35px;
background:url(../image/navi_hover_03.jpg) no-repeat -393px;
}
#header #navi #navi-05 {
width:131px;
height:35px;
background:url(../image/navi_hover_03.jpg) no-repeat -524px;
}
#header #navi #navi-05 a {
display:block;
width:131px;
height:35px;
background:url(../image/navi_normal_03.jpg) no-repeat -524px;
}
#header #navi #navi-05 a:hover {
display:block;
width:131px;
height:35px;
background:url(../image/navi_hover_03.jpg) no-repeat -524px;
}
#header #navi #navi-06 {
width:131px;
height:35px;
background:url(../image/navi_hover_03.jpg) no-repeat -655px;
}
#header #navi #navi-06 a {
display:block;
width:131px;
height:35px;
background:url(../image/navi_normal_03.jpg) no-repeat -655px;
}
#header #navi #navi-06 a:hover {
display:block;
width:131px;
height:35px;
background:url(../image/navi_hover_03.jpg) no-repeat -655px;
}
#header #navi #navi-07 {
width:133px;
height:35px;
background:url(../image/navi_hover_03.jpg) no-repeat -786px;
}
#header #navi #navi-07 a {
display:block;
width:133px;
height:35px;
background:url(../image/navi_normal_03.jpg) no-repeat -786px;
}
#header #navi #navi-07 a:hover {
display:block;
width:133px;
height:35px;
background:url(../image/navi_hover_03.jpg) no-repeat -786px;
}


/*----------------------------------------
  to-the-top
----------------------------------------*/
#to-the-top {
clear:both;
margin-left: 808px;
}
#to-the-top p {
padding-bottom:15px;
}
#to-the-top a {
display: block;
width: 91px;
height: 12px;
background: url(../image/pagetop.jpg) no-repeat;
}
#to-the-top a:hover {
background: url(../image/pagetop.jpg) no-repeat -91px;
}




/*----------------------------------------
  footer
----------------------------------------*/
#footer {
clear:both;
background: #330000;
text-align:center;
padding-bottom: 20px;
}
#inner-footer {
width: 928px;
text-align:left;
margin-left:auto;
margin-right:auto;
padding-top: 12px;
padding-right: 4px;
}
#inner-footer p#copy-right {
float:left;
width: 268px;
height: 13px;
margin-left: 19px;
background:url(../image/copyright.jpg) no-repeat;
display: inline;
}

#footer #inner-footer #footer-right {
width: 402px;
float: right;
}
#inner-footer ul {
float: right;
height:13px;
background: url(../image/footer_menu.jpg) no-repeat;
}
#inner-footer li {
float: left;
}
#inner-footer li a {
display: block;
height: 13px;
}
#inner-footer li#f-menu-01 a {
width:57px ;
}
#inner-footer li#f-menu-02 a {
width:73px ;
}
#inner-footer li#f-menu-03 a {
width:59px ;
}
#inner-footer li#f-menu-04 a {
width:101px ;
}
#inner-footer li#f-menu-05 a {
width:112px ;
}
#inner-footer li#f-menu-01 a:hover {
background:url(../image/footer_menu.jpg) no-repeat 0 -13px;
}
#inner-footer li#f-menu-02 a:hover {
background:url(../image/footer_menu.jpg) no-repeat -57px -13px;
}
#inner-footer li#f-menu-03 a:hover {
background:url(../image/footer_menu.jpg) no-repeat -130px -13px;
}
#inner-footer li#f-menu-04 a:hover {
background:url(../image/footer_menu.jpg) no-repeat -189px -13px;
}
#inner-footer li#f-menu-05 a:hover {
background:url(../image/footer_menu.jpg) no-repeat -290px -13px;
}
#shop-info {
clear: both;
background: url(../image/shop_info.jpg) no-repeat #FFF;
width: 283px;
height: 11px;
float: right;
margin-top:10px;
}



/*----------------------------------------
  #banner
----------------------------------------*/
#banner {
clear: both;
padding-top: 17px;
padding-bottom: 30px;
}
#banner img{
margin-top: 10px;
}