@charset "utf-8";

*{
	margin: 0;
	padding: 0;
}

body         { margin: 10px; font-size: 12pt; text-align: center; }
div#header	{ margin: auto; width: 900px; text-align: left; }
div#content	{ margin: auto; width: 900px; text-align: left; clear: both;}
div.navi	{ width: 200px; float: left;}
div.table	{ margin-left: 210px; }
div.main	{ margin-left: 210px; margin-right: 180px; }
div.etc		{ width: 170px; float: right; background-color: #EEEEEE;}
div#footer	{ margin: auto; width: 900px; text-align: left; clear: both;}

.floatL		{ float: left; margin-bottom: 5px;}
.floatR		{ float: right; }
p		{ padding: 5px; }
.clear		{ clear: both; }
.tag		{ padding: 5px; background: #111111 url(img/gra-black.png); border: 1px solid #111111; }
h1           { margin: 10px; }
h2           { color: #A0A0A0; font-size: 24pt; padding-top: 14px; margin-left: 500px; margin-bottom: 0px; }

a:link		{color: #0080B0;}
a:visited	{color: #006090;}
a:hover		{color: #FF2200;}
table.main	{
			 margin-left: 210px; margin-right: 180px; width: 510px;
		} 
table.main td	{
			width: 125px;
			padding: 5px;
			font-size: 10pt;
			text-align: center;
			vertical-align: top;
		} 
table.copyright	{
			clear: both;
			margin: auto;
			border-style: none;
			border-top: 1px #FFCCCC solid;
			border-bottom: 1px #FFCCCC solid;
			padding: 5px;
			border-collapse: collapse;
			width: 730px;
		} 
table.copyright td { border-style: none; padding: 5px; font-size: 10pt; }
table.cd	{ border-style: none; padding: 5px; border-collapse: collapse; width:100%; }
table.cd td	{ border-style: none; border-bottom: 1px #C0C0C0 solid; }
.center      { text-align: center; }
.right       { text-align: right; }
.blue24      { color: #0000FF; font-size: 24pt; }
.red36       { color: #FF0000; font-size: 36pt; }
.white12     { color: #FFFFFF; font-size: 12pt; }
.white       { color: #FFFFFF; }
.red         { color: #FF0000; }
.purple      { color: #FF66FF; }
.gray        { color: #777777; }
.pink		{ color: #FFCCCC; }
.bg_gray	{ height: 20px; background: #DADADA url(img/gra-gray.png); border: 1px solid #DADADA; }
.bg_pink	{ height: 18px; background: #FFCCCC url(img/gra-pink.png); border: 1px solid #FFCCCC; }
.bg_yellow	{ background-color: #FFFFCC; }
.bg_blue	{ height: 18px; background: #CCCCFF url(img/gra-blue.png); border: 1px solid #CCCCFF; }
.fs12        { font-size: 12pt; }
.fs11        { font-size: 11pt; }
.fs10        { font-size: 10pt; }
.fs8		{ font-size: 8pt; }
.w35         { width: 35px; }
.w40         { width: 40px; }
.w60         { width: 60px; }
.w97		{ width: 97px; }
.w125		{ width: 125px; }
.wh75		{ width: 75px; height: 75px; }
.wh100		{ width: 100px; height: 100px; }
.wh115		{ width: 115px; height: 115px; }
.PS3         { background-color: #DDDDFF; }
.PS2         { background-color: #F5F0F5; }
.X360        { background-color: #CCFFCC; }
.Wii         { background-color: #FFFFFF; }
.NDS         { background-color: #FFFFCC; }
.N3DS         { background-color: #FFE4E1; }
.PSP         { background-color: #DADADA; }
.PSVi         { background-color: #E8FDFD; }

div#menu	{
	float: right;
	margin-top: 8px;
}

ul#menu li	{
	float: left;
	list-style: none;
	background-color: #EEEEEE;
	border: 1px solid #DDDDDD;
	text-align: center;
}

ul#menu ul li	{
	clear: left;
	font-size: 11px;
}

ul#menu li a	{
	display: block;
	width: 100px;
	height: 30px;
	line-height: 30px;
	text-decoration: none;
	color: #003355;
}

ul#menu a:hover	{
	color: #00b8fd;
	background-color: #FAFAFA;
}

ul#menu ul	{
	display: none;
}

ul#menu li:hover > ul	{
	display: block;
	position: absolute;
}

ul#menu ul ul	{
	margin-top: -30px;
	margin-left: 100px;
}

.addclips	{ float: right; margin-top: 35px; }