body 
{
  background-color:#F7E6AC;
  background-image:url(bg.png);
  background-repeat:repeat;
  font-family:Verdana, "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
	font-size:80%;
	margin-left:0px;
	margin-top:0px;
	margin-right:0px;
}

#navbar 
{
  margin:0px auto 0px auto;
  height:30px;
  color:#FFFFFF;
  background-image:url(bar.png);
  background-repeat:repeat;
}

#navcontent
{
  width:800px;
  margin:0px auto 0px auto;
}

#navlinks
{
  font-size:10px;
  color:#FFFFFF;
  float:right;
  margin-right:40px;
  margin-top:9px;
}

#navlinks a,
#navlinks a:link,
#navlinks a:visited,
#navlinks a:active
{
  text-decoration: none;
  color:#FFFFFF;
}

#navlinks a:hover
{
  text-decoration: underline;
}


#container 
{
  margin:10px auto 0px auto;
  width:800px;
}

#contents
{
  margin:20px 0px 0px 30px;
	width:450px;
	float:left;
	height:400px;
}

#info {
	float:inherit;
}

#rank {
	font-size:9px;
  font-weight:bold;
  color:#555555;
}

#appstore {
	float:right;
  margin-top:-33px;
}

#icon {
	 float:left;
	 margin-left:-15px;
	 margin-right:10px;
	 margin-top:7px;
}

.newicon {
  vertical-align:text-bottom;
}

#title {
	font-size:11px;
	font-weight:bold;
	line-height:18px;
  color:#333333;
  margin-top:10px;
  margin-bottom:7px;
}

#linkTitle {
	font-size:11px;
	font-weight:bold;
	line-height:18px;
  color:#333333;
  margin-top:10px;
  margin-bottom:7px;
}

#linkTitle a,
#linkTitle a:link,
#linkTitle a:visited,
#linkTitle a:active
{
  margin: 0px;
  font-weight: bold;
  text-decoration: none;
  border: none;
  color: #333333;
}

#helpTitle {
	font-size:11px;
	font-weight:bold;
	line-height:18px;
  color:#333333;
  margin-top:20px;
  margin-bottom:2px;
}

#helpTitle a,
#helpTitle a:link,
#helpTitle a:visited,
#helpTitle a:active
{
  margin: 0px;
  font-weight: bold;
  text-decoration: none;
  border: none;
  color: #333333;
}

#linkImage {
  margin-right:2px;
  vertical-align:text-top;
}

#featureTitle {
	font-size:11px;
	font-weight:bold;
	line-height:18px;
  color:#333333;
  margin-top:20px;
  margin-bottom:7px;
}

.features ul 
{
  margin-left: 5px; 
  padding-left: 5px;
}

.features li {
  margin-left: 5px; 
  padding-left: 5px;
}

#data {
	width:300px;
	margin-top:5px;
	font-size:11px;
	line-height:16px;
	color:#666666;
	float:left;
}

#links {
  margin-top:130px;
  font-size:11px;
  line-height:18px;
  color:#666666;
}

#links ul
{
  background: transparent;
  font-size: 11px;
  margin: 0px;
  padding: 0px 0px 0px 0px;
}

#links ul li
{
  margin: 0px;
  padding: 0px;
  display: inline;
  list-style-type: none;
  border-left: 1px solid #999999;
  padding: 0px 0px 2px 0px;
}

#links ul li.first { 
  border-left: 0 !important; padding-left: 0; margin-left: 0 !important; 
  font-weight:bold;
}

#links a,
#links a:link,
#links a:visited,
#links a:active
{
  margin: 0px;
  padding: 0px 10px 0px 10px;
  text-decoration: none;
  border: none;
  color: #F58517;
  font-size: 10px; 
}

#links a:hover
{
  text-decoration: underline;
}

#description {
  margin-top:140px;
  font-size:11px;
  line-height:18px;
  color:#666666;
}

#message {
	font-size:11px;
	font-weight:bold;
	line-height:18px;
  color:#FF0000;
  margin-bottom:7px;
}

.preview
{
  margin-top:-100px;
  margin-left:25px;
}

.bar
{
	margin-bottom:15px;
	height:10px;
	padding-left:17px;
}

.bar ul li
{
	float:left;
	display: inline;
	list-style-type: none;
}

.bar ul li a{
	width:10px;
	height:10px;
	margin-right:10px;
	text-indent: -1000em;
	float: left;
	background-image: url(dot.png);
	background-repeat: no-repeat;
}

.bar ul li a:hover{
	background:url(dot-sel.png) no-repeat left top;
}

.bar a.current
{
	background: url(dot-sel.png) no-repeat left top;
}

.textfield 
{ 
  border-color:#5da7d2; 
  border-style:solid; 
  border-width:thin;
  font-family:Verdana, "ＭＳ Ｐゴシック", sans-serif;
  font-size:10px; 
  width:450px;
  height:16px;
}

.textarea 
{ 
  height:80px; 
  width:450px;
  border-color:#5da7d2; 
  border-style:solid; 
  border-width:thin;
  font-family:Verdana, "ＭＳ Ｐゴシック", sans-serif;
  font-size:10px; 
} 

#screen
{
  margin:150px 0px 0px 0px;
	width:250px;
	height:400px;
	float:right;
	text-align:left;
}

#helpArea
{
  margin:160px 0px 0px 0px;
	width:250px;
	height:400px;
	float:right;
	text-align:left;
	font-size:10px;
	font-weight:normal;
	line-height:18px;
  color:#666666;
}

.gestureImage {
  float:right;
  margin-top:-20px;
  margin-left:20px;
}

#copyright {
  border-top-width:1px;
  border-top-style:solid;
  border-color:#666666;
  margin-top:30px;
  padding-top:10px;
  font-size:10px;
  color:#666666;
}

a {
	color:#FF0000;
}
a:link {
}
a:visited {
}