*{ font-family:"Helvetica Neue",'Meiryo UI', Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",sans-serif;font-size:10pt; }
a{ padding:0; margin:0;}
th a{font-size:100%}
a:link{ color:#00c;} a:visited{ color:#00c;}
a:hover{ text-decoration:none; background-color:#ffa;} /*border-bottom:3px solid blue;}*/
table,th,td{ border-color: #ccd; border-collapse:collapse;
	padding:0px; margin:0px; border-width:0px;}
td{ line-height:14px;}
th{ background-color:#dea; line-height:16px; width:30px; padding:0px 4px;}
h1{ font-size:16pt; letter-spacing:5px; padding:0; margin:0; color:#666; }
h2{ font-size:18pt; letter-spacing:4px; padding:0; margin:0; color:#66a;
	ruby{color:#66a; font-size:100%} rt{font-size:20%}}

h3{ font-size:14pt; letter-spacing:2px; padding:0; margin:0; color:#00c; }
h3 a{ color:#00c; font-size:100%; ruby{color:#00c; font-size:100%}}
h1,h2,h3,div{ display:inline-block; }
h1 span{ font-size:120%; color:black; }
h4{ letter-spacing:0px; padding:6px 0 3px 0; margin:0; font-size:140%;line-height:1.1; background-color:white;
	border:1px solid; border-radius:5px; box-shadow: 3px 3px 3px 0px #333333;}
hr{ margin:0}
img{ vertical-align:bottom;}	/* html5 指定しないと下に隙間ができる */
rt{ font-size:50%; color:black;  font-weight:normal;}	/* ルビ */
h2 rt{font-size:7pt;}
span{ font-size:88%; color:darkred;}

.r90{transform:rotate(90deg);}
.r180{transform:rotate(180deg);}
.r270{transform:rotate(270deg);}
.rx{transform:rotateX(180deg);}
.ry{transform:rotateY(180deg);}

.pr{ position:relative;}

.b{ vertical-align:bottom;}
.t{ vertical-align:top;}
.c{ text-align:center;}
.r{ text-align:right;}
.rp{ text-align:right; padding:0 4px;}
.pb{ padding-bottom:6px;}
.pbs{ padding:0 4px 6px 4px;}

.lk{ font-size:80%;}
.exp{ font-size:88%;}
.rexp{ text-align:right; font-size:88%; padding:0 4px;}
.expdr{ font-size:88%; color:darkred;}
.rexpdr{ text-align:right; font-size:88%; color:darkred;}
.expg{ font-size:84%; color:green;}
.rexpg{ text-align:right; font-size:84%; color:green;}

.sig{ font-size:84%; color:green;}
.sigt{ font-size:84%; color:green; vertical-align:top;}
.rsig{ text-align:right; font-size:84%; color:green;}
.rsigt{ text-align:right; font-size:84%; color:green; vertical-align:top;}
.sigb{ font-size:84%; color:green; vertical-align:bottom;}
.rsigb{ text-align:right; font-size:84%; color:green; vertical-align:bottom;}

.mz{ font-size:90%; color:blue;}
.rmz{ text-align:right; font-size:90%; color:blue;}
.kw{ font-size:90%; color:blue; padding:0 0 0 4px;}
.rkw{ text-align:right; font-size:90%; color:blue; padding:0 4px 0 0;}
.hs{ font-size:90%; padding:0 0 0 4px;}
.rhs{ text-align:right; font-size:90%; padding:0 4px 0 0;}

.pg{ padding:0 6px;z-index:1000;}
.pg2{ padding:0 3px;z-index:1000;}

.name{ font-size:88%; color:darkred; padding:0 0 0 4px;}
.namet{ font-size:88%; color:darkred; padding:3px 0 0 4px; vertical-align:top;}
.nameb{ font-size:88%; color:darkred; padding:0 0 3px 4px; vertical-align:bottom;}
.rname{ text-align:right; font-size:88%; color:darkred; padding:0 4px 0 0;}
.rnamet{ text-align:right; font-size:88%; color:darkred; padding:3px 4px 0 0; vertical-align:top;}
.rnameb{ text-align:right; font-size:88%; color:darkred; padding:0 4px 3px 0; vertical-align:bottom;}
.st{ padding:0 6px; text-align:center;}
.ti{ font-size:14pt; letter-spacing:2px; color:#66a;}	/* title */
.ts{ font-size:103%; color:#66a;}

.mapa{ border:0px solid gray;padding:2px 3px; color:white; border-radius:6px;
	 text-decoration:none; background-color:forestgreen;}
.mapa:link,.mapa:visited{ color:white;}
.mapa:hover{ background-color:chocolate;}
.map{border:0px solid red;line-height:53px;vertical-align:top; padding-left:30px}

.np{ font-size:100%; color:darkblue; ruby{font-size:120%; letter-spacing:2px}}	/* next previous */
.np1,.np2{ border:1px solid; background:white; border-radius:5px; text-align:center; padding:13px 10px 0 10px; text-decoration:none;}
.np1:after{content:"　" url(mp/right.png) "江戸方面";}
.np2:before{content:"京都方面" url(mp/left.png) "　";}

.syuku,.bg1{ background-color:#efb;}
.syuku{ padding-left:5px;}
.cm{ font-size:88%; border:1px solid #ccd; border-radius:4px; padding:0 5px; background-color:#fff;}
.cm2{ font-size:88%; border:1px solid red; border-radius:4px; padding:0 5px; background-color:#fff;}
.cm3{ font-size:88%; border:1px solid darkred; border-radius:4px; padding:0 5px; background-color:#ffc;}
.rt{ text-align:right; padding-right:6px;}
.lf{ text-align:left; padding-left:6px;}

#kan,.kan2,#kan3{ position:fixed; border:1px solid gray; padding:0 5px; opacity:0.8; text-align:center;
	 background-color:white; border-radius:3px; color:black;}
#kan a,#kan3 a{ font-size:80%;}
.kan2 a{ font-size:88%;}
#kan{ top:50px;font-size:140%;}
.kan2{ top:10px; right:0px; padding:0 10px; font-size:108%; opacity:1;}
#kan3{ top:50px; right:0px;font-size:140%;}

.top,.bottom{ position:fixed; opacity:0.7; background-color:white; right:0px}
.top{ bottom:70px;}
.bottom{ bottom:40px;}
.top:hover,.bottom:hover{ text-decoration:none;}
.ud{ font-size:130%; font-weight:bold; border:1px solid blue; padding:0 5px; border-radius:5px; text-decoration:none;}

.img{ border:1px solid lightblue;}
.img:hover{ transform:scale(5); transition-duration:0.3s; border:1px solid white;}
.img2:hover{ transform:scale(1.5); transition-duration:0.3s; border:1px solid white;}
.rev{ display:inline-block; width:220px; font-size:80%; margin-left:50px; border:0px solid red;}
.rev a{ font-size:100%;}

header.smaller{ width:775px; transform:scale(0.7,0.7); transform-origin:top left; opacity:0.9;
		background-color:white; transition-duration:0.5s;}	/* header部を縮小表示 */
header{ position:fixed;padding-left:50px;left:150px;top:-1px;}

/* StreetView静止画 */
#screenshot{ position:absolute;}
#screenshot img{ border:7px solid #fff; max-width:400px; width:90%; max-height:350px; height:90%;}