@charset "utf-8";

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

* {
   margin: 0;
   padding:0;
}


html {
   background: #df6050;
}


body {
   font-family: "メイリオ",Meiryo,"MS Pゴシック","MS ゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,sans-serif;
   font-size: 62.5%;
   /*16px*62.5%=10px*/

   background: #ffffff;
   color: #555555;
   line-height: 1.5;
}


li {
   list-style-type: none;
}


img {
   border: none;
}


table {
   border: 0;
}


a {
   color: #f7931e;
   text-decoration: none;
}


a:hover {
   color: #cc9a57;
}


/*------------------
 __container
------------------*/
#container {
   margin: 0;
   background: url(../images/yoshidamachi_bg.gif) repeat-x top left;
}


/*------------------
 __header
------------------*/
#header {
   height: 50px;
   background: #df6050;
}

#head_bg {
   display: block;
   width: 800px;
   height: 50px;
   background: url(../images/header_bg.gif) top left;
}



/*------------------
 __main
------------------*/
#main {
   width: 800px;
   padding-top: 25px;
}


/*------------------
 __navi
------------------*/
#navi {
   width: 169px;
   margin-left: 20px;
   float: left;
   display: inline;
}

#navi ul li {
   display: block;
   width: 150px;
   height: 25px;
   padding-bottom: 10px;
}

.top a {
   display: block;
   width: 150px;
   height: 25px;
   background-image: url(../images/nav_top.gif);
   text-indent: -9999px;
   overflow: hidden;
}

.top a:hover {
   display: block;
   width: 150px;
   height: 25px;
   background-image: url(../images/nav_top_roll.gif);
   text-indent: -9999px;
   overflow: hidden;
}

.shop a {
   display: block;
   width: 150px;
   height: 25px;
   background-image: url(../images/nav_shop.gif);
   text-indent: -9999px;
   overflow: hidden;
}

.shop a:hover {
   display: block;
   width: 150px;
   height: 25px;
   background-image: url(../images/nav_shop_roll.gif);
   text-indent: -9999px;
   overflow: hidden;
}

.event a {
   display: block;
   width: 150px;
   height: 25px;
   background-image: url(../images/nav_event_act.gif);
   text-indent: -9999px;
   overflow: hidden;
}

.event a:hover {
   display: block;
   width: 150px;
   height: 25px;
   background-image: url(../images/nav_event_roll.gif);
   text-indent: -9999px;
   overflow: hidden;
}

.gallery a {
   display: block;
   width: 150px;
   height: 25px;
   background-image: url(../images/nav_gallery.gif);
   text-indent: -9999px;
   overflow: hidden;
}

.gallery a:hover {
   display: block;
   width: 150px;
   height: 25px;
   background-image: url(../images/nav_gallery_roll.gif);
   text-indent: -9999px;
   overflow: hidden;
}

.access a {
   display: block;
   width: 150px;
   height: 25px;
   background-image: url(../images/nav_access.gif);
   text-indent: -9999px;
   overflow: hidden;
}

.access a:hover {
   display: block;
   width: 150px;
   height: 25px;
   background-image: url(../images/nav_access_roll.gif);
   text-indent: -9999px;
   overflow: hidden;
}

.link a {
   display: block;
   width: 150px;
   height: 25px;
   background-image: url(../images/nav_link.gif);
   text-indent: -9999px;
   overflow: hidden;
}

.link a:hover {
   display: block;
   width: 150px;
   height: 25px;
   background-image: url(../images/nav_link_roll.gif);
   text-indent: -9999px;
   overflow: hidden;
}


/*------------------
 __mainright
------------------*/
#mainright {
   width: 570px;
   float: right;
   margin-right: 20px;
   display: inline;
   border-left: solid 1px #4a352f;
   padding-left: 20px;
}

.reterntop {
   clear: both;
   text-align: right;
   padding-bottom: 5px;
}

h2 {
   display: block;
   width: 555px;
   height: 25px;
   background-color: #754c24;
   color: #ffffff;
   font-size: 1.5em;
    _font-size: 150%;
   padding-left: 15px;
   padding-top: 4px;
}

h2 img {
   margin-right: 5px;
}

.date {
   font-weight: bold;
   color: #89983b;
}

.setumei {
   font-size: 0.9em;
    _font-size: 90%;
   color: #db3561;
}

.eventgroup {
   margin-top: 15px;
   margin-bottom: 5px;
}

.eventgroup p {
   font-size: 1.2em;
    _font-size: 120%;
}


/*------------------
 __photos
------------------*/
.photos ul {
   margin-bottom: 5px;
}

.photos ul li {
   display: inline;
}

.migiaki {
   margin-right: 4.95px;
}

/*------------------
 __footer
------------------*/
#footer {
   clear: both;
   height: 50px;
   background: #df6050;
}

#foot_bg {
   display: block;
   width: 800px;
   height: 50px;
   background: url(../images/footer_bg.gif) top left;
}


/*------------------
 __footstyle
------------------*/
#footstyle {
   padding-top: 12px;
   padding-left: 200px;
}

address {
   color: #ffffff;
   font-style: normal;
   font-weight: bold;
   text-align: right;
   font-size: 1.1em;
    _font-size: 110%;  
}

.address_shita {
   color: #ffffff;
   font-weight: bold;
   text-align: right; 
   font-size: 1em;
    _font-size: 100%; 
}

.address_shita a {
   color: #ffffff;
}

.address_shita a:hover {
   color: #cc9a57;
}