/* 
---------------------------------------------------- */
#wrapper {
	width: 750px;
	margin-left: 45px;
  background: #E6E6E6 url(../../images/top/top_back.gif) repeat-y;
}


/* ---------------------------------------------------- */
#cover {
  margin: 0;
  width: 749px;
  height: 224px;			}
/*---------------------------------------------------- */
#gnavi img {
display:none;
	}

#gnavi {
	margin: 0;
	padding: 0;
	width: 749px;
	height: 66px;
	background-image: url(../images/m_back.gif);
	background-repeat: no-repeat;
	left: 46px;
}
#gnavi ul {
  margin: 0;
  list-style: none;
}
#gnavi li {
	margin: 0;
	padding: 0;
	position: absolute;
	text-indent: -9999px;
	height: 66px;
}
#gnavi li.about      {
	background:  url("../images/m01.gif") no-repeat;
	left: 45px;
	width: 188px;
	top: 288px;
 }
#gnavi li.what    {   
	background:  url("../images/m02.gif") no-repeat;
	width: 187px;
	left: 233px;
	top: 288px;
 }
#gnavi li.area  {   
	background:  url("../images/m03.gif") no-repeat;
	width: 188px;
 	left: 420px;
	top: 288px;
}
#gnavi li.system  {   
	background:  url("../images/m04.gif") no-repeat;
	width: 186px;
 	left: 608px;
	top: 288px;
}
#gnavi li.about a:hover {
	background:  url("../images/m01_on.gif") no-repeat;
 }
#gnavi li.what a:hover     {   
	background:  url("../images/m02_on.gif") no-repeat;
 }
#gnavi li.area a:hover  {   
	background:  url("../images/m03_on.gif") no-repeat;
}
#gnavi li.system a:hover      {
	background:  url("../images/m04_on.gif") no-repeat;
 }
#gnavi li a {
  text-decoration: none;		
  display: block;
  height: 66px;
}
/*---------------------------------------------------- */
main{
  background: url(../images/top/back.gif) no-repeat;
}

/*---------------------------------------------------- */
#content {
float: left;
  margin: 10px 0 0 15px;
  width: 300px;	}
#content h2 {
  margin: 0;
  padding: 0;
  height: 25px;
}

#content p {
	font-size: 10px;
	color: #666666;
}

#whatsnew
{ width: 300px;
}
#whatsnew p.w {
  width: 300px;
	margin: 0px;
	padding: 0px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #666666;
}

#whatsnew p.w1 {
  width: 290px;
	font-size: 11px;
	color: #666666;
	background-color: #EBEBEB;
	padding: 5px;
	margin: 0px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #666666;
}
#whatsnew p.w2 {
  width: 290px;
	font-size: 11px;
	color: #666666;
	background-color: #f5f5f5;
	padding: 5px;
	margin: 0px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #666666;
}

#kaiin h2 {
  width: 137px;
	margin: 0;
	padding: 0;	}
#kaiin td {
	font-size: 10px;
	color: #666666;
}

.counter {
	float: left;
	border: 1px solid #333333;
}
p{
	margin: 0;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
.blue {
	margin-top: 10px;
	font-size: 10px;
	color: #0091C8;
}


/*---------------------------------------------------- */
#content2 {
	float: right;
  margin: 10px 0 0 10px;
  width: 405px;}
#content2 h2 {
  margin: 0;
  padding: 0;
  height: 20px;
}
#content2 a, #content img{		
 display: block;
}
#content2 div{
	float:left;
	width:190px;
	margin-top: 5px;
	margin-right: 5px;
}

#content2 h3 {
  margin: 0;
  padding: 0;
  height: 31px;
}

#content2 p {
	margin: 0 0 0px;
	width: 186px;
	font-size: 10px;
	line-height: 1.4;
	background-color: #f5f5f5;
	padding: 3px;
}