@charset "UTF-8";

#r_contents_rim #r_contents { width: 629px; _width: 640px; padding: 5px 0 0 11px; }
#r_contents img { vertical-align: top; }
#r_contents div>h3 { margin-bottom: 10px; }
#r_contents .bol { font-weight: bold; }

#mainimage { margin-bottom: 20px; }

#r_contents #new { float: left; width: 415px; margin-bottom: 20px; }
#r_contents #new div#topics {
  width: 415px;
  height: 245px;
  overflow: auto;
}
#r_contents #new div#topics dl { width: 389px; }
#r_contents #new div#topics dt { padding: 2px 0 0 3px; }
#r_contents #new div#topics dd { margin-top: -1.7em; padding: 2px 0 0 5.5em; border-bottom: 1px dotted #ccc; }


#r_contents #advice { float: right; width: 201px; margin-bottom: 20px; }
#r_contents #advice>p { padding: 0 0 0 3px; }
#r_contents #advice .address { margin-top: 10px; padding: 10px; border: 1px solid #00adef; border-radius: 3px; }
#r_contents #advice .address .mail { height: 25px; padding: 3px 0 0 39px; background: url(/yokohama/images/icon_mail.gif) no-repeat; }
#r_contents #advice .address .tel { padding-left: 41px; background: url(/yokohama/images/icon_tel.gif) no-repeat 0px 5px; text-align: center; }
#r_contents #advice .address .tel img { margin-bottom: 2px; }
#r_contents #advice .address .down { margin-top: 10px; text-align: right; }

#r_contents #ranking { margin-bottom: 20px; padding: 10px 0 7px 12px; border: 1px solid #cceffc; border-radius: 0 0 3px 3px; }
#r_contents #ranking ul li { float: left; width: 123px; background-repeat: no-repeat; background-position: left 89px; }
#r_contents #ranking ul li.no1 { background-image: url(/yokohama/images/crown01.gif); }
#r_contents #ranking ul li.no2 { background-image: url(/yokohama/images/crown02.gif); }
#r_contents #ranking ul li.no3 { background-image: url(/yokohama/images/crown03.gif); }
#r_contents #ranking ul li.no4 { background-image: url(/yokohama/images/crown04.gif); }
#r_contents #ranking ul li.no5 { background-image: url(/yokohama/images/crown05.gif); }
#r_contents #ranking ul span.photo { display: block; width: 104px; margin-bottom: 10px; padding: 2px; border: 1px solid #ccc; }
#r_contents #ranking ul .name { padding-left: 23px; }

#r_contents #yinfo { margin-bottom: 20px; }
#r_contents #yinfo a { display: block; width: 610px; margin: 0 auto 10px; }
#r_contents #yinfo a:last-child { margin-bottom: 0; }

#r_contents #yinfo_ae_banner { margin: 0 0 10px 10px; }
#r_contents .yinfo_ae_banner_left { float: left; padding-right: 5px; width: 200px; }

#yfeature, #spsite { margin-bottom: 10px; }
#yfeature li { float: left; width: 308px; padding-bottom: 10px; }
#yfeature li:nth-child(odd) { margin-right: 13px; }
#yfeature li a { color: #333; }
#yfeature li img { float: left; margin-right: 10px; }

#spsite li { float: left;  width: 127px; padding-bottom: 10px; }
#spsite li.enter { width: 120px; }

#branchinfo { margin-bottom: 20px; }
#branchinfo>img { float: left; }
#branchinfo .branchinfotxt { float: right; width: 264px; }
#branchinfo .branchinfotxt img { float: right; }
#branchinfo .branchinfotxt p { width: 160px; padding-top: 3px; border-top: 1px dotted #ccc; }
#branchinfo .branchinfotxt dl { margin-bottom: 3px; border-bottom: 1px dotted #ccc; }
#branchinfo .branchinfotxt dt { width: 4.5em; text-align: right; }
#branchinfo .branchinfotxt dd { margin-top: -1.5em; padding-left: 4.5em; }

#r_contents #axs { margin-bottom: 20px; padding: 8px 5px; border: 1px solid #00adef; border-radius: 3px; }
#r_contents #axs h4 { padding: 0 0 20px 3px; }
#r_contents #axs table th { padding-bottom: 4px; }
#r_contents #axs table td { width: 197px; padding-right: 13px; background: url(../images/btn_zoom.gif) no-repeat 42px bottom; vertical-align: top; }
#r_contents #axs table td.edge { padding-right: 0; }
#r_contents #axs table td span.pht { display: block; float: right; width: 104px; height: 78px; padding: 2px; border: 1px solid #ccc; }
#r_contents #axs table td a { display: block; min-height: 84px; color: #333; }
#r_contents #axs table tr.arrow td { width: auto; padding-right: 0; padding: 1px 0 1px 132px; background: none; }

#r_contents #axs table tr.end td { width: auto; padding-right: 0; background: none; }
#r_contents #axs table tr.end td a { display: inline; min-height: inherit; }
#r_contents #axs table tr.end td.fifth { width: 197px; background: url(../images/btn_zoom.gif) no-repeat 42px 69px; }
#r_contents #axs table tr.end td.fifth a { display: block; min-height: 84px; }
#r_contents #axs table tr.end td.arrow { width: 48px; padding: 69px 5px 0; background: url(../images/map/arrow03.gif) no-repeat 5px center; text-align: right; }