@charset 'utf-8';
/*	Cascading Style Sheets: style.css 5.2	*/ 

#HEADER #navigation ul li a.H_LOCATION	　{ background:#74ABA1; }
#HEADER #navigation ul li a.H_LOCATION:link	{ background:#74ABA1; }
#HEADER #navigation ul li a.H_LOCATION:visited	{ background:#74ABA1; }
#PAGE .F_MENU li a.F_LOCATION	{ text-decoration:underline; }
#PAGE .F_MENU li a.F_LOCATION:link	{ text-decoration:underline; }
#PAGE .F_MENU li a.F_LOCATION:visited	{ text-decoration:underline; }
.sidr ul li a.sidr-class-H_LOCATION { background:#7f7f7d; }
#PAGE .TOP strong { opacity:0.8;}
 
#PAGE .MAP	{ width:500px; float:left; margin:25px 0 30px 60px; }
#PAGE .MAP .MAP_IMG	{ width:auto; float:left; margin:0; }
#PAGE .MAP .CARNAVI	{ width:500px; float:left; padding:5px 0px; background:#0e3b04; color:#fff; text-align:center; }
#PAGE .MAP .CARNAVI img	{ margin:0 5px 0 0; vertical-align:middle; }
#PAGE .MAP .CARNAVI span	{ margin:0 5px 0 0; font-size:12px; }
#PAGE .MAP .CARNAVI strong	{ font-size:18px; }
#PAGE .MAP a	{ color:#000; }
#PAGE .MAP a:hover	{ text-decoration:underline; }
#PAGE .MAP a:active	{ text-decoration:underline; }

#PAGE .BOX iframe { width:840px; height:500px; float:left; clear:none; }

#PAGE h3 { width:840px; float:left; clear:none; font-size:20px; color: #8BCCC0; letter-spacing:0.2em; margin:50px 0 10px 0; border-bottom:1px solid #8BCCC0; }
#PAGE h4 { width:840px; float:left; clear:none; font-size:15px; letter-spacing:0.2em; margin:10px 0 0 0; }
#PAGE ul.TOWN { width:853px; float:left; clear:none; margin:0px 0 0 0; }
#PAGE ul.TOWN li  { width:200px; float:left; clear:none; margin-right:13px; line-height:1.7em; }
#PAGE ul.TOWN li img { width:200px; float:left; clear:none; margin-bottom:10px; }

#PAGE dl.SPOT { width:840px; float:left; clear:none; border-bottom:dotted 1px #000; padding-bottom:20px; }
#PAGE dl.SPOT dt { width:310px; float:left; clear:none; margin:0 20px 0 0; }
#PAGE dl.SPOT dt img { width:310px; float:left; clear:none; margin-bottom:10px; }
#PAGE dl.SPOT dd { width:510px; float:left; clear:none; margin:0 0 0 0; }
#PAGE dl.SPOT dd p { width:510px; float:left; clear:none; margin:0 0 0 0; text-align:left; }

#PAGE .TRAFFIC	{ width:310px; float:right; margin:0 60px 0 0; position:relative; }
#PAGE .TRAFFIC h3	{ width:270px; float:left; margin:25px 0px 0px 0px; padding:10px 20px; background:#231815; color:#fff; line-height:1.2em; }
#PAGE .TRAFFIC span.WALK	{ width:100%; float:left; clear:both; margin:10px 0 0 0; padding:20px 0 10px 0; border-bottom:1px solid #231815; font-size:23px; position:relative; }
#PAGE .TRAFFIC span.WALK em	{ margin:0 5px 0 0; font-size:11px; position:absolute; top:0; left:0; }
#PAGE .TRAFFIC span.WALK strong	{ margin:0 5px; font-size:40px; }
#PAGE .TRAFFIC h4	{ width:310px; float:left; margin:5px 0px 0px 0px; color:#231815; font-weight:bold; font-size:14px; }
#PAGE .TRAFFIC dl	{ width:310px; float:left; padding:5px 0; color:#231815; line-height:1.2em; }
#PAGE .TRAFFIC dl dt	{ width:auto; float:left; }
#PAGE .TRAFFIC dl dd	{ width:160px; float:right; }


@media screen and (max-width: 640px){
#PAGE .CONTENTS .BOX { width:96%; float:left; clear:none; margin:0 0 0 2%; }
#PAGE .CONTENTS .BOX iflame { display:none; }
#PAGE ul.TOWN { width:100%; float:left; clear:none; margin:0px 0 0 0; }
#PAGE ul.TOWN li  { width:50%; float:left; clear:none; margin:0 0 10px 0; line-height:1.7em; }
#PAGE ul.TOWN li img { width:99%; float:left; clear:none; margin-bottom:10px; }
#PAGE h3 { width:100%; float:left; clear:none; font-size:20px; color: #8BCCC0; letter-spacing:0.2em; margin:20px 0 10px 0; border-bottom:1px solid #8BCCC0; }
#PAGE dl.SPOT { width:100%; float:left; clear:none; border-bottom:dotted 1px #000; padding-bottom:20px; }
#PAGE dl.SPOT dt { width:100%; float:left; clear:none; margin:0 20px 0 0; }
#PAGE dl.SPOT dt img { width:100%; float:left; clear:none; margin-bottom:10px; }
#PAGE dl.SPOT dd { width:100%; float:right; clear:none; margin:0 0 0 0; }
#PAGE dl.SPOT dd p { width:100%; float:left; clear:none; margin:0 0 0 0; text-align:left; }


#PAGE h2 br	{ display:none; }
#PAGE .MAP	{ width:95%; float:left; margin:20px 0 30px 2.5%; }
#PAGE .MAP .MAP_IMG	{ width:100%; }
#PAGE .MAP .CARNAVI	{ width:100%; }
#PAGE .MAP .CARNAVI img	{ display:none; }
#PAGE .MAP .CARNAVI span	{ width:100%; float:left; margin:0 5px 0 0; text-align:center; font-size:12px; }
#PAGE .MAP .CARNAVI strong	{ width:100%; float:left; font-size:18px; }
#PAGE .MAP a	{ color:#000; }
#PAGE .MAP a:hover	{ text-decoration:underline; }
#PAGE .MAP a:active	{ text-decoration:underline; }

#PAGE .TRAFFIC	{ width:95%; float:right; margin:0 2.5% 0 0; position:relative; }
#PAGE .TRAFFIC h3	{ width:90%; float:left; margin:25px 0px 0px 0px; padding:10px 5%; background:#231815; color:#fff; line-height:1.2em; }
#PAGE .TRAFFIC span.WALK	{ width:100%; float:left; clear:both; margin:10px 0 0 0; padding:20px 0 10px 0; border-bottom:1px solid #231815; font-size:23px; position:relative; }
#PAGE .TRAFFIC span.WALK em	{ margin:0 5px 0 0; font-size:11px; position:absolute; top:0; left:0; }
#PAGE .TRAFFIC span.WALK strong	{ margin:0 5px; font-size:40px; }
#PAGE .TRAFFIC h4	{ width:100%; float:left; margin:5px 0px 0px 0px; color:#231815; font-weight:bold; font-size:14px; }
#PAGE .TRAFFIC dl	{ width:100%; float:left; padding:5px 0; color:#231815; font-size:12px; line-height:1.2em; }
#PAGE .TRAFFIC dl dt	{ width:auto; float:left; }
#PAGE .TRAFFIC dl dd	{ width:auto; float:right; }

#PAGE .BOX iframe { width:100%; height:250px; float:left; clear:none; }
}