*
{
	margin:0;
	padding:0;
}

html
{
	background-color:#105810;
	background-image:url(../image/pailist_green.gif);
	text-align:center;
}

body {
	width:98%;
	text-align:center;
}

div{
	margin-left: auto;
	margin-right: auto;
/*	background-color:Transparent;
	border:solid 2px #FF0000;*/
}

div#body{
	width:800px;
	height:100%;
	background-color:#FFFFFF;
	border-left:2px solid #141;
	border-right:2px solid #040;
	border-bottom:1px solid #040;
	text-align:center;
	color:#000;
}

table {
	margin-left: auto;
	margin-right: auto;
}

hr {
	width:760px;
	height:2px;
	margin:5px;
	clear:both;
}

h1 {
	font-size:95%;
	color:#fff;
	letter-spacing:0.2em;
}

h1 a {
	color:#fff;
}
	
h2 {
	margin:6px 0 5px 0;
	font-size:90%;
	color:#000;
	letter-spacing:0.1em;
}

span.new {
	margin:0 6px;
	font-family:helvetica,sans-serif,osaka;
	font-size:12px;
	font-weight:bold;
	font-style:italic;
	letter-spacing:0;
	color:#000;
	background-color:#ff0;
}

span.warn {
	color:#f00;
}

table th {
	white-space:nowrap 
}

p.right {
	text-align:right;
}

p.center {
	text-align:center;
}


/* header */
div#header {
	width:798px;
	height:70px;
	background:#ffd;
}

div#logo {
	padding:5px 0 0 0;
	width:140px;
	float:left;
	text-align:center;
}

#logo img {
	width:120px;
	height:48px;
	border:none;
}

#logo div {
	font-size:10px;
	letter-spacing:0;
	color:#088;
}

div#banner {
	width:480px;
	float:left;
	text-align:right;
	padding:5px 0 0 0;
}

#banner img {
	width:468px;
	height:60px;
	border:solid 1px #ccc;
}

div#isplogo {
	float:right;
	height:60px;
	margin:10px 5px 0 0;
	font-size: 12px;
}

/* menu */
div#menu {
	width:798px;
	background:#333399;
	border:solid 1px #CCCCCC;
}

#menu ul {
	font-size:77%;
	background:#333399;
}

#menu li {
	float:left;
	height:24px;
	list-style:none;
	border-right:solid 1px #ccc;
	white-space:nowrap;
	background:#333399;
}

#menu li.last {
	float:right;
	border:none;
}

#menu a, #menu a:link, #menu a:visited {
	width:87px;
	padding:6px 0 5px 0;
	text-decoration:none;
	color:#ff4;
	background:#333399;
	display:block;
}

#menu a:hover {
	text-decoration:underline;
	padding:5px 0 6px 0;
	font-weight:bold;
}

/* container */
div#container {
	clear:both;
	width:796px;
	height:100%;
	margin:0;
	padding:0;
	background-position:0px 1px;
	background-repeat:no-repeat;
	background-image:url(../image/haikei_base.gif);
}
/* main */
div#main {
	float:left;
	width:590px;
	margin:8px 0 0 6px;
	padding:0;
	background-color:Transparent;
}

#main div {
	clear:both;
	margin:0 0 6px 0;
/*	height:140px; */
	background-color:#fff;
	border:solid 1px #393;
	text-align:left;
}

#main div h1 {
	margin:0;
	padding:3px 10px;
	background-color:#393;
	color:#fff;
	text-align:left;
}

#main ul {
	list-style:none;
	margin:5px 10px;
}

#main li {
	margin:3px 0 2px 0;
	font-size:84%;
	letter-spacing:0;
}

#main li span {
	margin:0 13px 0 0;
}

#main p
{
	font-size:80%;
	letter-spacing:0.1em;
}

/* campaign */
#main p#campaign
{
	margin:5px 0;
	padding:0;
	font-size:90%;
	font-weight:bold;
}

/* starat_isp */
#main div#start_isp {
	margin:10px;
	padding:1px;
	height:40px;
	background-color:#181;
	border:solid 2px #ccc;
}

#main #start_isp img {
	float:left;
	margin:3px;
	border:solid 2px #ccc;
}

#main #start_isp form {
	float:left;
	margin:3px;
	padding:0;
}

#main #start_isp p {
	float:left;
	margin:3px 10px;
	padding:0;
	color:#fff;
	font-size:85%;
	font-weight:normal;
}

#main #start_isp p span 
{
	margin:0 0 0 10px;
	font-weight:bold;
	color:#ff0;
}

#main div#start_isp div#jmseA1005_26920 {
	float:left;
	width:156px;
	background-color:#181;
	border:none;
}


/* main_pr */
#main div#main_pr {
	margin:5px 10px;
	padding: 10px;
/*	height:150px; */
	background-image:url(../image/seiseki_top.jpg);
	background-position:300px 35px;
	background-repeat: no-repeat;
	background-color:transparent;
	border:none;
}

#main #main_pr img {
	float:right;
	width:150px;
/*	height:112px; */
	border:none;
	margin:10px 5px;
}

#main #main_pr ul {
	list-style:none;
	margin:10px;
}

#main #main_pr li {
	margin:0 0 9px 5px;
	padding-left:15px;
	background-image:url(../image/hai_s_b1.gif);
	background-position:left;
	background-repeat:no-repeat;
	font-size:90%;
	letter-spacing:0.05em;
	color:#000;
}
	
#main #main_pr a {
	text-decoration:none;
}

#main #main_pr p {
	float:right;
	margin:5px 0px;
	padding: 2px;
	font-weight:bold;
	text-align:right;
}

/* info */
#main div#info {
	border:solid 2px #129;
}

#main #info h1 {
	background-color:#129;
	color:#ffb;
	text-align:center;
	font-size:120%;
}

#main #info h2 {
	margin:5px 10px 0 5px;
	padding:10px;
	color:#444;
}

#main #info p {
	margin:0px 10px 10px 30px;
	font-size:80%;
	line-height:130%;
	letter-spacing:0.05em;
}

#main #info p.summary {
	margin:10px;
}

#main #info ul {
	margin:5px 10px 20px 10px;
}

#main #info ol {
	margin:5px 10px 20px 10px;
}
#main #info ol li {
	margin:0 0 3px 45px;
	font-size:72%;
	letter-spacing:0.05em;
}

#main #info ol#index {
	margin:15px 10px 10px 180px;
}

#main #info ol#index li {
	margin:0 0 0px 40px;
}

#main #info ul li {
	margin:0 0 5px 20px;
	padding:0 0 0 15px;
	background-image:url(../image/hai_s_b1.gif);
	background-position:0 2px;
	background-repeat:no-repeat;
}

#main #info li p {
	margin:5px 10px 20px 100px;
	text-align:right;
	font-size:95%;
}

#main #info p.about {
	margin:5px 10px 5px 5px;
	text-align:left;
	letter-spacing:0.15em;
}

#main #info #present li {
	margin:0 0 0 45px;
	padding:0;
	background:none;
	list-style:decimal;
	font-size:80%;
	letter-spacing:0;
}

#main #info table {
	margin:10px 30px;
	text-align:center;
}

#main #info th {
	font-weight:normal;
	text-align:right;
}

#main #info td {
	text-align:left;
	padding:0 20px 0 5px;
}

#main #info form {
	padding:3px;
}

#main #info input {
	background-color:#bcd;
	padding:2px;
}


#main #info div#jmseA1005_26920 {
	margin-left:100px;
	width:150px;
	border:none;
}

/* about */
#main div#about {
	border:solid 2px #800;
	background-color:#efe;
}

#main #about h1 {
	background-color:#800;
	color:#ffb;
	text-align:center;
	font-size:120%;
}

#main #about h2 {
	margin:20px 10px 10px 10px;
	color:#444;
}

#main #about h3 {
	margin:10px 30px;
	color:#444;
	font-size:80%;
}

#main #about ul {
	margin:10px 10px 30px 10px;
}

#main #about ul ul,ol {
	margin:5px;
	font-size:110%;
}

#main #about ul li {
	margin:0 0 0 40px;
	list-style-type:disc;
}

#main #about ol {
	margin:10px 10px 5px 10px;
}

#main #about ol li {
	margin:0 0 4px 40px;
	list-style-type:decimal;
}

#main #about table {
	margin:10px;
	width:500px;
	background:#fff;
	border:ridge 2px;
	border-collapse:collapse;
	text-align:left;
	font-size:90%;
	line-height:120%;
	letter-spacing:0.1em;
}

#main #about th.title {
	color:#fff;
	background:#030;
	border:ridge 2px;
	font-size:120%;
	text-align:center;
}

#main #about th {
	padding:6px 10px;
	background:#bfa;
	border:ridge 2px;
	font-weight:normal;
}

#main #about td {
	padding:5px;
	background:#fff;
	border:ridge 2px;
}

#main #about td.info {
	padding-left:5px;
}

#main #about td.name {
	padding:3px 10px;
	background:#efb;
}

#main #about td.sub {
	padding-left:18px;
	background:#efd;
}

#main #about td.mark {
	text-align:center;
}

#main #about table#rank {
	text-align:center;
}

#main #about #rank th.title {
	padding:10px 5px;
	font-size:120%;
	color:#fff;
	background:#030;
}

#main #about #rank th.meijin {
	padding:6px 10px;
	font-size:180%;
	font-weight:bold;
	color:#222;
	background:#fe2;
}

#main #about #rank th.dan {
	padding:4px 10px;
	font-size:140%;
	font-weight:bold;
	color:#222;
	background:#ddd;
}

#main #about #rank th {
	padding:2px 10px;
	color:#000;
	background:#bfa;
}

#main #about #rank td.point{
	background:#fff;
}

#main #about #rank td.rate {
	background:#efe;
}

#main #about p {
	margin:10px 30px;
 	font-weight:normal;
 	font-size:100%;
}

/* title */
#main div#title {
	background-color:#ffe;
	border:solid 2px #080;
	text-align:center;
}

#main #title h1 {
	background-color:#080;
	color:#ffb;
	text-align:center;
	font-size:120%;
}

#main #title div {
	background-color:transparent;
	margin:10px 0 5px 0;
	text-align:center;
	height:auto;
	border:none;
}

#main #title div.title {
	font-weight:bold;
}

#main #title div.date {
	margin:3px 0 0 0;
	color:#048;
}

#main #title div.info {
	margin:0 0 5px 0;
	font-size:80%;
}

#main #title table {
	width:540px;
	margin:15px 20px 10px 20px;
	background:#fff;
	border-collapse:collapse;
	color: #000;
	line-height:120%
}

#main #title th {
	padding:2px;
	background:#030;
	border:ridge 2px;
	border-collapse:collapse;
	font-size:90%;
	color: #ff8;
	white-space:nowrap 
}

#main #title th.title {
	padding:4px;
	background:#808;
}

#main #title td {
	padding:2px;
	border:ridge 2px;
	border-collapse:collapse;
	font-size:84%;
}

#main #title ul {
	margin:20px;
}


#main #title p {
	margin:10px 0;
}

/* dataroom */
#main div#dataroom {
	border:solid 2px #600;
	padding-bottom:15px;
}

#main #dataroom h1 {
	background-color:#600;
	color:#ffb;
	text-align:center;
	font-size:120%;
}

#main #dataroom h2 {
	margin:25px 20px 10px 20px;
}

#main #dataroom h3 {
	margin:20px 20px 10px 30px;
	font-size:84%;
	letter-spacing:0.1em;
}

#main #dataroom h4 {
	margin:20px 20px 8px 50px;
	font-size:84%;
	letter-spacing:0;
}

#main #dataroom  ul {
	margin:0 25px 10px 30px;
	list-style-type:disc;
}

#main #dataroom  ol {
	margin:0 25px 10px 40px;
}

#main #dataroom  li {
	margin-left:30px;
	font-size:84%;
}

#main #dataroom p {
	margin:2px 10px 0 25px;
	letter-spacing:0.05em;
	line-height:130%;
	text-indent:1em;
}

#main #dataroom p.label {
	margin:10px 30px 3px 40px;
	text-indent:0;
}

#main #dataroom p.data {
	margin:0px 30px 5px 50px;
	text-indent:0;
}

#main #dataroom p.exp {
	margin:20px 10px 20px 60px;
	text-indent:0;
}

#main #dataroom img {
	margin:0 0 5px 36px;
}

#main #dataroom table {
	margin:4px 5px 10px 5px;
	background-color:#999;
	text-align:center;
	line-height:130%;
}

#main #dataroom th {
	padding:4px;
	background:#fdd;
	color:#222;
	text-align:left;
}

#main #dataroom th.label {
	background:#aea;
	text-align:center;
}

#main #dataroom th.title {
	background:#aea;
}

#main #dataroom td {
	padding:4px 8px;
	background:#ffe;
	text-align:center;
}

#main #dataroom div {
	background-color:transparent;
	margin:10px 0;
	text-align:center;
	height:auto;
	border:none;
	font-size:84%;
}

#main #dataroom div.title {
	font-weight:bold;
	font-size:110%;
}

#main #dataroom div.date {
	margin:3px 0 0 0;
	color:#048;
	font-size:100%;
}

#main #dataroom div.info {
	font-size:100%;
}


/* gamelog */
#main div#gamelog {
	border:solid 2px #030;
	padding-bottom:30px;
}

#main #gamelog h1 {
	background-color:#030;
	color:#ffb;
	text-align:center;
	font-size:120%;
}

#main #gamelog form {
	text-align:center;
	margin:10px;
}

#main #gamelog p {
	margin:20px 10px 0 25px;
	letter-spacing:0.1em;
	line-height:130%;
}

#main #gamelog table {
	width:540px;
	margin:0;
	background:#fc5;
	color: #000;
}

#main #gamelog th {
	padding:3px;
	background:#030;
	border:none;
	font-size:90%;
	color: #ff8;
}

#main #gamelog td {
	padding:3px;
	background:#9c9;
	border:none;
	font-size:84%;
}

#main #gamelog td.info {
	background:#fff;
	text-align:left;
}


/* pro */
#main div#pro {
	background:transparent;
	border:none;
	text-align:left;
}

#main #pro h1 {
	margin:0;
	background:transparent;
}

#main #pro h2 {
	margin:5px 10px;
	font-weight:normal;
	letter-spacing:0.15em;
}

#main #pro div {
	margin:20px 10px;
	width:580px;
	background:transparent;
	border:none;
}

#main #pro img.pro_logo {
	float:left;
}

#main #pro div div {
	float:left;
	margin:5px 0;
	width:450px;
	background:transparent;
/*	border: solid 1px #F00;*/
}

#main #pro img.pro_face {
  float: right;
	margin: 0px 20px 0 5px;
/*	position: relative;
	top: -30px;*/
}

#main #pro ul {
	margin:0 0 0 15px;
}

#main #pro li {
	margin:0;
	letter-spacing:0.05em;
	color:#000;
}

#main #pro li p {
	margin:0 0 0 60px;
	font-size:100%;
}


/* side */
div#side {
	float:right;
	width:180px;
	margin:15px 0 0 0;
	padding:0;
	font-size:84%;
	letter-spacing:0;
	text-align:left;
}

#side div {
	margin:0 0 4px 0;
	background-color:#fff;
	color:#000;
	border:solid 1px #e55;
}

#side div#serverinfo {
	border:solid 1px #c33;
}

#side div#side_ad {
	margin:10px 0;
	background:transparent;
	border:none;
	text-align:center;
}

#side #side_ad img {
	margin:0;
	width:127px;
	height:62px;
	border:none;
}

#side div h1 {
	padding:3px 6px;
	background:#e55;
	color:#fff;
	letter-spacing:0.051em;
}

#side div#serverinfo h1 {
	background:#c33;
}

#side p {
	margin:5px 6px;
	padding:0;
	letter-spacing:0;
}

#side h2 {
	margin:5px 10px;
}

#side ul {
	list-style:none;
	margin:8px;
}

#side li {
	background-image:url(../image/hai_s_b1.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding:2px 0 3px 15px;
}

#side img {
	width:88px;
	height:31px;
	border:none;
	margin:0 0 3px 40px;
}

/* ispguide */
div#ispguide {
	clear:both;
	width:750px;
	padding: 0 0 25px 0;
	background-color:#fff;
	border:solid 2px #393;
}

#ispguide h1 {
	padding:4px;
	background:#393;
}

#ispguide ul {
	margin:5px 10px;
}

#ispguide li {
	float:left;
	list-style:none;
	white-space:nowrap;
	margin:0 20px 0 0;
	width:140px;
}

#ispguide ul#ispjks {
	clear:both;
	margin:5px;
}

#ispguide #ispjks li {
	float:left;
	margin:0 10px;
	white-space:nowrap;
	font-size:75%;
	text-align:left;
}

/* ispguide_dion */
div#ispguide_dion {
	clear:both;
	width:750px;
	background-color:#fff;
	border:solid 2px #c96;
	text-align:left;
	font-size:84%;
}

#ispguide_dion h1 {
	padding:4px;
	background:#c96;
}

#ispguide_dion h2 {
	padding:3px 8px;
}

#ispguide_dion ul {
	margin:0px 30px;
}

#ispguide_dion li {
	list-style-type:decimal;
}

#ispguide_dion p {
	margin:8px 10px;
}

/* ispguide_odn */
div#ispguide_odn {
	clear:both;
	width:750px;
	text-align:center;
	font-size:84%;
}

#ispguide_odn ul {
	margin:0 0 0 30px;
}

#ispguide_odn li {
	text-align:left;
	margin:0;
}

/* ispguide_ocn */
div#ispguide_ocn {
	clear:both;
	width:750px;
	text-align:center;
	font-size:84%;
}

#ispguide_ocn ul {
	margin:0 0 0 30px;
}

#ispguide_ocn li {
	text-align:left;
	margin:0;
}

/* 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;
}
