#ttop{position:absolute;top:0;left:0;width:100%;height:80px}
#left{position:absolute;top:80px;left:0;width:calc(100% - 248px);height:calc(100% - 80px)}
#right{position: absolute;top:80px;right:0;width:248px;height:calc(100% - 80px)}
iframe{border:none}


body,table	{font:16px/150% "Meiryo",sans-serif; scrollbar-arrow-color:#9933cc; scrollbar-darkshadow-color:#ffffff; scrollbar-face-color:#eee6f8}
td		{text-align:left;vertical-align:top}

/*フレームの上のトップページ*/
body.t-spring	{background:#4a4a97}
body.t-fall	{background:#964b84}
object		{width:0; height:0}
#ttl		{color:#ffffff; font:bold 24px/24px "Meiryo"; position:absolute; top:28px; left:40px}
.date		{font-size:16px}
.post		{color:#ffcc00; font-size:11px; position:absolute; top:0; left:10px}

/*フレームの右側の目次ページ*/
body.r-spring	{background:#6666ff; line-height:24px}
body.r-fall	{background:#be7cae; line-height:24px}
body.lh	{line-height:32px}
img.b1		{border:1px solid #ffffff;margin-bottom:-4px}
img.b1:hover{border-color:#ff40ff}
.m-spring	{color:#ffa0ff; font:italic 13px/14px "Meiryo"}
.m-fall		{color:#0000ff; font:italic 13px/14px "Meiryo"}
.by		{color:#006600; font-size:11px; line-height:11px; text-align:center}
.note	{font-size:11px;line-height:16px;margin:6px 0}
#mbtn	{text-alin:center; width:44px;margin:12px 0 -8px 92px; border:solid 1px #c0c0c0; border-radius:2px; cursor:pointer}
#mbtn:hover	{border-color:#ff4000}

/*フレームの左側の公式記録ページ*/
body.l-spring	{color:#000000; background:url(pur6b.gif)}
body.l-fall	{color:#006600; background:url(pibg.jpg)}
table.record	{margin:auto}
.catch		{text-align:center; font-size:14px}
.item		{font-weight:bold; width:66px}
.inf		{font-size:12px}

/*フレームの左側のスライドショーのページ*/
#img{border:solid 1px #c0c0c0; cursor:pointer}
#img:hover{border-color:#ff40ff}
#inf{display:none}
.ssinf{color:#008000;font-size:16px}
.wtinf{color:#ff00ff;font-size:15px}
#cmtdiv{color:#ffffff;font-weight:bold}
.cmttbl{font-weight:bold;line-height:16px;text-align:left;margin:auto}
#sb{line-height:13pt;text-align:left;position:absolute;left:0; bottom:2px;background:#ffffff;padding:2px 6px;width:calc(100% - 12px);display:none}


/*共通一般フォント*/
.size08{font-size:11px}
.size085{font-size:11px}
.size09{font-size:12px}

.size10{font-size:13px}
.size11{font-size:15px}
.size12{font-size:16px}
.size13{font-size:17px}
.size14{font-size:19px}
.italic	{font-style:italic}
.bold	{font-weight:bold}
.center	{text-align:center}
.left	{text-align:left}
.right	{text-align:right}
.f-left	{float:left}	
.bottom	{vertical-align:bottom}
.auto	{margin:auto}
.area	{margin:auto; width:750px}

/*リンク*/
a:link,a:visited{color:#ffffff; text-decoration:none}
a:hover	{color:#ffff00; text-decoration:underline}
a:active	{color:#ffffff; text-decoration:none}

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

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

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

a.p:link,a.p:visited{color:#ffff66; text-decoration:none}
a.p:hover	{color:#ffff00; text-decoration:underline}
a.p:active	{color:#ffff66; text-decoration:none}


/* スマホ向け */
@media screen and (max-width:480px){
 #ttop{position:absolute;top:0;left:0;width:100%;height:60px}
 #left{position:absolute;top:60px;left:0;width:100%;height:320px}
 #right{position:absolute;top:380px;left:0;width:100%;height:calc(100% - 380px)}
}