body		{background:url(blue4b_pe.gif); color:#990000; font:15px/15px "Meiryo",sans-serif}
table		{color:#990099; font-size:11pt; margin:auto}
td		{text-align:center;}
.date		{font-size:10pt;}

.title		{text-align:center; position:absolute; top:22px; left:20px; z-index:2}
h2		{font-size:16px; margin:0}
h3		{color:#990099; font-size:12px; font-weight:normal; margin:0 0 2px 0}
.post		{font-size:8pt; position:absolute; top:0; left:10px}
.by		{color:#006600; font-size:11px; text-align:center}
p		{color:#8080ff; font-size:12px}
#caption	{margin-top:8px}
.m10		{margin-top:10px}	
.m40		{margin-top:40px}
.cap		{margin-bottom:4px}
.center		{text-align:center}
.right		{text-align:right; margin-top:50px}
div.link	{font-size:9pt; font-weight:bold; text-align:right;}
img		{border:solid 1px #ffc7ff}
img:hover{border-color:#ff40ff}
#photo	{border:solid 1px #ff66ff}
#photo:hover{border-color:#800080}
#mbtn	{border:solid 1px #c0c0c0; border-radius:2px; cursor:pointer}
#mbtn:hover	{border-color:#ff40ff}

a:link,a:visited {color:#800080; text-decoration:none}
a:hover 	{color:#ff40ff; text-decoration:underline}
a:active 	{color:#800080; text-decoration:none}

a.hp:link,a.hp:visited 	{color:#008000;text-decoration:none}
a.hp:hover 	{color:#ff40ff; text-decoration:underline}
a.hp:active 	{color:#008000;text-decoration:none}

a.p:link,a.p:visited{color:#0000ff;text-decoration:none}
a.p:hover 	{color:#ff40ff; text-decoration:underline}
a.p:active 	{color:#0000ff;text-decoration:none}

/* スマホ向け */
@media screen and (max-width:480px){
 #mbtn	{position:absolute;right:20px}
 #info	{position:relative;top:26px;margin-bottom:34px}
 .right	{text-align:right; margin-top:60px;margin-bottom:4px}
}