@charset "Shift_JIS";

/* ======== BASIC ======== */
*{
margin:0;
padding:0;
font-family:Verdana, Helvetica, sans-serif;
line-height:180%;letter-spacing:1px;
font-weight:normal;
color:#eee;
}

#ground {
  background-image: url(image/pplogo08.gif);
  background-repeat: repeat;
  background-attachment: fixed;
}


br         {letter-spacing :normal;}
img        {border : 0;}
a          {color : #FFFFFF;text-decoration : none;}
a:hover    {color : #FFCC00;}

style3 {
	font-size: 7pt;
	color: #FFFFFF;
}

style4 {color: #FFFFFF}


$(function(){

	  $('#midground').css({backgroundPosition: '0px 0px'});
	  $('#foreground').css({backgroundPosition: '0px 0px'});
	  $('#background').css({backgroundPosition: '0px 0px'});

	$('#midground').animate({
		backgroundPosition:"(-10000px -2000px)"
	}, 240000, 'linear');

	$('#foreground').animate({
		backgroundPosition:"(-10000px -2000px)"
	}, 120000, 'linear');

	$('#background').animate({
		backgroundPosition:"(-10000px -2000px)"
	}, 480000, 'linear');

});


/* ======== TEMPLATE ======== */
/* wrapper */
#wrapper{
width      : 500px;
text-align : left;
}

/* header */
#header h1{
font-size:1.5em;
}

#header h1 a{
color           : #FFFFFF;
font-weight     : bold;
text-decoration : none;
}

#header a:hover{
color : #fff;
}

#menu li{
display : inline;
}

#menu li a{
color           : #eee;
text-decoration : none;
}


#menu li a:hover{
border-bottom : 2px solid #000;
color         : #68903C;
}

/* contents */
#contents{
margin : 10px;
}

#contents h2{
font-weight   : bold;
border-bottom : 1px solid #ccc;
font-size     : 1.0em;
}

#contents p{
margin:3px 10px 20px 10px;
}

#contents ul,ol,dl{
margin              : 5px 0 20px 10px;
list-style-position : inside;
padding-left        : 0;
}

/* footer */
#footer{
text-align : left;
border-top : 1px solid #999;
padding    : 10px;
}