@charset "utf-8";
/* CSS Document */
/*****
The css code by madmp
Original CSS Code
*****/

/* main */
html,body
{
	/* prop */
	margin:0;
	padding:0;
	/* txt */
	color:#FFFFFF;
	line-height:1.4;
	font-family:Arial, sans-serif;
	font-size:12px;
}
body
{
	/* bg */
	background:url(img/bg.jpg);
	background-repeat:repeat-y;
	background-position:top left;
	background-color:#000000;
}

/* font-block*/
span.ja
{
	/* txt */
	color:#777777;
	font-size:12px;
}
span.menu
{
	/* prop */
	padding-right:5px;
	/* txt */
	text-align:left;
	text-decoration:overline;
	color:#888844;
	font-size:12px;
}
span.note
{
	/* txt */
	color:#CCCC00;
	font-size:10px;
}

/* font */
.highlight
{
	color:#CCFF00;
}
.credit
{
	color:#555555;
}
.closed
{
	color:#333333;
  text-decoration:line-through;
}

/* link */
a:link 
{color:#FFFFFF}
a:visited
{color:#888888} 
a:hover
{color:#99FF00} 
a:active
{color:#CCCCCC}

ul.portfolio li a
{
	padding:0 4px;
	border:1px solid #FFFFFF;
  background-color:#000000;
  text-decoration:none;
  font-size:11px;
}
ul.portfolio li a:link
{
	border:1px solid #FFFFFF;
  background-color:#222222;
  color:#FFFFFF;
}
ul.portfolio li a:visited
{
	border:1px solid #AAAAAA;
  background-color:#222222;
  color:#AAAAAA;
}
ul.portfolio li a:hover
{
	border:1px solid #99FF00;
  background-color:#000000;
  color:#99FF00;
}
ul.portfolio li a:active
{
	border:1px solid #000000;
  background-color:#888888;
  color:#FFFFFF;
}
ul.portfolio li a.closed
{
	border:1px solid #333333;
	color:#333333;
}


/* ul,li */
ul
{
	/* prop */
	margin:0px;
	padding:0px;
	/* border */
	border:0px;
}
li
{
	/* prop */
	margin:0px;
	padding:0px;
	/* line */
	list-style-type:none;
	/* border */
	border:0px;
}
ul#flash li
{
	/* prop */
	padding-left:15px;
	/* bg for mark*/
	background-image:url(img/fla_ico.gif);
	background-repeat:no-repeat;
	background-position:center left;
	/* line */
	list-style:none;
}
ul#music li
{
	/* prop */
	padding-left:15px;
	/* bg for mark*/
	background-image:url(img/music_ico.gif);
	background-repeat:no-repeat;
	background-position:center left;
	/* line */
	list-style:none;
}
ul#menu li
{
	/* prop */
	padding-left:15px;
	/* bg for mark*/
	background-image:url(img/html_ico.gif);
	background-repeat:no-repeat;
	background-position:center left;
	/* line */
	list-style:none;
}
ul#flink li
{
	/* prop */
	padding-left:15px;
	/* bg for mark*/
	background-image:url(img/flink_ico.gif);
	background-repeat:no-repeat;
	background-position:center left;
	/* line */
	list-style:none;
}
ul#clink li
{
	/* prop */
	padding-left:15px;
	/* bg for mark*/
	background-image:url(img/clink_ico.gif);
	background-repeat:no-repeat;
	background-position:center left;
	/* line */
	list-style:none;
}
ul#olink li
{
	/* prop */
	padding-left:15px;
	/* bg for mark*/
	background-image:url(img/olink_ico.gif);
	background-repeat:no-repeat;
	background-position:center left;
	/* line */
	list-style:none;
}
ul#nlink li
{
	/* prop */
	padding-left:15px;
	/* bg for mark*/
	background-image:url(img/nlink_ico.gif);
	background-repeat:no-repeat;
	background-position:center left;
	/* line */
	list-style:none;
}
ul#elink li
{
	/* prop */
	padding-left:15px;
	/* bg for mark*/
	background-image:url(img/elink_ico.gif);
	background-repeat:no-repeat;
	background-position:center left;
	/* line */
	list-style:none;
}

/* h */
h1 /* title */
{
	/* prop */
	width:420px;
	margin:0px;
	margin-top:14px;
	margin-bottom:10px;
	padding:2px;
	/* border */
	border:0;
	border-top:1px solid #000033;
	border-bottom:2px solid #003366;
	/* txt */
	color:#FFFFFF;
	font-size:14px;
}
h6 /* footer */
{
	/* prop */
	width:420px;
	margin:0px;
	margin-top:12px;
	margin-bottom:10px;
	padding:2px;
	/* border */
	border:0;
	border-top:1px solid #333333;
	/* txt */
	font-size:14px;
	font-style:normal;
	font-weight:normal;
}

/* div */
div
{
	/* prop */
	width:700px;
	margin:0 auto;
	margin-left:110px;
	padding:5px;
}
div#header
{
	/* prop */
	height:120px;
	margin-top:2%;
  /* bg */
	background-image:url(titleimg/madmp.jpg);
	background-repeat:no-repeat;
	background-position:center left;
	/* txt */
	vertical-align:middle;
}
div#main
{
}
div#footer
{
	/* prop */
	height:50px;
	/* txt */
	color:#333333;
	vertical-align:middle;
}

/* p */
p
{
	/* prop */
	margin:auto;
	padding:0;
}