/* CSS Document */

body	{margin:0px;padding:0px;border:none;background:#000;color:#FFF;font-size:20px;line-height:normal;white-space:nowrap;
font-family:'Lucida Grande','segoe UI','ヒラギノ丸ゴ Pro W4','ヒラギノ丸ゴ Pro','Hiragino Maru Gothic Pro','HG丸ｺﾞｼｯｸM-PRO','HGMaruGothicMPRO',Meiryo, Arial,sans-serif;
}

a			{text-decoration:none;}
a:link		{color:inherit;}
a:visited	{color:inherit;}
a:hover		{color:inherit;background:inherit;}
a:active	{color:inherit;}

#header				{margin:0px;padding:20px 20px 10px;border:none;text-align:center;font-size:24px;font-weight:110%;}
#header #pannel		{margin:0px auto;padding:6px;border:none;background-image:url(../../images/waku_yoko.png);background-size:100% auto;}
#pannel #outframe 	{margin:0px;padding:2px;border:#100 6px solid;background-color:transparent;}
#outframe #inframe	{margin:0px;padding:1px;border:#100 2px solid;background-color:transparent;}
#inframe #title		{margin:0px;padding:0px;background:#100;}
#title	.main		{padding:8px 20px}
#title	.sub		{padding:8px 20px 0px;line-height:100%;}
#title	.desc		{padding:0px 20px 16px;line-height:100%;color:#E7DC73;}
#title	.comment	{padding:0px 20px 4px;font-size:18px;line-height:100%;white-space:normal;}
#footer				{color:#666;font-size:8px;line-height:110%;white-space:normal;margin:100px 0px 0px;padding:3px;}
#footer .pad		{height:4px;margin:0px;padding:0px;border:0px none;}
#fthead				{margin:3px auto;text-align:center;font-size:10px;}
#ftbody				{margin:0px auto;text-align:center;}

#pannel .c8	{color:#E7DC73;}
#pannel .c7	{color:#E1D46F;}
#pannel .c6	{color:#DBCC6B;}
#pannel .c5	{color:#D5C467;}
#pannel .c4	{color:#CEBC63;}
#pannel .c3	{color:#C8B45F;}
#pannel .c2	{color:#C2AC5B;}
#pannel .c1	{color:#BCA457;}
#pannel .c0	{color:#B59B52;}

.set		{margin:20px 0px 4px;padding:0px;background:url(../../images/set_line.png) no-repeat 0% 1ex /100% 2px;}
.set .name	{margin:0px auto;padding:0px;width:68%;}
.level			{margin:0px auto 4px;padding:0px;width:54%;}
.level .number	{margin-right:4px;}
.level .name	{}

.record			{display:table;margin:0px auto 16px;padding:0px;width:40%;}
.record .prev	{display:table-row;color:#a0a5ab;}
.record .new	{display:table-row;color:#fdffa5;}
.record .item	{display:table-cell;width:4em;}
.record .separator	{display:table-cell;text-align:right;width:0.5em;padding:0px 2px;}
.record .value	{display:table-cell;text-align:right;width:3em;}
.record .unit	{display:table-cell;width:1em;}
.record .name	{display:table-cell;padding-left:4px;}

.navi			{display:table;table-layout:fixed;width:100%;margin:0px 0px 20px;padding:0px;border:none;color:#00c6ff;}
.navi .button	{display:inline-block;padding:0px 2px 2px;border:none;line-height:100%;cursor:pointer;}
.navi .left		{display:table-cell;text-align:left;padding-left:20px;}
.navi .right	{display:table-cell;text-align:right;padding-right:20px;}
.navi .center	{display:table-cell;margin:0px auto;text-align:center;color:#FFF;}
.navi .end		{margin:0px auto;padding:0px;border:none;height:0px;clear:both;}

.error	{margin:0px auto;padding:0px;text-align:center;}
