/* Reset 1.0
------------------------------------------------ */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
	font-family:'メイリオ', 'Meiryo', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Osaka', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size:100%;
	letter-spacing:0.1em;
	font-weight:normal;
	text-decoration:none;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}
ol, ul {
	list-style:none;
}
caption, th {
	text-align:left;
}
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
}
/* blockbreaker
------------------------------------------------ */
body {
	background-color:#ffffff;
	color:#333333;
}
#page_area {
	width:640px;
	height:480px;
	margin:0px auto;
	background-image:url(layout.png);
}
#page {
	position:relative;
	margin:0px;
}
#view_area {
	position:absolute;
	top:10px;
	left:10px;
	width:384px;
	height:384px;
	padding:14px 0px 0px 15px;
}
#view {
	width:384px;
	height:384px;
}
.block {
	float:left;
	width:48px;
	height:48px;
	font-size:17px;
	color:#200404;
}
.color1.pattern1 {
	background-image:url(blocks.png);
	background-position:192px 288px;
}
.color1.pattern2 {
	background-image:url(blocks.png);
	background-position:192px 240px;
}
.color1.pattern3 {
	background-image:url(blocks.png);
	background-position:192px 192px;
}
.color1.pattern4 {
	background-image:url(blocks.png);
	background-position:192px 144px;
}
.color1.pattern5 {
	background-image:url(blocks.png);
	background-position:192px 96px;
}
.color1.pattern6 {
	background-image:url(blocks.png);
	background-position:192px 48px;
}
.color2.pattern1 {
	background-image:url(blocks.png);
	background-position:144px 288px;
}
.color2.pattern2 {
	background-image:url(blocks.png);
	background-position:144px 240px;
}
.color2.pattern3 {
	background-image:url(blocks.png);
	background-position:144px 192px;
}
.color2.pattern4 {
	background-image:url(blocks.png);
	background-position:144px 144px;
}
.color2.pattern5 {
	background-image:url(blocks.png);
	background-position:144px 96px;
}
.color2.pattern6 {
	background-image:url(blocks.png);
	background-position:144px 48px;
}
.color3.pattern1 {
	background-image:url(blocks.png);
	background-position:96px 288px;
}
.color3.pattern2 {
	background-image:url(blocks.png);
	background-position:96px 240px;
}
.color3.pattern3 {
	background-image:url(blocks.png);
	background-position:96px 192px;
}
.color3.pattern4 {
	background-image:url(blocks.png);
	background-position:96px 144px;
}
.color3.pattern5 {
	background-image:url(blocks.png);
	background-position:96px 96px;
}
.color3.pattern6 {
	background-image:url(blocks.png);
	background-position:96px 48px;
}
.color4.pattern1 {
	background-image:url(blocks.png);
	background-position:48px 288px;
}
.color4.pattern2 {
	background-image:url(blocks.png);
	background-position:48px 240px;
}
.color4.pattern3 {
	background-image:url(blocks.png);
	background-position:48px 192px;
}
.color4.pattern4 {
	background-image:url(blocks.png);
	background-position:48px 144px;
}
.color4.pattern5 {
	background-image:url(blocks.png);
	background-position:48px 96px;
}
.color4.pattern6 {
	background-image:url(blocks.png);
	background-position:48px 48px;
}
.clearboth {
	clear:both;
}
.score {
	text-align:right;
}
#hi_score_area {
	position:absolute;
	top:165px;
	left:454px;
	width:156px;
}
#hi_score_area div {
	font-size:18px;
	font-weight:bold;
	height:18px;
	line-height:18px;
}
#score_area {
	position:absolute;
	top:203px;
	left:454px;
	width:156px;
}
#score_area div {
	font-size:18px;
	font-weight:bold;
	height:18px;
	line-height:18px;
}
#hit_area {
	position:absolute;
	top:260px;
	left:470px;
	width:124px;
}
#hit_area div {
	font-size:15px;
	font-weight:bold;
	height:15px;
	line-height:15px;
}
#point_area {
	position:absolute;
	top:290px;
	left:470px;
	width:124px;
}
#point_area div {
	font-size:15px;
	font-weight:bold;
	height:15px;
	line-height:15px;
}
#bonus_area {
	position:absolute;
	top:320px;
	left:470px;
	width:124px;
}
#bonus_area div {
	font-size:15px;
	font-weight:bold;
	height:15px;
	line-height:15px;
}
#total_area {
	position:absolute;
	top:350px;
	left:470px;
	width:124px;
}
#total_area div {
	font-size:15px;
	font-weight:bold;
	height:15px;
	line-height:15px;
}
#message_area {
	position:absolute;
	top:409px;
	left:454px;
	width:156px;
}
#message_area div {
	font-size:22px;
	font-weight:bold;
	height:22px;
	line-height:22px;
	text-align:center;
}
#pow_area {
	position:absolute;
	top:440px;
	left:138px;
}
#pow_area div {
	float:left;
	font-size:18px;
	font-weight:bold;
}
#restart {
	display:none;
}
.pow_block_on {
	width:28px;
	height:22px;
	background-image:url(power.png);
	background-position:28px 22px;
}
.pow_block_off {
	width:28px;
	height:22px;
	background-image:url(power.png);
	background-position:28px 44px;
}


#moritapo_area {
	width:640px;
	margin:0px auto;
	text-align:center;
	font-size:14px;
	color:#600;	
}
.message{
	font-size:12px;
	color:#060;
}
