@charset "utf-8";


/*------------------
 __デフォルトクリア
------------------*/

* {
   margin: 0;
   padding:0;
}

h1,h2,h3,h4,h5,h6,ul,ol,li,p,address {
   font-size: 14px;
   _font-size: 87.5%;
   font-weight: normal;
}

li {
   list-style-type: none;
}

img {
   border: 0;
}

body {
   font-family: Helvetica, Arial,"MS Pゴシック","MS ゴシック","HiraKakuPro-W3","ヒラギノ角ゴ Pro W3",Osaka,sans-serif;
   background: url(../img/woodback.jpg) top left;
   color: #42210b;
   line-height: 1.5;
}

*html body {
   font-family: Helvetica, Arial,"MS Pゴシック","MS ゴシック","HiraKakuPro-W3","ヒラギノ角ゴ Pro W3",Osaka,sans-serif;
   background: #af6c3a;
   color: #42210b;
   line-height: 1.5;
}



a {
   color: #4c6733;
   text-decoration: none;
}

a:hover {
   color: #ef810f;
}

/*------------------
 __container
------------------*/
#container {
  background: url(../img/yotuba.png) no-repeat top left;
}

*html #container {
  background: url(../img/yotuba-ie.gif) no-repeat top left;
}

/*------------------
 __wrapper
------------------*/
#wrapper {
   position: relative;
   width: 730px;
   padding: 80px 0 0 100px;
}

/*------------------
 __header
------------------*/
p#open {
   font-size: 15px;
   _font-size: 93.75%;
   font-weight: bold;
   position: absolute;
   top: 95px;
   left: 290px;
}

p#open .holi {
   color: #be0032;
}

h2#tel {
   position: absolute;
   width: 540px;
   top: 180px;
   left: 290px;
   font-size: 17px;
   _font-size: 106.25%;
   color: #ffffff;
   font-weight: bold;
}

h2#tel .add {
   padding-left: 15px;
   font-size: 12px;
   _font-size: 75%;
   color: #42210b;
}

p#messa {
   position: absolute;
   top: 144px;
   left: 290px;
}

p#party {
   position: absolute;
   top: 144px;
   left: 665px;
}

p#blog {
   position: absolute;
   top: 144px;
   left: 747.5px;
}

/*------------------
 __navi
------------------*/
#navi ul,
#navi ul li {
   float: left;
}

#navi {
   margin: 15px 0 15px 0;
   width: 730px;
   height: 34px;
   background: url(../img/nav-top.png) no-repeat;
}

*html #navi {
   margin: 15px 0 15px 0;
   width: 730px;
   height: 34px;
   background: url(../img/nav-top-ie.gif) no-repeat;
}

#navi ul li a {
   display: block;
   width: 104px;
   height: 34px;
   text-indent: -9999px;
   font-size: 0;
   line-height: 0;
}

#navi ul li.navi_top a:focus,
#navi ul li.navi_top a:hover{
   background: url(../img/nav-top.png) no-repeat left -40px;
}

*html #navi ul li.navi_top a:focus,
#navi ul li.navi_top a:hover{
   background: url(../img/nav-top-ie.gif) no-repeat left -40px;
}

#navi ul li.navi_party a:focus,
#navi ul li.navi_party a:hover{
   background: url(../img/nav-top.png) no-repeat -104px -40px;
}

*html #navi ul li.navi_party a:focus,
#navi ul li.navi_party a:hover{
   background: url(../img/nav-top-ie.gif) no-repeat -104px -40px;
}

#navi ul li.navi_menu a:focus,
#navi ul li.navi_menu a:hover{
   background: url(../img/nav-top.png) no-repeat -208px -40px;
}

*html #navi ul li.navi_menu a:focus,
#navi ul li.navi_menu a:hover{
   background: url(../img/nav-top-ie.gif) no-repeat -208px -40px;
}

#navi ul li.navi_access a:focus,
#navi ul li.navi_access a:hover{
   background: url(../img/nav-top.png) no-repeat -312px -40px;
}

*html #navi ul li.navi_access a:focus,
#navi ul li.navi_access a:hover{
   background: url(../img/nav-top-ie.gif) no-repeat -312px -40px;
}

#navi ul li.navi_event a:focus,
#navi ul li.navi_event a:hover{
   background: url(../img/nav-top.png) no-repeat -416px -40px;
}

*html #navi ul li.navi_event a:focus,
#navi ul li.navi_event a:hover{
   background: url(../img/nav-top-ie.gif) no-repeat -416px -40px;
}

#navi ul li.navi_gallery a:focus,
#navi ul li.navi_gallery a:hover{
   background: url(../img/nav-top.png) no-repeat -520px -40px;
}

*html #navi ul li.navi_gallery a:focus,
#navi ul li.navi_gallery a:hover{
   background: url(../img/nav-top-ie.gif) no-repeat -520px -40px;
}

#navi ul li.navi_link a:focus,
#navi ul li.navi_link a:hover{
   background: url(../img/nav-top.png) no-repeat -624px -40px;
}

*html #navi ul li.navi_link a:focus,
#navi ul li.navi_link a:hover{
   background: url(../img/nav-top-ie.gif) no-repeat -624px -40px;
}

/*------------------
 __content
------------------*/
#content {
   position: relative;
   width: 730px;
   /*height: 353px;*/
   height: auto;
   min-height: 354px;
   background: url(../img/kador-middle.png) repeat-y left top; 
}

*html #content {
   position: relative;
   width: 730px;
   /*height: 353px;*/
   background: url(../img/kador-middle-ie.gif) repeat-y left top; 
}

#content h3 {
   margin-left: 25px;
}

/*------------------
 __main
------------------*/
#main {
   width: 630px;
   margin: 15px 20px 0 50px;
}

p.photo1 {
   position: absolute;
   top: -25px;
   left: 585px;
   line-height: 0;
}

p.photo2 {
   position: absolute;
   top: -25px;
   left: 445px;
   line-height: 0;
}

p.photo3 {
   position: absolute;
   top: 75px;
   left: 445px;
   line-height: 0;
}

p.photo4 {
   position: absolute;
   top: 75px;
   left: 515px;
   line-height: 0;
}

p.photo5 {
   position: absolute;
   top: 175px;
   left: 445px;
   line-height: 0;
}

p.photo6 {
   position: absolute;
   top: 175px;
   left: 585px;
   line-height: 0;
}

p.photo7 {
   position: absolute;
   top: 175px;
   left: 655px;
   line-height: 0;
}

p.photo8 {
   position: absolute;
   top: 275px;
   left: 585px;
   line-height: 0;
}

/*------------------
 __shinchaku
------------------*/
#shinchaku {
   width: 375px;
}


p.reterntop {
   text-align: right;
   font-size: 11px;
    _font-size:68.75%;
   margin-right: 10px;
}

span.blogtitle {
   font-size: 16px;
   color: #be0032;
   margin-left: 100px;
}
img.blogimg {
   margin-left: 100px;
}

/*------------------
 __footer
------------------*/
address {
   margin-top: 5px;
   font-style: normal;
   font-size: 0.75em;
   text-align: center;
   color: #ffffff;
}