@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;
}

/*------------------
 __.content
------------------*/



/*------------------
 __main
------------------*/
#main {
   float: left;
   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_act.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.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;
}

#navi img{
	display:block;
}

/*------------------
 __mainright
------------------*/
#mainright {
   width: 570px;
   float: right;
   margin-right: 20px;
   display: inline;
}

#yoshidamachi_cm {
   /*margin-top: 30px;*/
}

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

/*------------------
 __specialevent
------------------*/
#specialevent {
   margin-top: 15px;
}

/*------------------
 __boxleft
------------------*/
#boxleft {
   clear: both;
   float: left;
   margin-top: 15px;
   margin-bottom: 15px;
}

#shopbox {
   display: block;
   width: 274px;
   border: solid 1px #754c24;
}

#gallerybox {
   display: block;
   width: 274px;
   border: solid 1px #754c24;
   margin-top: 15px;
}

.boxnaka {
   padding: 5px;
}

.td1 {
   width: 85px;
   height: 40px;
   background-color: #ebebeb;
}

.td2 {
   padding-left: 10px;
   font-size: 1em;
    _font-size: 90%; 
}


/*------------------
 __boxright
------------------*/
#boxright {
   float: right;
   margin-top: 15px;
   margin-bottom: 15px;
}

#eventbox {
   display: block;
   width: 274px;
   border: solid 1px #754c24;
}

#accessbox {
   display: block;
   width: 274px;
   border: solid 1px #754c24;
   margin-top: 15px;
}


/*------------------
 __yoshidamachicoin
------------------*/
#yoshidamachicoin {
   clear: both;
   margin-top: 20px;
   display: block;
   width: 570px;
   height: 120px;
}


/*------------------
 __station
------------------*/
#station {
   float: left;
   width: 250px;
   background-color: #efefef;
}

#ust_contents {
   margin: 0;
   padding: 0;
   background-image: url(../station/ust_banner2.png);
   display: block;
   width: 250px;
   height: 220px;
   position: relative;
}

#ust_movie {
   position: absolute;
   left: 30px;
   top: 52px;
}

.list_contents {
   padding-top: 15px;
}

.more {
   padding-top: 5px;
   text-align: right;
}

.more2 {
   padding-top: 5px;
   padding-bottom: 10px;
   text-align: right;
}


/*------------------
 __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;
}


/*------------------
 __2015.8.17追加
------------------*/
.blog_rss {
   width: 569px;
   margin-top: 20px;
   padding-bottom: 10px;
   /*border: solid 1px #df6050;*/}
#feeds {
   margin-top: 10px;}
#feeds dl {
   margin-left: 30px;
   font-size: 130%;
   line-height: 1.7;}
#feeds dt {
   float: left;
   margin-right: 25px;}