/* --------------------------------------------------------------------------------
	main
-------------------------------------------------------------------------------- */
*							{ margin:0; padding:0; }
body						{ height:100%; max-height:100%; overflow:hidden; border:0px none; }

body, input, p, select,
table, textarea				{ font-family:Verdana, Tahoma, sans-serif; font-size:12px; color:#000000; font-weight:normal; }

a							{ text-decoration:none; font-weight:normal; color:#0000ff; }
a:hover						{ text-decoration:underline; }
hr							{ clear:both; border:1px none; height:2px; margin:8px 40px; background:#a0a0a0; color:#a0a0a0; }
hr.hidden					{ clear:both; border:1px solid #fff; margin:0; background:transparent; }
img							{ border:0px solid; }
img.left					{ float:left; margin-right:8px; padding:0 10px 10px 0;}
img.center					{ text-align:center; display:block; margin-left:auto; margin-right:auto }
img.right					{ float:right; padding:0 0 10px 10px; }
img.portfolio				{ float:left; margin:0 14px 10px 0; border:2px solid #f0f0f0; }

li							{ margin:0 0 5px 0; }
* html li					{ margin:0 0 5px 15px; }

ol							{ margin:5px 0 10px 30px; }
* html ol					{ margin:5px 0 10px 18px;  }

ul							{ margin:5px 0 10px 30px; list-style:circle; }
* html ul					{ margin:5px 0 10px 18px;  }

table						{ border-collapse:collapse; margin:0 0 0 10px; }
td							{ vertical-align:top; padding:0 10px 0 0; }
tr							{ }


/* --------------------------------------------------------------------------------
	content
-------------------------------------------------------------------------------- */
.c0							{ z-index:1; position:absolute; top:10px; right:10px; bottom:22px; left:10px; text-align:center; overflow:hidden; }
* html .c0					{ width:100%; height:100%; 
								top:0; right:0; bottom:0; left:0; 
								border-top:10px solid #a0a0a0;
								border-right:10px solid #a0a0a0;
								border-bottom:22px solid #a0a0a0;
								border-left:10px solid #a0a0a0;
							}

.c1							{ z-index:2; position:absolute; bottom:0; width:100%; height:12px; overflow:hidden; }
.c1 a						{ text-decoration:none; padding:0; font-weight:normal; color:#000; }
.c1 a:hover					{ text-decoration:none;  }
.c1 p						{ color:#909090; text-align:center; font-size:9px; }


.c00						{ width:100%; height:100%; text-align:left;}

.c01						{ position:absolute; top:38px/*+2*/; bottom:24px/*+2*/; left:152px/*+2*/; right:24px/*+2*/; width:auto; height:auto; overflow:auto; }
* html .c01					{ left:0; top:0; bottom:0; width:100%; height:100%; 
								border-left:152px solid #fff/*+2*/; border-right:24px solid #fff/*+2*/; border-top:38px solid #fff/*+2*/; border-bottom:24px solid #fff /*+2*/; }
.c01 a						{ text-decoration:underline; color:#0068a7; }
.c01 a:hover				{ text-decoration:underline; color:#ff0000;  }
.c01 h1, .c01 h2, .c01 h3,
.c01 h4, .c01 h5, .c01 h6	{ padding:4px 10px 0 10px; }
.c01 h1						{ font-size:24px; }

.c01 h2						{ color:#000; text-decoration:none; font-size:18px; margin-top:14px; margin-bottom:0;}
.c01 h2 a					{ color:#000; text-decoration:none; font-size:12px; font-weight:bold}
.c01 h2 a:hover				{ color:#000; text-decoration:none; }

.c01 h6						{ font-size:20px; color:#0068a7; text-align:center; }
.c01 p 						{ padding:4px 10px 4px 10px; font-weight:normal; }



.c02						{ position:absolute; top:38px /*+2*/; bottom:24px /*+2*/; left:0; width:150px; height:auto; overflow:hidden;}
* html .c02					{ top:0; bottom:0; height:100%; border-top:38px solid #fff; border-bottom:24px solid #fff; }

.c03						{ position:absolute; top:38px /*+2*/; bottom:24px /*+2*/; right:0; width:22px; height:auto; overflow:auto; }
* html .c03					{ top:0; bottom:0; height:100%; border-top:38px solid #fff; border-bottom:24px solid #fff; }
.c03 p 						{ padding:4px 10px; font-weight:normal; }

.c04						{ position:absolute; left:0/*ie*/; top:0; width:100%; height:36px; overflow:hidden; text-align:center; }
.c04 p						{ font-size:24px; text-align:center; font-weight:bold; color:#a0a0a0; padding:0; margin:0;}

.c05						{ position:absolute; left:0/*ie*/; bottom:0; width:100%; height:22px; overflow:hidden; text-align:center;  }
.c05 a						{ text-decoration:none; padding:1px 2px 1px 2px; color:#606060; font-weight:normal; }
.c05 a:hover				{ text-decoration:none; background:#fff; color:#000; }
.c05 p						{ padding:2px; color:#606060; text-align:center; }


body						{ background:#a0a0a0}
.c0							{ background:#fff; }
.c1							{ background:#f0f0f0; }
.c00						{  }
.c01 						{ background:#ffffff url('../img/sps_background_01.jpg') center center no-repeat;  }
.c02						{ background:#e0e0e0; }
.c03						{ background:#e0e0e0; }
.c04						{ background:#e0e0e0; }
.c05						{ background:#e0e0e0; }

/* --------------------------------------------------------------------------------
	columns
-------------------------------------------------------------------------------- */
.column,
.column_2,
.column_3, .column_32,
.column_4, .column_42, .column_43,
.column_5, .column_52, .column_53, .column_54
							{ float:left; padding:0; margin:0; text-align:left; overflow:hidden }
.column_2, .column_42		{ width:49% }
.column_3					{ width:33% }
.column_32					{ width:65% }
.column_4					{ width:24% }
.column_43					{ width:74% }
.column_5					{ width:19% }
.column_52					{ width:39% }
.column_53					{ width:59% }
.column_54					{ width:79% }

/* --------------------------------------------------------------------------------
	menu
-------------------------------------------------------------------------------- */
.menu						{ z-index:2; text-align:left; padding:8px 8px; border-bottom:2px solid #fff; }
.menu a						{ display:block; font-weight:normal; font-size:12px; text-decoration:none; padding:4px; margin:4px 0;
							  background:#ffffff; color:#0068a7;  }
.menu a:hover				{ background:#a0a0a0; color:#ffffff; text-decoration:none; }
.menu a.active				{ background:#0068a7; color:#fff; }
.menu a:hover.active		{ }
.menu p						{ font-size:10px; }

/* --------------------------------------------------------------------------------
	various *
-------------------------------------------------------------------------------- */
.box						{ padding:8px; margin:10px; overflow:hidden; border:2px solid #a0a0a0; text-align:center; }
.box_msg,
.box10						{ padding:8px; margin:10px 10%; overflow:hidden; border:2px solid #a0a0a0; text-align:center; }
.button						{ width:auto; overflow:visible;/*ie*/ padding:0 4px; color:#4e2400; }
.center						{ text-align:center; }
.key						{ display:none; }
.key2						{ position:absolute; top:0; left:0;background:#f0f0f0; z-index:10; color:#0000ff;}
.logo						{ position:absolute; width:100%; bottom:8px;}
.logo p						{ text-align:center; }

.right						{ text-align:right; }