body		{background:url(back_kei_12.jpg); color:#990000; font:15px/15px "Meiryo",sans-serif}
table		{margin:auto}
td		{font-size:14px; text-align:center; width:276px}
p		{color:#ff80cd; font-size:12px}
div.link	{font-size:12px; font-weight:bold; text-align:right;}
img.white	{border:solid 10px #ffffff; width:256px; height:196px}
img.white:hover	{border-bottom-color:#d6cdff}
#photo	{border:solid 1px #e0e0e0}
#photo:hover{border-bottom-color:#8060ff}
.title		{text-align:center; width:200px; height:26px; position:absolute; top:22px; left:30px; z-index:2}
h2		{font-size:16px; margin:0}
h3		{color:#008000; font-size:12px; margin:0 0 2px 0}
.note		{vertical-align:top; height:32px}
.post		{font-size:12px; position:absolute; top:0; left:10px}
.by		{color:#006600; font-size:11px; text-align:center}
#caption	{margin-top:8px}
.m10		{margin-top:10px}
.m40		{margin-top:40px}
.right		{text-align:right; margin-top:50px}
.center		{text-align:center}
#mbtn	{border:solid 1px #c0c0c0; border-radius:2px; cursor:pointer}
#mbtn:hover	{border-color:#ff40ff}

a:link,a:visited{color:#990000; text-decoration:none}
a:hover{color:#8060ff; text-decoration:underline}
a:active{color:#990000; 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}
}