@charset "shift_jis";

/* rule reset */
html, body, div, span, p, a, h1, h2, h3, h4 , h5, h6 {
	font-family: "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic",Osaka, Sans-Serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	margin: 0px;
	padding: 0px;
	outline: 0;
	border: 0;
}
body {
	text-align: center;
	background-color: #000000;
}

a {
	color:#5EB701;
}

h2 {
	font-size: 28px;
	color: a7f400;
	height: 35px;
	width: 800px;
	text-align: left;
	text-indent: 65px;
	padding-top: 30px;
	font-weight: bold;
}

/* rule set */
#all {
	text-align: center;
	height: auto;
	width: 800px;
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#all #line01 {
	clear: both;
	height: 8px;
	width: 800px;
	display: block;
	background-image: url(../images/line01.png);
	background-repeat: no-repeat;
}

#all .float_clear {
	clear: both;
	height: 0px;
	width: 0px;
	margin: 0px;
	padding: 0px;
	display: block;
}

/* header rule */
#summary {
	background-color: #434343;
	background-image: url(../images/surmary.png);
	background-repeat: no-repeat;
	display: block;
	width: 780px;
	height: 18px;
	font-size: 15px;
	color: #55CD12;
	letter-spacing: 0.1em;
	line-height: 17px;
	padding-left: 20px;
}


#title {
	display: block;
	height: 148px;
	width: 800px;
	color: #FFFFFF;
	font-size: 14px;
	text-align: right;
	background-image: url(../images/title.png);
	background-color: #A7F400;
}

/* content start*/
#all #green {
	color: #5BB600;
}

#catch {
	font-size: 48px;
	color: #FFFFFF;
	background-image: url(../images/catch.png);
	background-repeat: no-repeat;
	text-align: center;
	display: block;
	height: 155px;
	width: 673px;
	padding-top: 30px;
	margin-left: 65px;
}

#catch p {
	font-size: 48px;
	padding-bottom: 25px;
	font-weight: bold;
}

#all #enjoy {
	height: 67px;
	width: 273px;
	float: left;
	margin-left: 65px;
	text-align: left;
	padding-top: 15px;
	padding-right: 25px;
	padding-bottom: 25px;
	padding-left: 25px;
	display: inline;
}
#all #enjoy p {
	font-size: 19px;
	line-height: 30px;
}

#all #download {
	float: left;
	height: 72px;
	width: 348px;
	padding-top: 10px;
	display: inline;
}

#all #download img {
	border: 0;
}

#all #details {
	width: 800px;
	display: block;
	padding-top: 25px;
}

#all #details p {
	display: block;
	padding-top: 10px;
}

#all #details #p_movie {
	height: 260px;
	width: 300px;
	text-align: center;
	padding-left: 50px;
	float: left;
}

#all #details #p_movie a {
	height: 50px;
	width: 250px;
	display: block;
	line-height: 50px;
	color: #FFFFFF;
	background-image: url(../images/movie_off.png);
	background-repeat: no-repeat;
	text-decoration: none;
}

#all #details #p_movie a:hover {
	background-image: url(../images/movie_on.png);
}

#all #details #h_movie {
	font-size: 14px;
	color: #333333;
	width: 680px;
	float: none;
	text-align: center;
}

#all #details #annotation {
	font-size: 9px;
	color: #444444;
	width: 680px;
	text-align: center;
	float: left;
	padding-bottom: 30px;
}


#all #details a {
	font-size: 16px;
}


/* content system gaid */
#all #system_gaid {
	background-image: url(../images/gaid.png);
	background-repeat: no-repeat;
	height: 389px;
	width: 741px;
	margin-top: 30px;
	margin-left: 28px;
}
#all #system_gaid h2 {
	padding-top: 20px;
	text-indent: 13px;
}

#all #system_gaid #gray {
	color: #666666;
}

/* content roadmap */
#all #roadmap {
	background-color: #ffffff;
	margin-left: 28px;
	width: 772px;
	padding-top: 30px;
	padding-bottom: 80px;
}

#all #roadmap h2 {
	text-indent: 13px;
	height: 31px;
	width: 800px;
}

#all #roadmap #green {
	color: #5BB600;
}


#all #roadmap img {
	height: 279px;
	width: 742px;
	float: left;
	clear: left;
}

/* content creativecommons */
#all #cc {
	height: 44px;
	width: 755px;
	font-size: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 45px;
}
#all #cc img {
	float: left;
	height: 34px;
	width: 101px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 5px;
}
#all #cc p {
	font-size: 15px;
	color: #333333;
	height: 44px;
	width: 630px;
	text-align: left;
	line-height: 20px;
	padding-left: 15px;
	float: left;
	padding-top: 3px;
}
#all #footer {
	color: #FFFFFF;
	background-image: url(../images/footer.png);
	height: 88px;
	width: 800px;
	background-color: #5CE400;
	background-repeat: no-repeat;
	clear: left;
	padding-top: 14px;
	line-height: 18px;
}
#all #footer p {
	font-size: 15px;
	text-align: left;
	padding-left: 20px;
}
#all #footer #android_ed {
	letter-spacing: 0.2em;
	font-weight: bold;
}

#all #footer a {
	font-size: 13px;
	color: #FFFFFF;
	text-align: left;
	line-height: 16px;
}


#all #footer .nano {
	font-size: 10px;
	line-height: 12px;
	color: #C8FF60;
	padding-top: 10px;
}

#all #footer address {
	text-align: center;
	padding-top: 1px;
	font-size: 15px;
}