.container {
	PADDING-BOTTOM: 16px
}
#logo {
	WIDTH: 200px; MARGIN-TOP: 20px; MARGIN-LEFT: auto; DISPLAY: block; MARGIN-RIGHT: auto
}
H1 {
	FONT-SIZE: 16px; MARGIN-BOTTOM: 20px; MARGIN-TOP: 10px; TEXT-ALIGN: center
}
H2 {
	FONT-SIZE: 20px; BORDER-BOTTOM: #0080ff 1px solid; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 30px; BORDER-LEFT: #0080ff 5px solid; TEXT-INDENT: -1em
}
A {
	COLOR: #0080ff
}
A:active {
	COLOR: #006edb
}
A:hover {
	COLOR: #006edb
}
.url {
	FONT-SIZE: 16px; CURSOR: pointer; TEXT-DECORATION: underline; COLOR: #0080ff
}
.url_box {
	MARGIN-BOTTOM: 10px; MARGIN-TOP: 10px
}
.url:active {
	COLOR: #006edb
}
.product {
	TEXT-ALIGN: center
}
IMG.arrow {
	WIDTH: 32px; MARGIN: 10px auto; DISPLAY: block
}
IMG.save {
	WIDTH: 24px; MARGIN-LEFT: 5px; MARGIN-RIGHT: 5px
}
IMG.hardware {
	WIDTH: 24px; MARGIN-LEFT: 10px
}
IMG.illust {
	BORDER-TOP: #222 1px solid; BORDER-RIGHT: #222 1px solid; WIDTH: 240px; BORDER-BOTTOM: #222 1px solid; BORDER-LEFT: #222 1px solid; MARGIN: 10px auto; DISPLAY: block
}
IMG.illust#triangle {
	WIDTH: 300px
}
SPAN.keyword {
	COLOR: #f50057
}
DIV.bar {
	MARGIN-TOP: 8px
}
DIV.bar SPAN {
	COLOR: #fff; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 8px; PADDING-RIGHT: 8px; BACKGROUND-COLOR: #f50057
}
UL {
	PADDING-LEFT: 1.5em
}
OL {
	PADDING-LEFT: 1.5em
}
OL.sub {
	LIST-STYLE-TYPE: none; PADDING-LEFT: 2.5em
}
OL.sub LI {
	COUNTER-INCREMENT: count; TEXT-INDENT: -1.5em
}
OL.sub LI:before {
	CONTENT: "(" counter(count) ") "
}
P.warning {
	PADDING-LEFT: 1em; TEXT-INDENT: -1em
}
P.warning:before {
	CONTENT: "�� "
}
UL.warning {
	LIST-STYLE-TYPE: none; MARGIN-TOP: 1em; PADDING-LEFT: 1.25em; TEXT-INDENT: -1.25em
}
UL.warning LI:before {
	CONTENT: "��"
}
.btn-material {
	FONT-SIZE: 14px; CURSOR: pointer; COLOR: white; PADDING-BOTTOM: 8px; PADDING-TOP: 8px; PADDING-LEFT: 14px; DISPLAY: inline-block; PADDING-RIGHT: 14px; BACKGROUND-COLOR: #0080ff; border-radius: 4px
}
.btn-material:active {
	BACKGROUND-COLOR: #006edb
}