html{
	background-color:#108010;
	background-image:url(../image/pailist_green.gif);
	text-align:center;
}

body{
	margin:0;
	padding:0;
	width:98%;
	text-align:center;
	color:#000;
}

p {
	letter-spacing:0.1em;
	font-size:80%;
}

div
{
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
}

table{
	margin-left: auto;
	margin-right: auto;
}

div#main{
	margin:0;
	padding:0;
	width:800px;
	height:100%;
	background-image:url(../image/haikei_base.gif);
	background-position:1px 1px;
	background-repeat:no-repeat;
	background-color:#fff;
	border-left:2px solid #141;
	border-right:2px solid #040;
	border-bottom:1px solid #040;
	text-align:center;
	color:#000;
	margin-left: auto;
	margin-right: auto;
}

#header img {
	float:left;
	margin:10px 20px;
	border:none;
}

#header div {
	float:left;
	width:450px;
	margin:0 20px;
	padding:0;
	text-align:left;
}

#header p {
	margin:10px 20px;
	font-size:15px;
	font-weight:bold;
	color:#040;
}

p.right {
	clear:both;
	margin:5px 20px;
	font-size:90%;
	font-weight:bold;
	color:#060;
	text-align:right;
}

#header h1 {
	margin:18px 0 0 10px;
	font-size:28px;
	color:#030;
	border-bottom:2px solid #888;
}

hr {
	margin:0px;
	width:750px;
}

/* about */
div#about{
	clear:both;
	float:left;
	width:500px;
	margin:5px 10px;
	padding:0;
	text-align:left;
	color:#000;
}

#about h2 {
	margin:2px 10px 5px 10px;
	padding:8px 0 8px 32px;
	color:#70e;
	background-image:url(../image/common_title.gif);
	background-repeat:no-repeat;
	text-align:left;
	font-size:17px;
	font-weight:bold;
	letter-spacing:0.2em;
}

#about ul {
	margin:10px 10px 10px 10px;
}

#about ul li {
	margin:0 0 5px 40px;
	list-style-type:disc;
	font-size:80%;
	letter-spacing:0.1em;
}

div#about_img{
	float:right;
	width:210px;
	margin:50px 20px 10px 10px;
}

/* play */
div#play{
	clear:both;
	margin:5px 30px;
	padding:0;
	text-align:left;
	color:#000;
	border:solid 2px #129;
}

#play h2 {
	margin:0 0 0 0;
	padding:4px 6px;
	color:#ffb;
	background-color:#129;
	text-align:left;
	font-size:16px;
	font-weight:bold;
	letter-spacing:0.3em;
}

#play h3 {
	clear:both;
	margin:2px 10px 5px 10px;
	padding:8px 0 8px 32px;
	color:#70e;
	background-image:url(../image/common_title.gif);
	background-repeat:no-repeat;
	text-align:left;
	font-size:17px;
	font-weight:bold;
	letter-spacing:0.2em;
}

#play p {
	margin:5px 20px;
	letter-spacing:0.1em;
}

#play p.left {
	margin:5px 10px;
	float:left;
	width:600px;
}

/* trialcard */
div#trialcard{
	clear:both;
	margin:10px;
	padding:0;
	text-align:left;
	color:#000;
}

#trialcard h2 {
	margin:2px 5px;
	color:#e21;
	font-size:17px;
	font-weight:bold;
	letter-spacing:0.2em;
	text-align:center;
}

div#trialcard p {
	margin:5px 10px;
	text-align:left;
}

#trialcard img#card1 {
	float:left;
	width:244px;
	margin:5px 10px 0 40px;
}

div#trialcard img#card2 {
	float:left;
	width:237px;
	margin:9px 10px;
}

div#trialcard div.right {
	float:right;
	margin:100px 20px 0 0;
	font-size:90%;
}


/* ispguide */
div#ispguide{
	clear:both;
	margin:5px 30px;
	padding:0 0 10px 0;
	height:120px;
	text-align:left;
	color:#000;
	border:solid 2px #129;
}

#ispguide h2 {
	margin:0 0 0 0;
	padding:4px 6px;
	color:#ffb;
	background-color:#129;
	text-align:left;
	font-size:16px;
	font-weight:bold;
	letter-spacing:0.3em;
}

#ispguide ul {
	margin:5px 10px;
}

#ispguide li {
	float:left;
	list-style:none;
	white-space:nowrap;
	margin:0px 20px 0px 5px;
	padding:2px;
	width:130px;
}

#ispguide p {
	clear:both;
	margin:0;
}

#ispguide #ispjks li {
	float:left;
	margin:0 10px;
	white-space:nowrap;
	font-size:75%;
	text-align:left;
}

/* footer */
div#footer {
	clear:both;
	width:790px;
}

#footer div {
	font-size:75%;
	color:#333;
}

#footer p {
	margin:7px;
	font-size:11px;
	letter-spacing:0;
	text-align:center;
}
