#left      { width: 180px; float: left }
#left img { vertical-align: top }
#left dl     { background-color: white; background-image: url("../img/left-m-footer.gif"); background-repeat: no-repeat; background-position: 0 100%; margin: 0; padding: 0 0 5px }
#left dl .active { background-position: 0 100% !important }
#left dl #top1  { background-image: url("../img/left-m-top.gif"); background-repeat: no-repeat; text-indent: -9999px; width: 180px; height: 35px; clear: both }
#left dl #top1 a  { background-image: url("../img/left-m-top.gif"); background-repeat: no-repeat; text-indent: -9999px; display: block; width: 180px; height: 35px; clear: both }
#left dl #top1 a:hover  { background-image: url("../img/left-m-top.gif"); background-repeat: no-repeat; background-position: 0 -35px; text-indent: -9999px; display: block; width: 180px; height: 35px; clear: both }
#left dl #gairai { background-image: url("../img/left-m-gairai.gif"); background-repeat: no-repeat; text-indent: -9999px; width: 180px; height: 30px; clear: both }
#left dl #gairai a { background-image: url("../img/left-m-gairai.gif"); background-repeat: no-repeat; text-indent: -9999px; display: block; width: 180px; height: 30px; clear: both }
#left dl #gairai a:hover { background-image: url("../img/left-m-gairai.gif"); background-repeat: no-repeat; background-position: 0 -30px; text-indent: -9999px; display: block; width: 180px; height: 30px; clear: both }
#left dl #nyuuin { background-image: url("../img/left-m-nyuuin.gif"); background-repeat: no-repeat; text-indent: -9999px; width: 180px; height: 30px; clear: both }
#left dl #nyuuin a { background-image: url("../img/left-m-nyuuin.gif"); background-repeat: no-repeat; text-indent: -9999px; display: block; width: 180px; height: 30px; clear: both }
#left dl #nyuuin a:hover { background-image: url("../img/left-m-nyuuin.gif"); background-repeat: no-repeat; background-position: 0 -30px; text-indent: -9999px; display: block; width: 180px; height: 30px; clear: both }
#left dl #kakubusyo { background-image: url("../img/left-m-kakubusyo.gif"); background-repeat: no-repeat; text-indent: -9999px; width: 180px; height: 30px; clear: both }
#left dl #kakubusyo a { background-image: url("../img/left-m-kakubusyo.gif"); background-repeat: no-repeat; text-indent: -9999px; display: block; width: 180px; height: 30px; clear: both }
#left dl #kakubusyo a:hover { background-image: url("../img/left-m-kakubusyo.gif"); background-repeat: no-repeat; background-position: 0 -30px; text-indent: -9999px; display: block; width: 180px; height: 30px; clear: both }
#left dl #center { background-image: url("../img/left-m-center.gif"); background-repeat: no-repeat; text-indent: -9999px; width: 180px; height: 30px; clear: both }
#left dl #center a { background-image: url("../img/left-m-center.gif"); background-repeat: no-repeat; text-indent: -9999px; display: block; width: 180px; height: 30px; clear: both }
#left dl #center a:hover { background-image: url("../img/left-m-center.gif"); background-repeat: no-repeat; background-position: 0 -30px; text-indent: -9999px; display: block; width: 180px; height: 30px; clear: both }
#left dl #about { background-image: url("../img/left-m-about.gif"); background-repeat: no-repeat; text-indent: -9999px; width: 180px; height: 30px; clear: both }
#left dl #about a { background-image: url("../img/left-m-about.gif"); background-repeat: no-repeat; text-indent: -9999px; display: block; width: 180px; height: 30px; clear: both }
#left dl #about a:hover { background-image: url("../img/left-m-about.gif"); background-repeat: no-repeat; background-position: 0 -30px; text-indent: -9999px; display: block; width: 180px; height: 30px; clear: both }
#left dl #access { background-image: url("../img/left-m-access.gif"); background-repeat: no-repeat; text-indent: -9999px; width: 180px; height: 30px; clear: both }
#left dl #access a { background-image: url("../img/left-m-access.gif"); background-repeat: no-repeat; text-indent: -9999px; display: block; width: 180px; height: 30px; clear: both }
#left dl #access a:hover { background-image: url("../img/left-m-access.gif"); background-repeat: no-repeat; background-position: 0 -30px; text-indent: -9999px; display: block; width: 180px; height: 30px; clear: both }
#left dl #chiiki { background-image: url("../img/left-m-chiiki.gif"); background-repeat: no-repeat; text-indent: -9999px; width: 180px; height: 30px; clear: both }
#left dl #chiiki a { background-image: url("../img/left-m-chiiki.gif"); background-repeat: no-repeat; text-indent: -9999px; display: block; width: 180px; height: 30px; clear: both }
#left dl #chiiki a:hover { background-image: url("../img/left-m-chiiki.gif"); background-repeat: no-repeat; background-position: 0 -30px; text-indent: -9999px; display: block; width: 180px; height: 30px; clear: both }
#left dl dd ul  { text-align: left; list-style-type: none; margin: 0; padding: 0 }
#left dl dd ul li  { font-size: 80%; text-align: left; height: 1%; vertical-align: top; border-top: 1px solid #fff; border-bottom: 1px solid #cdcdcd }
#left dl dd ul li a     { color: #222; text-decoration: none; background-image: url("../img/left_midashi.gif"); background-repeat: no-repeat; background-position: 15px 10px; display: block; padding: 7px 7px 7px 25px; height: 1% }
#left dl dd ul li a:hover   { background-color: #ddffc5; background-image: url("../img/left_midashi.gif"); background-repeat: no-repeat; background-position: 15px 10px }
#left dl dd ul li ul li    { font-size: 100%; vertical-align: top; border-top: 1px solid #cdcdcd; border-bottom: none }
#left dl dd ul li ul li a       { color: #222; text-decoration: none; background-image: url("../img/left_midashi.gif"); background-repeat: no-repeat; background-position: 35px 11px; display: block; padding: 7px 10px 7px 45px; height: 1% }
#left dl dd ul li ul li a:hover     { background-color: #ddffc5; background-image: url("../img/left_midashi.gif"); background-repeat: no-repeat; background-position: 35px 11px }

#left dl dd ul li     { background-color: #fff }
#left dl dd ul li .here    { background-color: #ddffc5 }
#left dl dd .here     { background-color: #ddffc5 }

#sub   { margin-bottom: 10px; height: 1%; clear: both }
#left #sub ul        { background-image: url("../img/left-m-footer2.gif") !important; background-repeat: no-repeat !important; background-position: 0 100% !important; margin: 10px 0 0; padding: 0 0 5px; height: 1% }
#left #sub ul{
zoom: 100%;
}
ul:after{
content: "";
clear: both;
height: 0;
display: block;
visibility: hidden;
}
#left #sub ul li { margin: 0; padding: 0; clear: both }
#left #sub ul .active { background-position: 0 100% !important }
#left #sub ul #contact   { background-image: url("../img/l-contact-btn.gif"); background-repeat: no-repeat; text-indent: -9999px; width: 180px; height: 27px; clear: both }
#left #sub ul #contact a   { background-image: url("../img/l-contact-btn.gif"); background-repeat: no-repeat; text-indent: -9999px; display: block; width: 180px; height: 27px; clear: both }
#left #sub ul #contact a:hover   { background-image: url("../img/l-contact-btn.gif"); background-repeat: no-repeat; background-position: 0 -27px; text-indent: -9999px; display: block; width: 180px; height: 27px; clear: both }
#left #sub ul #link  { background-image: url("../img/l-link-btn.gif"); background-repeat: no-repeat; text-indent: -9999px; width: 180px; height: 27px; clear: both }
#left #sub ul #link a  { background-image: url("../img/l-link-btn.gif"); background-repeat: no-repeat; text-indent: -9999px; display: block; width: 180px; height: 27px; clear: both }
#left #sub ul #link a:hover  { background-image: url("../img/l-link-btn.gif"); background-repeat: no-repeat; background-position: 0 -27px; text-indent: -9999px; display: block; width: 180px; height: 27px; clear: both }
#left #sub ul #sitemap  { background-image: url("../img/l-sitemap-btn.gif"); background-repeat: no-repeat; text-indent: -9999px; width: 180px; height: 27px; clear: both }
#left #sub ul #sitemap a  { background-image: url("../img/l-sitemap-btn.gif"); background-repeat: no-repeat; text-indent: -9999px; display: block; width: 180px; height: 27px; clear: both }
#left #sub ul #sitemap a:hover  { background-image: url("../img/l-sitemap-btn.gif"); background-repeat: no-repeat; background-position: 0 -27px; text-indent: -9999px; display: block; width: 180px; height: 27px; clear: both }
.mt10 { margin-top: 10px !important }


#guide     { font-family: "Meiryo UI", "MS UI Gothic" !important; background-color: white; margin-top: 7px; width: 180px !important; clear: both !important }
#guide-list    { list-style-type: none !important; padding-top: 10px !important; width: 180px !important; min-width: 178px !important; max-width: 178px !important; clear: both !important; border-right: 1px solid #ccc !important; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc }
#guide-list table  { margin-right: auto; margin-bottom: 10px; margin-left: auto; width: 90%; clear: both; border: solid 1px #d0eabe }
#guide-list table th { color: #327302; font-size: 95%; background-color: #dafdbe; background-image: url("../img/green-back.gif"); background-repeat: repeat-x; background-position: 0 100%; text-align: left; margin-top: 10px; padding: 3px }
#guide-list table td { font-size: 80%; text-align: left; padding: 10px 5px 5px }
#left .pm-gray  { background-color: #ebebeb; background-image: url("../img/gray-back.gif"); background-repeat: repeat-x; background-position: 0 100%; padding: 3px 5px }
#left .pm-cream  { background-color: #ffedd1; background-image: url("../img/cream-back.gif"); background-repeat: repeat-x; background-position: 0 100%; padding: 3px 5px }
#left .day-doyou  { background-color: #cbeffc; background-image: url("../img/blue-back.gif"); background-repeat: repeat-x; background-position: 0 100%; padding: 3px }
#left .day-nitiyou  { background-color: #fccbcb; background-image: url("../img/red-back.gif"); background-repeat: repeat-x; background-position: 0 100%; padding: 3px }

#guide-title   { background-image: url("../img/gairai-ltitle.gif") !important; background-repeat: no-repeat !important; width: 180px !important; height: 26px !important }
#guide-title dt  { font-size: 0; line-height: 0 }
#guide-title dd    { background-image: url("../img/gairai-to-detail.gif"); display: inline; margin-top: 9px !important; margin-right: 4px !important; width: 45px; height: 18px; float: right }
#guide-title dd a  { background-image: url("../img/gairai-to-detail.gif"); display: block; width: 45px; height: 18px }
#guide-title dd a:hover  { background-image: url("../img/gairai-to-detail.gif"); background-position: 0 -18px; display: block; width: 45px; height: 18px }